{"title":"Najel","description":"\u003cdiv class=\"collection-content\"\u003e\n\u003c!-- Introduction --\u003e\n\u003cp\u003eSavons d'Alep traditionnels, argiles purifiantes, beurres bruts, huiles précieuses et soins orientaux : \u003cstrong\u003eNajel\u003c\/strong\u003e est une invitation à ralentir, à prendre soin de sa peau naturellement, en renouant avec des gestes simples, efficaces, ancestraux. Chez Naturellement Bio, on a un vrai faible pour cette marque franco-syrienne authentique, à la frontière entre savoir-faire artisanal et exigences bio modernes.\u003c\/p\u003e\n\u003c!-- H2 1 - Origines \u0026 héritage --\u003e\n\u003ch2\u003eNajel, l'âme du savon d'Alep\u003c\/h2\u003e\n\u003cp\u003eDepuis quatre générations, la famille Al Najjar fabrique à Alep des savons naturels à base d'huile d'olive et d'huile de baies de laurier. Rien de plus, rien de trop. Le savon d'Alep est l'un des plus vieux savons du monde, et chez Najel, il est toujours préparé selon la méthode traditionnelle : cuisson au chaudron, séchage lent, découpe à la main. Un rituel millénaire, transmis sans artifices.\u003c\/p\u003e\n\u003cp\u003eLes produits sont ensuite conditionnés dans le laboratoire de la marque à \u003cstrong\u003eLyon\u003c\/strong\u003e, pour répondre aux standards cosmétiques français et garantir une qualité irréprochable. Le résultat ? Des soins simples, efficaces, et respectueux de toutes les peaux – même les plus sensibles. Une cosmétique naturelle qui puise dans la tradition orientale pour offrir le meilleur à votre peau.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003c!-- H2 2 - Une gamme riche et sensorielle --\u003e\n\u003ch2\u003eUne cosmétique inspirée du hammam et de la tradition orientale\u003c\/h2\u003e\n\u003cp\u003eNajel, ce n'est pas qu'un savon mythique. C'est un art de vivre venu d'Orient, avec des soins pour le visage, le corps, les cheveux et même la maison. Des \u003cstrong\u003eargiles en poudre\u003c\/strong\u003e aux \u003cstrong\u003ebaumes à lèvres bio\u003c\/strong\u003e, en passant par les eaux florales et les crèmes visage, la gamme couvre tous les besoins d'une routine beauté naturelle et sensorielle.\u003c\/p\u003e\n\u003ch3\u003eLes soins pour le visage : des formules épurées et efficaces\u003c\/h3\u003e\n\u003cp\u003eLe visage mérite des soins doux, sans ingrédients superflus. Najel l'a bien compris avec une gamme de soins visage pensée pour chaque type de peau :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003ca href=\"\/products\/creme-hydratante-bio-najel\"\u003eLa crème hydratante à l'huile d'olive et aux baies de laurier\u003c\/a\u003e : un soin quotidien qui nourrit et protège les peaux normales à sèches, fidèle aux ingrédients signature de la marque.\u003c\/li\u003e\n\u003cli\u003e\n\u003ca href=\"\/products\/creme-raffermissante-anti-age-bio-najel\"\u003eLa crème raffermissante anti-âge\u003c\/a\u003e : formulée pour les peaux matures en quête de fermeté, elle complète idéalement l'action de l'huile de figue de barbarie.\u003c\/li\u003e\n\u003cli\u003e\n\u003ca href=\"\/products\/baume-levres-parfum-coco-najel\"\u003eLe baume à lèvres bio au coco\u003c\/a\u003e et \u003ca href=\"\/products\/baume-a-levres-vanille-certifie-bio-12-g-najel\"\u003ele baume à lèvres vanille\u003c\/a\u003e : certifiés bio, ces baumes nomades protègent et nourrissent les lèvres avec des textures fondantes et sensorielles. Parfaits à glisser dans un sac.\u003c\/li\u003e\n\u003cli\u003e\n\u003ca href=\"\/products\/eau-florale-rose-de-damas-200-ml-najel\"\u003eL'eau florale de rose de Damas\u003c\/a\u003e : une brume apaisante et légèrement astringente, idéale en tonique après le nettoyage.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eLes argiles pour les rituels de purification\u003c\/h3\u003e\n\u003cp\u003eLes argiles occupent une place centrale dans les rituels de beauté orientaux. Utilisées en masque sur le visage ou les cheveux, elles purifient, reminéralisent et rééquilibrent la peau en douceur. Najel propose deux références complémentaires :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003ca href=\"\/products\/argile-rouge-poudre-najel\"\u003eL'argile rouge en poudre\u003c\/a\u003e : idéale pour les peaux normales à sèches, elle revitalise le teint terne et apporte un effet bonne mine grâce à sa richesse en oxydes de fer. En masque, elle est aussi reminéralisante et douce pour les cuirs chevelus sensibles.\u003c\/li\u003e\n\u003cli\u003e\n\u003ca href=\"\/products\/argile-verte-najel\"\u003eL'argile verte pour les peaux grasses\u003c\/a\u003e : ultra-absorbante, elle régule l'excès de sébum, resserre les pores et nettoie en profondeur. C'est l'argile de référence pour les peaux mixtes à grasses sujettes aux imperfections.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eLes soins pour le corps : beurres, baumes et déodorants naturels\u003c\/h3\u003e\n\u003cp\u003ePour le corps, Najel mise sur des textures généreuses et des formules sans compromis :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eLe \u003ca href=\"\/products\/savon-dalep-40-dhuile-de-baies-de-laurier-185g-najel\"\u003esavon d'Alep 40 % d'huile de baies de laurier\u003c\/a\u003e : le classique pour les peaux à tendance grasse ou acnéique, purifiant sans dessécher.\u003c\/li\u003e\n\u003cli\u003eLe \u003ca href=\"\/products\/savon-alep-huile-nigelle-najel\"\u003esavon d'Alep à la nigelle\u003c\/a\u003e : parfait pour les peaux sensibles et réactives.\u003c\/li\u003e\n\u003cli\u003eLe \u003ca href=\"\/products\/savon-alep-charbon-bio\"\u003esavon au charbon bio\u003c\/a\u003e : pour un nettoyage purifiant en profondeur sans agresser la peau.\u003c\/li\u003e\n\u003cli\u003eLe \u003ca href=\"\/products\/beurre-karite-bio-najel-150-ml\"\u003ebeurre de karité bio\u003c\/a\u003e, brut et non raffiné : un allié puissant pour les zones sèches, les mains abîmées ou les pointes de cheveux.\u003c\/li\u003e\n\u003cli\u003eLe \u003ca href=\"\/products\/deodorant-baume-solide-parfum-embrun-najel\"\u003edéodorant solide parfum Embrun\u003c\/a\u003e et \u003ca href=\"\/products\/deodorant-mangue-citrus-45g-najel\"\u003ele déodorant solide Mangue Citrus\u003c\/a\u003e : 100 % naturels, sans sels d'aluminium, efficaces toute la journée.\u003c\/li\u003e\n\u003cli\u003eLe \u003ca href=\"\/products\/savon-noir-alep-multiusage-bio-1l\"\u003esavon noir liquide multiusage\u003c\/a\u003e : pour un nettoyage naturel du corps comme de la maison.\u003c\/li\u003e\n\u003cli\u003eLa \u003ca href=\"https:\/\/www.naturellement-bio.com\/products\/najel-pierre-ponce-naturelle\" target=\"_blank\" title=\"Pierre Ponce - Najel\" rel=\"noopener\"\u003epierre ponce naturelle\u003c\/a\u003e : pour éliminer les callosités en douceur.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eLes eaux florales et huiles précieuses\u003c\/h3\u003e\n\u003cp\u003eC'est peut-être là que la magie orientale de Najel s'exprime le mieux. L'\u003ca href=\"\/products\/huile-figue-barbarie-bio-najel-80ml\"\u003ehuile de figue de barbarie\u003c\/a\u003e, rare et précieuse, est connue pour son action anti-âge exceptionnelle : riche en vitamine E et en stérols, elle lisse et repulpe visiblement. L'\u003ca href=\"\/products\/eau-florale-citron-aloe-vera-bio-najel\"\u003eeau florale de citron et aloe vera\u003c\/a\u003e, tonifiante et matifiante, est parfaite pour les peaux mixtes à grasses en quête de fraîcheur. Des trésors purs, extraits à froid, sans ajout inutile.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003c!-- H2 3 - Conseils d'utilisation --\u003e\n\u003ch2\u003eComment intégrer les produits Najel dans votre routine beauté ?\u003c\/h2\u003e\n\u003cp\u003eRien de compliqué. La beauté selon Najel, c'est un rituel minimaliste mais redoutablement efficace. Voici quelques exemples concrets :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eRoutine matin (visage) :\u003c\/strong\u003e nettoyez au savon d'Alep doux, tonifiez avec l'eau florale de citron et aloe vera, puis appliquez la crème hydratante à l'huile d'olive et aux baies de laurier pour protéger et nourrir la peau toute la journée.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRoutine soir (anti-âge) :\u003c\/strong\u003e brumisez l'eau florale de rose de Damas, puis massez quelques gouttes d'huile de figue de barbarie sur le visage et le cou. Complétez avec la crème raffermissante anti-âge pour un soin complet.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRituel hammam maison (1 fois par semaine) :\u003c\/strong\u003e appliquez le savon noir sur peau humide, laissez poser quelques minutes, puis gommez avec un gant de kessa. Enchaînez avec un masque à l'argile rouge en poudre (ou l'argile verte si votre peau est grasse), rincez et terminez par le beurre de karité bio. Vous verrez, la peau change : elle devient plus souple, plus nette, plus vivante.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eQuel produit Najel choisir selon votre besoin ?\u003c\/h2\u003e\n\u003cdiv style=\"overflow-x: auto; margin-top: 15px;\"\u003e\n\u003ctable style=\"min-width: 600px; width: 100%; border-collapse: collapse; font-size: 15px;\"\u003e\n\u003cthead\u003e\n\u003ctr style=\"background-color: #f5f5f5;\"\u003e\n\u003cth style=\"text-align: left; padding: 12px 10px; border-bottom: 2px solid #ccc;\"\u003eVotre besoin \/ Type de peau\u003c\/th\u003e\n\u003cth style=\"text-align: left; padding: 12px 10px; border-bottom: 2px solid #ccc;\"\u003eLe (ou les) meilleur(s) produit(s) Najel selon nous\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border-bottom: 1px solid #eee;\"\u003ePeau grasse ou acnéique\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border-bottom: 1px solid #eee;\"\u003eSavon d'Alep 40 % + Eau florale citron \u0026amp; aloe vera + Argile verte (en masque 1×\/semaine)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border-bottom: 1px solid #eee;\"\u003ePeau sèche, atopique ou sensible\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border-bottom: 1px solid #eee;\"\u003eSavon à la nigelle + Beurre de karité bio + Crème hydratante olive \u0026amp; laurier\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border-bottom: 1px solid #eee;\"\u003ePeau mature, besoin anti-âge\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border-bottom: 1px solid #eee;\"\u003eHuile de figue de barbarie + Eau florale de rose de Damas + Crème raffermissante anti-âge\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border-bottom: 1px solid #eee;\"\u003eTeint terne, peau fatiguée\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border-bottom: 1px solid #eee;\"\u003eArgile rouge en poudre (masque revitalisant) + Eau florale de rose de Damas\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border-bottom: 1px solid #eee;\"\u003eLèvres sèches ou gercées\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border-bottom: 1px solid #eee;\"\u003eBaume à lèvres bio Coco ou Baume à lèvres Vanille\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border-bottom: 1px solid #eee;\"\u003eTranspiration naturelle\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border-bottom: 1px solid #eee;\"\u003eDéodorant solide Embrun ou Mangue Citrus\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border-bottom: 1px solid #eee;\"\u003eRituel hammam maison\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border-bottom: 1px solid #eee;\"\u003eSavon noir multiusage + Argile rouge ou verte + Pierre ponce naturelle\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003c!-- Encadré avis --\u003e\n\u003ch2\u003eL'avis de Pauline, experte en cosmétique naturelle\u003c\/h2\u003e\n\u003cdiv style=\"background: #f7f7f7; border-left: 4px solid #ccc; padding: 15px; margin-top: 10px;\"\u003e\n\u003cp\u003e\u003cstrong\u003e💬 Par Pauline, cheffe de produit chez Naturellement Bio :\u003c\/strong\u003e\u003cbr\u003eNajel, c'est l'exemple parfait d'une marque qui a su rester fidèle à ses racines. Pas de promesses marketing exagérées, juste des produits qui font ce qu'ils doivent faire. Le savon 40 % laurier est un indispensable pour les peaux mixtes à grasses. L'huile de figue de barbarie, même si son prix est plus élevé, vaut chaque goutte – c'est un soin d'exception, pur, sans flafla. Et depuis qu'on a référencé les argiles et les baumes à lèvres bio, je peux vous dire que ce sont des coups de cœur récurrents chez nos clientes. On valide à 100 %.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003c!-- FAQ --\u003e\n\u003ch2\u003eVos questions fréquentes sur les produits Najel\u003c\/h2\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eLes produits Najel sont-ils certifiés bio ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eLa majorité des soins Najel sont certifiés bio (Cosmos Organic ou Ecocert) ou formulés à partir d'ingrédients 100 % naturels, sans parfum de synthèse, sans dérivé pétrochimique et sans conservateur controversé. Chaque fiche produit précise la certification applicable.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eQuel savon Najel choisir pour une peau sèche ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003ePour une peau sèche, privilégiez un savon d'Alep à faible taux de laurier (12 % par exemple) ou enrichi à la nigelle ou à l'huile d'olive. Pour compléter le soin, associez-le au beurre de karité bio sur les zones les plus sèches, à la crème hydratante à l'huile d'olive et aux baies de laurier pour le visage, ou à un baume à lèvres bio pour protéger les lèvres fragiles.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eComment utiliser l'argile rouge en poudre ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eMélangez une à deux cuillères à soupe d'argile rouge en poudre avec un peu d'eau tiède (ou d'eau florale de rose) jusqu'à obtenir une pâte lisse et homogène. Appliquez en couche épaisse sur le visage ou le décolleté, laissez poser 10 à 15 minutes sans laisser sécher complètement, puis rincez à l'eau claire. L'argile rouge Najel est particulièrement adaptée aux peaux normales à sèches : elle revitalise le teint, reminéralise et apporte un effet bonne mine. Vous pouvez aussi l'utiliser en masque capillaire pour tonifier le cuir chevelu.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eQuelle est la différence entre l'argile verte et l'argile rouge ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eL'argile verte est la plus absorbante et purifiante : elle convient aux peaux mixtes à grasses car elle régule le sébum, resserre les pores et assainit les imperfections. L'argile rouge, plus douce, est riche en oxydes de fer et en oligo-éléments : elle est idéale pour les peaux normales à sèches, avec un effet revitalisant et bonne mine. En résumé, argile verte pour purifier, argile rouge pour revitaliser.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eQuel type d'argile pour une peau grasse ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eL'argile verte est le choix de référence pour les peaux grasses. Sa forte capacité d'absorption lui permet de réguler l'excès de sébum, de désincruster les pores et de matifier le teint. Chez Najel, l'argile verte en poudre s'utilise en masque une à deux fois par semaine, idéalement en complément d'un savon purifiant comme le savon d'Alep 40 % ou le savon au charbon bio.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eLes baumes à lèvres Najel sont-ils certifiés bio ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eOui, les baumes à lèvres Najel (Coco et Vanille) sont certifiés bio. Ils sont formulés à base d'ingrédients naturels nourrissants et protecteurs, sans paraffine ni ingrédient de synthèse. Leur format compact les rend pratiques à emporter partout.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eLes huiles végétales Najel sont-elles pures ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eOui, les huiles végétales Najel sont extraites par première pression à froid, sans raffinage et sans ajout inutile. Elles conservent ainsi toute leur richesse en acides gras, en vitamines et en actifs naturels.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003ePeut-on utiliser les argiles et les produits Najel sur les cheveux ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eAbsolument. L'argile rouge en poudre s'utilise en masque capillaire pour tonifier le cuir chevelu et redonner de l'éclat aux cheveux ternes. L'argile verte, quant à elle, aide à purifier les racines grasses. Pour un soin lavant plus quotidien, Najel propose aussi un shampooing au savon d'Alep et à la camomille, doux et respectueux des cuirs chevelus sensibles.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003c!-- Conclusion --\u003e\n\u003cp\u003e\u003cstrong\u003eNajel, c'est une cosmétique vraie\u003c\/strong\u003e, artisanale, pensée pour durer. Si vous cherchez une routine simple, sensorielle et efficace – des savons d'Alep ancestraux aux argiles purifiantes, en passant par les baumes à lèvres bio et les huiles précieuses –, vous êtes au bon endroit. Laissez-vous porter par l'odeur d'un savon d'Alep chaud, la douceur d'une huile pure, ou la fraîcheur d'une eau florale. La magie opère toute seule.\u003c\/p\u003e\n\u003c\/div\u003e","products":[{"product_id":"savon-dalep-40-dhuile-de-baies-de-laurier-185g-najel","title":"Savon d'Alep - 40% d'Huile de Baies de Laurier - 185g - Najel","description":"\u003cdiv class=\"sa-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sa-hero\"\u003e\n \u003cdiv class=\"sa-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sa-hero-content\"\u003e\n \u003cdiv class=\"sa-badges-top\"\u003e\n \u003cspan class=\"sa-badge\"\u003e🌿 40 % huile de baies de laurier\u003c\/span\u003e\n \u003cspan class=\"sa-badge\"\u003e🇸🇾 Fabriqué à Alep\u003c\/span\u003e\n \u003cspan class=\"sa-badge\"\u003e🐇 Non testé sur les animaux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sa-hero-title\"\u003eSavon d'Alep Najel Premium\u003c\/span\u003e\n \u003cp class=\"sa-subtitle\"\u003e40 % d'huile de baies de laurier · 185 g\u003c\/p\u003e\n \u003cp class=\"sa-description\"\u003eLe soin ancestral par excellence pour les peaux sensibles et réactives. Un savoir-faire artisanal vieux de 3 000 ans, concentré dans un seul pain de savon 100 % naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eSavon d'Alep Najel à 40 % d'huile de baies de laurier : le soin ancestral des peaux sensibles\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eVous cherchez un \u003cstrong\u003esavon d'Alep\u003c\/strong\u003e authentique, à la fois doux et puissant, capable de prendre soin des peaux les plus réactives ? Ce \u003cstrong\u003esavon d'Alep Najel Premium à 40 % d'huile de baies de laurier\u003c\/strong\u003e est l'un des plus riches et des plus nobles que vous puissiez trouver. Fabriqué artisanalement à Alep, en Syrie, selon un savoir-faire vieux de plus de 3 000 ans, il concentre le meilleur de la nature dans un pain de 185 g.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003ePourquoi 40 % d'huile de baies de laurier ?\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eLa \u003cstrong\u003ecomposition du savon d'Alep\u003c\/strong\u003e repose sur deux ingrédients phares : l'huile d'olive et l'huile de baies de laurier. Plus le pourcentage de laurier est élevé, plus le savon est adapté aux peaux fragilisées. Avec \u003cstrong\u003e40 %\u003c\/strong\u003e, cette formule se situe dans le haut de gamme de la tradition alépine.\u003c\/p\u003e\n \u003cdiv class=\"sa-grid-compact\"\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🌿 Huile de baies de laurier (40 %)\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés apaisantes, purifiantes et régénérantes. Elle aide à calmer les inconforts cutanés et soutient la réparation naturelle de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n \u003cp\u003eNourrit, adoucit et maintient le film hydrolipidique de la peau. Elle apporte souplesse et confort dès le rinçage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-tip\"\u003e\n \u003cspan class=\"sa-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAucun parfum de synthèse, aucun colorant, aucun conservateur.\u003c\/strong\u003e Un savon véritablement naturel et biodégradable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eLes bienfaits du savon d'Alep pour votre peau\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eLes \u003cstrong\u003ebienfaits du savon d'Alep\u003c\/strong\u003e sont nombreux et reconnus de longue date. Voici ce que cette version Premium peut vous apporter au quotidien :\u003c\/p\u003e\n \u003cdiv class=\"sa-grid\"\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🧴 Apaise les peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eIdéal si votre peau tiraille, rougit ou réagit aux savons classiques. Le laurier calme les inconforts visiblement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🫧 Nettoie en douceur\u003c\/h3\u003e\n \u003cp\u003eSa mousse fine élimine les impuretés sans agresser l'épiderme ni dessécher la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e💧 Nourrit en profondeur\u003c\/h3\u003e\n \u003cp\u003eGrâce à la synergie olive-laurier, la peau reste souple et confortable après le lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🔄 Polyvalent\u003c\/h3\u003e\n \u003cp\u003eUtilisez-le pour le visage, le corps et même les cheveux comme shampooing solide naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-tip\"\u003e\n \u003cspan class=\"sa-tip-icon\"\u003e💬\u003c\/span\u003e\n \u003cp\u003eBeaucoup de personnes rapportent une nette amélioration du confort cutané après quelques semaines d'utilisation régulière, notamment en cas de sécheresse ou d'irritations passagères.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eComment utiliser votre savon d'Alep Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"sa-timeline\"\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003eMouillez\u003c\/h3\u003e\n \u003cp\u003eMouillez votre peau et le savon, puis faites mousser généreusement entre vos mains.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eAppliquez la mousse sur le visage, le corps ou le cuir chevelu en massant délicatement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire pour révéler une peau douce et apaisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003eConservez\u003c\/h3\u003e\n \u003cp\u003ePosez le savon sur un porte-savon aéré afin qu'il sèche entre deux utilisations : il durera beaucoup plus longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-tip\"\u003e\n \u003cspan class=\"sa-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e si vous utilisez le savon d'Alep sur le visage, laissez la mousse poser quelques instants comme un masque avant de rincer pour profiter pleinement des vertus du laurier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"sa-accordion\"\u003e\n \u003cdetails class=\"sa-accordion-item\" open\u003e\n \u003csummary class=\"sa-accordion-header\"\u003e📋 Liste INCI\u003c\/summary\u003e\n \u003cdiv class=\"sa-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eSodium Olivate, Sodium Laurate, Aqua, Sodium Hydroxide, Sodium Chloride.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003eRien de superflu : uniquement des ingrédients issus de la saponification traditionnelle à froid d'huile d'olive et d'huile de baies de laurier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eUn savon éthique et responsable\u003c\/h2\u003e\n \u003cdiv class=\"sa-grid\"\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🏺 Fabrication artisanale\u003c\/h3\u003e\n \u003cp\u003eNajel perpétue une fabrication syrienne transmise de génération en génération. Chaque pain est coulé, découpé puis séché naturellement pendant plusieurs mois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🐇 Cruelty-free\u003c\/h3\u003e\n \u003cp\u003eLa marque s'engage à ne réaliser aucun test sur les animaux, dans le respect du vivant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🌍 Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eNajel limite l'impact environnemental de ses emballages et privilégie des formules 100 % biodégradables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- DERNIÈRE SECTION --\u003e\n \u003csection class=\"sa-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sa-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau le soin millénaire qu'elle mérite.\u003cbr\u003eUn savon, deux huiles précieuses, zéro superflu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"sa-disclaimer\"\u003eCe savon est un produit cosmétique d'hygiène. Il ne se substitue en aucun cas à un traitement médical ou dermatologique. En cas de problème de peau persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sa-cream: #f7f5f0;\n --sa-white: #ffffff;\n --sa-primary: #1a7a6d;\n --sa-primary-dark: #0e544a;\n --sa-primary-light: #e8f4f1;\n --sa-secondary: #c49a3c;\n --sa-accent: #2a9d8f;\n --sa-text: #1a1a1a;\n --sa-text-light: #5a5a5a;\n --sa-border: #e0e0e0;\n --sa-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sa-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sa-radius: 20px;\n --sa-radius-sm: 12px;\n}\n\n.sa-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sa-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sa-hero {\n position: relative;\n background: linear-gradient(135deg, #0e544a 0%, #1a7a6d 40%, #2a9d8f 70%, #c49a3c 100%);\n border-radius: var(--sa-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sa-shadow-lg);\n}\n\n.sa-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 C35 15, 45 20, 30 35 C15 20, 25 15, 30 5Z' fill='white' fill-opacity='0.08'\/%3E%3Cpath d='M10 40 C14 46, 20 48, 10 55 C4 48, 6 46, 10 40Z' fill='white' fill-opacity='0.05'\/%3E%3Cpath d='M50 38 C54 44, 58 46, 50 53 C42 46, 46 44, 50 38Z' fill='white' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n background-size: 60px 60px;\n opacity: .5;\n}\n\n.sa-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sa-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sa-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.sa-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.sa-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sa-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sa-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sa-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sa-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sa-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sa-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sa-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sa-primary), var(--sa-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.sa-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sa-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.sa-section-intro strong {\n color: var(--sa-text);\n}\n\n\/* === CARDS === *\/\n.sa-card {\n background: var(--sa-white);\n border-radius: var(--sa-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sa-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sa-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sa-shadow-lg);\n border-color: var(--sa-primary);\n}\n\n.sa-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sa-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sa-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sa-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sa-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.sa-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sa-grid-compact .sa-card {\n padding: 1.25rem;\n}\n\n.sa-grid-compact .sa-card h3 {\n font-size: 15px;\n margin-bottom: .4rem;\n}\n\n.sa-grid-compact .sa-card p {\n font-size: 13px;\n}\n\n\/* === TIMELINE === *\/\n.sa-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sa-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sa-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sa-primary), var(--sa-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.sa-timeline-content {\n flex: 1;\n background: var(--sa-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sa-radius-sm);\n box-shadow: var(--sa-shadow);\n}\n\n.sa-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sa-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sa-timeline-content p {\n font-size: 14px;\n color: var(--sa-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.sa-accordion {\n background: var(--sa-white);\n border-radius: var(--sa-radius);\n box-shadow: var(--sa-shadow);\n overflow: hidden;\n}\n\n.sa-accordion-item {\n border-bottom: 1px solid var(--sa-border);\n margin: 0;\n padding: 0;\n}\n\n.sa-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sa-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sa-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.sa-accordion-header:hover {\n background: var(--sa-primary-light);\n}\n\n.sa-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sa-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sa-primary);\n transition: transform .2s ease;\n}\n\n.sa-accordion-item[open] .sa-accordion-header::after {\n content: '−';\n}\n\n.sa-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sa-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sa-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.sa-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIP BOX === *\/\n.sa-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sa-primary-light);\n border-radius: var(--sa-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sa-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sa-tip p {\n font-size: 14px;\n color: var(--sa-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.sa-tip p strong {\n color: var(--sa-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.sa-cta-box {\n background: linear-gradient(135deg, var(--sa-primary) 0%, var(--sa-primary-dark) 100%);\n border-radius: var(--sa-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sa-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sa-disclaimer {\n font-size: 12px;\n color: var(--sa-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sa-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sa-card {\n padding: 1.125rem;\n }\n\n .sa-section {\n margin-bottom: 1.75rem;\n }\n\n .sa-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sa-radius-sm);\n }\n\n .sa-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sa-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sa-grid-compact {\n gap: .625rem;\n }\n\n .sa-grid-compact .sa-card {\n padding: .75rem;\n }\n\n .sa-grid-compact .sa-card h3 {\n font-size: 14px;\n }\n\n .sa-grid-compact .sa-card p {\n font-size: 12px;\n }\n\n .sa-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sa-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sa-timeline-content h3 {\n font-size: 14px;\n }\n\n .sa-timeline-content p {\n font-size: 13px;\n }\n\n .sa-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .sa-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sa-card {\n animation: saFadeInUp .5s ease backwards;\n }\n .sa-card:nth-child(1) { animation-delay: .05s; }\n .sa-card:nth-child(2) { animation-delay: .1s; }\n .sa-card:nth-child(3) { animation-delay: .15s; }\n .sa-card:nth-child(4) { animation-delay: .2s; }\n .sa-card:nth-child(5) { animation-delay: .25s; }\n .sa-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes saFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sa-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":45798248546461,"sku":"NJ0045","price":6.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-40-dhuile-de-baies-de-laurier-185g-najel-lifestyle_c2e6b477-e3aa-41b5-950f-3c5610033a19.webp?v=1772881792"},{"product_id":"beurre-karite-bio-cacao-najel-100g","title":"Beurre de Karité Parfum Cacao Certifié Bio – 100 g – Najel","description":"\u003cdiv class=\"bk-premium\"\u003e\n \u003cdiv class=\"bk-hero\"\u003e\n \u003cdiv class=\"bk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bk-hero-content\"\u003e\n \u003cdiv class=\"bk-badges-top\"\u003e\n \u003cspan class=\"bk-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"bk-badge\"\u003e🍫 Parfum Cacao\u003c\/span\u003e\n \u003cspan class=\"bk-badge\"\u003e💯 100 % Naturel\u003c\/span\u003e\n \u003cspan class=\"bk-badge\"\u003e✨ Multi-usage\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bk-hero-title\"\u003eBeurre de Karité Parfum Cacao Bio\u003c\/span\u003e\n \u003cp class=\"bk-subtitle\"\u003eNajel · 100 g · Visage, corps \u0026amp; cheveux\u003c\/p\u003e\n \u003cp class=\"bk-description\"\u003eOffrez à votre peau et à vos cheveux un soin \u003cstrong\u003enaturel, gourmand et ultra nourrissant\u003c\/strong\u003e. Un pot de 100 g qui allie la richesse du karité brut à la senteur chaleureuse du cacao pour une expérience sensorielle inégalée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"bk-section\"\u003e\n \u003ch2\u003eUn beurre de karité bio aux multiples vertus\u003c\/h2\u003e\n \u003cp class=\"bk-section-intro\"\u003eIssu de l'agriculture biologique et certifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e, ce beurre de karité concentre acides gras essentiels, vitamines A, E et F, et insaponifiables. Une véritable pépite naturelle.\u003c\/p\u003e\n \u003cdiv class=\"bk-grid\"\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n \u003cp\u003eNourrit les peaux sèches, sensibles ou abîmées et restaure durablement le confort cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🛡️ Action protectrice\u003c\/h3\u003e\n \u003cp\u003eForme un film lipidique qui protège des agressions extérieures : froid, vent, soleil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🩹 Soin réparateur\u003c\/h3\u003e\n \u003cp\u003eApaise gerçures, irritations, coudes rugueux, talons secs et vergetures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e✨ Effet anti-âge naturel\u003c\/h3\u003e\n \u003cp\u003eGrâce à ses antioxydants, il préserve la souplesse et l'éclat de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bk-section\"\u003e\n \u003ch2\u003eBeurre de karité et cheveux : un duo d'exception\u003c\/h2\u003e\n \u003cp class=\"bk-section-intro\"\u003eVous vous demandez comment utiliser le beurre de karité dans les cheveux ? C'est l'allié précieux des chevelures sèches, crépues, frisées ou abîmées. Il gaine la fibre, discipline les frisottis et apporte brillance et douceur.\u003c\/p\u003e\n \u003cdiv class=\"bk-timeline\"\u003e\n \u003cdiv class=\"bk-timeline-item\"\u003e\n \u003cdiv class=\"bk-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bk-timeline-content\"\u003e\n \u003ch3\u003e🛁 En masque avant-shampoing\u003c\/h3\u003e\n \u003cp\u003eAppliquez une noisette sur cheveux humides, des longueurs aux pointes. Laissez poser 30 minutes puis lavez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-timeline-item\"\u003e\n \u003cdiv class=\"bk-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bk-timeline-content\"\u003e\n \u003ch3\u003e💆‍♀️ En soin sans rinçage\u003c\/h3\u003e\n \u003cp\u003eUne infime quantité chauffée entre les paumes suffit pour dompter les pointes sèches au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-timeline-item\"\u003e\n \u003cdiv class=\"bk-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bk-timeline-content\"\u003e\n \u003ch3\u003e🌸 Pour le cuir chevelu sensible\u003c\/h3\u003e\n \u003cp\u003eMassage doux pour apaiser et nourrir en profondeur les zones les plus fragiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-tip\"\u003e\n \u003cspan class=\"bk-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSi vous cherchiez une alternative au célèbre \u003cstrong\u003eAroma Zone beurre de karité\u003c\/strong\u003e, la version Najel séduit par sa qualité bio, sa traçabilité et son délicat parfum cacao naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bk-section\"\u003e\n \u003ch2\u003eComposition : 100 % naturelle et certifiée bio\u003c\/h2\u003e\n \u003cdiv class=\"bk-composition\"\u003e\n \u003ch3\u003e🌱 Ingrédients (INCI)\u003c\/h3\u003e\n \u003cp class=\"bk-inci\"\u003eButyrospermum Parkii (Shea) Butter*, Parfum (Fragrance), Benzyl Benzoate, Benzyl Cinnamate.\u003c\/p\u003e\n \u003cp class=\"bk-inci-note\"\u003e\u003cem\u003e*Issu de l'agriculture biologique. 100 % du total des ingrédients sont d'origine naturelle. 96 % sont issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-grid-compact\"\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🚫 Sans paraben\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🚫 Sans silicone\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🚫 Sans huile minérale\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🚫 Sans colorant de synthèse\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bk-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cp class=\"bk-section-intro\"\u003ePrélevez une petite quantité de beurre, réchauffez-la entre vos doigts jusqu'à fonte, puis appliquez selon vos besoins :\u003c\/p\u003e\n \u003cdiv class=\"bk-grid\"\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e👤 Sur le visage\u003c\/h3\u003e\n \u003cp\u003eEn soin nourrissant ciblé sur les zones sèches et inconfortables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🌟 Sur le corps\u003c\/h3\u003e\n \u003cp\u003eMassez après la douche pour une peau veloutée et délicatement parfumée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e👄 Sur les lèvres\u003c\/h3\u003e\n \u003cp\u003eComme baume réparateur en cas de gerçures ou de lèvres desséchées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e💇‍♀️ Sur les cheveux\u003c\/h3\u003e\n \u003cp\u003eEn masque profond ou soin coiffant pour gainer et sublimer les pointes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-tip\"\u003e\n \u003cspan class=\"bk-tip-icon\"\u003e🌡️\u003c\/span\u003e\n \u003cp\u003eConservez à l'abri de la chaleur et de la lumière. À fortes températures, le beurre peut se liquéfier sans altérer ses propriétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"bk-cta-box\"\u003e\n \u003cp\u003eMarque pionnière des cosmétiques naturels d'inspiration orientale, \u003cstrong\u003eNajel\u003c\/strong\u003e sélectionne des matières premières d'une grande pureté, dans le respect des savoir-faire traditionnels et de l'environnement. Avec ce beurre de karité parfum cacao, vous adoptez une routine \u003cstrong\u003esensorielle, éthique et efficace\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"bk-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un avis ou un traitement médical. En cas de réaction, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n :root {\n --bk-cream: #faf6f1;\n --bk-white: #ffffff;\n --bk-primary: #d68a5b;\n --bk-primary-dark: #8b4a2b;\n --bk-primary-light: #fbeee2;\n --bk-secondary: #5d3a24;\n --bk-accent: #c9a87a;\n --bk-text: #2a1810;\n --bk-text-light: #6b5645;\n --bk-border: #e8dccd;\n --bk-shadow: 0 4px 24px rgba(139, 74, 43, .08);\n --bk-shadow-lg: 0 12px 48px rgba(139, 74, 43, .15);\n --bk-radius: 20px;\n --bk-radius-sm: 12px;\n }\n\n .bk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--bk-text);\n line-height: 1.6;\n }\n\n .bk-hero {\n position: relative;\n background: linear-gradient(135deg, #d68a5b 0%, #b86a3e 50%, #8b4a2b 100%);\n border-radius: var(--bk-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--bk-shadow-lg);\n }\n\n .bk-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 50%);\n opacity: .6;\n }\n\n .bk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .bk-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n }\n\n .bk-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n }\n\n .bk-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 720px;\n margin: 0 auto;\n line-height: 1.7;\n }\n\n .bk-description strong {\n color: white;\n }\n\n .bk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n }\n\n .bk-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--bk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n }\n\n .bk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n }\n\n .bk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n }\n\n .bk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bk-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n }\n\n .bk-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--bk-primary), var(--bk-secondary));\n border-radius: 2px;\n }\n\n .bk-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bk-text-light);\n margin-bottom: 1.75rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n }\n\n .bk-card {\n background: var(--bk-white);\n border-radius: var(--bk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n }\n\n .bk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bk-shadow-lg);\n border-color: var(--bk-primary);\n }\n\n .bk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n }\n\n .bk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bk-text-light);\n margin: 0;\n line-height: 1.6;\n }\n\n .bk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n }\n\n .bk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-top: 1.5rem;\n }\n\n .bk-grid-compact .bk-card {\n padding: 1rem;\n }\n\n .bk-grid-compact .bk-card h3 {\n font-size: 14px;\n margin-bottom: 0;\n }\n\n .bk-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n }\n\n .bk-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n }\n\n .bk-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bk-primary), var(--bk-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: var(--bk-shadow);\n }\n\n .bk-timeline-content {\n flex: 1;\n background: var(--bk-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bk-radius-sm);\n box-shadow: var(--bk-shadow);\n }\n\n .bk-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bk-primary-dark);\n margin: 0 0 .25rem 0;\n }\n\n .bk-timeline-content p {\n font-size: 14px;\n color: var(--bk-text-light);\n margin: 0;\n line-height: 1.5;\n }\n\n .bk-composition {\n background: var(--bk-white);\n border-radius: var(--bk-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--bk-shadow);\n border-left: 4px solid var(--bk-primary);\n max-width: 900px;\n margin: 0 auto;\n }\n\n .bk-composition h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--bk-primary-dark);\n margin: 0 0 .75rem 0;\n }\n\n .bk-inci {\n font-size: 14px;\n color: var(--bk-text);\n margin: 0 0 .75rem 0;\n line-height: 1.7;\n }\n\n .bk-inci-note {\n font-size: 13px;\n color: var(--bk-text-light);\n margin: 0;\n line-height: 1.6;\n }\n\n .bk-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--bk-primary-light);\n border-radius: var(--bk-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n max-width: 900px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .bk-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .bk-tip p {\n font-size: 14px;\n color: var(--bk-text);\n margin: 0;\n line-height: 1.6;\n }\n\n .bk-cta-box {\n background: linear-gradient(135deg, var(--bk-primary) 0%, var(--bk-primary-dark) 100%);\n border-radius: var(--bk-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--bk-shadow-lg);\n }\n\n .bk-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n max-width: 800px;\n margin: 0 auto;\n }\n\n .bk-cta-box strong {\n color: white;\n font-weight: 800;\n }\n\n .bk-disclaimer {\n font-size: 12px;\n color: var(--bk-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n }\n\n @media (max-width: 767px) {\n .bk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .bk-card {\n padding: 1.125rem;\n }\n\n .bk-section {\n margin-bottom: 1.75rem;\n }\n\n .bk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bk-radius-sm);\n }\n\n .bk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .bk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .bk-grid-compact {\n gap: .625rem;\n }\n\n .bk-grid-compact .bk-card {\n padding: .75rem;\n }\n\n .bk-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .bk-timeline-content {\n padding: .875rem 1rem;\n }\n\n .bk-timeline-content h3 {\n font-size: 14px;\n }\n\n .bk-timeline-content p {\n font-size: 13px;\n }\n\n .bk-composition {\n padding: 1.25rem;\n }\n\n .bk-tip {\n padding: .875rem 1rem;\n }\n }\n\n @media (prefers-reduced-motion: no-preference) {\n .bk-card {\n animation: fadeInUp .5s ease backwards;\n }\n .bk-card:nth-child(1) { animation-delay: .05s; }\n .bk-card:nth-child(2) { animation-delay: .1s; }\n .bk-card:nth-child(3) { animation-delay: .15s; }\n .bk-card:nth-child(4) { animation-delay: .2s; }\n }\n\n @keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .bk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n }\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54875322777977,"sku":"65131002","price":6.39,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/beurre-de-karite-parfum-cacao-certifie-bio-100-g-najel-lifestyle.webp?v=1778149736"},{"product_id":"huile-figue-barbarie-bio-najel-80ml","title":"Huile Végétale de Graines de Figue de Barbarie Bio - 80 ml - Najel","description":"\u003cdiv class=\"fb-premium\"\u003e\n\n \u003cdiv class=\"fb-hero\"\u003e\n \u003cdiv class=\"fb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fb-hero-content\"\u003e\n \u003cdiv class=\"fb-badges-top\"\u003e\n \u003cspan class=\"fb-badge\"\u003e🌿 Certifiée COSMOS Natural\u003c\/span\u003e\n \u003cspan class=\"fb-badge\"\u003e🌵 100 % pure \u0026amp; bio\u003c\/span\u003e\n \u003cspan class=\"fb-badge\"\u003e✨ Anti-rides d'exception\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fb-hero-title\"\u003eHuile végétale de graines de figue de barbarie bio\u003c\/span\u003e\n \u003cp class=\"fb-subtitle\"\u003eLe secret anti-âge le plus précieux du monde végétal\u003c\/p\u003e\n \u003cp class=\"fb-description\"\u003ePressée à froid, concentrée en vitamine E et oméga-6, cette huile rare de Najel sublime les peaux matures et redonne éclat et fermeté à votre visage — flacon verre teinté 80 ml.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003eHuile de graines de figue de barbarie bio Najel : le soin anti-âge d'exception\u003c\/h2\u003e\n \u003cp class=\"fb-section-intro\"\u003eConsidérée comme l'une des huiles végétales les plus précieuses au monde, l'huile de figue de barbarie signée Najel est un véritable trésor cosmétique.\u003c\/p\u003e\n \u003cdiv class=\"fb-grid-compact\"\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🌱 Pression à froid\u003c\/h3\u003e\n \u003cp\u003eObtenue par première pression à froid des pépins de figue de barbarie issus de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🏅 COSMOS Natural\u003c\/h3\u003e\n \u003cp\u003eCertifiée naturelle, sans additif ni conservateur, une pureté totale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e💎 Richesse nutritive\u003c\/h3\u003e\n \u003cp\u003eUne concentration incomparable en actifs anti-âge pour les peaux matures\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e✨ Vitalité retrouvée\u003c\/h3\u003e\n \u003cp\u003eSublime les peaux en quête de fermeté, d'éclat et de jeunesse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003ePourquoi l'huile de pépins de figue de barbarie est-elle si précieuse ?\u003c\/h2\u003e\n \u003cp class=\"fb-section-intro\"\u003eIl faut environ \u003cstrong\u003eune tonne de figues de barbarie\u003c\/strong\u003e pour obtenir un seul litre d'huile. Ce rendement extrêmement faible explique sa rareté et sa valeur.\u003c\/p\u003e\n \u003cdiv class=\"fb-grid\"\u003e\n \u003cdiv class=\"fb-card fb-card-highlight\"\u003e\n \u003ch3\u003e🛡️ Vitamine E naturelle\u003c\/h3\u003e\n \u003cp\u003eEnviron \u003cstrong\u003e3× plus que l'huile d'argan\u003c\/strong\u003e — un antioxydant remarquable qui protège les cellules cutanées du stress oxydatif et du vieillissement prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-highlight\"\u003e\n \u003ch3\u003e💧 Oméga-6 (acide linoléique)\u003c\/h3\u003e\n \u003cp\u003eReprésente \u003cstrong\u003eplus de 60 % de la composition\u003c\/strong\u003e — renforce la barrière hydrolipidique et maintient une hydratation en profondeur, durablement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-highlight\"\u003e\n \u003ch3\u003e🔬 Stérols végétaux\u003c\/h3\u003e\n \u003cp\u003eFavorisent la \u003cstrong\u003erégénération cellulaire\u003c\/strong\u003e et améliorent visiblement la souplesse et l'élasticité de la peau au fil des applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-tip\"\u003e\n \u003cspan class=\"fb-tip-icon\"\u003e🌵\u003c\/span\u003e\n \u003cp\u003eCette synergie unique d'actifs fait de l'huile de pépins de figue de barbarie un allié de choix pour atténuer les rides, les ridules et les marques de fatigue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003eBienfaits concrets pour votre peau\u003c\/h2\u003e\n \u003cdiv class=\"fb-grid\"\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🧴 Soin anti-rides naturel\u003c\/h3\u003e\n \u003cp\u003eLisse le grain de peau et redonne fermeté et élasticité au visage, application après application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e💦 Hydratation longue durée\u003c\/h3\u003e\n \u003cp\u003eTexture sèche et légère qui nourrit intensément sans film gras, même sur les peaux mixtes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🫧 Non comédogène\u003c\/h3\u003e\n \u003cp\u003eNe bouche pas les pores — adaptée à tous les types de peau, y compris les peaux sensibles ou à tendance acnéique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e☀️ Éclat du teint\u003c\/h3\u003e\n \u003cp\u003ePropriétés antioxydantes qui aident à unifier le teint et à estomper les taches pigmentaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e👁️ Contour des yeux\u003c\/h3\u003e\n \u003cp\u003eSuffisamment douce et fine pour cette zone fragile — atténue les cernes et les poches efficacement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile de figue de barbarie ?\u003c\/h2\u003e\n \u003cdiv class=\"fb-timeline\"\u003e\n \u003cdiv class=\"fb-timeline-item\"\u003e\n \u003cdiv class=\"fb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-content\"\u003e\n \u003ch3\u003eNettoyez votre visage\u003c\/h3\u003e\n \u003cp\u003eChaque soir, sur une peau propre et sèche, préparez votre peau à recevoir le soin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-item\"\u003e\n \u003cdiv class=\"fb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-content\"\u003e\n \u003ch3\u003eDéposez 2 à 3 gouttes\u003c\/h3\u003e\n \u003cp\u003eAu creux de votre main, chauffez légèrement l'huile entre vos paumes pour activer ses principes actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-item\"\u003e\n \u003cdiv class=\"fb-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-content\"\u003e\n \u003ch3\u003eAppliquez par légers tapotements\u003c\/h3\u003e\n \u003cp\u003eSur le visage, le cou et le décolleté. Insistez délicatement sur le contour des yeux et les zones marquées par les rides.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-tip\"\u003e\n \u003cspan class=\"fb-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce soin capillaire :\u003c\/strong\u003e quelques gouttes sur les pointes sèches ou abîmées leur redonneront brillance et vitalité. En masque avant-shampoing, laissez poser 30 minutes sous une serviette chaude pour un effet nourrissant optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003eComposition (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"fb-composition-box\"\u003e\n \u003cp class=\"fb-composition-inci\"\u003e\u003cstrong\u003eOpuntia Ficus-Indica Seed Oil*\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp class=\"fb-composition-detail\"\u003e100 % huile de graines de figue de barbarie biologique, obtenue par pression à froid.\u003c\/p\u003e\n \u003cp class=\"fb-composition-note\"\u003e*Ingrédient issu de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eLa qualité Najel, un choix engagé\u003c\/h2\u003e\n \u003cdiv class=\"fb-cta-box\"\u003e\n \u003cp\u003eNajel perpétue un savoir-faire artisanal depuis plus de \u003cstrong\u003e120 ans\u003c\/strong\u003e. En choisissant cette huile de pépins de figue de barbarie certifiée naturelle, vous optez pour un produit éthique, fabriqué dans le respect de l'environnement et des producteurs. Le flacon en verre teinté de 80 ml protège l'huile de la lumière pour préserver tous ses actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"fb-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème dermatologique, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --fb-cream: #faf6f1;\n --fb-white: #ffffff;\n --fb-primary: #d4a843;\n --fb-primary-dark: #3a3225;\n --fb-primary-light: #f5edd9;\n --fb-secondary: #8b6f3a;\n --fb-accent: #c28a2e;\n --fb-text: #1a1a1a;\n --fb-text-light: #5a5247;\n --fb-border: #e6ddd0;\n --fb-shadow: 0 4px 24px rgba(58, 50, 37, .08);\n --fb-shadow-lg: 0 12px 48px rgba(58, 50, 37, .15);\n --fb-radius: 20px;\n --fb-radius-sm: 12px;\n}\n\n.fb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.fb-hero {\n position: relative;\n background: linear-gradient(135deg, var(--fb-primary-dark) 0%, #5c4a2a 40%, var(--fb-primary) 100%);\n border-radius: var(--fb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--fb-shadow-lg);\n}\n\n.fb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(212, 168, 67, .15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255, 255, 255, .08) 0%, transparent 40%),\n radial-gradient(circle at 60% 60%, rgba(212, 168, 67, .1) 0%, transparent 30%);\n opacity: 1;\n}\n\n.fb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.fb-subtitle {\n color: var(--fb-primary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.fb-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.fb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--fb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.fb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.fb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--fb-primary), var(--fb-secondary));\n border-radius: 2px;\n}\n\n.fb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fb-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.fb-card {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fb-shadow-lg);\n border-color: var(--fb-primary);\n}\n\n.fb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.fb-card-highlight {\n border-left: 4px solid var(--fb-primary);\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.fb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.fb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fb-grid-compact .fb-card {\n padding: 1rem;\n}\n\n.fb-grid-compact .fb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fb-grid-compact .fb-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.fb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fb-primary), var(--fb-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.fb-timeline-content {\n flex: 1;\n background: var(--fb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fb-radius-sm);\n box-shadow: var(--fb-shadow);\n}\n\n.fb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fb-timeline-content p {\n font-size: 14px;\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.fb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fb-primary-light);\n border-radius: var(--fb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fb-tip p {\n font-size: 14px;\n color: var(--fb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.fb-composition-box {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fb-shadow);\n text-align: center;\n border: 2px solid var(--fb-primary-light);\n}\n\n.fb-composition-inci {\n font-size: clamp(17px, 3vw, 22px);\n color: var(--fb-primary-dark);\n margin: 0 0 .5rem 0;\n letter-spacing: .01em;\n}\n\n.fb-composition-detail {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--fb-text-light);\n margin: 0 0 .75rem 0;\n line-height: 1.6;\n}\n\n.fb-composition-note {\n font-size: 13px;\n color: var(--fb-secondary);\n font-style: italic;\n margin: 0;\n}\n\n\/* === TESTIMONIAL === *\/\n.fb-testimonial {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fb-shadow);\n border-left: 4px solid var(--fb-primary);\n}\n\n.fb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.fb-cta-box {\n background: linear-gradient(135deg, var(--fb-primary-dark) 0%, #5c4a2a 50%, var(--fb-secondary) 100%);\n border-radius: var(--fb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.fb-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.fb-disclaimer {\n font-size: 12px;\n color: var(--fb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .fb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fb-card {\n padding: 1.125rem;\n }\n\n .fb-section {\n margin-bottom: 1.75rem;\n }\n\n .fb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fb-radius-sm);\n }\n\n .fb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fb-grid-compact {\n gap: .625rem;\n }\n\n .fb-grid-compact .fb-card {\n padding: .75rem;\n }\n\n .fb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fb-timeline-content h3 {\n font-size: 14px;\n }\n\n .fb-timeline-content p {\n font-size: 13px;\n }\n\n .fb-composition-box {\n padding: 1.25rem;\n }\n\n .fb-tip {\n padding: .875rem 1rem;\n }\n\n .fb-tip-icon {\n font-size: 20px;\n }\n\n .fb-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fb-card {\n animation: fbFadeInUp .5s ease backwards;\n }\n .fb-card:nth-child(1) { animation-delay: .05s; }\n .fb-card:nth-child(2) { animation-delay: .1s; }\n .fb-card:nth-child(3) { animation-delay: .15s; }\n .fb-card:nth-child(4) { animation-delay: .2s; }\n .fb-card:nth-child(5) { animation-delay: .25s; }\n .fb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .fb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54875393786233,"sku":"NJ0195","price":18.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-de-graines-de-figue-de-barbarie-bio-80-ml-naj-lifestyle.webp?v=1774342900"},{"product_id":"shampooing-bio-savon-alep-camomille-najel-500ml","title":"Shampooing 2en1 au Savon d'Alep \u0026 Camomille Bio 500ml - Cheveux normaux - Najel","description":"\u003cdiv class=\"nj-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"nj-hero\"\u003e\n \u003cdiv class=\"nj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nj-hero-content\"\u003e\n \u003cdiv class=\"nj-badges-top\"\u003e\n \u003cspan class=\"nj-badge\"\u003e🌿 99 % d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"nj-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"nj-badge\"\u003e🧴 2en1 nettoyant \u0026amp; démêlant\u003c\/span\u003e\n \u003cspan class=\"nj-badge\"\u003e🌼 Certifié bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"nj-hero-title\"\u003eShampooing 2en1 au savon d'Alep \u0026amp; camomille bio\u003c\/span\u003e\n \u003cp class=\"nj-subtitle\"\u003ePar Najel — 500 ml · Cheveux normaux\u003c\/p\u003e\n \u003cp class=\"nj-description\"\u003eLa douceur ancestrale du savon d'Alep alliée à l'eau de camomille bio pour des cheveux propres, souples et lumineux en un seul geste.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eShampooing 2en1 au savon d'Alep et eau de camomille bio : nettoyage et démêlage en un seul geste\u003c\/h2\u003e\n \u003cp class=\"nj-section-intro\"\u003eVous cherchez un \u003cstrong\u003eshampooing à la camomille\u003c\/strong\u003e doux, naturel et vraiment efficace ?\u003c\/p\u003e\n \u003cdiv class=\"nj-grid-compact\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🏺 Savon d'Alep\u003c\/h3\u003e\n \u003cp\u003eTradition ancestrale pour une base lavante respectueuse et purifiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🌼 Eau de camomille bio\u003c\/h3\u003e\n \u003cp\u003eDouceur apaisante et brillance naturelle pour vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e✨ 2en1 véritable\u003c\/h3\u003e\n \u003cp\u003eNettoie et démêle en un seul geste, sans compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🌱 99 % naturel\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France, certifié bio, pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003ePourquoi le savon d'Alep et la camomille forment un duo si efficace ?\u003c\/h2\u003e\n \u003cdiv class=\"nj-grid\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🏺 Le savon d'Alep : un nettoyant millénaire\u003c\/h3\u003e\n \u003cp\u003eFabriqué à partir d'\u003cstrong\u003ehuile d'olive\u003c\/strong\u003e et d'\u003cstrong\u003ehuile de baie de laurier\u003c\/strong\u003e, il est reconnu depuis des siècles pour ses vertus purifiantes et nourrissantes. Il nettoie le cuir chevelu en profondeur tout en préservant son film hydrolipidique naturel. Pas de sensation de tiraillement ni de cheveux desséchés après le rinçage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🌼 L'eau de camomille bio : un trésor capillaire\u003c\/h3\u003e\n \u003cp\u003eApaisante pour les cuirs chevelus sensibles ou sujets aux irritations, elle apporte une \u003cstrong\u003ebrillance naturelle\u003c\/strong\u003e et des reflets lumineux à la chevelure. La même délicatesse qu'un shampooing camomille bébé, dans une formule complète pensée pour les adultes et toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eUn vrai 2en1 : nettoyant et démêlant sans silicones\u003c\/h2\u003e\n \u003cp class=\"nj-section-intro\"\u003eBeaucoup de shampooings 2en1 trichent en enrobant le cheveu de silicones. Ce n'est pas le cas ici.\u003c\/p\u003e\n \u003cdiv class=\"nj-grid\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🚫 Sans sulfates agressifs\u003c\/h3\u003e\n \u003cp\u003ePas de SLS ni SLES. Une base lavante douce qui respecte la fibre capillaire et le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🚫 Sans silicones\u003c\/h3\u003e\n \u003cp\u003eLe démêlage s'obtient grâce aux agents conditionnants d'origine végétale qui lissent la fibre naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🚫 Sans parabènes\u003c\/h3\u003e\n \u003cp\u003eUne formule clean et transparente, adaptée à un usage quotidien et familial.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-tip\"\u003e\n \u003cspan class=\"nj-tip-icon\"\u003e🪶\u003c\/span\u003e\n \u003cp\u003eVos cheveux restent légers, aériens et ne s'alourdissent pas au fil des lavages. Spécialement formulé pour les \u003cstrong\u003echeveux normaux\u003c\/strong\u003e, sa douceur le rend adapté à toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eListe complète des ingrédients\u003c\/h2\u003e\n \u003cdiv class=\"nj-accordion\"\u003e\n \u003cdetails class=\"nj-accordion-item\" open\u003e\n \u003csummary class=\"nj-accordion-header\"\u003e📋 Composition INCI\u003c\/summary\u003e\n \u003cdiv class=\"nj-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Anthemis Nobilis Flower Water*, Sodium Coco-Sulfate, Cocamidopropyl Betaine, Coco-Glucoside, Glyceryl Oleate, Sodium Olivate, Sodium Laurate, Sodium Chloride, Glycerin, Guar Hydroxypropyltrimonium Chloride, Citric Acid, Sodium Benzoate, Potassium Sorbate, Parfum, Linalool, Limonene.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédient issu de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eComment bien utiliser ce shampooing au savon d'Alep ?\u003c\/h2\u003e\n \u003cdiv class=\"nj-timeline\"\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eMouillez\u003c\/h3\u003e\n \u003cp\u003eMouillez abondamment vos cheveux à l'eau tiède pour ouvrir les écailles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eDosez\u003c\/h3\u003e\n \u003cp\u003ePrélevez une à deux pressions de produit grâce à la \u003cstrong\u003epompe pratique\u003c\/strong\u003e du flacon de 500 ml.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement le cuir chevelu du bout des doigts, puis répartissez sur les longueurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n \u003cp\u003eLaissez poser une à deux minutes pour optimiser l'effet démêlant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez soigneusement à l'eau claire. Passez un peigne à dents larges si nécessaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-tip\"\u003e\n \u003cspan class=\"nj-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e si vous avez les cheveux fins, une seule pression suffit amplement. Le shampooing solide camomille peut être une alternative en voyage, mais pour le quotidien, ce format 500 ml est idéal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"nj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eL'engagement Najel : tradition et respect de l'environnement\u003c\/h2\u003e\n \u003cdiv class=\"nj-grid\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🏺 Savoir-faire ancestral\u003c\/h3\u003e\n \u003cp\u003eNajel perpétue une tradition syrienne millénaire en fabricant ses soins capillaires en France avec le plus grand soin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🌿 Ingrédients bio\u003c\/h3\u003e\n \u003cp\u003eLa marque privilégie les ingrédients naturels et biologiques pour des formules douces et efficaces.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e♻️ Écoresponsable\u003c\/h3\u003e\n \u003cp\u003eEmballages recyclables et démarche globale respectueuse de la planète à chaque étape de production.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-cta-box\"\u003e\n \u003cp\u003e🌼 Choisir ce shampooing, c'est prendre soin de vos cheveux autant que de la planète. Offrez-vous la douceur du savon d'Alep et de la camomille bio au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"nj-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un avis dermatologique en cas de problèmes persistants du cuir chevelu.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --nj-cream: #f5f1ec;\n --nj-white: #ffffff;\n --nj-primary: #6fa8c7;\n --nj-primary-dark: #3a6d87;\n --nj-primary-light: #e8f2f8;\n --nj-secondary: #c9a86c;\n --nj-accent: #8bb5a2;\n --nj-text: #1a1a1a;\n --nj-text-light: #5a5a5a;\n --nj-border: #e0ddd8;\n --nj-shadow: 0 4px 24px rgba(0,0,0,.08);\n --nj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --nj-radius: 20px;\n --nj-radius-sm: 12px;\n}\n\n.nj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nj-hero {\n position: relative;\n background: linear-gradient(135deg, #3a6d87 0%, #6fa8c7 45%, #c9a86c 100%);\n border-radius: var(--nj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--nj-shadow-lg);\n}\n\n.nj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(201,168,108,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.nj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.nj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.nj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--nj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.nj-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n letter-spacing: .02em;\n}\n\n.nj-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.nj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.3;\n}\n\n.nj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--nj-primary), var(--nj-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.nj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nj-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.nj-card {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nj-shadow-lg);\n border-color: var(--nj-primary);\n}\n\n.nj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.nj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.nj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.nj-grid-compact .nj-card {\n padding: 1rem;\n}\n\n.nj-grid-compact .nj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nj-grid-compact .nj-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.nj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nj-primary), var(--nj-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.nj-timeline-content {\n flex: 1;\n background: var(--nj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nj-radius-sm);\n box-shadow: var(--nj-shadow);\n}\n\n.nj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nj-timeline-content p {\n font-size: 14px;\n color: var(--nj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.nj-accordion {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n box-shadow: var(--nj-shadow);\n overflow: hidden;\n}\n\n.nj-accordion-item {\n border-bottom: 1px solid var(--nj-border);\n margin: 0;\n padding: 0;\n}\n\n.nj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.nj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--nj-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.nj-accordion-header:hover {\n background: var(--nj-primary-light);\n}\n\n.nj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.nj-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--nj-primary);\n transition: transform .2s ease;\n}\n\n.nj-accordion-item[open] .nj-accordion-header::after {\n content: '−';\n}\n\n.nj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--nj-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.nj-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.nj-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIP BOX === *\/\n.nj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nj-primary-light);\n border-radius: var(--nj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.nj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nj-tip p {\n font-size: 14px;\n color: var(--nj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.nj-cta-box {\n background: linear-gradient(135deg, var(--nj-primary) 0%, var(--nj-primary-dark) 100%);\n border-radius: var(--nj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.nj-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.nj-disclaimer {\n font-size: 12px;\n color: var(--nj-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .nj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .nj-card {\n padding: 1.125rem;\n }\n\n .nj-section {\n margin-bottom: 1.75rem;\n }\n\n .nj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nj-radius-sm);\n }\n\n .nj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .nj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .nj-grid-compact {\n gap: .625rem;\n }\n\n .nj-grid-compact .nj-card {\n padding: .75rem;\n }\n\n .nj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .nj-timeline-content {\n padding: .875rem 1rem;\n }\n\n .nj-timeline-content h3 {\n font-size: 14px;\n }\n\n .nj-timeline-content p {\n font-size: 13px;\n }\n\n .nj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .nj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .nj-card {\n animation: njFadeInUp .5s ease backwards;\n }\n .nj-card:nth-child(1) { animation-delay: .05s; }\n .nj-card:nth-child(2) { animation-delay: .1s; }\n .nj-card:nth-child(3) { animation-delay: .15s; }\n .nj-card:nth-child(4) { animation-delay: .2s; }\n .nj-card:nth-child(5) { animation-delay: .25s; }\n .nj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes njFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .nj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54875736244601,"sku":"NJ0155","price":15.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampooing-2en1-au-savon-dalep-camomille-bio-500ml-cheveux-n-ingredients.webp?v=1772803390"},{"product_id":"najel-savon-boue-mer-morte-alep-100g","title":"Savon d'Alep à la Boue de la Mer Morte - Najel - 100 g","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Savon d'Alep à la Boue de la Mer Morte - Najel - 100 g\nPalette détectée:\n - Primaire: #7A9B7E (vert sauge du packaging\/étiquette)\n - Secondaire: #8B7355 (brun\/terre du savon lui-même)\n - Accent: #5C7A5F (vert foncé du texte sur l'étiquette)\nAmbiance: Naturel, authentique, traditionnel, minéral, terre et mer\nPréfixe CSS: nj\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Les bienfaits uniques de la boue de la mer Morte\"\n 2. \"Une composition naturelle et biologique\"\n 3. \"Pourquoi choisir le savon d'Alep Najel ?\"\n 4. \"Conseils d'utilisation\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"nj-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"nj-hero\"\u003e\n \u003cdiv class=\"nj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nj-hero-content\"\u003e\n \u003cdiv class=\"nj-badges-top\"\u003e\n \u003cspan class=\"nj-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"nj-badge\"\u003e🧼 Méthode traditionnelle\u003c\/span\u003e\n \u003cspan class=\"nj-badge\"\u003e🌍 Boue de la mer Morte\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"nj-hero-title\"\u003eSavon d'Alep à la boue de la mer Morte\u003c\/span\u003e\n \u003cp class=\"nj-subtitle\"\u003eNajel — 100 g\u003c\/p\u003e\n \u003cp class=\"nj-description\"\u003eUn véritable trésor de la nature pour votre peau. Fabriqué selon la méthode traditionnelle syrienne, ce savon combine les bienfaits de l'huile d'olive, de l'huile de baies de laurier et de la boue de la mer Morte pour offrir un soin naturel et purifiant à votre épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eLes bienfaits uniques de la boue de la mer Morte\u003c\/h2\u003e\n \u003cp class=\"nj-section-intro\"\u003eRiche en minéraux essentiels, la boue de la mer Morte est reconnue pour ses propriétés exceptionnelles sur la peau.\u003c\/p\u003e\n \u003cdiv class=\"nj-grid\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e✨ Purifiante\u003c\/h3\u003e\n \u003cp\u003eÉlimine les impuretés en profondeur et débarrasse la peau des toxines accumulées au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🧴 Exfoliante douce\u003c\/h3\u003e\n \u003cp\u003eFavorise le renouvellement cellulaire en éliminant les cellules mortes, pour une peau lisse et éclatante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🌸 Apaisante\u003c\/h3\u003e\n \u003cp\u003eCalme les irritations et rougeurs tout en rétablissant l'équilibre naturel de votre épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🔄 Régénérante\u003c\/h3\u003e\n \u003cp\u003eRégénère la peau en profondeur grâce à sa richesse exceptionnelle en minéraux essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-tip\"\u003e\n \u003cspan class=\"nj-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eCe savon est idéal pour les peaux sensibles, mixtes ou sujettes aux imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eUne composition naturelle et biologique\u003c\/h2\u003e\n \u003cp class=\"nj-section-intro\"\u003eDes ingrédients naturels soigneusement sélectionnés, sans colorants, sans parfums artificiels et sans conservateurs chimiques.\u003c\/p\u003e\n \u003cdiv class=\"nj-grid\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n \u003cp\u003eNourrit et hydrate la peau en profondeur pour une douceur incomparable au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🌿 Huile de baies de laurier\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses vertus antiseptiques et apaisantes, elle protège et purifie la peau naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🏜️ Boue de la mer Morte\u003c\/h3\u003e\n \u003cp\u003eDétoxifie et revitalise la peau grâce à sa richesse exceptionnelle en minéraux essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-tip\"\u003e\n \u003cspan class=\"nj-tip-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003eCe savon respecte pleinement l'environnement et votre santé : une formule pure, authentique et sans compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003ePourquoi choisir le savon d'Alep Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"nj-grid-compact\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🧑‍🤝‍🧑 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient à tous les types de peau, des plus jeunes aux plus matures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🧴 Multi-usage\u003c\/h3\u003e\n \u003cp\u003eVisage, corps et même cheveux : un seul savon pour tout.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🌍 Écologique\u003c\/h3\u003e\n \u003cp\u003eDémarche éthique et respectueuse de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e📅 Usage quotidien\u003c\/h3\u003e\n \u003cp\u003eFormat 100 g parfait pour une utilisation de tous les jours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"nj-timeline\"\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eHumidifiez votre peau\u003c\/h3\u003e\n \u003cp\u003eMouillez abondamment la zone à nettoyer — visage, corps ou cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eFaites mousser le savon\u003c\/h3\u003e\n \u003cp\u003eFrottez le savon entre vos mains ou directement sur la peau humide pour créer une mousse onctueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eRincez à l'eau claire\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire pour éliminer toute la mousse et révéler une peau propre et douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-tip\"\u003e\n \u003cspan class=\"nj-tip-icon\"\u003e🧤\u003c\/span\u003e\n \u003cp\u003ePour un soin complet, associez-le à un gant exfoliant pour une action encore plus efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"nj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"nj-cta-box\"\u003e\n \u003cp\u003e🧼 Offrez à votre peau le soin ancestral qu'elle mérite — purifiée, nourrie et éclatante de santé grâce à la puissance de la boue de la mer Morte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"nj-disclaimer\"\u003eLes résultats peuvent varier d'une personne à l'autre. Ce produit cosmétique ne se substitue pas à un avis dermatologique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --nj-cream: #f5f2ed;\n --nj-white: #ffffff;\n --nj-primary: #7A9B7E;\n --nj-primary-dark: #4a6b4e;\n --nj-primary-light: #e8f0e9;\n --nj-secondary: #8B7355;\n --nj-accent: #a67c52;\n --nj-text: #1a1a1a;\n --nj-text-light: #5a5a5a;\n --nj-border: #e0ddd8;\n --nj-shadow: 0 4px 24px rgba(0,0,0,.08);\n --nj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --nj-radius: 20px;\n --nj-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.nj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nj-hero {\n position: relative;\n background: linear-gradient(135deg, #5C7A5F 0%, #7A9B7E 40%, #8B7355 100%);\n border-radius: var(--nj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--nj-shadow-lg);\n}\n\n.nj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(139,115,85,.15) 0%, transparent 60%);\n opacity: 1;\n}\n\n.nj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.nj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.nj-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .02em;\n}\n\n.nj-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.nj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--nj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.nj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.nj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--nj-primary), var(--nj-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.nj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nj-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\n}\n\n\/* === CARDS === *\/\n.nj-card {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nj-shadow-lg);\n border-color: var(--nj-primary);\n}\n\n.nj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.nj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.nj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.nj-grid-compact .nj-card {\n padding: 1rem;\n}\n\n.nj-grid-compact .nj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nj-grid-compact .nj-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.nj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nj-primary), var(--nj-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.nj-timeline-content {\n flex: 1;\n background: var(--nj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nj-radius-sm);\n box-shadow: var(--nj-shadow);\n}\n\n.nj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nj-timeline-content p {\n font-size: 14px;\n color: var(--nj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.nj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nj-primary-light);\n border-radius: var(--nj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.nj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nj-tip p {\n font-size: 14px;\n color: var(--nj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.nj-cta-box {\n background: linear-gradient(135deg, var(--nj-primary) 0%, var(--nj-primary-dark) 100%);\n border-radius: var(--nj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.nj-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.nj-disclaimer {\n font-size: 12px;\n color: var(--nj-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .nj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .nj-card {\n padding: 1.125rem;\n }\n\n .nj-section {\n margin-bottom: 1.75rem;\n }\n\n .nj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nj-radius-sm);\n }\n\n .nj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .nj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .nj-grid-compact {\n gap: .625rem;\n }\n\n .nj-grid-compact .nj-card {\n padding: .75rem;\n }\n\n .nj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .nj-timeline-content {\n padding: .875rem 1rem;\n }\n\n .nj-timeline-content h3 {\n font-size: 14px;\n }\n\n .nj-timeline-content p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .nj-card {\n animation: njFadeInUp .5s ease backwards;\n }\n .nj-card:nth-child(1) { animation-delay: .05s; }\n .nj-card:nth-child(2) { animation-delay: .1s; }\n .nj-card:nth-child(3) { animation-delay: .15s; }\n .nj-card:nth-child(4) { animation-delay: .2s; }\n .nj-card:nth-child(5) { animation-delay: .25s; }\n .nj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes njFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .nj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54875822883193,"sku":"NJ0095","price":3.49,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-a-la-boue-de-la-mer-morte-najel-100-g-lifestyle_1d83ce8f-c3c6-473a-b64a-9e59f5930bde.webp?v=1778144759"},{"product_id":"beurre-karite-bio-najel-150-ml","title":"Beurre de Karité Brut Bio - Najel - 100 g","description":"\u003cdiv class=\"nj-premium\"\u003e\n\u003cdiv class=\"nj-hero\"\u003e\n\u003cdiv class=\"nj-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"nj-hero-content\"\u003e\n\u003cdiv class=\"nj-badges-top\"\u003e\n\u003cspan class=\"nj-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"nj-badge\"\u003e✋ Récolte traditionnelle\u003c\/span\u003e \u003cspan class=\"nj-badge\"\u003e💯 100% brut\u003c\/span\u003e \u003cspan class=\"nj-badge\"\u003e🌍 Afrique de l'Ouest\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"nj-hero-title\"\u003eBeurre de Karité Brut Bio\u003c\/span\u003e\n\u003cp class=\"nj-subtitle\"\u003eNajel - 100 g · Visage, corps \u0026amp; cheveux\u003c\/p\u003e\n\u003cp class=\"nj-description\"\u003eUn trésor de la nature, extrait à la main des noix de karité d'Afrique de l'Ouest selon des méthodes traditionnelles. Non raffiné, non désodorisé et certifié Cosmos Organic, il conserve l'intégralité de ses actifs précieux pour offrir à votre peau et à vos cheveux un soin authentique, pur et profondément nourrissant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"nj-section\"\u003e\n\u003ch2\u003ePourquoi choisir un beurre de karité brut et non raffiné ?\u003c\/h2\u003e\n\u003cp class=\"nj-section-intro\"\u003eContrairement aux versions transformées du marché, ce beurre Najel est \u003cstrong\u003e100 % brut\u003c\/strong\u003e. Sa couleur ivoire à beige et son odeur naturelle légèrement fumée témoignent de son authenticité, garantissant une concentration maximale en actifs.\u003c\/p\u003e\n\u003cdiv class=\"nj-grid\"\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🌟 Vitamines A, D, E \u0026amp; F\u003c\/h3\u003e\n\u003cp\u003eAntioxydants puissants qui luttent activement contre le vieillissement cutané et préservent la jeunesse de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e💧 Acides gras essentiels\u003c\/h3\u003e\n\u003cp\u003eOléique, stéarique et linoléique : ils nourrissent en profondeur et restructurent durablement l'épiderme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e✨ Insaponifiables jusqu'à 17 %\u003c\/h3\u003e\n\u003cp\u003eDes substances rares aux propriétés réparatrices et protectrices exceptionnelles, signature du karité brut.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"nj-section\"\u003e\n\u003ch2\u003eLes bienfaits du beurre de karité pour la peau\u003c\/h2\u003e\n\u003cp class=\"nj-section-intro\"\u003eVéritable soin polyvalent, le beurre de karité agit en profondeur sur tous les types de peaux, des plus sensibles aux plus matures.\u003c\/p\u003e\n\u003cdiv class=\"nj-grid\"\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e💦 Hydratation intense\u003c\/h3\u003e\n\u003cp\u003eIdéal pour les peaux sèches, déshydratées ou matures, il restaure le film hydrolipidique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🌸 Apaisant \u0026amp; calmant\u003c\/h3\u003e\n\u003cp\u003eSoulage les irritations, tiraillements et rougeurs en quelques applications.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🛡️ Bouclier protecteur\u003c\/h3\u003e\n\u003cp\u003eProtège du froid, du vent et du soleil grâce à un léger filtre UV naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🤰 Anti-vergetures\u003c\/h3\u003e\n\u003cp\u003eAide à atténuer les vergetures durant la grossesse et favorise la cicatrisation des gerçures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"nj-section\"\u003e\n\u003ch2\u003eBeurre de karité et cheveux : un duo gagnant\u003c\/h2\u003e\n\u003cp class=\"nj-section-intro\"\u003eTradition ancestrale africaine qui a fait ses preuves, le beurre de karité est particulièrement adapté aux cheveux secs, bouclés, frisés, crépus ou abîmés par les colorations.\u003c\/p\u003e\n\u003cdiv class=\"nj-grid\"\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e💪 Nutrition profonde\u003c\/h3\u003e\n\u003cp\u003eNourrit la fibre capillaire en profondeur et limite efficacement la casse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e✨ Brillance \u0026amp; discipline\u003c\/h3\u003e\n\u003cp\u003eDiscipline les frisottis et apporte une brillance naturelle aux longueurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🌿 Cuir chevelu apaisé\u003c\/h3\u003e\n\u003cp\u003eCalme et soulage les cuirs chevelus secs ou irrités en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🛡️ Pointes protégées\u003c\/h3\u003e\n\u003cp\u003eProtège les pointes des agressions extérieures : chaleur, pollution et coiffage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-tip\"\u003e\n\u003cspan class=\"nj-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003ePour appliquer le beurre de karité sur les cheveux, faites-le fondre entre vos paumes et utilisez-le en bain d'huile avant shampoing, en soin sans rinçage sur les pointes, ou en masque nourrissant une fois par semaine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"nj-section\"\u003e\n\u003ch2\u003eComment utiliser le beurre de karité Najel ?\u003c\/h2\u003e\n\u003cp class=\"nj-section-intro\"\u003eÀ température ambiante, le beurre est solide. Prélevez une petite noisette, réchauffez-la entre vos doigts jusqu'à obtenir une texture huileuse, puis appliquez selon vos besoins.\u003c\/p\u003e\n\u003cdiv class=\"nj-timeline\"\u003e\n\u003cdiv class=\"nj-timeline-item\"\u003e\n\u003cdiv class=\"nj-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-content\"\u003e\n\u003ch3\u003e👁️ Sur le visage\u003c\/h3\u003e\n\u003cp\u003eEn soin de nuit ou contour des yeux, en très fine couche pour une régénération nocturne optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-item\"\u003e\n\u003cdiv class=\"nj-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-content\"\u003e\n\u003ch3\u003e🧴 Sur le corps\u003c\/h3\u003e\n\u003cp\u003eAprès la douche, sur peau légèrement humide pour une absorption optimale et une peau veloutée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-item\"\u003e\n\u003cdiv class=\"nj-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-content\"\u003e\n\u003ch3\u003e💇 Sur les cheveux\u003c\/h3\u003e\n\u003cp\u003eEn masque avant-shampoing ou directement sur les longueurs sèches pour nourrir intensément.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-item\"\u003e\n\u003cdiv class=\"nj-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-content\"\u003e\n\u003ch3\u003e🎯 En zones ciblées\u003c\/h3\u003e\n\u003cp\u003eCoudes, genoux, talons, lèvres gercées : un soin SOS pour les zones les plus sèches.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"nj-section\"\u003e\n\u003ch2\u003eComposition 100 % naturelle\u003c\/h2\u003e\n\u003cdiv class=\"nj-testimonial\"\u003e\n\u003cp class=\"nj-testimonial-text\"\u003e\"\u003cstrong\u003eINCI\u003c\/strong\u003e : Butyrospermum Parkii (Shea) Butter*. \u003cem\u003e*Issu de l'agriculture biologique.\u003c\/em\u003e\u003cbr\u003e\u003cbr\u003eUn seul ingrédient, brut et certifié bio. Sans parfum, sans conservateur, sans additif. Conditionnement : pot de \u003cstrong\u003e100 g\u003c\/strong\u003e.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1.5rem;\" class=\"nj-grid-compact\"\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🌿 1 ingrédient\u003c\/h3\u003e\n\u003cp\u003e100% beurre de karité bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🚫 0 additif\u003c\/h3\u003e\n\u003cp\u003eSans parfum ni conservateur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e✅ Certifié\u003c\/h3\u003e\n\u003cp\u003eCosmos Organic\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e📦 Format\u003c\/h3\u003e\n\u003cp\u003ePot de 100 g\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"nj-section\"\u003e\n\u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n\u003cdiv class=\"nj-accordion\"\u003e\n\u003cdetails class=\"nj-accordion-item\"\u003e\n\u003csummary class=\"nj-accordion-header\"\u003e⚠️ Conseils d'utilisation\u003c\/summary\u003e\n\u003cdiv class=\"nj-accordion-content mt-3\"\u003e\n\u003cp\u003eRéservé à l'usage cosmétique externe. Évitez le contact avec les yeux. En cas de réaction, cessez l'utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"nj-accordion-item\"\u003e\n\u003csummary class=\"nj-accordion-header\"\u003e🥜 Allergies\u003c\/summary\u003e\n\u003cdiv class=\"nj-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillé aux personnes allergiques au latex (traces possibles).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"nj-accordion-item\"\u003e\n\u003csummary class=\"nj-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n\u003cdiv class=\"nj-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit ne remplace en aucun cas un traitement médical : consultez un professionnel de santé en cas de problème dermatologique persistant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"nj-accordion-item\"\u003e\n\u003csummary class=\"nj-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"nj-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez à l'abri de la chaleur et de la lumière pour préserver toutes les qualités du beurre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --nj-cream: #fdf8f3;\n --nj-white: #ffffff;\n --nj-primary: #d68449;\n --nj-primary-dark: #8b4a1f;\n --nj-primary-light: #fbeadb;\n --nj-secondary: #c46a2e;\n --nj-accent: #5a3a1f;\n\n --nj-text: #2a1a0f;\n --nj-text-light: #6b5547;\n\n --nj-border: #ebd9c5;\n --nj-shadow: 0 4px 24px rgba(139, 74, 31, .08);\n --nj-shadow-lg: 0 12px 48px rgba(139, 74, 31, .18);\n --nj-radius: 20px;\n --nj-radius-sm: 12px;\n}\n\n.nj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--nj-text);\n}\n\n.nj-hero {\n position: relative;\n background: linear-gradient(135deg, #e89556 0%, #d68449 50%, #b8612a 100%);\n border-radius: var(--nj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--nj-shadow-lg);\n}\n\n.nj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 25%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 30%);\n opacity: .15;\n}\n\n.nj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.nj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.nj-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.nj-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.nj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--nj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.nj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.nj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--nj-primary), var(--nj-secondary));\n border-radius: 2px;\n}\n\n.nj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nj-text-light);\n margin-bottom: 1.75rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.nj-card {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nj-shadow-lg);\n border-color: var(--nj-primary);\n}\n\n.nj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.nj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.nj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.nj-grid-compact .nj-card {\n padding: 1rem;\n}\n\n.nj-grid-compact .nj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nj-grid-compact .nj-card p {\n font-size: 12px;\n}\n\n.nj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nj-primary), var(--nj-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(214, 132, 73, .35);\n}\n\n.nj-timeline-content {\n flex: 1;\n background: var(--nj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nj-radius-sm);\n box-shadow: var(--nj-shadow);\n}\n\n.nj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nj-timeline-content p {\n font-size: 14px;\n color: var(--nj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.nj-testimonial {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nj-shadow);\n border-left: 4px solid var(--nj-primary);\n}\n\n.nj-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nj-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.nj-accordion {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n box-shadow: var(--nj-shadow);\n overflow: hidden;\n}\n\n.nj-accordion-item {\n border-bottom: 1px solid var(--nj-border);\n margin: 0;\n padding: 0;\n}\n\n.nj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.nj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--nj-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.nj-accordion-header:hover {\n background: var(--nj-primary-light);\n}\n\n.nj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.nj-accordion-header::after {\n content: '+';\n font-size: 24px;\n font-weight: 400;\n color: var(--nj-primary);\n transition: transform .2s ease;\n}\n\n.nj-accordion-item[open] .nj-accordion-header::after {\n content: '−';\n}\n\n.nj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--nj-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.nj-accordion-content p {\n margin: 0;\n}\n\n.nj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nj-primary-light);\n border-radius: var(--nj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 3px solid var(--nj-primary);\n}\n\n.nj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nj-tip p {\n font-size: 14px;\n color: var(--nj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n .nj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .nj-card {\n padding: 1.125rem;\n }\n \n .nj-section {\n margin-bottom: 1.75rem;\n }\n \n .nj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nj-radius-sm);\n }\n \n .nj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .nj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .nj-grid-compact {\n gap: .625rem;\n }\n \n .nj-grid-compact .nj-card {\n padding: .75rem;\n }\n \n .nj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .nj-timeline-content {\n padding: .875rem 1rem;\n }\n \n .nj-timeline-content h3 {\n font-size: 14px;\n }\n \n .nj-timeline-content p {\n font-size: 13px;\n }\n \n .nj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .nj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .nj-testimonial {\n padding: 1.25rem;\n }\n \n .nj-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .nj-card {\n animation: njFadeInUp .5s ease backwards;\n }\n .nj-card:nth-child(1) { animation-delay: .05s; }\n .nj-card:nth-child(2) { animation-delay: .1s; }\n .nj-card:nth-child(3) { animation-delay: .15s; }\n .nj-card:nth-child(4) { animation-delay: .2s; }\n .nj-card:nth-child(5) { animation-delay: .25s; }\n .nj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes njFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .nj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54878508319097,"sku":"NJ0225","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/beurre-de-karite-brut-bio-najel-100-g-lifestyle.webp?v=1778142956"},{"product_id":"savon-alep-huile-nigelle-najel","title":"Savon d'Alep à l'Huile de Nigelle - 100 g Najel","description":"\u003cdiv class=\"sa-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sa-hero\"\u003e\n \u003cdiv class=\"sa-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sa-hero-content\"\u003e\n \u003cdiv class=\"sa-badges-top\"\u003e\n \u003cspan class=\"sa-badge\"\u003e🕌 Savoir-faire 3 000 ans\u003c\/span\u003e\n \u003cspan class=\"sa-badge\"\u003e🌿 100 % naturel\u003c\/span\u003e\n \u003cspan class=\"sa-badge\"\u003e✋ Fabrication artisanale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sa-hero-title\"\u003eSavon d'Alep à l'huile de nigelle\u003c\/span\u003e\n \u003cp class=\"sa-subtitle\"\u003eNajel — Rêve d'Orient\u003c\/p\u003e\n \u003cp class=\"sa-description\"\u003eUn soin ancestral apaisant et régénérant, enrichi à l'huile de cumin noir, pour une peau douce et apaisée au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eSavon d'Alep à l'huile de nigelle Najel : un soin ancestral apaisant et régénérant\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eHéritier d'un savoir-faire vieux de plus de \u003cstrong\u003e3 000 ans\u003c\/strong\u003e, ce savon d'Alep enrichi à l'huile de nigelle signé Najel associe tradition syrienne et bienfaits reconnus du cumin noir. Fabriqué artisanalement, il offre un nettoyage doux et respectueux, idéal pour les peaux en quête d'apaisement et de confort au quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003ePourquoi choisir un savon d'Alep à l'huile de nigelle ?\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eLe savon d'Alep classique est déjà réputé pour sa douceur et sa composition minimaliste. En y ajoutant de l'huile de nigelle (Nigella sativa), Najel va plus loin. Cette huile précieuse, utilisée depuis l'Antiquité, est reconnue pour ses propriétés :\u003c\/p\u003e\n \u003cdiv class=\"sa-grid\"\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🌸 Apaisantes\u003c\/h3\u003e\n \u003cp\u003eElle calme les sensations d'inconfort, les tiraillements et les rougeurs, même sur les peaux les plus réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e✨ Régénérantes\u003c\/h3\u003e\n \u003cp\u003eRiche en thymoquinone et en acides gras essentiels, elle soutient le renouvellement cutané et aide la peau à retrouver souplesse et éclat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🧼 Purifiantes\u003c\/h3\u003e\n \u003cp\u003eElle contribue à rééquilibrer les peaux mixtes à grasses et à limiter les imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🛡️ Protectrices\u003c\/h3\u003e\n \u003cp\u003eSes antioxydants naturels aident à protéger l'épiderme contre les agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-tip\"\u003e\n \u003cspan class=\"sa-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSi vous vous demandez quel savon d'Alep choisir pour le visage ou les peaux sensibles, cette formule à la nigelle constitue un excellent choix, souvent recommandé dans les avis de dermatologues favorables aux soins naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep Najel à la nigelle\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eLa composition de ce savon d'Alep est entièrement naturelle, sans colorant, sans parfum de synthèse et sans conservateur artificiel :\u003c\/p\u003e\n \u003cdiv class=\"sa-grid\"\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🫒 Sodium Olivate\u003c\/h3\u003e\n \u003cp\u003eHuile d'olive saponifiée, nourrit et assouplit la peau en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🌿 Sodium Laurate\u003c\/h3\u003e\n \u003cp\u003eHuile de baie de laurier saponifiée, purifiante et antiseptique naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🖤 Nigella Sativa Seed Oil\u003c\/h3\u003e\n \u003cp\u003eHuile de graines de nigelle, apaisante et régénérante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e💧 Aqua\u003c\/h3\u003e\n \u003cp\u003eEau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e⚗️ Sodium Hydroxide\u003c\/h3\u003e\n \u003cp\u003eUtilisé dans le processus de saponification.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-tip\"\u003e\n \u003cspan class=\"sa-tip-icon\"\u003e📝\u003c\/span\u003e\n \u003cp\u003eUne formule courte et transparente, fidèle à la tradition du véritable savon d'Alep artisanal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eComment utiliser ce savon d'Alep au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eCe savon est d'une grande polyvalence. Vous pouvez l'utiliser :\u003c\/p\u003e\n \u003cdiv class=\"sa-timeline\"\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003e🧑 Sur le visage\u003c\/h3\u003e\n \u003cp\u003eFaites mousser entre vos mains humides, appliquez en mouvements circulaires doux, puis rincez à l'eau tiède. Parfait comme nettoyant quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003e🚿 Sur le corps\u003c\/h3\u003e\n \u003cp\u003eUtilisez-le sous la douche pour un lavage tout en douceur qui respecte le film hydrolipidique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003e💇 Sur les cheveux\u003c\/h3\u003e\n \u003cp\u003eEn shampooing solide occasionnel, il aide à purifier le cuir chevelu et à espacer les lavages.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-tip\"\u003e\n \u003cspan class=\"sa-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e après utilisation, laissez sécher votre savon sur un porte-savon aéré. Il durera ainsi beaucoup plus longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003ePour qui est fait ce savon ?\u003c\/h2\u003e\n \u003cdiv class=\"sa-grid-compact\"\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🤲 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les peaux irritées, sujettes à l'eczéma ou aux démangeaisons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient à tous les types de peau, des plus jeunes aux plus matures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🌱 Routine naturelle\u003c\/h3\u003e\n \u003cp\u003eParfait pour celles et ceux qui souhaitent une routine beauté sans ingrédient synthétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e✈️ Format voyage\u003c\/h3\u003e\n \u003cp\u003eSon format de 100 g est idéal au quotidien comme en déplacement. Biodégradable et zéro déchet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION CTA + DISCLAIMER --\u003e\n \u003csection class=\"sa-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sa-cta-box\"\u003e\n \u003cp\u003e🕌 Offrez à votre peau un soin millénaire — le savon d'Alep à l'huile de nigelle Najel, apaisant, régénérant et 100 % naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"sa-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sa-cream: #faf6f1;\n --sa-white: #ffffff;\n --sa-primary: #d97b1e;\n --sa-primary-dark: #8c4e10;\n --sa-primary-light: #fdf0e0;\n --sa-secondary: #c4922a;\n --sa-accent: #e8a838;\n --sa-text: #1a1a1a;\n --sa-text-light: #5a5a5a;\n --sa-border: #e8ddd0;\n --sa-shadow: 0 4px 24px rgba(140,78,16,.08);\n --sa-shadow-lg: 0 12px 48px rgba(140,78,16,.15);\n --sa-radius: 20px;\n --sa-radius-sm: 12px;\n}\n\n.sa-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sa-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sa-hero {\n position: relative;\n background: linear-gradient(135deg, #c4692a 0%, #d97b1e 40%, #e8a838 100%);\n border-radius: var(--sa-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sa-shadow-lg);\n}\n\n.sa-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n repeating-conic-gradient(from 0deg at 50% 50%, transparent 0deg 8deg, rgba(255,255,255,.015) 8deg 10deg);\n opacity: 1;\n}\n\n.sa-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sa-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sa-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sa-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sa-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sa-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sa-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.sa-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.sa-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sa-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sa-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sa-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sa-primary), var(--sa-secondary));\n border-radius: 2px;\n}\n\n.sa-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sa-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.sa-section-intro strong {\n color: var(--sa-text);\n}\n\n\/* === CARDS === *\/\n.sa-card {\n background: var(--sa-white);\n border-radius: var(--sa-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sa-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sa-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sa-shadow-lg);\n border-color: var(--sa-primary);\n}\n\n.sa-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sa-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sa-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sa-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sa-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sa-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sa-grid-compact .sa-card {\n padding: 1rem;\n}\n\n.sa-grid-compact .sa-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sa-grid-compact .sa-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sa-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sa-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sa-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sa-primary), var(--sa-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.sa-timeline-content {\n flex: 1;\n background: var(--sa-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sa-radius-sm);\n box-shadow: var(--sa-shadow);\n}\n\n.sa-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sa-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sa-timeline-content p {\n font-size: 14px;\n color: var(--sa-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.sa-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sa-primary-light);\n border-radius: var(--sa-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sa-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sa-tip p {\n font-size: 14px;\n color: var(--sa-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.sa-tip p strong {\n color: var(--sa-primary-dark);\n}\n\n\/* === TESTIMONIAL === *\/\n.sa-testimonial {\n background: var(--sa-white);\n border-radius: var(--sa-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sa-shadow);\n border-left: 4px solid var(--sa-primary);\n}\n\n.sa-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sa-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.sa-cta-box {\n background: linear-gradient(135deg, var(--sa-primary) 0%, var(--sa-primary-dark) 100%);\n border-radius: var(--sa-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sa-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sa-disclaimer {\n font-size: 12px;\n color: var(--sa-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sa-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sa-card {\n padding: 1.125rem;\n }\n\n .sa-section {\n margin-bottom: 1.75rem;\n }\n\n .sa-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sa-radius-sm);\n }\n\n .sa-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sa-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sa-grid-compact {\n gap: .625rem;\n }\n\n .sa-grid-compact .sa-card {\n padding: .75rem;\n }\n\n .sa-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sa-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sa-timeline-content h3 {\n font-size: 14px;\n }\n\n .sa-timeline-content p {\n font-size: 13px;\n }\n\n .sa-testimonial {\n padding: 1.25rem;\n }\n\n .sa-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sa-card {\n animation: saFadeInUp .5s ease backwards;\n }\n .sa-card:nth-child(1) { animation-delay: .05s; }\n .sa-card:nth-child(2) { animation-delay: .1s; }\n .sa-card:nth-child(3) { animation-delay: .15s; }\n .sa-card:nth-child(4) { animation-delay: .2s; }\n .sa-card:nth-child(5) { animation-delay: .25s; }\n .sa-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes saFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sa-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54878539972985,"sku":"NJ0090","price":3.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-a-lhuile-de-nigelle-100-g-najel-lifestyle.webp?v=1772804061"},{"product_id":"najel-pierre-ponce-naturelle","title":"Pierre Ponce - Najel","description":"\u003cdiv class=\"pp-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"pp-hero\"\u003e\n \u003cdiv class=\"pp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pp-hero-content\"\u003e\n \u003cdiv class=\"pp-badges-top\"\u003e\n \u003cspan class=\"pp-badge\"\u003e🌋 Roche volcanique\u003c\/span\u003e\n \u003cspan class=\"pp-badge\"\u003e♻️ Zéro déchet\u003c\/span\u003e\n \u003cspan class=\"pp-badge\"\u003e🧶 Cordelette naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pp-hero-title\"\u003ePierre Ponce Najel\u003c\/span\u003e\n \u003cp class=\"pp-subtitle\"\u003eL'exfoliant ancestral, taillé dans la lave\u003c\/p\u003e\n \u003cp class=\"pp-description\"\u003e100 % roche volcanique naturelle pour des pieds doux, lisses et soignés — sans aucun additif chimique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"pp-section\"\u003e\n \u003ch2\u003ePierre ponce naturelle Najel : le geste simple pour des pieds doux et soignés\u003c\/h2\u003e\n \u003cp class=\"pp-section-intro\"\u003eVous cherchez une solution efficace et naturelle pour éliminer les callosités et retrouver une peau lisse sous vos pieds ? La \u003cstrong\u003epierre ponce Najel\u003c\/strong\u003e, taillée dans une authentique \u003cstrong\u003eroche volcanique\u003c\/strong\u003e, est l'alliée idéale de votre routine de soin. Utilisée depuis l'Antiquité, la pierre ponce reste à ce jour l'un des exfoliants les plus respectueux de la peau et de l'environnement.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"pp-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette pierre ponce pour les pieds ?\u003c\/h2\u003e\n \u003cp class=\"pp-section-intro\"\u003eContrairement aux râpes métalliques ou aux exfoliants chimiques, la \u003cstrong\u003epierre ponce pour pieds\u003c\/strong\u003e agit mécaniquement, sans aucun additif. Sa surface poreuse, formée naturellement par le refroidissement rapide de la lave, offre un grain abrasif parfaitement dosé.\u003c\/p\u003e\n \u003cdiv class=\"pp-grid\"\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🌋 100 % roche volcanique naturelle\u003c\/h3\u003e\n \u003cp\u003eAucun traitement chimique, aucun colorant ajouté. Une matière brute, directement issue de la lave refroidie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🪶 Exfoliation progressive et douce\u003c\/h3\u003e\n \u003cp\u003eRespecte même les peaux les plus réactives grâce à un grain abrasif parfaitement dosé par la nature.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🧶 Cordelette en fibres naturelles\u003c\/h3\u003e\n \u003cp\u003ePratique pour la suspendre et la faire sécher après chaque utilisation. Un détail malin pour plus d'hygiène.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🦶 Polyvalente\u003c\/h3\u003e\n \u003cp\u003eEfficace sur les pieds, mais aussi sur les coudes, les genoux et les mains pour une peau douce partout.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e♻️ Réutilisable et durable\u003c\/h3\u003e\n \u003cp\u003eUne alternative zéro déchet aux éponges et gommages jetables. Plusieurs mois d'utilisation garantis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"pp-section\"\u003e\n \u003ch2\u003eComment utiliser la pierre ponce correctement ?\u003c\/h2\u003e\n \u003cp class=\"pp-section-intro\"\u003ePour profiter pleinement de ses bienfaits, suivez ces étapes simples :\u003c\/p\u003e\n \u003cdiv class=\"pp-timeline\"\u003e\n \u003cdiv class=\"pp-timeline-item\"\u003e\n \u003cdiv class=\"pp-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"pp-timeline-content\"\u003e\n \u003ch3\u003eRamollissez la peau\u003c\/h3\u003e\n \u003cp\u003eFaites tremper vos pieds dans de l'eau tiède pendant 10 à 15 minutes, ou utilisez la pierre en fin de bain ou de douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-timeline-item\"\u003e\n \u003cdiv class=\"pp-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"pp-timeline-content\"\u003e\n \u003ch3\u003eFrottez délicatement\u003c\/h3\u003e\n \u003cp\u003ePassez la pierre ponce sur les pieds en effectuant de petits mouvements circulaires sur les talons, la plante et les zones calleuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-timeline-item\"\u003e\n \u003cdiv class=\"pp-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"pp-timeline-content\"\u003e\n \u003ch3\u003eRincez et hydratez\u003c\/h3\u003e\n \u003cp\u003eRincez vos pieds à l'eau claire, séchez-les soigneusement, puis appliquez une crème hydratante ou un beurre de karité pour nourrir la peau en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-timeline-item\"\u003e\n \u003cdiv class=\"pp-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"pp-timeline-content\"\u003e\n \u003ch3\u003eEntretenez votre pierre\u003c\/h3\u003e\n \u003cp\u003eRincez-la après chaque usage et laissez-la sécher à l'air libre grâce à sa cordelette de suspension.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-tip\"\u003e\n \u003cspan class=\"pp-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eUne à deux utilisations par semaine suffisent pour maintenir vos pieds doux et prévenir la formation de nouvelles callosités.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"pp-section\"\u003e\n \u003ch2\u003eBien plus qu'un soin des pieds\u003c\/h2\u003e\n \u003cdiv class=\"pp-grid-compact\"\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🚽 Nettoyage écologique\u003c\/h3\u003e\n \u003cp\u003eLa pierre ponce pour toilettes est redoutablement efficace contre le tartre et les traces tenaces, sans produit chimique. Humidifiez et frottez. Pensez à dédier une pierre spécifique à cet usage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e✨ Épilation douce\u003c\/h3\u003e\n \u003cp\u003eEn frottant doucement sur peau sèche, les poils fins peuvent être atténués progressivement. Cette technique ancestrale convient surtout aux duvets légers et nécessite de la régularité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"pp-section\"\u003e\n \u003ch2\u003eNajel : l'authenticité au service du naturel\u003c\/h2\u003e\n \u003cdiv class=\"pp-testimonial\"\u003e\n \u003cp class=\"pp-testimonial-text\"\u003eLa marque Najel, reconnue pour son célèbre savon d'Alep, perpétue un savoir-faire artisanal fondé sur des matières premières brutes et non transformées. En choisissant cette pierre ponce naturelle, vous faites le choix d'un produit sincère, sans emballage superflu, conçu pour durer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"pp-section\"\u003e\n \u003ch2\u003eCaractéristiques\u003c\/h2\u003e\n \u003cdiv class=\"pp-accordion\"\u003e\n \u003cdetails class=\"pp-accordion-item\" open\u003e\n \u003csummary class=\"pp-accordion-header\"\u003e🪨 Composition\u003c\/summary\u003e\n \u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n \u003cp\u003e100 % roche volcanique naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pp-accordion-item\"\u003e\n \u003csummary class=\"pp-accordion-header\"\u003e🧶 Accessoire\u003c\/summary\u003e\n \u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n \u003cp\u003eCordelette en fibres naturelles pour suspension\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pp-accordion-item\"\u003e\n \u003csummary class=\"pp-accordion-header\"\u003e🤲 Fabrication\u003c\/summary\u003e\n \u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n \u003cp\u003eArtisanale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pp-accordion-item\"\u003e\n \u003csummary class=\"pp-accordion-header\"\u003e⏳ Durée de vie\u003c\/summary\u003e\n \u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n \u003cp\u003ePlusieurs mois en utilisation régulière\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pp-accordion-item\"\u003e\n \u003csummary class=\"pp-accordion-header\"\u003e🏷️ Marque\u003c\/summary\u003e\n \u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n \u003cp\u003eNajel\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=\"pp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"pp-cta-box\"\u003e\n \u003cp\u003e🌋 Offrez à vos pieds le soin ancestral qu'ils méritent.\u003cbr\u003eNaturelle, durable et efficace — la pierre ponce Najel est le geste zéro déchet indispensable de votre salle de bain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"pp-disclaimer\"\u003eCe produit est un accessoire de soin corporel. En cas de peau lésée, irritée ou de problème dermatologique, consultez un professionnel de santé avant utilisation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --pp-cream: #f5f3f0;\n --pp-white: #ffffff;\n --pp-primary: #6b5b4f;\n --pp-primary-dark: #4a3c32;\n --pp-primary-light: #ebe6e0;\n --pp-secondary: #8c7b6b;\n --pp-accent: #a39181;\n --pp-text: #1a1a1a;\n --pp-text-light: #5a5a5a;\n --pp-border: #ddd5cc;\n --pp-shadow: 0 4px 24px rgba(74,60,50,.08);\n --pp-shadow-lg: 0 12px 48px rgba(74,60,50,.15);\n --pp-radius: 20px;\n --pp-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.pp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pp-hero {\n position: relative;\n background: linear-gradient(135deg, #4a3c32 0%, #6b5b4f 45%, #8c7b6b 100%);\n border-radius: var(--pp-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--pp-shadow-lg);\n}\n\n.pp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.08) 1px, transparent 1px),\n radial-gradient(circle at 60% 70%, rgba(255,255,255,.06) 2px, transparent 2px),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.05) 1.5px, transparent 1.5px),\n radial-gradient(circle at 40% 80%, rgba(255,255,255,.07) 1px, transparent 1px);\n background-size: 60px 60px, 80px 80px, 50px 50px, 70px 70px;\n opacity: .6;\n}\n\n.pp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.pp-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.pp-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.pp-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.pp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pp-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pp-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.pp-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pp-primary), var(--pp-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.pp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pp-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.pp-section-intro strong {\n color: var(--pp-primary-dark);\n}\n\n\/* === CARDS === *\/\n.pp-card {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pp-shadow-lg);\n border-color: var(--pp-primary);\n}\n\n.pp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.pp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pp-grid-compact .pp-card {\n padding: 1.25rem;\n}\n\n.pp-grid-compact .pp-card h3 {\n font-size: 15px;\n margin-bottom: .4rem;\n}\n\n.pp-grid-compact .pp-card p {\n font-size: 13px;\n}\n\n\/* === TIMELINE === *\/\n.pp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pp-primary), var(--pp-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.pp-timeline-content {\n flex: 1;\n background: var(--pp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pp-radius-sm);\n box-shadow: var(--pp-shadow);\n}\n\n.pp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pp-timeline-content p {\n font-size: 14px;\n color: var(--pp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.pp-testimonial {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pp-shadow);\n border-left: 4px solid var(--pp-primary);\n}\n\n.pp-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pp-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.pp-accordion {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n box-shadow: var(--pp-shadow);\n overflow: hidden;\n}\n\n.pp-accordion-item {\n border-bottom: 1px solid var(--pp-border);\n margin: 0;\n padding: 0;\n}\n\n.pp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pp-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.pp-accordion-header:hover {\n background: var(--pp-primary-light);\n}\n\n.pp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pp-primary);\n transition: transform .2s ease;\n}\n\n.pp-accordion-item[open] .pp-accordion-header::after {\n content: '−';\n}\n\n.pp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pp-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.pp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pp-primary-light);\n border-radius: var(--pp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pp-tip p {\n font-size: 14px;\n color: var(--pp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.pp-cta-box {\n background: linear-gradient(135deg, var(--pp-primary) 0%, var(--pp-primary-dark) 100%);\n border-radius: var(--pp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pp-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.pp-disclaimer {\n font-size: 12px;\n color: var(--pp-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .pp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pp-card {\n padding: 1.125rem;\n }\n\n .pp-section {\n margin-bottom: 1.75rem;\n }\n\n .pp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pp-radius-sm);\n }\n\n .pp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pp-grid-compact {\n gap: .625rem;\n }\n\n .pp-grid-compact .pp-card {\n padding: .75rem;\n }\n\n .pp-grid-compact .pp-card h3 {\n font-size: 14px;\n }\n\n .pp-grid-compact .pp-card p {\n font-size: 12px;\n }\n\n .pp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pp-timeline-content h3 {\n font-size: 14px;\n }\n\n .pp-timeline-content p {\n font-size: 13px;\n }\n\n .pp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .pp-testimonial {\n padding: 1.25rem;\n }\n\n .pp-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pp-card {\n animation: ppFadeInUp .5s ease backwards;\n }\n .pp-card:nth-child(1) { animation-delay: .05s; }\n .pp-card:nth-child(2) { animation-delay: .1s; }\n .pp-card:nth-child(3) { animation-delay: .15s; }\n .pp-card:nth-child(4) { animation-delay: .2s; }\n .pp-card:nth-child(5) { animation-delay: .25s; }\n .pp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ppFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .pp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54880635093369,"sku":"NJ0340","price":3.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/pierre-ponce-najel-lifestyle.webp?v=1772810101"},{"product_id":"savon-alep-12-laurier-najel-100g","title":"Savon d'Alep 12% Huile de Baies de Laurier - Najel - 100g","description":"\u003cdiv class=\"sa-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sa-hero\"\u003e\n \u003cdiv class=\"sa-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sa-hero-content\"\u003e\n \u003cdiv class=\"sa-badges-top\"\u003e\n \u003cspan class=\"sa-badge\"\u003e🌿 12% huile de laurier\u003c\/span\u003e\n \u003cspan class=\"sa-badge\"\u003e🕊️ Recette millénaire\u003c\/span\u003e\n \u003cspan class=\"sa-badge\"\u003e🧼 100% naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sa-hero-title\"\u003eSavon d'Alep 12% Huile de Baies de Laurier\u003c\/span\u003e\n \u003cp class=\"sa-subtitle\"\u003eNajel — 100 g\u003c\/p\u003e\n \u003cp class=\"sa-description\"\u003eL'authentique savon d'Alep artisanal, héritier d'un savoir-faire vieux de 3 000 ans. Douceur, purification et tradition réunies dans un seul pain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eSavon d'Alep 12% huile de baies de laurier Najel : l'authentique soin millénaire\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eHéritier d'un savoir-faire vieux de plus de \u003cstrong\u003e3 000 ans\u003c\/strong\u003e, ce savon d'Alep signé Najel est bien plus qu'un simple savon.\u003c\/p\u003e\n \u003cdiv class=\"sa-grid-compact\"\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🏛️ Fabrication artisanale\u003c\/h3\u003e\n \u003cp\u003eFabriqué dans la ville d'Alep, en Syrie, selon une recette ancestrale transmise de génération en génération.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🌿 Ingrédients nobles\u003c\/h3\u003e\n \u003cp\u003eUniquement des huiles d'olive et de baies de laurier, sans colorant, sans parfum de synthèse, sans conservateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e⚖️ Équilibre idéal\u003c\/h3\u003e\n \u003cp\u003eAvec 12% d'huile de baies de laurier, un dosage parfait entre douceur et purification.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🤲 Toutes les peaux\u003c\/h3\u003e\n \u003cp\u003eAdapté à la majorité des types de peau, y compris les peaux réactives et sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep Najel\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eLa force de ce savon réside dans la simplicité de sa formule. Pas de colorants, pas de parfums de synthèse, pas de conservateurs : uniquement des ingrédients naturels, saponifiés à chaud puis séchés pendant de longs mois.\u003c\/p\u003e\n \u003cdiv class=\"sa-grid\"\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eOlea Europaea Fruit Oil\u003c\/strong\u003e — Nourrit, adoucit et protège le film hydrolipidique de la peau en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🌿 Huile de baies de laurier — 12%\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eLaurus Nobilis Fruit Oil\u003c\/strong\u003e — Purifiante et apaisante, elle aide à calmer les peaux réactives et sujettes aux imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e💧 Eau \u0026amp; hydroxyde de sodium\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eAqua, Sodium Hydroxide\u003c\/strong\u003e — Agent de saponification entièrement transformé au cours du processus de fabrication.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-tip\"\u003e\n \u003cspan class=\"sa-tip-icon\"\u003e📋\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eINCI :\u003c\/strong\u003e Olea Europaea Fruit Oil, Laurus Nobilis Fruit Oil, Aqua, Sodium Hydroxide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eBienfaits du savon d'Alep 12% pour votre peau\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eVous cherchez à comprendre les bienfaits du savon d'Alep ? Voici ce que cette concentration à 12% de laurier peut vous apporter au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"sa-grid\"\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e✨ Nettoyage en douceur\u003c\/h3\u003e\n \u003cp\u003eIl élimine les impuretés sans agresser ni dessécher l'épiderme. Un nettoyage respectueux, jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🩹 Apaisement des irritations\u003c\/h3\u003e\n \u003cp\u003ePeaux sensibles, rougeurs, tiraillements — l'huile de laurier aide à calmer les inconforts cutanés durablement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e⚖️ Rééquilibrage des peaux mixtes\u003c\/h3\u003e\n \u003cp\u003eRégule l'excès de sébum tout en maintenant une bonne hydratation. Votre peau retrouve son équilibre naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e💇 Soin pour les cheveux\u003c\/h3\u003e\n \u003cp\u003eUtilisé comme shampoing solide, le savon d'Alep purifie le cuir chevelu et redonne légèreté et brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-tip\"\u003e\n \u003cspan class=\"sa-tip-icon\"\u003e👨‍⚕️\u003c\/span\u003e\n \u003cp\u003eCe dosage à 12% est souvent recommandé comme un excellent point de départ pour découvrir le savon d'Alep. Bien toléré, même sur les peaux réactives. En cas de pathologie cutanée, demandez toujours l'avis de votre médecin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eComment utiliser votre savon d'Alep au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"sa-timeline\"\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003eMouillez vos mains\u003c\/h3\u003e\n \u003cp\u003eFaites mousser le savon entre vos mains humides jusqu'à obtenir une mousse onctueuse et généreuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003eAppliquez en massages doux\u003c\/h3\u003e\n \u003cp\u003eAppliquez la mousse sur le visage et le corps en massages circulaires doux. Convient à un usage quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire. Votre peau est propre, douce et apaisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-tip\"\u003e\n \u003cspan class=\"sa-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour prolonger la durée de vie de votre savon, posez-le sur un porte-savon aéré afin qu'il sèche entre chaque utilisation. Vous remarquerez que l'intérieur du pain reste vert — signe d'un savon d'Alep authentique — tandis que l'extérieur brunit naturellement au contact de l'air.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"sa-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir le savon d'Alep Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"sa-grid\"\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🏆 Marque pionnière\u003c\/h3\u003e\n \u003cp\u003eNajel est pionnière dans l'importation du savon d'Alep en France. Un gage de qualité et d'authenticité reconnu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🌍 Éco-responsable\u003c\/h3\u003e\n \u003cp\u003e100% naturel, biodégradable et conditionné dans un emballage minimaliste. Un geste concret pour la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e✈️ Format voyage 100 g\u003c\/h3\u003e\n \u003cp\u003eParfait pour un premier essai ou pour glisser dans votre trousse de voyage. Pratique et économique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-cta-box\"\u003e\n \u003cp\u003e🌿 Vous cherchez où acheter du savon d'Alep authentique ? Vous êtes au bon endroit : ce produit respecte scrupuleusement la recette traditionnelle, sans aucun compromis sur la qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"sa-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical et ne saurait remplacer une consultation auprès d'un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sa-cream: #f7f5f0;\n --sa-white: #ffffff;\n --sa-primary: #7a9e7e;\n --sa-primary-dark: #3d5c40;\n --sa-primary-light: #e8f0e9;\n --sa-secondary: #b8a88a;\n --sa-accent: #c9b88c;\n --sa-text: #1a1a1a;\n --sa-text-light: #5a5a5a;\n --sa-border: #e0e0e0;\n --sa-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sa-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sa-radius: 20px;\n --sa-radius-sm: 12px;\n}\n\n.sa-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sa-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sa-hero {\n position: relative;\n background: linear-gradient(135deg, #3d5c40 0%, #7a9e7e 50%, #b8a88a 100%);\n border-radius: var(--sa-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sa-shadow-lg);\n}\n\n.sa-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.04) 0%, transparent 40%);\n opacity: 1;\n}\n\n.sa-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sa-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sa-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.sa-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.sa-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sa-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sa-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sa-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sa-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sa-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sa-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sa-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sa-primary), var(--sa-secondary));\n border-radius: 2px;\n}\n\n.sa-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sa-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.sa-card {\n background: var(--sa-white);\n border-radius: var(--sa-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sa-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sa-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sa-shadow-lg);\n border-color: var(--sa-primary);\n}\n\n.sa-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sa-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sa-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sa-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sa-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sa-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sa-grid-compact .sa-card {\n padding: 1rem;\n}\n\n.sa-grid-compact .sa-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sa-grid-compact .sa-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sa-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sa-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sa-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sa-primary), var(--sa-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.sa-timeline-content {\n flex: 1;\n background: var(--sa-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sa-radius-sm);\n box-shadow: var(--sa-shadow);\n}\n\n.sa-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sa-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sa-timeline-content p {\n font-size: 14px;\n color: var(--sa-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.sa-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sa-primary-light);\n border-radius: var(--sa-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sa-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sa-tip p {\n font-size: 14px;\n color: var(--sa-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.sa-cta-box {\n background: linear-gradient(135deg, var(--sa-primary) 0%, var(--sa-primary-dark) 100%);\n border-radius: var(--sa-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.sa-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sa-disclaimer {\n font-size: 12px;\n color: var(--sa-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sa-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sa-card {\n padding: 1.125rem;\n }\n\n .sa-section {\n margin-bottom: 1.75rem;\n }\n\n .sa-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sa-radius-sm);\n }\n\n .sa-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sa-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sa-grid-compact {\n gap: .625rem;\n }\n\n .sa-grid-compact .sa-card {\n padding: .75rem;\n }\n\n .sa-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sa-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sa-timeline-content h3 {\n font-size: 14px;\n }\n\n .sa-timeline-content p {\n font-size: 13px;\n }\n\n .sa-tip {\n padding: .875rem 1rem;\n }\n\n .sa-tip-icon {\n font-size: 20px;\n }\n\n .sa-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sa-card {\n animation: saFadeInUp .5s ease backwards;\n }\n .sa-card:nth-child(1) { animation-delay: .05s; }\n .sa-card:nth-child(2) { animation-delay: .1s; }\n .sa-card:nth-child(3) { animation-delay: .15s; }\n .sa-card:nth-child(4) { animation-delay: .2s; }\n .sa-card:nth-child(5) { animation-delay: .25s; }\n .sa-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes saFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sa-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54880877904249,"sku":"NJ0050","price":4.19,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-12-huile-de-baies-de-laurier-najel-100g-lifestyle_fe4f6115-8c01-4c2e-939b-11a6380d3008.webp?v=1778148601"},{"product_id":"savon-alep-12-laurier-najel-200g","title":"Savon d'Alep 12% Huile de Baies de Laurier - Najel - 180 g","description":"\u003cdiv class=\"sa-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sa-hero\"\u003e\n \u003cdiv class=\"sa-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sa-hero-content\"\u003e\n \u003cdiv class=\"sa-badges-top\"\u003e\n \u003cspan class=\"sa-badge\"\u003e🫒 Huile d'olive \u0026amp; laurier\u003c\/span\u003e\n \u003cspan class=\"sa-badge\"\u003e🇸🇾 Fabriqué à Alep\u003c\/span\u003e\n \u003cspan class=\"sa-badge\"\u003e🌿 12% huile de baies de laurier\u003c\/span\u003e\n \u003cspan class=\"sa-badge\"\u003e🧼 3 000 ans de savoir-faire\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sa-hero-title\"\u003eSavon d'Alep 12% Huile de Baies de Laurier\u003c\/span\u003e\n \u003cp class=\"sa-subtitle\"\u003eNajel — 180 g\u003c\/p\u003e\n \u003cp class=\"sa-description\"\u003eL'authentique savon ancestral syrien, fabriqué artisanalement au chaudron. Douceur de l'olive, pureté du laurier : le soin naturel par excellence pour les peaux normales à mixtes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eSavon d'Alep 12% huile de baies de laurier Najel : l'authentique soin ancestral\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eVéritable héritage d'un savoir-faire vieux de plus de \u003cstrong\u003e3 000 ans\u003c\/strong\u003e, ce savon d'Alep Najel est fabriqué artisanalement à Alep, en Syrie, berceau historique de la savonnerie.\u003c\/p\u003e\n \u003cdiv class=\"sa-grid-compact\"\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🏺 Tradition millénaire\u003c\/h3\u003e\n \u003cp\u003eUn savoir-faire ancestral transmis depuis plus de 3 000 ans, d'Alep jusqu'à vous\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🌿 12% de laurier\u003c\/h3\u003e\n \u003cp\u003eL'équilibre parfait entre douceur et efficacité purifiante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🧴 Peaux normales à mixtes\u003c\/h3\u003e\n \u003cp\u003eFormulé spécifiquement pour un usage quotidien en toute sérénité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e✋ 100% artisanal\u003c\/h3\u003e\n \u003cp\u003eFabriqué au chaudron selon la méthode traditionnelle syrienne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep Najel\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eUne composition d'une simplicité remarquable, gage de qualité et de transparence.\u003c\/p\u003e\n \u003cdiv class=\"sa-grid\"\u003e\n \u003cdiv class=\"sa-card sa-card-ingredient\"\u003e\n \u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e≈ 88%\u003c\/strong\u003e — Olea Europaea Fruit Oil. Nourrit et protège la peau en profondeur, préserve le film hydrolipidique naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card sa-card-ingredient\"\u003e\n \u003ch3\u003e🌿 Huile de baies de laurier\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e12%\u003c\/strong\u003e — Laurus Nobilis Fruit Oil. Purifiante et apaisante, elle assainit l'épiderme tout en calmant les irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card sa-card-ingredient\"\u003e\n \u003ch3\u003e💧 Eau\u003c\/h3\u003e\n \u003cp\u003eAqua. Composant essentiel du processus de saponification artisanale au chaudron.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card sa-card-ingredient\"\u003e\n \u003ch3\u003e🧪 Soude végétale\u003c\/h3\u003e\n \u003cp\u003eSodium Hydroxide. Agent de saponification entièrement transformé lors du processus de fabrication.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-tip\"\u003e\n \u003cspan class=\"sa-tip-icon\"\u003e🚫\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans colorant, sans parfum artificiel, sans conservateur chimique.\u003c\/strong\u003e Le produit est biodégradable et non testé sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eBienfaits du savon d'Alep à 12% de laurier\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eLes bienfaits du savon d'Alep sont reconnus depuis des millénaires. C'est d'ailleurs l'ancêtre du savon de Marseille. Voici ce que cette formule à 12% de laurier peut concrètement vous apporter.\u003c\/p\u003e\n \u003cdiv class=\"sa-grid\"\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🧹 Nettoyage en douceur\u003c\/h3\u003e\n \u003cp\u003eL'huile d'olive nettoie sans décaper, en respectant le film hydrolipidique naturel de la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e✨ Action purifiante\u003c\/h3\u003e\n \u003cp\u003eL'huile de baies de laurier aide à assainir l'épiderme, idéale pour les peaux sujettes aux petites imperfections\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🩹 Apaisement des irritations\u003c\/h3\u003e\n \u003cp\u003eRougeurs, tiraillements, inconforts légers sont atténués grâce aux propriétés calmantes du laurier\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e💦 Hydratation naturelle\u003c\/h3\u003e\n \u003cp\u003eLa peau reste souple et confortable après chaque utilisation, sans sensation de sécheresse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-tip\"\u003e\n \u003cspan class=\"sa-tip-icon\"\u003e👩‍⚕️\u003c\/span\u003e\n \u003cp\u003eSelon plusieurs \u003cstrong\u003eavis de dermatologues\u003c\/strong\u003e, le savon d'Alep figure parmi les savons les mieux tolérés grâce à sa formule minimaliste et naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003eComment utiliser ce savon d'Alep ?\u003c\/h2\u003e\n \u003cp class=\"sa-section-intro\"\u003eLe savon d'Alep pour le visage comme pour le corps s'utilise très simplement.\u003c\/p\u003e\n \u003cdiv class=\"sa-timeline\"\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003eHumidifiez \u0026amp; faites mousser\u003c\/h3\u003e\n \u003cp\u003eHumidifiez votre peau et le savon, puis faites-le mousser entre vos mains ou avec un gant de toilette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur le visage, le corps, ou même les cheveux en guise de shampooing naturel. Massez en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-item\"\u003e\n \u003cdiv class=\"sa-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sa-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau claire. La peau est propre, souple et confortable, sans tiraillements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-tip\"\u003e\n \u003cspan class=\"sa-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour prolonger la durée de vie de votre savon, conservez-le sur un porte-savon aéré afin qu'il sèche entre chaque utilisation. Un pain de 180 g dure facilement plusieurs semaines. Vous préférez une texture fluide ? Sachez qu'il existe aussi du savon d'Alep liquide, mais la version solide traditionnelle reste la plus authentique et la plus économique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"sa-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce savon d'Alep Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"sa-grid-compact\"\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e🏺 Fabrication authentique\u003c\/h3\u003e\n \u003cp\u003eProduit à Alep selon la méthode ancestrale de cuisson au chaudron\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e⚖️ Formule équilibrée\u003c\/h3\u003e\n \u003cp\u003e12% de laurier, un dosage idéal pour un usage quotidien sur peaux normales à mixtes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient aux adultes, adolescents et peaux sensibles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sa-card\"\u003e\n \u003ch3\u003e♻️ Engagement écologique\u003c\/h3\u003e\n \u003cp\u003eZéro emballage plastique superflu, ingrédients naturels, biodégradable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"sa-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eCaractéristiques\u003c\/h2\u003e\n \u003cdiv class=\"sa-accordion\"\u003e\n \u003cdetails class=\"sa-accordion-item\" open\u003e\n \u003csummary class=\"sa-accordion-header\"\u003e📋 Fiche technique\u003c\/summary\u003e\n \u003cdiv class=\"sa-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003ePoids net :\u003c\/strong\u003e 180 g\u003cbr\u003e\n \u003cstrong\u003eType de peau :\u003c\/strong\u003e peaux normales à mixtes\u003cbr\u003e\n \u003cstrong\u003eOrigine :\u003c\/strong\u003e Alep, Syrie\u003cbr\u003e\n \u003cstrong\u003eMarque :\u003c\/strong\u003e Najel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sa-accordion-item\"\u003e\n \u003csummary class=\"sa-accordion-header\"\u003e⚠️ Avertissement\u003c\/summary\u003e\n \u003cdiv class=\"sa-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème dermatologique persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sa-cream: #f7f4ef;\n --sa-white: #ffffff;\n --sa-primary: #4a7c3f;\n --sa-primary-dark: #2e5a28;\n --sa-primary-light: #e8f0e5;\n --sa-secondary: #8b6f47;\n --sa-accent: #c9a96e;\n --sa-text: #1a1a1a;\n --sa-text-light: #5a5a5a;\n --sa-border: #e0ddd6;\n --sa-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sa-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sa-radius: 20px;\n --sa-radius-sm: 12px;\n}\n\n.sa-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sa-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sa-hero {\n position: relative;\n background: linear-gradient(135deg, #2e5a28 0%, #4a7c3f 40%, #8b6f47 100%);\n border-radius: var(--sa-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sa-shadow-lg);\n}\n\n.sa-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(201,169,110,.12) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.sa-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sa-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sa-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.sa-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.sa-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sa-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sa-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sa-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sa-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sa-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sa-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sa-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sa-primary), var(--sa-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.sa-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sa-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.sa-card {\n background: var(--sa-white);\n border-radius: var(--sa-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sa-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sa-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sa-shadow-lg);\n border-color: var(--sa-primary);\n}\n\n.sa-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sa-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sa-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sa-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD INGREDIENT VARIANT === *\/\n.sa-card-ingredient {\n border-left: 4px solid var(--sa-primary);\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.sa-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sa-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sa-grid-compact .sa-card {\n padding: 1rem;\n}\n\n.sa-grid-compact .sa-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sa-grid-compact .sa-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sa-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sa-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sa-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sa-primary), var(--sa-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.sa-timeline-content {\n flex: 1;\n background: var(--sa-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sa-radius-sm);\n box-shadow: var(--sa-shadow);\n}\n\n.sa-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sa-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sa-timeline-content p {\n font-size: 14px;\n color: var(--sa-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.sa-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sa-primary-light);\n border-radius: var(--sa-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sa-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sa-tip p {\n font-size: 14px;\n color: var(--sa-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.sa-testimonial {\n background: var(--sa-white);\n border-radius: var(--sa-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sa-shadow);\n border-left: 4px solid var(--sa-primary);\n}\n\n.sa-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sa-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.sa-accordion {\n background: var(--sa-white);\n border-radius: var(--sa-radius);\n box-shadow: var(--sa-shadow);\n overflow: hidden;\n}\n\n.sa-accordion-item {\n border-bottom: 1px solid var(--sa-border);\n margin: 0;\n padding: 0;\n}\n\n.sa-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sa-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sa-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.sa-accordion-header:hover {\n background: var(--sa-primary-light);\n}\n\n.sa-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sa-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sa-primary);\n transition: transform .2s ease;\n}\n\n.sa-accordion-item[open] .sa-accordion-header::after {\n content: '−';\n}\n\n.sa-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sa-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sa-accordion-content p {\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sa-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sa-card {\n padding: 1.125rem;\n }\n\n .sa-section {\n margin-bottom: 1.75rem;\n }\n\n .sa-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sa-radius-sm);\n }\n\n .sa-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sa-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sa-grid-compact {\n gap: .625rem;\n }\n\n .sa-grid-compact .sa-card {\n padding: .75rem;\n }\n\n .sa-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sa-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sa-timeline-content h3 {\n font-size: 14px;\n }\n\n .sa-timeline-content p {\n font-size: 13px;\n }\n\n .sa-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .sa-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .sa-testimonial {\n padding: 1.25rem;\n }\n\n .sa-testimonial-text {\n font-size: 14px;\n }\n\n .sa-card-ingredient {\n text-align: left;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sa-card {\n animation: saFadeInUp .5s ease backwards;\n }\n .sa-card:nth-child(1) { animation-delay: .05s; }\n .sa-card:nth-child(2) { animation-delay: .1s; }\n .sa-card:nth-child(3) { animation-delay: .15s; }\n .sa-card:nth-child(4) { animation-delay: .2s; }\n .sa-card:nth-child(5) { animation-delay: .25s; }\n .sa-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes saFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sa-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54880923910521,"sku":"NJ0040","price":5.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-12-huile-de-baies-de-laurier-najel-180-g-lifestyle_9222a829-9a06-4240-a627-27bd05412d89.webp?v=1778146830"},{"product_id":"savon-alep-charbon-bio","title":"Savon d'Alep au Charbon Bio - Najel - 100 g","description":"\u003cdiv class=\"nj-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"nj-hero\"\u003e\n \u003cdiv class=\"nj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nj-hero-content\"\u003e\n \u003cdiv class=\"nj-badges-top\"\u003e\n \u003cspan class=\"nj-badge\"\u003e🌿 Certifié bio\u003c\/span\u003e\n \u003cspan class=\"nj-badge\"\u003e🧼 Fabriqué à Alep\u003c\/span\u003e\n \u003cspan class=\"nj-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"nj-badge\"\u003e🌍 Sans huile de palme\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"nj-hero-title\"\u003eSavon d'Alep au Charbon Bio\u003c\/span\u003e\n \u003cp class=\"nj-subtitle\"\u003eNajel — 100 g\u003c\/p\u003e\n \u003cp class=\"nj-description\"\u003eLa puissance détoxifiante du charbon actif alliée au savoir-faire millénaire du savon d'Alep. Une peau nette, purifiée et lumineuse dès les premières utilisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eSavon d'Alep au charbon noir bio Najel : le soin purifiant d'exception\u003c\/h2\u003e\n \u003cp class=\"nj-section-intro\"\u003eVous cherchez un \u003cstrong\u003esavon au charbon noir\u003c\/strong\u003e qui nettoie vraiment en profondeur sans agresser votre peau ? Le \u003cstrong\u003esavon d'Alep au charbon bio de Najel\u003c\/strong\u003e associe un savoir-faire millénaire syrien à la puissance détoxifiante du \u003cstrong\u003echarbon actif\u003c\/strong\u003e. Résultat : une peau débarrassée de ses impuretés, nette et visiblement plus lumineuse dès les premières utilisations.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003ePourquoi choisir un savon charbon noir pour le visage et le corps ?\u003c\/h2\u003e\n \u003cdiv class=\"nj-testimonial\"\u003e\n \u003cp class=\"nj-testimonial-text\"\u003eLe \u003cstrong\u003echarbon noir\u003c\/strong\u003e est reconnu pour sa capacité exceptionnelle à absorber les toxines, les résidus de pollution et l'excès de sébum logés dans les pores. Contrairement aux nettoyants classiques qui restent en surface, le charbon agit comme un véritable aimant à impuretés. Intégré dans une base de \u003cstrong\u003esavon d'Alep authentique\u003c\/strong\u003e, il bénéficie en plus des propriétés nourrissantes des huiles végétales pour un nettoyage en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eLes bienfaits du savon au charbon noir Najel\u003c\/h2\u003e\n \u003cdiv class=\"nj-grid\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🧲 Détoxifie en profondeur\u003c\/h3\u003e\n \u003cp\u003eLe charbon actif capture les impuretés, la pollution et les résidus de maquillage piégés dans les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e✨ Régule le sébum\u003c\/h3\u003e\n \u003cp\u003eParticulièrement adapté aux peaux mixtes à grasses, il réduit la brillance et prévient l'apparition des points noirs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🫒 Nourrit et apaise\u003c\/h3\u003e\n \u003cp\u003eL'huile d'olive bio hydrate tandis que l'huile de baies de laurier calme les irritations et favorise la réparation cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🤍 Tous types de peau\u003c\/h3\u003e\n \u003cp\u003eSa formule douce, sans parfum artificiel ni colorant, respecte même les peaux les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🧴 Visage et corps\u003c\/h3\u003e\n \u003cp\u003eUn seul produit pour simplifier votre routine de soins quotidienne, du matin au soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cdiv class=\"nj-accordion\"\u003e\n \u003cdetails class=\"nj-accordion-item\" open\u003e\n \u003csummary class=\"nj-accordion-header\"\u003e📋 Ingrédients (INCI)\u003c\/summary\u003e\n \u003cdiv class=\"nj-accordion-content mt-3\"\u003e\n \u003cp\u003eSodium Olivate (huile d'olive saponifiée), Sodium Laurelate (huile de baies de laurier saponifiée), Aqua, Charcoal Powder* (poudre de charbon bio), Sodium Hydroxide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"nj-accordion-item\"\u003e\n \u003csummary class=\"nj-accordion-header\"\u003e🌱 Engagements qualité\u003c\/summary\u003e\n \u003cdiv class=\"nj-accordion-content mt-3\"\u003e\n \u003cp\u003eFormule \u003cstrong\u003e100 % d'origine naturelle\u003c\/strong\u003e, certifiée bio. Sans huile de palme, sans conservateur synthétique, sans parfum artificiel. Produit \u003cstrong\u003evegan\u003c\/strong\u003e et non testé sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eComment utiliser ce savon d'Alep au charbon ?\u003c\/h2\u003e\n \u003cdiv class=\"nj-timeline\"\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eMouillez le savon et faites-le mousser entre vos mains humides ou à l'aide d'un gant de toilette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eMassez la mousse sur le visage et le corps en effectuant de légers mouvements circulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eLaissez agir (optionnel)\u003c\/h3\u003e\n \u003cp\u003ePour un effet purifiant maximal sur le visage, laissez la mousse agir une trentaine de secondes avant de rincer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire. Votre peau est nette, fraîche et purifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-tip\"\u003e\n \u003cspan class=\"nj-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce conservation :\u003c\/strong\u003e après chaque utilisation, posez votre savon sur un porte-savon aéré afin qu'il sèche correctement. Il durera ainsi nettement plus longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eUn choix écoresponsable au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"nj-testimonial\"\u003e\n \u003cp class=\"nj-testimonial-text\"\u003eOpter pour le \u003cstrong\u003esavon noir au charbon Najel\u003c\/strong\u003e, c'est faire le choix d'un produit fabriqué artisanalement à Alep, en Syrie, selon une recette ancestrale transmise de génération en génération. L'emballage minimaliste en papier recyclable limite l'impact environnemental. En remplaçant vos gels douche en flacon plastique par ce savon solide, vous réduisez considérablement vos déchets tout en prenant soin de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"nj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eEn résumé\u003c\/h2\u003e\n \u003cdiv class=\"nj-grid-compact\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e⚖️ Poids\u003c\/h3\u003e\n \u003cp\u003e100 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🧴 Type de peau\u003c\/h3\u003e\n \u003cp\u003eTous types, idéal peaux mixtes à grasses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🖤 Actif phare\u003c\/h3\u003e\n \u003cp\u003eCharbon actif bio purifiant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🏭 Fabrication\u003c\/h3\u003e\n \u003cp\u003eArtisanale, Alep (Syrie)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e✅ Certifications\u003c\/h3\u003e\n \u003cp\u003eBio – Vegan – Sans huile de palme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"nj-disclaimer\"\u003eCe savon ne se substitue pas à un traitement dermatologique. En cas de problème cutané persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --nj-cream: #f4f2ed;\n --nj-white: #ffffff;\n --nj-primary: #3d6b4f;\n --nj-primary-dark: #1e3a2a;\n --nj-primary-light: #e8f0eb;\n --nj-secondary: #5a9e6f;\n --nj-accent: #2c2c2c;\n --nj-text: #1a1a1a;\n --nj-text-light: #5a5a5a;\n --nj-border: #ddd8d0;\n --nj-shadow: 0 4px 24px rgba(0,0,0,.08);\n --nj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --nj-radius: 20px;\n --nj-radius-sm: 12px;\n}\n\n.nj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nj-hero {\n position: relative;\n background: linear-gradient(135deg, var(--nj-accent) 0%, var(--nj-primary-dark) 40%, var(--nj-primary) 100%);\n border-radius: var(--nj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--nj-shadow-lg);\n}\n\n.nj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(ellipse at 20% 80%, rgba(90,158,111,.15) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 20%, rgba(61,107,79,.12) 0%, transparent 50%);\n opacity: 1;\n}\n\n.nj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.nj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.nj-subtitle {\n color: rgba(255,255,255,.75);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .04em;\n text-transform: uppercase;\n}\n\n.nj-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.nj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--nj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.nj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.nj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--nj-primary), var(--nj-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.nj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nj-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.75;\n}\n\n.nj-section-intro strong {\n color: var(--nj-text);\n}\n\n\/* === CARDS === *\/\n.nj-card {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nj-shadow-lg);\n border-color: var(--nj-primary);\n}\n\n.nj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.nj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.nj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.nj-grid-compact .nj-card {\n padding: 1rem;\n}\n\n.nj-grid-compact .nj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nj-grid-compact .nj-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.nj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nj-primary), var(--nj-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.nj-timeline-content {\n flex: 1;\n background: var(--nj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nj-radius-sm);\n box-shadow: var(--nj-shadow);\n}\n\n.nj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nj-timeline-content p {\n font-size: 14px;\n color: var(--nj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.nj-testimonial {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nj-shadow);\n border-left: 4px solid var(--nj-primary);\n}\n\n.nj-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nj-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.nj-testimonial-text strong {\n color: var(--nj-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.nj-accordion {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n box-shadow: var(--nj-shadow);\n overflow: hidden;\n}\n\n.nj-accordion-item {\n border-bottom: 1px solid var(--nj-border);\n margin: 0;\n padding: 0;\n}\n\n.nj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.nj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--nj-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.nj-accordion-header:hover {\n background: var(--nj-primary-light);\n}\n\n.nj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.nj-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--nj-primary);\n transition: transform .2s ease;\n}\n\n.nj-accordion-item[open] .nj-accordion-header::after {\n content: '−';\n}\n\n.nj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--nj-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.nj-accordion-content p {\n margin: 0;\n}\n\n.nj-accordion-content strong {\n color: var(--nj-text);\n}\n\n\/* === TIP BOX === *\/\n.nj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nj-primary-light);\n border-radius: var(--nj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.nj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nj-tip p {\n font-size: 14px;\n color: var(--nj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.nj-tip strong {\n color: var(--nj-primary-dark);\n}\n\n\/* === DISCLAIMER === *\/\n.nj-disclaimer {\n font-size: 12px;\n color: var(--nj-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .nj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .nj-card {\n padding: 1.125rem;\n }\n\n .nj-section {\n margin-bottom: 1.75rem;\n }\n\n .nj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nj-radius-sm);\n }\n\n .nj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .nj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .nj-grid-compact {\n gap: .625rem;\n }\n\n .nj-grid-compact .nj-card {\n padding: .75rem;\n }\n\n .nj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .nj-timeline-content {\n padding: .875rem 1rem;\n }\n\n .nj-timeline-content h3 {\n font-size: 14px;\n }\n\n .nj-timeline-content p {\n font-size: 13px;\n }\n\n .nj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .nj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .nj-testimonial {\n padding: 1.25rem;\n }\n\n .nj-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .nj-card {\n animation: njFadeInUp .5s ease backwards;\n }\n .nj-card:nth-child(1) { animation-delay: .05s; }\n .nj-card:nth-child(2) { animation-delay: .1s; }\n .nj-card:nth-child(3) { animation-delay: .15s; }\n .nj-card:nth-child(4) { animation-delay: .2s; }\n .nj-card:nth-child(5) { animation-delay: .25s; }\n .nj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes njFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .nj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54880943079801,"sku":"NJ0105","price":5.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-au-charbon-bio-najel-100-g-lifestyle_c1ae59cf-22ae-4a9c-9531-27da79feadaa.webp?v=1778148005"},{"product_id":"huile-dattier-desert-najel-80ml","title":"Huile de Dattier du Désert - Najel - 80 ml","description":"\u003cdiv class=\"dd-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"dd-hero\"\u003e\n \u003cdiv class=\"dd-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dd-hero-content\"\u003e\n \u003cdiv class=\"dd-badges-top\"\u003e\n \u003cspan class=\"dd-badge\"\u003e🌿 Certifiée Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"dd-badge\"\u003e🌍 Origine Afrique subsaharienne\u003c\/span\u003e\n \u003cspan class=\"dd-badge\"\u003e✨ Toucher très sec\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"dd-hero-title\"\u003eHuile de Dattier du Désert\u003c\/span\u003e\n \u003cp class=\"dd-subtitle\"\u003eNajel — Flacon spray 80 ml\u003c\/p\u003e\n \u003cp class=\"dd-description\"\u003eUn trésor cosmétique ancestral, réparateur et nourrissant, pour sublimer votre peau et vos cheveux au quotidien. 100 % d'ingrédients d'origine naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"dd-section\"\u003e\n \u003ch2\u003eHuile de Dattier du Désert Najel : un soin réparateur certifié bio\u003c\/h2\u003e\n \u003cp class=\"dd-section-intro\"\u003eConnue sous le nom de \u003cstrong\u003eBalanites aegyptiaca\u003c\/strong\u003e, l'huile de dattier du désert est un trésor cosmétique ancestral originaire d'Afrique subsaharienne.\u003c\/p\u003e\n \u003cdiv class=\"dd-grid-compact\"\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e🧴 Flacon spray 80 ml\u003c\/h3\u003e\n \u003cp\u003eFormat pratique en verre ambré pour un dosage précis et une protection optimale de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e🌱 Certifiée Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertifiée bio par Ecocert Greenlife selon le référentiel le plus exigeant du marché.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e🤲 Toucher très sec\u003c\/h3\u003e\n \u003cp\u003ePénètre instantanément sans laisser de film gras. Idéale même le matin sous le maquillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e🏺 Pression à froid\u003c\/h3\u003e\n \u003cp\u003eExtraite par première pression à froid pour préserver l'intégralité de ses actifs précieux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"dd-section\"\u003e\n \u003ch2\u003eLes vertus de l'huile de dattier du désert pour la peau\u003c\/h2\u003e\n \u003cp class=\"dd-section-intro\"\u003eRiche en \u003cstrong\u003eacides gras insaturés\u003c\/strong\u003e (oléique et linoléique) et en \u003cstrong\u003eantioxydants naturels\u003c\/strong\u003e, cette huile végétale offre des vertus remarquables pour les peaux fragilisées.\u003c\/p\u003e\n \u003cdiv class=\"dd-grid\"\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e🔧 Réparatrice\u003c\/h3\u003e\n \u003cp\u003eElle aide à restaurer les peaux abîmées, desséchées ou sujettes aux tiraillements. Un véritable baume de reconstruction cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e💧 Nourrissante en profondeur\u003c\/h3\u003e\n \u003cp\u003eElle assouplit et adoucit même les peaux les plus sèches et sensibles grâce à sa richesse en acides gras essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e🛡️ Protectrice\u003c\/h3\u003e\n \u003cp\u003eElle forme un bouclier discret contre les agressions extérieures : froid, vent, pollution, sécheresse ambiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e🍃 Purifiante\u003c\/h3\u003e\n \u003cp\u003eGrâce à ses propriétés assainissantes, elle convient aussi aux peaux à imperfections sans obstruer les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-tip\"\u003e\n \u003cspan class=\"dd-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSon fini non gras la distingue nettement d'autres huiles végétales : vous pouvez l'appliquer sur le visage le matin sans craindre les brillances.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"dd-section\"\u003e\n \u003ch2\u003eUne huile végétale pour cheveux secs, bouclés et fragilisés\u003c\/h2\u003e\n \u003cp class=\"dd-section-intro\"\u003eL'huile végétale de dattier du désert est aussi un soin capillaire d'exception. Si vous avez les cheveux secs, cassants ou bouclés, elle peut transformer votre routine.\u003c\/p\u003e\n \u003cdiv class=\"dd-grid\"\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e💪 Nourrit et répare\u003c\/h3\u003e\n \u003cp\u003eElle nourrit et répare la fibre capillaire en profondeur sans alourdir la chevelure ni laisser de résidu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e〰️ Discipline les boucles\u003c\/h3\u003e\n \u003cp\u003eElle discipline les cheveux bouclés et réduit les frisottis durablement pour des boucles définies et soyeuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e✨ Brillance et souplesse\u003c\/h3\u003e\n \u003cp\u003eElle redonne brillance et souplesse aux longueurs ternes et abîmées, révélant l'éclat naturel du cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e🔒 Protège les pointes\u003c\/h3\u003e\n \u003cp\u003eElle protège les pointes de la sécheresse et des agressions thermiques du sèche-cheveux et du lisseur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-tip\"\u003e\n \u003cspan class=\"dd-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eContrairement à une huile de ricin, souvent très épaisse, l'huile de dattier du désert possède une texture fluide et légère qui facilite son application et son absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"dd-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile réparatrice Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"dd-timeline\"\u003e\n \u003cdiv class=\"dd-timeline-item\"\u003e\n \u003cdiv class=\"dd-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"dd-timeline-content\"\u003e\n \u003ch3\u003eSoin visage quotidien\u003c\/h3\u003e\n \u003cp\u003eVaporisez deux à trois gouttes sur peau propre, matin ou soir, et massez délicatement jusqu'à pénétration complète. Parfait sous une crème ou seul.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-timeline-item\"\u003e\n \u003cdiv class=\"dd-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"dd-timeline-content\"\u003e\n \u003ch3\u003eSoin cheveux secs ou bouclés\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques pressions sur les longueurs et pointes humides ou sèches. En bain d'huile avant le shampooing, laissez poser 30 minutes pour un soin intensif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-timeline-item\"\u003e\n \u003cdiv class=\"dd-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"dd-timeline-content\"\u003e\n \u003ch3\u003eSoin corps et barbe\u003c\/h3\u003e\n \u003cp\u003eUtilisez-la en massage sur les zones sèches (coudes, jambes) ou sur la barbe pour l'assouplir et la discipliner naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"dd-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"dd-accordion\"\u003e\n \u003cdetails class=\"dd-accordion-item\" open\u003e\n \u003csummary class=\"dd-accordion-header\"\u003e🧬 Ingrédient (INCI)\u003c\/summary\u003e\n \u003cdiv class=\"dd-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eBalanites Roxburghii Seed Oil*\u003c\/strong\u003e — *Ingrédient issu de l'agriculture biologique.\u003c\/p\u003e\n \u003cp\u003e100 % du total des ingrédients est d'origine naturelle. Certifié bio par Ecocert Greenlife selon le référentiel Cosmos Organic.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"dd-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"dd-testimonial\"\u003e\n \u003cp class=\"dd-testimonial-text\"\u003eFondée à Alep, la maison Najel perpétue un savoir-faire cosmétique traditionnel tout en respectant des exigences écologiques strictes. Cette huile est extraite par première pression à froid pour préserver l'intégralité de ses actifs. Le flacon spray en verre ambré de 80 ml protège l'huile de la lumière et garantit un dosage précis à chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau et vos cheveux le pouvoir réparateur du désert — une huile précieuse, bio et 100 % naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"dd-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème dermatologique persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --dd-cream: #faf6f0;\n --dd-white: #ffffff;\n --dd-primary: #c6973b;\n --dd-primary-dark: #8b6914;\n --dd-primary-light: #f5edd8;\n --dd-secondary: #d4a84b;\n --dd-accent: #3d2e12;\n --dd-text: #1a1a1a;\n --dd-text-light: #5a5a5a;\n --dd-border: #e6dcc8;\n --dd-shadow: 0 4px 24px rgba(139, 105, 20, .08);\n --dd-shadow-lg: 0 12px 48px rgba(139, 105, 20, .15);\n --dd-radius: 20px;\n --dd-radius-sm: 12px;\n}\n\n.dd-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--dd-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.dd-hero {\n position: relative;\n background: linear-gradient(135deg, #3d2e12 0%, #8b6914 40%, #c6973b 100%);\n border-radius: var(--dd-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--dd-shadow-lg);\n}\n\n.dd-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 60% 60%, rgba(212,168,75,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.dd-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.dd-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.dd-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.dd-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.dd-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.dd-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--dd-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.dd-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.dd-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.dd-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--dd-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.dd-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--dd-primary), var(--dd-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.dd-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--dd-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.dd-section-intro strong {\n color: var(--dd-primary-dark);\n}\n\n\/* === CARDS === *\/\n.dd-card {\n background: var(--dd-white);\n border-radius: var(--dd-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--dd-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.dd-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--dd-shadow-lg);\n border-color: var(--dd-primary);\n}\n\n.dd-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--dd-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.dd-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--dd-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.dd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.dd-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.dd-grid-compact .dd-card {\n padding: 1rem;\n}\n\n.dd-grid-compact .dd-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.dd-grid-compact .dd-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.dd-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.dd-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.dd-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--dd-primary), var(--dd-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(198, 151, 59, .3);\n}\n\n.dd-timeline-content {\n flex: 1;\n background: var(--dd-white);\n padding: 1rem 1.25rem;\n border-radius: var(--dd-radius-sm);\n box-shadow: var(--dd-shadow);\n}\n\n.dd-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--dd-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.dd-timeline-content p {\n font-size: 14px;\n color: var(--dd-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.dd-testimonial {\n background: var(--dd-white);\n border-radius: var(--dd-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--dd-shadow);\n border-left: 4px solid var(--dd-primary);\n margin-bottom: 1.25rem;\n}\n\n.dd-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--dd-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.dd-accordion {\n background: var(--dd-white);\n border-radius: var(--dd-radius);\n box-shadow: var(--dd-shadow);\n overflow: hidden;\n}\n\n.dd-accordion-item {\n border-bottom: 1px solid var(--dd-border);\n margin: 0;\n padding: 0;\n}\n\n.dd-accordion-item:last-child {\n border-bottom: none;\n}\n\n.dd-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--dd-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.dd-accordion-header:hover {\n background: var(--dd-primary-light);\n}\n\n.dd-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.dd-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--dd-primary);\n transition: transform .2s ease;\n}\n\n.dd-accordion-item[open] .dd-accordion-header::after {\n content: '−';\n}\n\n.dd-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--dd-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.dd-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.dd-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIP BOX === *\/\n.dd-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--dd-primary-light);\n border-radius: var(--dd-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.dd-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.dd-tip p {\n font-size: 14px;\n color: var(--dd-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.dd-cta-box {\n background: linear-gradient(135deg, var(--dd-primary) 0%, var(--dd-primary-dark) 100%);\n border-radius: var(--dd-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.dd-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.dd-disclaimer {\n font-size: 12px;\n color: var(--dd-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .dd-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .dd-card {\n padding: 1.125rem;\n }\n\n .dd-section {\n margin-bottom: 1.75rem;\n }\n\n .dd-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--dd-radius-sm);\n }\n\n .dd-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .dd-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .dd-grid-compact {\n gap: .625rem;\n }\n\n .dd-grid-compact .dd-card {\n padding: .75rem;\n }\n\n .dd-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .dd-timeline-content {\n padding: .875rem 1rem;\n }\n\n .dd-timeline-content h3 {\n font-size: 14px;\n }\n\n .dd-timeline-content p {\n font-size: 13px;\n }\n\n .dd-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .dd-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .dd-testimonial {\n padding: 1.25rem;\n }\n\n .dd-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .dd-card {\n animation: ddFadeInUp .5s ease backwards;\n }\n .dd-card:nth-child(1) { animation-delay: .05s; }\n .dd-card:nth-child(2) { animation-delay: .1s; }\n .dd-card:nth-child(3) { animation-delay: .15s; }\n .dd-card:nth-child(4) { animation-delay: .2s; }\n .dd-card:nth-child(5) { animation-delay: .25s; }\n .dd-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ddFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .dd-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54880980205945,"sku":"NJ0220","price":14.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-dattier-du-desert-najel-80-ml-lifestyle.webp?v=1778145499"},{"product_id":"savon-noir-alep-multiusage-bio-1l","title":"Savon Noir d'Alep Liquide Multiusage Bio - Najel - 1 L","description":"\u003cdiv class=\"sna-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"sna-hero\"\u003e\n\u003cdiv class=\"sna-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sna-hero-content\"\u003e\n\u003cdiv class=\"sna-badges-top\"\u003e\n\u003cspan class=\"sna-badge\"\u003e🫒 Olive \u0026amp; laurier bio\u003c\/span\u003e \u003cspan class=\"sna-badge\"\u003e🏷️ Certifié Ecocert\u003c\/span\u003e \u003cspan class=\"sna-badge\"\u003e🏠 Corps \u0026amp; maison\u003c\/span\u003e \u003cspan class=\"sna-badge\"\u003e📦 Format 1 L\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sna-hero-title\"\u003eSavon Noir d'Alep Liquide Multiusage Bio\u003c\/span\u003e\n\u003cp class=\"sna-subtitle\"\u003eNajel — 1 litre\u003c\/p\u003e\n\u003cp class=\"sna-description\"\u003eLe nettoyant naturel ancestral qui remplace des produits chimiques : un entretien écologique de toute la maison, dans un seul flacon économique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"sna-section\"\u003e\n\u003ch2\u003eLe savon noir liquide authentique d'Alep, version 1 L\u003c\/h2\u003e\n\u003cp class=\"sna-section-intro\"\u003eVous cherchez un \u003cstrong\u003esavon noir liquide\u003c\/strong\u003e vraiment polyvalent redoutable sur les surfaces ? Le \u003cstrong\u003esavon liquide noir\u003c\/strong\u003e Najel est élaboré à partir de deux huiles emblématiques d'Alep, sans aucun additif superflu.\u003c\/p\u003e\n\u003cdiv class=\"sna-grid-compact\"\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n\u003cp\u003eNourrit la peau et dégraisse efficacement toutes les surfaces du quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🌿 Baies de laurier\u003c\/h3\u003e\n\u003cp\u003eApporte ses propriétés purifiantes reconnues depuis l'Antiquité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🔄 Multiusage\u003c\/h3\u003e\n\u003cp\u003eUn seul produit pour la vaisselle, les sols et le linge\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e💧 Ultra concentré\u003c\/h3\u003e\n\u003cp\u003eQuelques gouttes suffisent : un litre dure plusieurs mois\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"sna-section\"\u003e\n\u003ch2\u003eUne maison propre, naturellement\u003c\/h2\u003e\n\u003cp class=\"sna-section-intro\"\u003eSouvent comparé aux références distribuées en grande surface (type \u003cstrong\u003esavon noir liquide Leclerc\u003c\/strong\u003e ou \u003cstrong\u003esavon noir liquide Action\u003c\/strong\u003e), ce savon Najel se distingue par sa formule certifiée \u003cstrong\u003eEcocert Écodétergent\u003c\/strong\u003e, sans tensioactifs synthétiques.\u003c\/p\u003e\n\u003cdiv class=\"sna-grid\"\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🍽️ Liquide vaisselle au savon noir\u003c\/h3\u003e\n\u003cp\u003eQuelques gouttes pures sur une éponge humide : un véritable \u003cstrong\u003eliquide vaisselle maison au savon noir\u003c\/strong\u003e, dégraissant et doux pour les mains\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🧹 Sols et surfaces\u003c\/h3\u003e\n\u003cp\u003eUne cuillère à soupe dans un litre d'eau chaude pour carrelages, plans de travail et meubles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e👕 Linge et détachage\u003c\/h3\u003e\n\u003cp\u003eDeux cuillères dans le tambour ou en application directe sur les taches tenaces\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🪟 Vitres sans traces\u003c\/h3\u003e\n\u003cp\u003eQuelques gouttes dans de l'eau tiède pour des miroirs impeccables\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-tip\"\u003e\n\u003cspan class=\"sna-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eAstuce zéro déchet : remplacez plusieurs flacons en plastique par ce \u003cstrong\u003eliquide savon noir\u003c\/strong\u003e unique, biodégradable et économique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\u003c!-- SECTION 4 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"sna-section\"\u003e\n\u003ch2\u003eComposition \u0026amp; conseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"sna-accordion\"\u003e\n\u003cdetails class=\"sna-accordion-item\"\u003e\n\u003csummary class=\"sna-accordion-header\"\u003e🧪 Ingrédients (INCI)\u003c\/summary\u003e\n\u003cdiv class=\"sna-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eAqua, Potassium Olivate*, Potassium Laurelate*, Glycerin.\u003c\/strong\u003e\u003cbr\u003e*Issus de l'agriculture biologique. 99 % d'origine naturelle. Sans parfum, sans colorant, sans huile de palme, sans paraben.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sna-accordion-item\"\u003e\n\u003csummary class=\"sna-accordion-header\"\u003e🏠 Pour la maison\u003c\/summary\u003e\n\u003cdiv class=\"sna-accordion-content mt-3\"\u003e\n\u003cp\u003eDiluez 1 à 2 cuillères à soupe dans 1 litre d'eau tiède pour les sols et surfaces. Utilisez pur sur une éponge en \u003cstrong\u003eliquide vaisselle savon noir\u003c\/strong\u003e ou pour le détachage localisé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"sna-disclaimer\"\u003eProduit d'entretien. Évitez le contact avec les yeux. Tenir hors de portée des enfants. Ne remplace pas un avis médical en cas de problème cutané persistant.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --sna-cream: #f5f7f2;\n --sna-white: #ffffff;\n --sna-primary: #6b8e4e;\n --sna-primary-dark: #2d3e2a;\n --sna-primary-light: #e3ebd9;\n --sna-secondary: #a8c48a;\n --sna-accent: #d9b96a;\n --sna-text: #1f2a1c;\n --sna-text-light: #5a6753;\n --sna-border: #d8e0cf;\n --sna-shadow: 0 4px 24px rgba(45,62,42,.08);\n --sna-shadow-lg: 0 12px 48px rgba(45,62,42,.18);\n --sna-radius: 20px;\n --sna-radius-sm: 12px;\n}\n\n.sna-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sna-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--sna-text);\n line-height: 1.6;\n}\n\n\/* HERO *\/\n.sna-hero {\n position: relative;\n background: linear-gradient(135deg, #2d3e2a 0%, #4a6238 50%, #6b8e4e 100%);\n border-radius: var(--sna-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sna-shadow-lg);\n}\n\n.sna-hero-pattern {\n position: absolute;\n inset: 0;\n opacity: .08;\n background-image: radial-gradient(circle at 20% 30%, #fff 1px, transparent 1px),\n radial-gradient(circle at 70% 60%, #fff 2px, transparent 2px),\n radial-gradient(circle at 40% 80%, #fff 1px, transparent 1px);\n background-size: 80px 80px, 120px 120px, 100px 100px;\n}\n\n.sna-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sna-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n line-height: 1.1;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.sna-subtitle {\n color: var(--sna-accent);\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.sna-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 720px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* BADGES *\/\n.sna-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.75rem;\n}\n\n.sna-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sna-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sna-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* SECTIONS *\/\n.sna-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sna-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sna-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n line-height: 1.2;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sna-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sna-primary), var(--sna-secondary));\n border-radius: 2px;\n}\n\n.sna-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sna-text-light);\n margin-bottom: 1.75rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.sna-section-intro strong {\n color: var(--sna-primary-dark);\n}\n\n\/* CARDS *\/\n.sna-card {\n background: var(--sna-white);\n border-radius: var(--sna-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sna-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sna-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sna-shadow-lg);\n border-color: var(--sna-primary);\n}\n\n.sna-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sna-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sna-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sna-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sna-card p strong {\n color: var(--sna-primary-dark);\n}\n\n\/* GRIDS *\/\n.sna-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sna-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sna-grid-compact .sna-card {\n padding: 1.25rem 1rem;\n}\n\n.sna-grid-compact .sna-card h3 {\n font-size: 15px;\n margin-bottom: .35rem;\n}\n\n.sna-grid-compact .sna-card p {\n font-size: 13px;\n}\n\n\/* TIP *\/\n.sna-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sna-primary-light);\n border-radius: var(--sna-radius-sm);\n padding: 1.125rem 1.25rem;\n margin-top: 1.5rem;\n border-left: 4px solid var(--sna-primary);\n}\n\n.sna-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sna-tip p {\n font-size: 14px;\n color: var(--sna-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.sna-tip p strong {\n color: var(--sna-primary-dark);\n}\n\n\/* ACCORDION *\/\n.sna-accordion {\n background: var(--sna-white);\n border-radius: var(--sna-radius);\n box-shadow: var(--sna-shadow);\n overflow: hidden;\n}\n\n.sna-accordion-item {\n border-bottom: 1px solid var(--sna-border);\n margin: 0;\n padding: 0;\n}\n\n.sna-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sna-accordion-header {\n padding: 1.125rem 1.5rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sna-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n}\n\n.sna-accordion-header:hover {\n background: var(--sna-primary-light);\n}\n\n.sna-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sna-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--sna-primary);\n transition: transform .2s ease;\n margin-left: 1rem;\n}\n\n.sna-accordion-item[open] .sna-accordion-header::after {\n content: '−';\n}\n\n.sna-accordion-content {\n padding: 0 1.5rem 1.25rem;\n color: var(--sna-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.sna-accordion-content p {\n margin: 0;\n}\n\n.sna-accordion-content p strong {\n color: var(--sna-primary-dark);\n}\n\n.mt-3 {\n margin-top: .75rem;\n}\n\n\/* DISCLAIMER *\/\n.sna-disclaimer {\n font-size: 12px;\n color: var(--sna-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 767px) {\n .sna-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .sna-card {\n padding: 1.125rem;\n }\n .sna-section {\n margin-bottom: 1.75rem;\n }\n .sna-hero {\n padding: 2.25rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sna-radius-sm);\n }\n .sna-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .sna-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .sna-grid-compact {\n gap: .625rem;\n }\n .sna-grid-compact .sna-card {\n padding: .875rem .75rem;\n }\n .sna-grid-compact .sna-card h3 {\n font-size: 13px;\n }\n .sna-grid-compact .sna-card p {\n font-size: 12px;\n }\n .sna-accordion-header {\n padding: .9375rem 1rem;\n font-size: 14px;\n }\n .sna-accordion-content {\n padding: 0 1rem 1rem;\n font-size: 13px;\n }\n}\n\n\/* ANIMATIONS *\/\n@media (prefers-reduced-motion: no-preference) {\n .sna-card {\n animation: snaFadeUp .5s ease backwards;\n }\n .sna-card:nth-child(1) { animation-delay: .05s; }\n .sna-card:nth-child(2) { animation-delay: .1s; }\n .sna-card:nth-child(3) { animation-delay: .15s; }\n .sna-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes snaFadeUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .sna-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54881030832505,"sku":"NJ0370","price":8.98,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-noir-dalep-liquide-multiusage-bio-najel-1-l-lifestyle.webp?v=1778151250"},{"product_id":"gel-douche-barbarie-500-ml-najel","title":"Gel Douche Huile de Figue de Barbarie - 500 ml - Najel","description":"\u003cdiv class=\"njl-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"njl-hero\"\u003e\n\u003cdiv class=\"njl-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"njl-hero-content\"\u003e\n\u003cdiv class=\"njl-badges-top\"\u003e\n\u003cspan class=\"njl-badge\"\u003e🌵 20% Huile de Figue de Barbarie\u003c\/span\u003e \u003cspan class=\"njl-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e \u003cspan class=\"njl-badge\"\u003e🌿 99% Naturel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"njl-hero-title\"\u003eGel Douche Figue de Barbarie\u003c\/span\u003e\n\u003cp class=\"njl-subtitle\"\u003eTrésor du Désert par Najel\u003c\/p\u003e\n\u003cp class=\"njl-description\"\u003eL'alliance précieuse du savon d'Alep millénaire et de l'huile de figue de Barbarie pour une peau nourrie, apaisée et sublimée à chaque douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"njl-section\"\u003e\n\u003ch2\u003eUn gel douche d'exception au savon d'Alep et à l'huile de figue de Barbarie\u003c\/h2\u003e\n\u003cp class=\"njl-section-intro\"\u003eBien plus qu'un simple nettoyage quotidien : transformez votre douche en un véritable rituel de bien-être oriental.\u003c\/p\u003e\n\u003cdiv class=\"njl-grid-compact\"\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e🌵 Figue de Barbarie\u003c\/h3\u003e\n\u003cp\u003e20% d'huile précieuse de graines pour nourrir intensément\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e🧼 Savon d'Alep\u003c\/h3\u003e\n\u003cp\u003eFormule authentique du plus ancien savon du monde\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e✨ COSMOS NATURAL\u003c\/h3\u003e\n\u003cp\u003eCertifié par Ecocert pour une qualité garantie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n\u003cp\u003eSelon les plus hauts standards de qualité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"njl-section\"\u003e\n\u003ch2\u003ePourquoi choisir l'huile de figue de Barbarie pour votre peau ?\u003c\/h2\u003e\n\u003cdiv class=\"njl-highlight-box\"\u003e\n\u003cp class=\"njl-highlight-text\"\u003e🌵 \u003cstrong\u003eUn trésor rare :\u003c\/strong\u003e Il faut environ \u003cstrong\u003e1 tonne de figues\u003c\/strong\u003e pour obtenir seulement \u003cstrong\u003e1 litre\u003c\/strong\u003e de cette huile précieuse !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-grid\"\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e🔬 Pouvoir régénérant exceptionnel\u003c\/h3\u003e\n\u003cp\u003eRichesse en vitamine E (environ 1000 mg\/kg) : un antioxydant puissant qui lutte contre les signes du vieillissement cutané.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e💧 Action nourrissante intense\u003c\/h3\u003e\n\u003cp\u003eLes acides gras essentiels (oméga-6 et oméga-9) restaurent le film hydrolipidique et renforcent la barrière cutanée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e🌸 Propriétés apaisantes\u003c\/h3\u003e\n\u003cp\u003eIdéale pour calmer les peaux irritées, sensibles ou sujettes aux tiraillements.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e✨ Amélioration de l'élasticité\u003c\/h3\u003e\n\u003cp\u003eLa peau retrouve souplesse et fermeté au fil des utilisations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"njl-section\"\u003e\n\u003ch2\u003eL'alliance unique du savon d'Alep liquide\u003c\/h2\u003e\n\u003cp class=\"njl-section-intro\"\u003eCe gel douche s'inscrit dans la tradition millénaire du savon d'Alep, le plus ancien savon du monde.\u003c\/p\u003e\n\u003cdiv class=\"njl-grid\"\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e🫒 Huile d'olive saponifiée\u003c\/h3\u003e\n\u003cp\u003eNourrit et protège l'épiderme grâce à ses acides gras et sa vitamine E naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e🌿 Huile de baies de laurier\u003c\/h3\u003e\n\u003cp\u003eReconnue pour ses vertus purifiantes et apaisantes, particulièrement appréciée des peaux à problèmes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e⚖️ Équilibre respecté\u003c\/h3\u003e\n\u003cp\u003eContrairement aux gels classiques, cette formule respecte l'équilibre naturel de votre épiderme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-tip\"\u003e\n\u003cspan class=\"njl-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eVous ressortez de la douche avec une peau propre, douce et confortable – jamais tiraillée ni desséchée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"njl-section\"\u003e\n\u003ch2\u003ePour quels types de peau ce gel douche est-il adapté ?\u003c\/h2\u003e\n\u003cdiv class=\"njl-grid-compact\"\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e🏜️ Peaux sèches\u003c\/h3\u003e\n\u003cp\u003eNettoyage sans agression pour les peaux déshydratées\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eSans tensioactifs agressifs pour les peaux réactives\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e✨ Peaux matures\u003c\/h3\u003e\n\u003cp\u003eSoin lavant aux propriétés anti-âge naturelles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e👨👩👧👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eComposition naturelle et douce, même pour les enfants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"njl-section\"\u003e\n\u003ch2\u003eUne formule propre et responsable\u003c\/h2\u003e\n\u003cp class=\"njl-section-intro\"\u003eNajel s'engage pour une cosmétique respectueuse de votre santé et de l'environnement.\u003c\/p\u003e\n\u003cdiv class=\"njl-grid-compact\"\u003e\n\u003cdiv class=\"njl-card njl-card-clean\"\u003e\n\u003ch3\u003e🚫 Sans sulfates\u003c\/h3\u003e\n\u003cp\u003ePas de SLS ni SLES\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card njl-card-clean\"\u003e\n\u003ch3\u003e🚫 Sans parabènes\u003c\/h3\u003e\n\u003cp\u003eConservation naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card njl-card-clean\"\u003e\n\u003ch3\u003e🚫 Sans colorants\u003c\/h3\u003e\n\u003cp\u003eTeinte 100% naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card njl-card-clean\"\u003e\n\u003ch3\u003e🚫 Sans silicones\u003c\/h3\u003e\n\u003cp\u003ePeau libre de respirer\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-tip\"\u003e\n\u003cspan class=\"njl-tip-icon\"\u003e📦\u003c\/span\u003e\n\u003cp\u003eLe flacon pompe de \u003cstrong\u003e500 ml\u003c\/strong\u003e est pratique et économique : quelques pressions suffisent pour obtenir une mousse généreuse et onctueuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"njl-section\"\u003e\n\u003ch2\u003eComment utiliser votre gel douche Najel ?\u003c\/h2\u003e\n\u003cdiv class=\"njl-timeline\"\u003e\n\u003cdiv class=\"njl-timeline-item\"\u003e\n\u003cspan class=\"njl-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"njl-timeline-content\"\u003e\n\u003ch3\u003eMouillez votre peau\u003c\/h3\u003e\n\u003cp\u003eSous la douche ou dans le bain, humidifiez l'ensemble du corps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-timeline-item\"\u003e\n\u003cspan class=\"njl-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"njl-timeline-content\"\u003e\n\u003ch3\u003ePrélevez le gel\u003c\/h3\u003e\n\u003cp\u003eUne à deux pressions dans le creux de la main ou sur un gant de toilette.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-timeline-item\"\u003e\n\u003cspan class=\"njl-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"njl-timeline-content\"\u003e\n\u003ch3\u003eFaites mousser\u003c\/h3\u003e\n\u003cp\u003eDélicatement sur l'ensemble du corps en effectuant des mouvements circulaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-timeline-item\"\u003e\n\u003cspan class=\"njl-timeline-number\"\u003e4\u003c\/span\u003e\n\u003cdiv class=\"njl-timeline-content\"\u003e\n\u003ch3\u003eRincez et séchez\u003c\/h3\u003e\n\u003cp\u003eAbondamment à l'eau claire, puis tamponnez doucement avec une serviette.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-tip\"\u003e\n\u003cspan class=\"njl-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eNotre conseil :\u003c\/strong\u003e Pour une routine complète, appliquez ensuite une huile ou un lait corporel hydratant afin de prolonger les effets nourrissants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"njl-section\"\u003e\n\u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"njl-inci-box\"\u003e\n\u003cp\u003eAqua, Potassium Olivate*, Glycerin, Potassium Cocoate, \u003cstrong\u003eOpuntia Ficus-Indica Seed Oil*\u003c\/strong\u003e, Potassium Laurate, Coco-Glucoside, Parfum, Sodium Chloride, Potassium Sorbate, Sodium Benzoate, Citric Acid, Tocopherol, Limonene, Linalool.\u003c\/p\u003e\n\u003cp class=\"njl-inci-note\"\u003e*Ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"njl-section\"\u003e\n\u003ch2\u003eCaractéristiques du produit\u003c\/h2\u003e\n\u003cdiv class=\"njl-accordion\"\u003e\n\u003cdetails class=\"njl-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"njl-accordion-header\"\u003e📋 Fiche technique\u003c\/summary\u003e\n\u003cdiv class=\"njl-accordion-content\"\u003e\n\u003cul class=\"njl-specs-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eContenance :\u003c\/strong\u003e 500 ml\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertification :\u003c\/strong\u003e COSMOS NATURAL par Ecocert\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eOrigine naturelle :\u003c\/strong\u003e 99% d'ingrédients naturels\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eConcentration en huile de figue de Barbarie :\u003c\/strong\u003e 20%\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eType de peau :\u003c\/strong\u003e tous types, particulièrement peaux sèches et sensibles\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabrication :\u003c\/strong\u003e Made in France\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMarque :\u003c\/strong\u003e Najel – Trésor du Désert\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"njl-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"njl-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"njl-accordion-content\"\u003e\n\u003cp\u003eConservez votre gel douche à température ambiante, à l'abri de la chaleur excessive et de la lumière directe du soleil. Refermez bien le flacon après chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 9 --\u003e\n\u003csection class=\"njl-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eLa marque Najel : l'héritage du savon d'Alep depuis 1895\u003c\/h2\u003e\n\u003cdiv class=\"njl-testimonial\"\u003e\n\u003cp class=\"njl-testimonial-text\"\u003e\"Fondée par une famille de maîtres savonniers syriens, Najel perpétue depuis plus d'un siècle le savoir-faire ancestral du savon d'Alep. La marque propose aujourd'hui une gamme complète de soins naturels inspirés des traditions orientales, tout en répondant aux exigences de la cosmétique moderne et des certifications bio européennes.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-cta-box\"\u003e\n\u003cp\u003e🌵 Offrez à votre peau le trésor du désert : un rituel de soin ancestral pour une peau nourrie, apaisée et naturellement belle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --njl-cream: #F7F4EF;\n --njl-white: #ffffff;\n --njl-primary: #B8860B;\n --njl-primary-dark: #8B6914;\n --njl-primary-light: #F5EDD8;\n --njl-secondary: #8B4513;\n --njl-accent: #2F4F4F;\n --njl-text: #1a1a1a;\n --njl-text-light: #5a5a5a;\n --njl-border: #e0e0e0;\n --njl-shadow: 0 4px 24px rgba(0,0,0,.08);\n --njl-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --njl-radius: 20px;\n --njl-radius-sm: 12px;\n}\n\n.njl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--njl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.njl-hero {\n position: relative;\n background: linear-gradient(135deg, #B8860B 0%, #8B4513 50%, #2F4F4F 100%);\n border-radius: var(--njl-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--njl-shadow-lg);\n}\n\n.njl-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L30 25 M25 15 L30 5 L35 15 M20 25 L30 25 L40 25 M30 25 L30 55 M25 35 L30 25 L35 35' stroke='%23ffffff' stroke-width='1' fill='none' opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.njl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.njl-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.njl-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.njl-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.njl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.njl-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--njl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.njl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.njl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.njl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--njl-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.njl-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--njl-primary), var(--njl-secondary));\n border-radius: 2px;\n}\n\n.njl-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--njl-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.njl-card {\n background: var(--njl-white);\n border-radius: var(--njl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--njl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.njl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--njl-shadow-lg);\n border-color: var(--njl-primary);\n}\n\n.njl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--njl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.njl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--njl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.njl-card-clean {\n background: linear-gradient(135deg, var(--njl-white) 0%, var(--njl-primary-light) 100%);\n}\n\n\/* === GRILLES === *\/\n.njl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.njl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.njl-grid-compact .njl-card {\n padding: 1rem;\n}\n\n.njl-grid-compact .njl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.njl-grid-compact .njl-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.njl-highlight-box {\n background: linear-gradient(135deg, var(--njl-primary-light) 0%, #fff 100%);\n border-left: 4px solid var(--njl-primary);\n border-radius: var(--njl-radius-sm);\n padding: 1.25rem 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.njl-highlight-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--njl-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.njl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.njl-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.njl-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--njl-primary), var(--njl-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.njl-timeline-content {\n flex: 1;\n background: var(--njl-white);\n padding: 1rem 1.25rem;\n border-radius: var(--njl-radius-sm);\n box-shadow: var(--njl-shadow);\n}\n\n.njl-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--njl-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.njl-timeline-content p {\n font-size: 14px;\n color: var(--njl-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.njl-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--njl-primary-light);\n border-radius: var(--njl-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.njl-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.njl-tip p {\n font-size: 14px;\n color: var(--njl-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.njl-testimonial {\n background: var(--njl-white);\n border-radius: var(--njl-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--njl-shadow);\n border-left: 4px solid var(--njl-primary);\n margin-bottom: 1.5rem;\n}\n\n.njl-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--njl-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === INCI BOX === *\/\n.njl-inci-box {\n background: var(--njl-white);\n border-radius: var(--njl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--njl-shadow);\n}\n\n.njl-inci-box p {\n font-size: 14px;\n color: var(--njl-text-light);\n line-height: 1.8;\n margin: 0;\n}\n\n.njl-inci-note {\n margin-top: 1rem !important;\n font-style: italic;\n font-size: 13px !important;\n color: var(--njl-primary-dark) !important;\n}\n\n\/* === ACCORDÉON === *\/\n.njl-accordion {\n background: var(--njl-white);\n border-radius: var(--njl-radius);\n box-shadow: var(--njl-shadow);\n overflow: hidden;\n}\n\n.njl-accordion-item {\n border-bottom: 1px solid var(--njl-border);\n margin: 0;\n padding: 0;\n}\n\n.njl-accordion-item:last-child {\n border-bottom: none;\n}\n\n.njl-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--njl-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.njl-accordion-header:hover {\n background: var(--njl-primary-light);\n}\n\n.njl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.njl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--njl-primary);\n transition: transform .2s ease;\n}\n\n.njl-accordion-item[open] .njl-accordion-header::after {\n content: '−';\n}\n\n.njl-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--njl-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.njl-accordion-content p {\n margin: 0;\n}\n\n.njl-specs-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.njl-specs-list li {\n padding: .5rem 0;\n border-bottom: 1px solid var(--njl-border);\n font-size: 14px;\n color: var(--njl-text);\n}\n\n.njl-specs-list li:last-child {\n border-bottom: none;\n}\n\n\/* === CTA FINAL === *\/\n.njl-cta-box {\n background: linear-gradient(135deg, var(--njl-primary) 0%, var(--njl-secondary) 100%);\n border-radius: var(--njl-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.njl-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .njl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .njl-card {\n padding: 1.125rem;\n }\n \n .njl-section {\n margin-bottom: 1.75rem;\n }\n \n .njl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--njl-radius-sm);\n }\n \n .njl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .njl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .njl-grid-compact {\n gap: .625rem;\n }\n \n .njl-grid-compact .njl-card {\n padding: .75rem;\n }\n \n .njl-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .njl-timeline-content {\n padding: .875rem 1rem;\n }\n \n .njl-timeline-content h3 {\n font-size: 14px;\n }\n \n .njl-timeline-content p {\n font-size: 13px;\n }\n \n .njl-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .njl-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .njl-testimonial {\n padding: 1.25rem;\n }\n \n .njl-testimonial-text {\n font-size: 14px;\n }\n \n .njl-highlight-box {\n padding: 1rem;\n }\n \n .njl-tip {\n padding: .875rem 1rem;\n }\n \n .njl-tip-icon {\n font-size: 20px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .njl-card {\n animation: fadeInUp .5s ease backwards;\n }\n .njl-card:nth-child(1) { animation-delay: .05s; }\n .njl-card:nth-child(2) { animation-delay: .1s; }\n .njl-card:nth-child(3) { animation-delay: .15s; }\n .njl-card:nth-child(4) { animation-delay: .2s; }\n .njl-card:nth-child(5) { animation-delay: .25s; }\n .njl-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .njl-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54922368057721,"sku":"NJ0015","price":9.8,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel-douche-huile-de-figue-de-barbarie-500-ml-najel-lifestyle.webp?v=1769502301"},{"product_id":"deodorant-mangue-citrus-45g-najel","title":"Déodorant Solide Baume bio \u0026 vegan - Mangue Citrus - Najel","description":"\u003cdiv class=\"nj-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"nj-hero\"\u003e\n \u003cdiv class=\"nj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nj-hero-content\"\u003e\n \u003cdiv class=\"nj-badges-top\"\u003e\n \u003cspan class=\"nj-badge\"\u003e🍋 Mangue Citrus\u003c\/span\u003e\n \u003cspan class=\"nj-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"nj-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"nj-badge\"\u003e🐰 100 % Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"nj-hero-title\"\u003eDéodorant solide baume bio \u0026amp; vegan\u003c\/span\u003e\n \u003cp class=\"nj-subtitle\"\u003eNajel — 45 g\u003c\/p\u003e\n \u003cp class=\"nj-description\"\u003eFraîcheur naturelle longue durée dans une texture baume fondante au parfum gourmand mangue et agrumes. 100 % d'origine naturelle, sans sels d'aluminium ni conservateurs de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eDéodorant solide bio Mangue Citrus Najel : fraîcheur naturelle et protection longue durée\u003c\/h2\u003e\n \u003cp class=\"nj-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant solide naturel\u003c\/strong\u003e qui allie efficacité, douceur et parfum gourmand ? Le \u003cstrong\u003edéodorant solide baume bio Mangue Citrus de Najel\u003c\/strong\u003e vous offre une protection fiable contre les odeurs, dans une formule \u003cstrong\u003e100 % d'origine naturelle\u003c\/strong\u003e, certifiée \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e et \u003cstrong\u003e100 % vegan\u003c\/strong\u003e. Fabriqué en France, ce soin quotidien respecte votre peau autant que la planète.\u003c\/p\u003e\n \u003cdiv class=\"nj-grid-compact\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🌱 100 % naturel\u003c\/h3\u003e\n \u003cp\u003eFormule d'origine entièrement naturelle, sans ingrédient controversé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🛡️ Protection longue durée\u003c\/h3\u003e\n \u003cp\u003eNeutralise les odeurs efficacement tout au long de la journée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🧴 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eLabel Cosmos Organic vérifié par un organisme indépendant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🐰 Vegan \u0026amp; éthique\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient animal, non testé sur les animaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eUne texture baume fondante, facile à appliquer\u003c\/h2\u003e\n \u003cdiv class=\"nj-testimonial\"\u003e\n \u003cp class=\"nj-testimonial-text\"\u003eContrairement à certains déodorants solides qui laissent des résidus ou tirent sur la peau, celui-ci possède une \u003cstrong\u003etexture baume onctueuse\u003c\/strong\u003e qui fond instantanément au contact de la chaleur corporelle. Il suffit de prélever une petite quantité du bout des doigts et de l'appliquer sur des aisselles propres et sèches. Le geste est rapide, agréable, et le produit pénètre sans laisser de sensation grasse ni de traces sur les vêtements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eUn parfum mangue et agrumes frais et délicat\u003c\/h2\u003e\n \u003cp class=\"nj-section-intro\"\u003eCe \u003cstrong\u003edéodorant bio solide\u003c\/strong\u003e se distingue par sa fragrance naturelle alliant la douceur sucrée de la \u003cstrong\u003emangue\u003c\/strong\u003e à la vivacité des \u003cstrong\u003eagrumes\u003c\/strong\u003e. Le résultat : une note fruitée subtile qui accompagne votre journée sans être envahissante.\u003c\/p\u003e\n \u003cdiv class=\"nj-grid\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🥭 Mangue\u003c\/h3\u003e\n \u003cp\u003eDouceur sucrée et gourmande, enveloppante et réconfortante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🍋 Agrumes\u003c\/h3\u003e\n \u003cp\u003eVivacité fraîche du citron et de l'orange pour une énergie naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🌸 Subtil \u0026amp; mixte\u003c\/h3\u003e\n \u003cp\u003eUn parfum fruité délicat qui convient aussi bien aux femmes qu'aux hommes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eComposition complète et transparente\u003c\/h2\u003e\n \u003cp class=\"nj-section-intro\"\u003eChaque ingrédient a été sélectionné pour son rôle précis dans la formule :\u003c\/p\u003e\n \u003cdiv class=\"nj-grid\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🥭 Beurre de mangue bio\u003c\/h3\u003e\n \u003cp\u003eNourrit, adoucit et protège la peau fragile des aisselles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🥥 Huile de coco bio\u003c\/h3\u003e\n \u003cp\u003ePropriétés antibactériennes naturelles qui limitent le développement des bactéries responsables des mauvaises odeurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🧂 Bicarbonate de sodium\u003c\/h3\u003e\n \u003cp\u003eNeutralise efficacement les odeurs tout au long de la journée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🌾 Amidon de maïs\u003c\/h3\u003e\n \u003cp\u003eAbsorbe l'excès d'humidité pour une sensation de peau sèche et confortable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🍊 Huiles essentielles d'agrumes\u003c\/h3\u003e\n \u003cp\u003eCitron et orange apportent fraîcheur et notes parfumées naturelles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🌻 Cire de tournesol\u003c\/h3\u003e\n \u003cp\u003eAssure la tenue du baume et facilite l'application\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-tip\"\u003e\n \u003cspan class=\"nj-tip-icon\"\u003e🚫\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans sels d'aluminium, sans alcool, sans parabène, sans conservateur de synthèse.\u003c\/strong\u003e\u003cbr\u003eContenance : \u003cstrong\u003e45 g\u003c\/strong\u003e — un format compact qui dure plusieurs semaines d'utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce déodorant solide bio plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cdiv class=\"nj-grid\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e✅ Certifié Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eUn gage de qualité et de transparence vérifié par un organisme indépendant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🐰 Formule vegan\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient d'origine animale, non testé sur les animaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eUn savoir-faire artisanal et un circuit court\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e♻️ Emballage en verre recyclable\u003c\/h3\u003e\n \u003cp\u003eUne démarche zéro déchet cohérente\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🤍 Convient aux peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eTexture douce, ingrédients apaisants, sans irritants agressifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eConseils d'utilisation pour une efficacité optimale\u003c\/h2\u003e\n \u003cdiv class=\"nj-timeline\"\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eDouche \u0026amp; séchage\u003c\/h3\u003e\n \u003cp\u003eAppliquez chaque matin après votre douche, sur une peau parfaitement propre et sèche\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003ePrélèvement\u003c\/h3\u003e\n \u003cp\u003ePrélevez une noisette de baume du bout des doigts\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eApplication\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement sous chaque aisselle — le baume fond instantanément au contact de la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-tip\"\u003e\n \u003cspan class=\"nj-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSi vous débutez avec un déodorant naturel, accordez à votre corps une \u003cstrong\u003epériode d'adaptation de quelques jours\u003c\/strong\u003e : c'est normal et tout à fait passager. Par temps très chaud, conservez le baume dans un endroit frais pour préserver sa texture idéale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"nj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eL'engagement Najel\u003c\/h2\u003e\n \u003cdiv class=\"nj-cta-box\"\u003e\n \u003cp\u003eDepuis plus de \u003cstrong\u003e100 ans\u003c\/strong\u003e, la maison Najel perpétue un savoir-faire artisanal centré sur des \u003cstrong\u003ecosmétiques naturels\u003c\/strong\u003e de qualité. Chaque produit est formulé avec exigence, dans le respect de la peau et de l'environnement. Ce déodorant solide bio incarne une hygiène quotidienne \u003cstrong\u003esaine, efficace et responsable\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"nj-disclaimer\"\u003eCe produit cosmétique ne constitue 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\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --nj-cream: #fef9f0;\n --nj-white: #ffffff;\n --nj-primary: #f0a500;\n --nj-primary-dark: #c47d00;\n --nj-primary-light: #fff5e0;\n --nj-secondary: #e8721a;\n --nj-accent: #2d2d2d;\n --nj-text: #1a1a1a;\n --nj-text-light: #5a5a5a;\n --nj-border: #e8e0d4;\n --nj-shadow: 0 4px 24px rgba(0,0,0,.08);\n --nj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --nj-radius: 20px;\n --nj-radius-sm: 12px;\n}\n\n.nj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nj-hero {\n position: relative;\n background: linear-gradient(135deg, #f0a500 0%, #e8721a 50%, #c47d00 100%);\n border-radius: var(--nj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--nj-shadow-lg);\n}\n\n.nj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 50%),\n repeating-conic-gradient(rgba(255,255,255,.02) 0% 25%, transparent 0% 50%) 0 0\/60px 60px;\n opacity: .6;\n}\n\n.nj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.nj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.nj-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.nj-description {\n color: rgba(255,255,255,.88);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.nj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--nj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.nj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.nj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--nj-primary), var(--nj-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.nj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nj-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.nj-card {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nj-shadow-lg);\n border-color: var(--nj-primary);\n}\n\n.nj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.nj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.nj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.nj-grid-compact .nj-card {\n padding: 1rem;\n}\n\n.nj-grid-compact .nj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nj-grid-compact .nj-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.nj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nj-primary), var(--nj-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.nj-timeline-content {\n flex: 1;\n background: var(--nj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nj-radius-sm);\n box-shadow: var(--nj-shadow);\n}\n\n.nj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nj-timeline-content p {\n font-size: 14px;\n color: var(--nj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.nj-testimonial {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nj-shadow);\n border-left: 4px solid var(--nj-primary);\n}\n\n.nj-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nj-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.nj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nj-primary-light);\n border-radius: var(--nj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.nj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nj-tip p {\n font-size: 14px;\n color: var(--nj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.nj-cta-box {\n background: linear-gradient(135deg, var(--nj-primary) 0%, var(--nj-primary-dark) 100%);\n border-radius: var(--nj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.nj-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.nj-disclaimer {\n font-size: 12px;\n color: var(--nj-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .nj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .nj-card {\n padding: 1.125rem;\n }\n\n .nj-section {\n margin-bottom: 1.75rem;\n }\n\n .nj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nj-radius-sm);\n }\n\n .nj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .nj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .nj-grid-compact {\n gap: .625rem;\n }\n\n .nj-grid-compact .nj-card {\n padding: .75rem;\n }\n\n .nj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .nj-timeline-content {\n padding: .875rem 1rem;\n }\n\n .nj-timeline-content h3 {\n font-size: 14px;\n }\n\n .nj-timeline-content p {\n font-size: 13px;\n }\n\n .nj-testimonial {\n padding: 1.25rem;\n }\n\n .nj-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .nj-card {\n animation: njFadeInUp .5s ease backwards;\n }\n .nj-card:nth-child(1) { animation-delay: .05s; }\n .nj-card:nth-child(2) { animation-delay: .1s; }\n .nj-card:nth-child(3) { animation-delay: .15s; }\n .nj-card:nth-child(4) { animation-delay: .2s; }\n .nj-card:nth-child(5) { animation-delay: .25s; }\n .nj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes njFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .nj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54922386145657,"sku":"NJ0020","price":7.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-solide-baume-bio-vegan-mangue-citrus-najel-lifestyle_34ffbc88-23df-4f44-a959-e27a580956e6.webp?v=1778079899"},{"product_id":"savon-dalep-5-190-g-najel","title":"Savon d'Alep 5% HBL – 190 g – Najel","description":"\u003cdiv class=\"alep-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"alep-hero\"\u003e\n\u003cdiv class=\"alep-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"alep-hero-content\"\u003e\n\u003cdiv class=\"alep-badges-top\"\u003e\n\u003cspan class=\"alep-badge\"\u003e🌿 100% Naturel\u003c\/span\u003e \u003cspan class=\"alep-badge\"\u003e🇸🇾 Authentique Alep\u003c\/span\u003e \u003cspan class=\"alep-badge\"\u003e🧴 5% Huile de Laurier\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"alep-hero-title\"\u003eSavon d'Alep 5% HBL\u003c\/span\u003e\n\u003cp class=\"alep-subtitle\"\u003eL'héritage de 3 000 ans de savoir-faire syrien\u003c\/p\u003e\n\u003cp class=\"alep-description\"\u003eCe savon traditionnel associe \u003cstrong\u003e95% d'huile d'olive\u003c\/strong\u003e et \u003cstrong\u003e5% d'huile de baies de laurier\u003c\/strong\u003e pour un soin naturel qui respecte tous les types de peau, y compris les plus sensibles. L'ancêtre du savon de Marseille, dans sa forme la plus pure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003ePourquoi choisir un savon d'Alep à 5 % d'huile de baies de laurier ?\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003ePlus le taux d'huile de baies de laurier est élevé, plus le savon possède des propriétés purifiantes. Avec ses 5% d'HBL, ce dosage représente l'équilibre idéal pour un usage quotidien.\u003c\/p\u003e\n\u003cdiv class=\"alep-grid\"\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🌱 Parfait pour débuter\u003c\/h3\u003e\n\u003cp\u003eSi vous découvrez les bienfaits du savon d'Alep, ce dosage convient à toutes les peaux sans risque d'assèchement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e💧 Peaux normales à sèches\u003c\/h3\u003e\n\u003cp\u003eL'huile d'olive nourrit intensément tandis que le laurier apporte une touche purifiante équilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e👨👩👧👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eEnfants, adultes et personnes âgées peuvent l'utiliser au quotidien en toute sérénité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eLes bienfaits du savon d'Alep pour votre peau\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eCe n'est pas un hasard si le savon d'Alep traverse les siècles avec une réputation intacte.\u003c\/p\u003e\n\u003cdiv class=\"alep-grid\"\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🫒 Nutrition profonde\u003c\/h3\u003e\n\u003cp\u003eL'huile d'olive, riche en acides gras et en vitamine E, pénètre l'épiderme pour une peau souple et confortable toute la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🌸 Action apaisante\u003c\/h3\u003e\n\u003cp\u003eL'huile de baies de laurier calme les petites irritations, les rougeurs et les inconforts cutanés du quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e✨ Propriétés purifiantes\u003c\/h3\u003e\n\u003cp\u003eLe laurier aide à assainir la peau sans l'agresser, idéal pour les peaux à tendance grasse ou à imperfections légères.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🛡️ Respect du film hydrolipidique\u003c\/h3\u003e\n\u003cp\u003eContrairement aux savons industriels, ce savon surgras ne décape pas votre peau et préserve son équilibre naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eSavon d'Alep visage : est-ce vraiment adapté ?\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eOui, et c'est même l'une de ses utilisations les plus appréciées ! Grâce à sa formule douce et naturelle, il nettoie en profondeur sans provoquer de tiraillements.\u003c\/p\u003e\n\u003cdiv class=\"alep-grid\"\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e⚖️ Peaux mixtes\u003c\/h3\u003e\n\u003cp\u003eRégule l'excès de sébum sans assécher les zones plus sèches du visage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🌷 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eIdéal pour celles qui réagissent aux nettoyants conventionnels chargés en additifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🎯 Routine simplifiée\u003c\/h3\u003e\n\u003cp\u003eUn produit polyvalent qui simplifie votre routine beauté quotidienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-tip\"\u003e\n\u003cspan class=\"alep-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e faites mousser le savon entre vos mains et appliquez la mousse onctueuse en massages circulaires, puis rincez à l'eau tiède.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eSavon d'Alep cheveux : un shampooing solide naturel\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eUtiliser le savon d'Alep pour les cheveux est une pratique ancestrale qui revient en force. Ce savon agit comme un shampooing solide naturel, particulièrement adapté aux cuirs chevelus sensibles ou sujets aux pellicules.\u003c\/p\u003e\n\u003cdiv class=\"alep-grid-compact\"\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🧴 Purifie le cuir chevelu\u003c\/h3\u003e\n\u003cp\u003eL'huile de baies de laurier assainit en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e💆 Nourrit la fibre\u003c\/h3\u003e\n\u003cp\u003eL'huile d'olive nourrit et renforce vos cheveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-tip\"\u003e\n\u003cspan class=\"alep-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eConseil :\u003c\/strong\u003e frottez le savon directement sur cheveux mouillés ou faites mousser dans vos mains avant d'appliquer. Rincez abondamment, puis terminez par un rinçage au vinaigre de cidre dilué pour refermer les écailles et apporter brillance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eComposition complète du savon d'Alep Najel 5 % HBL\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eL'âme du savon d'Alep réside dans la simplicité et la pureté de ses ingrédients.\u003c\/p\u003e\n\u003cdiv class=\"alep-composition\"\u003e\n\u003cdiv class=\"alep-composition-item alep-composition-main\"\u003e\n\u003cspan class=\"alep-composition-percent\"\u003e95%\u003c\/span\u003e \u003cspan class=\"alep-composition-name\"\u003eSodium Olivate\u003c\/span\u003e \u003cspan class=\"alep-composition-desc\"\u003eHuile d'olive saponifiée\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-composition-item alep-composition-secondary\"\u003e\n\u003cspan class=\"alep-composition-percent\"\u003e5%\u003c\/span\u003e \u003cspan class=\"alep-composition-name\"\u003eSodium Laurate\u003c\/span\u003e \u003cspan class=\"alep-composition-desc\"\u003eHuile de baies de laurier saponifiée\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-ingredients-list\"\u003e\n\u003cspan class=\"alep-ingredient\"\u003eAqua (eau)\u003c\/span\u003e \u003cspan class=\"alep-ingredient\"\u003eSodium Hydroxide\u003c\/span\u003e \u003cspan class=\"alep-ingredient\"\u003eSodium Chloride (sel)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-purity-badges\"\u003e\n\u003cspan class=\"alep-purity-badge\"\u003e🚫 Sans colorant\u003c\/span\u003e \u003cspan class=\"alep-purity-badge\"\u003e🚫 Sans parfum de synthèse\u003c\/span\u003e \u003cspan class=\"alep-purity-badge\"\u003e🚫 Sans conservateur artificiel\u003c\/span\u003e \u003cspan class=\"alep-purity-badge\"\u003e🌴 Sans huile de palme\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eSavon d'Alep avis dermatologue : qu'en pensent les professionnels ?\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eLe savon d'Alep bénéficie généralement d'un avis favorable des dermatologues.\u003c\/p\u003e\n\u003cdiv class=\"alep-grid\"\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e✅ Composition 100% naturelle\u003c\/h3\u003e\n\u003cp\u003eLimite les risques d'allergie ou d'irritation cutanée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e✅ Caractère surgras\u003c\/h3\u003e\n\u003cp\u003eConvient parfaitement aux peaux atopiques ou réactives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e✅ Recommandé en complément\u003c\/h3\u003e\n\u003cp\u003ePeut accompagner les soins pour peaux à tendance eczémateuse ou psoriasique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"alep-disclaimer\"\u003e⚠️ Ce savon ne constitue pas un traitement médical. En cas de problème cutané persistant, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eComment utiliser votre savon d'Alep au quotidien ?\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eCe savon de 190 g est un véritable couteau suisse de la salle de bain.\u003c\/p\u003e\n\u003cdiv class=\"alep-timeline\"\u003e\n\u003cdiv class=\"alep-timeline-item\"\u003e\n\u003cspan class=\"alep-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"alep-timeline-content\"\u003e\n\u003ch3\u003e🚿 Pour le corps\u003c\/h3\u003e\n\u003cp\u003eFaites mousser sur peau humide, massez délicatement puis rincez. Votre peau est propre, douce et légèrement parfumée par les notes végétales naturelles du laurier.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-timeline-item\"\u003e\n\u003cspan class=\"alep-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"alep-timeline-content\"\u003e\n\u003ch3\u003e😊 Pour le visage\u003c\/h3\u003e\n\u003cp\u003eAppliquez la mousse en évitant le contour des yeux, rincez à l'eau claire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-timeline-item\"\u003e\n\u003cspan class=\"alep-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"alep-timeline-content\"\u003e\n\u003ch3\u003e💇 Pour les cheveux\u003c\/h3\u003e\n\u003cp\u003eUtilisez comme un shampooing solide, en insistant sur le cuir chevelu.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-timeline-item\"\u003e\n\u003cspan class=\"alep-timeline-number\"\u003e4\u003c\/span\u003e\n\u003cdiv class=\"alep-timeline-content\"\u003e\n\u003ch3\u003e🪒 Pour le rasage\u003c\/h3\u003e\n\u003cp\u003eLa mousse onctueuse facilite le passage du rasoir et apaise la peau après le rasage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-tip\"\u003e\n\u003cspan class=\"alep-tip-icon\"\u003e🧼\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eConservation :\u003c\/strong\u003e après chaque utilisation, posez votre savon sur un porte-savon aéré pour qu'il sèche entre deux utilisations. Ainsi, il durera plusieurs mois.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 10 (DERNIÈRE) --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"alep-section\"\u003e\n\u003ch2\u003eEn résumé\u003c\/h2\u003e\n\u003cdiv class=\"alep-cta-box\"\u003e\n\u003cp\u003eLe \u003cstrong\u003eSavon d'Alep 5% HBL de Najel\u003c\/strong\u003e incarne l'essence même du soin naturel : des ingrédients nobles, un savoir-faire ancestral et une efficacité prouvée depuis des millénaires. Que vous souhaitiez l'utiliser pour le visage, le corps ou les cheveux, ce savon authentique deviendra vite un indispensable de votre routine.\u003c\/p\u003e\n\u003cp style=\"margin-top: 1rem; font-size: 1.1em;\"\u003e🌿 Offrez à votre peau le meilleur de la tradition orientale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --alep-cream: #FAF8F5;\n --alep-white: #ffffff;\n --alep-primary: #4A9B8C;\n --alep-primary-dark: #2C5F4F;\n --alep-primary-light: #E8F4F1;\n --alep-secondary: #D4A853;\n --alep-accent: #8B7355;\n --alep-text: #1a1a1a;\n --alep-text-light: #5a5a5a;\n --alep-border: #e0e0e0;\n --alep-shadow: 0 4px 24px rgba(0,0,0,.08);\n --alep-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --alep-radius: 20px;\n --alep-radius-sm: 12px;\n}\n\n.alep-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--alep-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.alep-hero {\n position: relative;\n background: linear-gradient(135deg, var(--alep-primary) 0%, var(--alep-primary-dark) 50%, #1D4A3F 100%);\n border-radius: var(--alep-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--alep-shadow-lg);\n}\n\n.alep-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 15 L30 25 L25 15 Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3Ccircle cx='10' cy='40' r='3' fill='%23ffffff' fill-opacity='0.02'\/%3E%3Ccircle cx='50' cy='45' r='4' fill='%23ffffff' fill-opacity='0.02'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.alep-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.alep-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.alep-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--alep-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.alep-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.alep-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.alep-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .02em;\n}\n\n.alep-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.alep-description strong {\n color: var(--alep-secondary);\n}\n\n\/* === SECTIONS === *\/\n.alep-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.alep-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--alep-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.alep-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--alep-primary), var(--alep-secondary));\n border-radius: 2px;\n}\n\n.alep-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--alep-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.alep-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.alep-card {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--alep-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.alep-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--alep-shadow-lg);\n border-color: var(--alep-primary);\n}\n\n.alep-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--alep-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.alep-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--alep-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.alep-grid-compact .alep-card {\n padding: 1rem;\n}\n\n.alep-grid-compact .alep-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.alep-grid-compact .alep-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION SECTION === *\/\n.alep-composition {\n display: flex;\n justify-content: center;\n gap: 2rem;\n flex-wrap: wrap;\n margin-bottom: 1.5rem;\n}\n\n.alep-composition-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 1.5rem 2rem;\n border-radius: var(--alep-radius);\n text-align: center;\n min-width: 180px;\n}\n\n.alep-composition-main {\n background: linear-gradient(135deg, var(--alep-primary), var(--alep-primary-dark));\n color: white;\n}\n\n.alep-composition-secondary {\n background: linear-gradient(135deg, var(--alep-secondary), var(--alep-accent));\n color: white;\n}\n\n.alep-composition-percent {\n font-size: 42px;\n font-weight: 900;\n line-height: 1;\n margin-bottom: .25rem;\n}\n\n.alep-composition-name {\n font-size: 14px;\n font-weight: 700;\n margin-bottom: .25rem;\n}\n\n.alep-composition-desc {\n font-size: 12px;\n opacity: .9;\n}\n\n.alep-ingredients-list {\n display: flex;\n justify-content: center;\n gap: .75rem;\n flex-wrap: wrap;\n margin-bottom: 1.5rem;\n}\n\n.alep-ingredient {\n background: var(--alep-white);\n padding: .5rem 1rem;\n border-radius: 999px;\n font-size: 13px;\n color: var(--alep-text-light);\n box-shadow: var(--alep-shadow);\n}\n\n.alep-purity-badges {\n display: flex;\n justify-content: center;\n gap: .75rem;\n flex-wrap: wrap;\n}\n\n.alep-purity-badge {\n background: var(--alep-primary-light);\n color: var(--alep-primary-dark);\n padding: .5rem 1rem;\n border-radius: var(--alep-radius-sm);\n font-size: 12px;\n font-weight: 600;\n}\n\n\/* === TIMELINE === *\/\n.alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.alep-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.alep-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--alep-primary), var(--alep-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.alep-timeline-content {\n flex: 1;\n background: var(--alep-white);\n padding: 1rem 1.25rem;\n border-radius: var(--alep-radius-sm);\n box-shadow: var(--alep-shadow);\n}\n\n.alep-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--alep-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.alep-timeline-content p {\n font-size: 14px;\n color: var(--alep-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.alep-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--alep-primary-light);\n border-radius: var(--alep-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.alep-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.alep-tip p {\n font-size: 14px;\n color: var(--alep-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.alep-cta-box {\n background: linear-gradient(135deg, var(--alep-primary) 0%, var(--alep-primary-dark) 100%);\n border-radius: var(--alep-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.alep-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.alep-disclaimer {\n font-size: 12px;\n color: var(--alep-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .alep-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .alep-card {\n padding: 1.125rem;\n }\n \n .alep-section {\n margin-bottom: 1.75rem;\n }\n \n .alep-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--alep-radius-sm);\n }\n \n .alep-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .alep-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .alep-grid-compact {\n gap: .625rem;\n }\n \n .alep-grid-compact .alep-card {\n padding: .75rem;\n }\n \n .alep-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .alep-timeline-content {\n padding: .875rem 1rem;\n }\n \n .alep-timeline-content h3 {\n font-size: 14px;\n }\n \n .alep-timeline-content p {\n font-size: 13px;\n }\n \n .alep-composition {\n gap: 1rem;\n }\n \n .alep-composition-item {\n padding: 1rem 1.5rem;\n min-width: 140px;\n }\n \n .alep-composition-percent {\n font-size: 32px;\n }\n \n .alep-purity-badges {\n gap: .5rem;\n }\n \n .alep-purity-badge {\n font-size: 11px;\n padding: .4rem .75rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .alep-card {\n animation: fadeInUp .5s ease backwards;\n }\n .alep-card:nth-child(1) { animation-delay: .05s; }\n .alep-card:nth-child(2) { animation-delay: .1s; }\n .alep-card:nth-child(3) { animation-delay: .15s; }\n .alep-card:nth-child(4) { animation-delay: .2s; }\n .alep-card:nth-child(5) { animation-delay: .25s; }\n .alep-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .alep-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54922476355961,"sku":"NJ0035","price":3.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-5-hbl-190-g-najel-lifestyle_eb6c8e97-fb12-41f4-8f84-1cae132dc9c7.webp?v=1769589615"},{"product_id":"savon-alep-rhassoul-huile-argan-najel","title":"Savon d'Alep au Rhassoul et à l'Huile d'Argan - 100 g - Najel","description":"\u003cdiv class=\"naj-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"naj-hero\"\u003e\n\u003cdiv class=\"naj-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"naj-hero-content\"\u003e\n\u003cdiv class=\"naj-badges-top\"\u003e\n\u003cspan class=\"naj-badge\"\u003e🧼 Savon artisanal\u003c\/span\u003e \u003cspan class=\"naj-badge\"\u003e🌿 100% naturel\u003c\/span\u003e \u003cspan class=\"naj-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"naj-hero-title\"\u003eSavon d'Alep au Rhassoul \u0026amp; Argan\u003c\/span\u003e\n\u003cp class=\"naj-subtitle\"\u003eL'éclat des rituels orientaux millénaires\u003c\/p\u003e\n\u003cp class=\"naj-description\"\u003eUn savon d'exception qui marie le savoir-faire ancestral d'Alep aux trésors du Maroc pour révéler la beauté naturelle de votre peau.\u003c\/p\u003e\n\u003cdiv class=\"naj-hero-stats\"\u003e\n\u003cdiv class=\"naj-stat\"\u003e\n\u003cspan class=\"naj-stat-number\"\u003e3000\u003c\/span\u003e \u003cspan class=\"naj-stat-label\"\u003eans de tradition\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-stat\"\u003e\n\u003cspan class=\"naj-stat-number\"\u003e100g\u003c\/span\u003e \u003cspan class=\"naj-stat-label\"\u003eformat généreux\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-stat\"\u003e\n\u003cspan class=\"naj-stat-number\"\u003e2\u003c\/span\u003e \u003cspan class=\"naj-stat-label\"\u003etrésors marocains\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eSavon d'Alep au Rhassoul et à l'Huile d'Argan Najel : l'alliance parfaite entre tradition syrienne et trésors marocains\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eVous recherchez un savon d'Alep qui va au-delà du simple nettoyage ? Ce savon artisanal marie le savoir-faire millénaire des maîtres savonniers d'Alep avec deux ingrédients emblématiques des rituels de beauté orientaux.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🏺 Rhassoul d'Atlas\u003c\/h3\u003e\n\u003cp\u003eArgile volcanique purifiante utilisée dans les hammams\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e✨ Huile d'argan bio\u003c\/h3\u003e\n\u003cp\u003eL'or liquide du Maroc pour nourrir intensément\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n\u003cp\u003eBase lavante douce héritée de la tradition\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌿 Huile de laurier\u003c\/h3\u003e\n\u003cp\u003ePropriétés purifiantes et apaisantes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-tip\"\u003e\n\u003cspan class=\"naj-tip-icon\"\u003e💫\u003c\/span\u003e\n\u003cp\u003eFabriqué selon la méthode ancestrale transmise depuis plus de 3 000 ans, ce savon incarne l'essence même de la cosmétique naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003ePourquoi ce savon d'Alep est différent des autres ?\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eLe savon d'Alep traditionnel est reconnu pour sa douceur exceptionnelle. Najel a enrichi cette formule ancestrale avec deux actifs complémentaires qui le transforment en véritable soin beauté.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card naj-card-highlight\"\u003e\n\u003ch3\u003e🏔️ Le rhassoul (ghassoul)\u003c\/h3\u003e\n\u003cp\u003eCette argile volcanique extraite des montagnes de l'Atlas marocain est utilisée depuis des siècles dans les hammams. Elle possède un pouvoir absorbant naturel qui capte les impuretés et l'excès de sébum sans dessécher la peau. Votre teint retrouve fraîcheur et éclat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card naj-card-highlight\"\u003e\n\u003ch3\u003e🥇 L'huile d'argan biologique\u003c\/h3\u003e\n\u003cp\u003eSurnommée « or liquide du Maroc », elle regorge d'acides gras essentiels (oméga 6 et 9) et de vitamine E. Elle nourrit intensément, protège la barrière cutanée et aide à préserver la souplesse de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-highlight-box\"\u003e\n\u003cp\u003e✨ Cette synergie unique révèle l'\u003cstrong\u003eéclat naturel de votre peau\u003c\/strong\u003e, comme l'indique la mention « Skin Radiance » sur son emballage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eLes bienfaits concrets pour votre peau\u003c\/h2\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🧹 Nettoyage en profondeur sans agression\u003c\/h3\u003e\n\u003cp\u003eLe rhassoul absorbe naturellement les impuretés, le maquillage et l'excès de sébum. Contrairement aux tensioactifs synthétiques, il respecte le film hydrolipidique de votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e💧 Nutrition et hydratation\u003c\/h3\u003e\n\u003cp\u003eL'huile d'argan et l'huile d'olive apportent les lipides essentiels dont votre peau a besoin. Fini les sensations de tiraillement après la douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌟 Teint plus lumineux\u003c\/h3\u003e\n\u003cp\u003eEn éliminant les cellules mortes et les toxines, le rhassoul favorise le renouvellement cellulaire et redonne de l'éclat aux peaux ternes ou fatiguées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🤍 Apaisement des peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eSans parfum de synthèse ni conservateurs chimiques, ce savon convient aux épidermes réactifs et sujets aux irritations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003ePour qui est fait ce savon ?\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eCe savon d'Alep s'adapte à différents types de peau et répond à plusieurs besoins.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🫧 Peaux mixtes à grasses\u003c\/h3\u003e\n\u003cp\u003eLe rhassoul régule naturellement la production de sébum et resserre les pores.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🏜️ Peaux sèches\u003c\/h3\u003e\n\u003cp\u003eL'huile d'argan compense l'effet purifiant du rhassoul en apportant une nutrition intense.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eLa formule douce et naturelle minimise les risques d'irritation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e😴 Peaux ternes ou fatiguées\u003c\/h3\u003e\n\u003cp\u003eL'action combinée des actifs redonne vitalité et luminosité au teint.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-tip\"\u003e\n\u003cspan class=\"naj-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eBon à savoir :\u003c\/strong\u003e ce savon peut s'utiliser aussi bien sur le \u003cstrong\u003evisage\u003c\/strong\u003e que sur le \u003cstrong\u003ecorps\u003c\/strong\u003e, et même sur les \u003cstrong\u003echeveux\u003c\/strong\u003e pour un lavage occasionnel tout en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eComment utiliser votre savon d'Alep au quotidien ?\u003c\/h2\u003e\n\u003cdiv class=\"naj-usage-tabs\"\u003e\n\u003cdiv class=\"naj-usage-block\"\u003e\n\u003ch3 class=\"naj-usage-title\"\u003e👩 Pour le visage\u003c\/h3\u003e\n\u003cdiv class=\"naj-timeline\"\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003ePréparez\u003c\/h3\u003e\n\u003cp\u003eHumidifiez votre visage à l'eau tiède\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eFaites mousser\u003c\/h3\u003e\n\u003cp\u003eFaites mousser le savon entre vos mains\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eAppliquez\u003c\/h3\u003e\n\u003cp\u003eAppliquez la mousse en massant délicatement par mouvements circulaires. Insistez sur la zone T si peau mixte.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e4\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eRincez\u003c\/h3\u003e\n\u003cp\u003eRincez abondamment à l'eau claire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-usage-block\"\u003e\n\u003ch3 class=\"naj-usage-title\"\u003e🚿 Pour le corps\u003c\/h3\u003e\n\u003cdiv class=\"naj-timeline\"\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eMoussez\u003c\/h3\u003e\n\u003cp\u003eSous la douche, faites mousser le savon directement sur votre peau mouillée ou utilisez un gant de toilette\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eMassez\u003c\/h3\u003e\n\u003cp\u003eMassez l'ensemble du corps en profitant de la texture onctueuse de la mousse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eRincez\u003c\/h3\u003e\n\u003cp\u003eRincez soigneusement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-tip naj-tip-special\"\u003e\n\u003cspan class=\"naj-tip-icon\"\u003e🛁\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce hammam :\u003c\/strong\u003e pour reproduire les rituels orientaux, laissez agir la mousse quelques minutes avant de rincer. Les actifs auront ainsi le temps d'exercer pleinement leur action purifiante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eComment conserver votre savon pour qu'il dure plus longtemps ?\u003c\/h2\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🧴 Porte-savon aéré\u003c\/h3\u003e\n\u003cp\u003ePosez-le sur un support qui permet à l'eau de s'écouler\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e💧 Évitez l'eau stagnante\u003c\/h3\u003e\n\u003cp\u003eNe le laissez pas dans une flaque d'eau au fond de la douche\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌬️ Endroit sec\u003c\/h3\u003e\n\u003cp\u003eConservez-le dans un endroit sec entre deux utilisations\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🔄 Alternez\u003c\/h3\u003e\n\u003cp\u003eSi vous avez plusieurs savons, alternez pour leur laisser le temps de sécher\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-highlight-box\"\u003e\n\u003cp\u003e⏱️ Bien conservé, votre savon de 100 g peut vous accompagner pendant \u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e d'utilisation quotidienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eL'engagement Najel : qualité et éthique\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eLa marque Najel, spécialiste du savon d'Alep authentique, perpétue un savoir-faire artisanal tout en s'engageant pour une cosmétique responsable.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌱 Formule vegan\u003c\/h3\u003e\n\u003cp\u003eAucun ingrédient d'origine animale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🐰 Cruelty-free\u003c\/h3\u003e\n\u003cp\u003eNon testé sur les animaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌿 Origine naturelle\u003c\/h3\u003e\n\u003cp\u003eComposition transparente et respectueuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e♻️ Éco-conçu\u003c\/h3\u003e\n\u003cp\u003eSimple bandeau en carton recyclable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 9 --\u003e\n\u003csection class=\"naj-section\"\u003e\u003c\/section\u003e\n\u003csection class=\"naj-section\"\u003e\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"naj-section\"\u003e\n\u003cdiv class=\"naj-cta-box\"\u003e\n\u003cp\u003e🧼 Offrez à votre peau le luxe d'un rituel de beauté millénaire avec ce savon d'Alep d'exception au rhassoul et à l'huile d'argan.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"naj-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé. Tenir hors de portée des enfants. Éviter le contact avec les yeux ; en cas de contact, rincer abondamment à l'eau claire.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --naj-cream: #FAF6F1;\n --naj-white: #ffffff;\n --naj-primary: #E07B2D;\n --naj-primary-dark: #8B5A3C;\n --naj-primary-light: #FFF4EC;\n --naj-secondary: #C4681E;\n --naj-accent: #D4A574;\n --naj-text: #1a1a1a;\n --naj-text-light: #5a5a5a;\n --naj-border: #e8ddd4;\n --naj-shadow: 0 4px 24px rgba(139,90,60,.08);\n --naj-shadow-lg: 0 12px 48px rgba(139,90,60,.15);\n --naj-radius: 20px;\n --naj-radius-sm: 12px;\n}\n\n.naj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--naj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.naj-hero {\n position: relative;\n background: linear-gradient(135deg, #E07B2D 0%, #C4681E 50%, #8B5A3C 100%);\n border-radius: var(--naj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--naj-shadow-lg);\n}\n\n.naj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.naj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.naj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.naj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--naj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.naj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.naj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.naj-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.naj-hero .naj-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto 2rem auto;\n line-height: 1.7;\n}\n\n.naj-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.naj-stat {\n text-align: center;\n}\n\n.naj-stat-number {\n display: block;\n color: white;\n font-size: clamp(28px, 5vw, 42px);\n font-weight: 900;\n line-height: 1;\n}\n\n.naj-stat-label {\n display: block;\n color: rgba(255,255,255,.8);\n font-size: 12px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-top: 4px;\n}\n\n\/* === SECTIONS === *\/\n.naj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.naj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--naj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.naj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--naj-primary), var(--naj-secondary));\n border-radius: 2px;\n}\n\n.naj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--naj-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.naj-card {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--naj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.naj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--naj-shadow-lg);\n border-color: var(--naj-primary);\n}\n\n.naj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--naj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.naj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--naj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.naj-card-highlight {\n background: linear-gradient(135deg, var(--naj-primary-light) 0%, var(--naj-white) 100%);\n border: 2px solid var(--naj-accent);\n}\n\n.naj-card-highlight:hover {\n border-color: var(--naj-primary);\n}\n\n\/* === GRILLES === *\/\n.naj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.naj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.naj-grid-compact .naj-card {\n padding: 1rem;\n}\n\n.naj-grid-compact .naj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.naj-grid-compact .naj-card p {\n font-size: 12px;\n}\n\n\/* === TIP BOX === *\/\n.naj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--naj-primary-light);\n border-radius: var(--naj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--naj-primary);\n}\n\n.naj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.naj-tip p {\n font-size: 14px;\n color: var(--naj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.naj-tip-special {\n background: linear-gradient(135deg, var(--naj-primary-light) 0%, #FFF9F5 100%);\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.naj-highlight-box {\n background: var(--naj-white);\n border-radius: var(--naj-radius-sm);\n padding: 1.25rem 1.5rem;\n margin-top: 1.25rem;\n text-align: center;\n border: 2px dashed var(--naj-accent);\n}\n\n.naj-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--naj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION === *\/\n.naj-composition {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--naj-shadow);\n}\n\n.naj-ingredient {\n display: flex;\n flex-direction: column;\n gap: 4px;\n padding: 1rem 0;\n border-bottom: 1px solid var(--naj-border);\n}\n\n.naj-ingredient:last-child {\n border-bottom: none;\n padding-bottom: 0;\n}\n\n.naj-ingredient:first-child {\n padding-top: 0;\n}\n\n.naj-ingredient-name {\n font-weight: 700;\n color: var(--naj-primary-dark);\n font-size: 15px;\n}\n\n.naj-ingredient-desc {\n color: var(--naj-text-light);\n font-size: 13px;\n line-height: 1.5;\n}\n\n.naj-composition-note {\n text-align: center;\n font-size: 13px;\n color: var(--naj-text-light);\n margin-top: 1.25rem;\n font-style: italic;\n}\n\n\/* === USAGE BLOCKS === *\/\n.naj-usage-tabs {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.naj-usage-block {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--naj-shadow);\n}\n\n.naj-usage-title {\n font-size: 18px;\n font-weight: 800;\n color: var(--naj-primary-dark);\n margin: 0 0 1.25rem 0;\n text-align: center;\n}\n\n\/* === TIMELINE === *\/\n.naj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.naj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.naj-timeline-number {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: linear-gradient(135deg, var(--naj-primary), var(--naj-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 14px;\n}\n\n.naj-timeline-content {\n flex: 1;\n background: var(--naj-primary-light);\n padding: .875rem 1rem;\n border-radius: var(--naj-radius-sm);\n}\n\n.naj-timeline-content h3 {\n font-size: 14px;\n font-weight: 700;\n color: var(--naj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.naj-timeline-content p {\n font-size: 13px;\n color: var(--naj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.naj-accordion {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n box-shadow: var(--naj-shadow);\n overflow: hidden;\n}\n\n.naj-accordion-item {\n border-bottom: 1px solid var(--naj-border);\n margin: 0;\n padding: 0;\n}\n\n.naj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.naj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--naj-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.naj-accordion-header:hover {\n background: var(--naj-primary-light);\n}\n\n.naj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.naj-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--naj-primary);\n transition: transform .2s ease;\n}\n\n.naj-accordion-item[open] .naj-accordion-header::after {\n content: '−';\n}\n\n.naj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--naj-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.naj-accordion-content p {\n margin: 0;\n}\n\n\/* === RECAP === *\/\n.naj-recap {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--naj-shadow);\n}\n\n.naj-recap-item {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n gap: 1rem;\n padding: .875rem 0;\n border-bottom: 1px solid var(--naj-border);\n}\n\n.naj-recap-item:last-child {\n border-bottom: none;\n padding-bottom: 0;\n}\n\n.naj-recap-item:first-child {\n padding-top: 0;\n}\n\n.naj-recap-label {\n font-weight: 700;\n color: var(--naj-primary-dark);\n font-size: 14px;\n flex-shrink: 0;\n}\n\n.naj-recap-value {\n color: var(--naj-text-light);\n font-size: 14px;\n text-align: right;\n line-height: 1.5;\n}\n\n\/* === CTA === *\/\n.naj-cta-box {\n background: linear-gradient(135deg, var(--naj-primary) 0%, var(--naj-primary-dark) 100%);\n border-radius: var(--naj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.naj-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.06'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n}\n\n.naj-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.naj-disclaimer {\n font-size: 12px;\n color: var(--naj-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .naj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .naj-card {\n padding: 1.125rem;\n }\n \n .naj-section {\n margin-bottom: 1.75rem;\n }\n \n .naj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--naj-radius-sm);\n }\n \n .naj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .naj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .naj-grid-compact {\n gap: .625rem;\n }\n \n .naj-grid-compact .naj-card {\n padding: .75rem;\n }\n \n .naj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 13px;\n }\n \n .naj-timeline-content {\n padding: .75rem .875rem;\n }\n \n .naj-timeline-content h3 {\n font-size: 13px;\n }\n \n .naj-timeline-content p {\n font-size: 12px;\n }\n \n .naj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .naj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .naj-usage-tabs {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .naj-usage-block {\n padding: 1.125rem;\n }\n \n .naj-usage-title {\n font-size: 16px;\n margin-bottom: 1rem;\n }\n \n .naj-recap-item {\n flex-direction: column;\n gap: .25rem;\n }\n \n .naj-recap-value {\n text-align: left;\n }\n \n .naj-hero-stats {\n gap: 1.25rem;\n }\n \n .naj-stat-number {\n font-size: 28px;\n }\n \n .naj-stat-label {\n font-size: 10px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .naj-card {\n animation: fadeInUp .5s ease backwards;\n }\n .naj-card:nth-child(1) { animation-delay: .05s; }\n .naj-card:nth-child(2) { animation-delay: .1s; }\n .naj-card:nth-child(3) { animation-delay: .15s; }\n .naj-card:nth-child(4) { animation-delay: .2s; }\n .naj-card:nth-child(5) { animation-delay: .25s; }\n .naj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .naj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54924739084665,"sku":"NJ0100","price":3.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-au-rhassoul-et-a-lhuile-dargan-100-g-najel-lifestyle.webp?v=1770109676"},{"product_id":"savon-dalep-au-miel-najel","title":"Savon d'Alep au miel - 100 g - Najel","description":"\u003cdiv class=\"naj-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"naj-hero\"\u003e\n\u003cdiv class=\"naj-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"naj-hero-content\"\u003e\n\u003cdiv class=\"naj-badges-top\"\u003e\n\u003cspan class=\"naj-badge\"\u003e🍯 Au miel naturel\u003c\/span\u003e \u003cspan class=\"naj-badge\"\u003e🌿 100% végétal\u003c\/span\u003e \u003cspan class=\"naj-badge\"\u003e🏺 Tradition millénaire\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"naj-hero-title\"\u003eSavon d'Alep au Miel\u003c\/span\u003e\n\u003cp class=\"naj-subtitle\"\u003eL'alliance ancestrale de l'huile d'olive, du laurier et du miel\u003c\/p\u003e\n\u003cp class=\"naj-description\"\u003eUn savon artisanal fabriqué selon la recette des maîtres savonniers syriens, enrichi au miel pour une peau douce et nourrie. 100 g de pure tradition.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce savon d'Alep au miel ?\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eLe savon d'Alep est considéré comme l'ancêtre de tous les savons. Najel perpétue cette tradition millénaire en y ajoutant une touche de gourmandise : le miel, véritable trésor de la ruche.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🏛️ Savoir-faire ancestral\u003c\/h3\u003e\n\u003cp\u003eRecette transmise depuis des générations par les maîtres savonniers syriens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🍯 Enrichi au miel\u003c\/h3\u003e\n\u003cp\u003ePropriétés apaisantes et nourrissantes reconnues depuis l'Antiquité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e💧 Respect de la peau\u003c\/h3\u003e\n\u003cp\u003ePréserve le film hydrolipidique contrairement aux savons industriels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e✨ Résultat visible\u003c\/h3\u003e\n\u003cp\u003ePeau propre, douce et confortable sans sensation de tiraillement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eLes bienfaits de chaque ingrédient\u003c\/h2\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card naj-card-ingredient\"\u003e\n\u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n\u003cp\u003eRiche en acides gras et en vitamine E, elle nourrit intensément la peau et préserve son élasticité. C'est l'ingrédient de base qui confère au savon ses propriétés hydratantes exceptionnelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card naj-card-ingredient\"\u003e\n\u003ch3\u003e🌿 Huile de baies de laurier\u003c\/h3\u003e\n\u003cp\u003ePurifiante et assainissante, elle aide à apaiser les peaux sujettes aux imperfections tout en respectant leur équilibre naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card naj-card-ingredient\"\u003e\n\u003ch3\u003e🍯 Miel\u003c\/h3\u003e\n\u003cp\u003eVéritable concentré de douceur, il calme les irritations, favorise la cicatrisation et laisse la peau veloutée. Son parfum délicat transforme chaque douche en moment de bien-être.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003ePour qui est fait ce savon ?\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eCe savon convient à tous les types de peau, y compris les plus sensibles et réactives. Il est particulièrement apprécié par :\u003c\/p\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🏜️ Peaux sèches\u003c\/h3\u003e\n\u003cp\u003eUn nettoyant doux et nourrissant qui ne dessèche pas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e❤️🩹 Peaux irritées\u003c\/h3\u003e\n\u003cp\u003eApaise les tiraillements et les inconforts cutanés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌱 Adeptes du naturel\u003c\/h3\u003e\n\u003cp\u003eZéro produit chimique dans votre salle de bain\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e👨👩👧👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eFormule douce adaptée aux enfants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eComment utiliser votre savon d'Alep au miel ?\u003c\/h2\u003e\n\u003cdiv class=\"naj-timeline\"\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cdiv class=\"naj-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eMouillez votre peau\u003c\/h3\u003e\n\u003cp\u003eHumidifiez abondamment le visage ou le corps à l'eau tiède\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cdiv class=\"naj-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eFaites mousser\u003c\/h3\u003e\n\u003cp\u003eFrottez le savon entre vos mains pour créer une mousse onctueuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cdiv class=\"naj-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n\u003cp\u003eAppliquez en massages circulaires sur le visage et\/ou le corps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cdiv class=\"naj-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n\u003cp\u003eRincez à l'eau claire et profitez d'une peau douce et nourrie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-tip\"\u003e\n\u003cspan class=\"naj-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003ePour les cheveux :\u003c\/strong\u003e vous pouvez aussi l'utiliser comme shampoing naturel ! Frottez directement sur cheveux mouillés et massez le cuir chevelu. Un temps d'adaptation peut être nécessaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-tip\"\u003e\n\u003cspan class=\"naj-tip-icon\"\u003e🧼\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eConservation :\u003c\/strong\u003e posez votre savon sur un porte-savon ajouré dans un endroit sec après chaque utilisation. Il durera ainsi beaucoup plus longtemps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eComposition complète\u003c\/h2\u003e\n\u003cdiv class=\"naj-composition-box\"\u003e\n\u003cp class=\"naj-inci\"\u003e\u003cstrong\u003eINCI :\u003c\/strong\u003e Sodium Olivate, Sodium Laurate, Aqua, Mel, Laurus Nobilis Fruit Oil, Glycerin, Sodium Hydroxide\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🚫 Sans colorant\u003c\/h3\u003e\n\u003cp\u003eAucun colorant artificiel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌸 Sans parfum\u003c\/h3\u003e\n\u003cp\u003eAucun parfum de synthèse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🧪 Sans conservateur\u003c\/h3\u003e\n\u003cp\u003eAucun conservateur chimique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌍 Biodégradable\u003c\/h3\u003e\n\u003cp\u003eRespectueux de l'environnement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eUn engagement écologique et éthique\u003c\/h2\u003e\n\u003cdiv class=\"naj-testimonial\"\u003e\n\u003cp class=\"naj-testimonial-text\"\u003eEn choisissant ce savon d'Alep, vous faites un geste pour la planète. Najel perpétue un savoir-faire artisanal respectueux de l'environnement : fabrication traditionnelle, ingrédients d'origine naturelle, emballage minimaliste. Ce savon solide de 100 g remplace plusieurs flacons de gel douche liquide, réduisant ainsi les déchets plastiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🏺 Fabrication traditionnelle\u003c\/h3\u003e\n\u003cp\u003eSavoir-faire artisanal transmis de génération en génération\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e📦 Emballage minimaliste\u003c\/h3\u003e\n\u003cp\u003eRéduction des déchets plastiques avec ce savon solide\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🤝 Soutien aux artisans\u003c\/h3\u003e\n\u003cp\u003ePréservation d'une tradition ancestrale syrienne\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"naj-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n\u003cdiv class=\"naj-accordion\"\u003e\n\u003cdetails class=\"naj-accordion-item\"\u003e\n\u003csummary class=\"naj-accordion-header\"\u003e🧴 Le savon d'Alep au miel convient-il aux peaux grasses ?\u003c\/summary\u003e\n\u003cdiv class=\"naj-accordion-content\"\u003e\n\u003cp\u003eAbsolument. L'huile de baies de laurier régule l'excès de sébum sans dessécher la peau, tandis que le miel apporte une hydratation équilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"naj-accordion-item\"\u003e\n\u003csummary class=\"naj-accordion-header\"\u003e👤 Peut-on l'utiliser sur le visage quotidiennement ?\u003c\/summary\u003e\n\u003cdiv class=\"naj-accordion-content\"\u003e\n\u003cp\u003eOui, sa formule douce permet une utilisation quotidienne, matin et soir, pour nettoyer votre visage en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"naj-accordion-item\"\u003e\n\u003csummary class=\"naj-accordion-header\"\u003e🎨 Pourquoi mon savon est-il vert à l'extérieur et brun à l'intérieur ?\u003c\/summary\u003e\n\u003cdiv class=\"naj-accordion-content\"\u003e\n\u003cp\u003eC'est tout à fait normal ! L'extérieur s'oxyde au contact de l'air et prend une teinte brune, tandis que l'intérieur conserve sa couleur verte originelle, signe d'un véritable savon d'Alep artisanal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-cta-box\"\u003e\n\u003cp\u003e🍯 Offrez à votre peau le rituel de douceur qu'elle mérite avec ce savon d'Alep artisanal enrichi au miel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"naj-disclaimer\"\u003eCe produit cosmétique naturel est destiné à un usage externe uniquement. Éviter le contact avec les yeux.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --naj-cream: #FAF8F5;\n --naj-white: #ffffff;\n --naj-primary: #8B7355;\n --naj-primary-dark: #6B5A45;\n --naj-primary-light: #F5EDE4;\n --naj-secondary: #D4A84B;\n --naj-accent: #7EA88F;\n --naj-text: #1a1a1a;\n --naj-text-light: #5a5a5a;\n --naj-border: #e8e4de;\n --naj-shadow: 0 4px 24px rgba(139, 115, 85, .08);\n --naj-shadow-lg: 0 12px 48px rgba(139, 115, 85, .15);\n --naj-radius: 20px;\n --naj-radius-sm: 12px;\n}\n\n.naj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--naj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.naj-hero {\n position: relative;\n background: linear-gradient(135deg, #8B7355 0%, #6B5A45 40%, #D4A84B 100%);\n border-radius: var(--naj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--naj-shadow-lg);\n}\n\n.naj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 0L60 17.32v34.64L30 60 0 51.96V17.32L30 0z' fill='%23ffffff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.naj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.naj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.naj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--naj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.naj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.naj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.naj-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.naj-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.naj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.naj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--naj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.naj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--naj-primary), var(--naj-secondary));\n border-radius: 2px;\n}\n\n.naj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--naj-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.naj-card {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--naj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.naj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--naj-shadow-lg);\n border-color: var(--naj-secondary);\n}\n\n.naj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--naj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.naj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--naj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.naj-card-ingredient {\n text-align: left;\n border-left: 4px solid var(--naj-secondary);\n}\n\n.naj-card-ingredient:hover {\n border-left-color: var(--naj-primary);\n}\n\n\/* === GRILLES === *\/\n.naj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.naj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.naj-grid-compact .naj-card {\n padding: 1rem;\n}\n\n.naj-grid-compact .naj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.naj-grid-compact .naj-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.naj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.naj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.naj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--naj-primary), var(--naj-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.naj-timeline-content {\n flex: 1;\n background: var(--naj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--naj-radius-sm);\n box-shadow: var(--naj-shadow);\n}\n\n.naj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--naj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.naj-timeline-content p {\n font-size: 14px;\n color: var(--naj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.naj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--naj-primary-light);\n border-radius: var(--naj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.naj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.naj-tip p {\n font-size: 14px;\n color: var(--naj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.naj-composition-box {\n background: var(--naj-white);\n border-radius: var(--naj-radius-sm);\n padding: 1.25rem;\n margin-bottom: 1.25rem;\n box-shadow: var(--naj-shadow);\n border-left: 4px solid var(--naj-accent);\n}\n\n.naj-inci {\n font-size: 14px;\n color: var(--naj-text);\n margin: 0;\n line-height: 1.7;\n font-family: monospace;\n}\n\n\/* === TESTIMONIAL === *\/\n.naj-testimonial {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--naj-shadow);\n border-left: 4px solid var(--naj-accent);\n margin-bottom: 1.5rem;\n}\n\n.naj-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--naj-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.naj-accordion {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n box-shadow: var(--naj-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.naj-accordion-item {\n border-bottom: 1px solid var(--naj-border);\n margin: 0;\n padding: 0;\n}\n\n.naj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.naj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--naj-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.naj-accordion-header:hover {\n background: var(--naj-primary-light);\n}\n\n.naj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.naj-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--naj-secondary);\n transition: transform .2s ease;\n}\n\n.naj-accordion-item[open] .naj-accordion-header::after {\n content: '−';\n}\n\n.naj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--naj-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.naj-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.naj-cta-box {\n background: linear-gradient(135deg, var(--naj-primary) 0%, var(--naj-primary-dark) 100%);\n border-radius: var(--naj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.naj-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.naj-disclaimer {\n font-size: 12px;\n color: var(--naj-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .naj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .naj-card {\n padding: 1.125rem;\n }\n \n .naj-card-ingredient {\n text-align: center;\n border-left: none;\n border-top: 4px solid var(--naj-secondary);\n }\n \n .naj-section {\n margin-bottom: 1.75rem;\n }\n \n .naj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--naj-radius-sm);\n }\n \n .naj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .naj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .naj-grid-compact {\n gap: .625rem;\n }\n \n .naj-grid-compact .naj-card {\n padding: .75rem;\n }\n \n .naj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .naj-timeline-content {\n padding: .875rem 1rem;\n }\n \n .naj-timeline-content h3 {\n font-size: 14px;\n }\n \n .naj-timeline-content p {\n font-size: 13px;\n }\n \n .naj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .naj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .naj-testimonial {\n padding: 1.25rem;\n }\n \n .naj-testimonial-text {\n font-size: 14px;\n }\n \n .naj-tip {\n padding: .875rem 1rem;\n }\n \n .naj-tip-icon {\n font-size: 20px;\n }\n \n .naj-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .naj-card {\n animation: fadeInUp .5s ease backwards;\n }\n .naj-card:nth-child(1) { animation-delay: .05s; }\n .naj-card:nth-child(2) { animation-delay: .1s; }\n .naj-card:nth-child(3) { animation-delay: .15s; }\n .naj-card:nth-child(4) { animation-delay: .2s; }\n .naj-card:nth-child(5) { animation-delay: .25s; }\n .naj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .naj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54924786172281,"sku":"NJ0110","price":3.6,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-au-miel-100-g-najel-lifestyle.webp?v=1769787735"},{"product_id":"savon-dalep-liquide-5-hbl-najel","title":"Savon d'Alep liquide 5% HBL - 500 ml - Najel","description":"\u003cdiv class=\"naj-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"naj-hero\"\u003e\n\u003cdiv class=\"naj-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"naj-hero-content\"\u003e\n\u003cdiv class=\"naj-badges-top\"\u003e\n\u003cspan class=\"naj-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"naj-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e \u003cspan class=\"naj-badge\"\u003e🍃 99% naturel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"naj-hero-title\"\u003eSavon d'Alep Liquide 5% Huile de Baies de Laurier\u003c\/span\u003e\n\u003cp class=\"naj-subtitle\"\u003eL'héritage millénaire d'Alep en format moderne\u003c\/p\u003e\n\u003cp class=\"naj-description\"\u003eDécouvrez la douceur ancestrale du véritable savon d'Alep, enrichi en huile de baies de laurier et huile d'olive bio, dans un flacon pompe pratique de 500 ml.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003ePourquoi choisir un savon d'Alep liquide ?\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eLe savon d'Alep est reconnu depuis des siècles pour ses vertus exceptionnelles sur la peau. Désormais disponible en version liquide pour répondre à vos besoins de praticité.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🧴 Format pratique\u003c\/h3\u003e\n\u003cp\u003eFlacon pompe 500 ml, fini le savon qui ramollit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e✋ Dosage précis\u003c\/h3\u003e\n\u003cp\u003eUne pression = la dose parfaite\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🧼 Hygiénique\u003c\/h3\u003e\n\u003cp\u003eIdéal pour le lavage des mains\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e👩👦 Familial\u003c\/h3\u003e\n\u003cp\u003eGel douche pour toute la famille\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eLes bienfaits de l'huile de baies de laurier à 5%\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eCe qui distingue un véritable savon d'Alep, c'est sa teneur en huile de baies de laurier. Avec 5%, ce savon convient parfaitement aux peaux normales à mixtes.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🧹 Action purifiante\u003c\/h3\u003e\n\u003cp\u003eL'huile de baies de laurier aide à nettoyer la peau en profondeur sans agresser l'épiderme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e☮️ Propriétés apaisantes\u003c\/h3\u003e\n\u003cp\u003eIdéale pour calmer les petites irritations et inconforts cutanés du quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e✨ Effet assainissant\u003c\/h3\u003e\n\u003cp\u003eContribue à maintenir une peau nette, équilibrée et fraîche toute la journée\u003cspan class=\"naj-tip-icon\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-tip\"\u003e\n\u003cp\u003e\u003cstrong\u003e💡 Le saviez-vous ?\u003c\/strong\u003e Le 5% est le choix idéal pour un usage quotidien en famille, y compris pour les enfants. Pour les peaux très sèches ou à problèmes, des concentrations plus élevées (15%, 20%, 40%) existent.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eL'huile d'olive : le cœur de la formule\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eBase traditionnelle du savon d'Alep, l'huile d'olive constitue l'ingrédient principal de cette formule ancestrale.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e💧 Hydratation naturelle\u003c\/h3\u003e\n\u003cp\u003ePréserve le film hydrolipidique de votre peau pour une hydratation durable et confortable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n\u003cp\u003eRiche en vitamine E, elle protège votre peau des agressions extérieures quotidiennes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🫧 Mousse délicate\u003c\/h3\u003e\n\u003cp\u003eTexture onctueuse qui mousse légèrement sans dessécher, signe d'une formule respectueuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"naj-composition-box\"\u003e\n\u003cp class=\"naj-inci\"\u003e\u003cstrong\u003eAqua, Potassium Olivate*, Glycerin, Potassium Laurate*, Potassium Hydroxide, Laurus Nobilis Fruit Oil*, Olea Europaea Fruit Oil*\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"naj-inci-note\"\u003e*Ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card naj-card-no\"\u003e\n\u003ch3\u003e🚫 Sans parfum\u003c\/h3\u003e\n\u003cp\u003eAucun parfum de synthèse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card naj-card-no\"\u003e\n\u003ch3\u003e🚫 Sans colorant\u003c\/h3\u003e\n\u003cp\u003eAucun colorant artificiel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card naj-card-no\"\u003e\n\u003ch3\u003e🚫 Sans conservateur\u003c\/h3\u003e\n\u003cp\u003eAucun conservateur chimique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card naj-card-no\"\u003e\n\u003ch3\u003e🚫 Sans tensioactif\u003c\/h3\u003e\n\u003cp\u003eAucun agent agressif\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eComment utiliser ce savon d'Alep liquide ?\u003c\/h2\u003e\n\u003cdiv class=\"naj-timeline\"\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cdiv class=\"naj-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003e🚿 Corps et visage\u003c\/h3\u003e\n\u003cp\u003eSous la douche, prélevez 1 à 2 pressions dans le creux de la main. Faites mousser sur peau humide en effectuant de légers massages circulaires, puis rincez abondamment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cdiv class=\"naj-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003e✋ Lavage des mains\u003c\/h3\u003e\n\u003cp\u003eUne seule pression suffit. Le format pompe est particulièrement pratique posé près du lavabo pour un lavage régulier et hygiénique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cdiv class=\"naj-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003e🪒 Astuce rasage\u003c\/h3\u003e\n\u003cp\u003eCe savon peut servir de base moussante pour le rasage grâce à sa texture onctueuse qui facilite le passage de la lame tout en apaisant la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003ePour qui est fait ce savon ?\u003c\/h2\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e👨👧 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eFormule douce pour adultes et enfants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eSans parfum ni additif irritant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e⚖️ Peaux normales à mixtes\u003c\/h3\u003e\n\u003cp\u003eDosage 5% parfaitement équilibré\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌱 Adeptes du naturel\u003c\/h3\u003e\n\u003cp\u003eZéro produit chimique superflu\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eLes engagements Najel\u003c\/h2\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🏆 Cosmos Organic\u003c\/h3\u003e\n\u003cp\u003eCertification garantissant une formule biologique strictement contrôlée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eProduction française dans le respect des normes européennes les plus exigeantes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🐰 Cruelty-free\u003c\/h3\u003e\n\u003cp\u003eAucun test sur les animaux, engagement éthique fort de la marque\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n\u003cp\u003eFlacon 100% recyclable pour une démarche respectueuse de l'environnement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"naj-section\"\u003e\n\u003cdiv class=\"naj-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à votre peau la douceur millénaire du savon d'Alep authentique, dans un format moderne et pratique pour toute la famille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"naj-disclaimer\"\u003eCe produit cosmétique est destiné à l'hygiène quotidienne. En cas d'irritation ou de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --naj-cream: #f8f6f3;\n --naj-white: #ffffff;\n --naj-primary: #4A9B8C;\n --naj-primary-dark: #2D5A4F;\n --naj-primary-light: #e8f4f1;\n --naj-secondary: #8B5A2B;\n --naj-accent: #D4A574;\n --naj-text: #1a1a1a;\n --naj-text-light: #5a5a5a;\n --naj-border: #e0e0e0;\n --naj-shadow: 0 4px 24px rgba(45,90,79,.08);\n --naj-shadow-lg: 0 12px 48px rgba(45,90,79,.15);\n --naj-radius: 20px;\n --naj-radius-sm: 12px;\n}\n\n.naj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--naj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.naj-hero {\n position: relative;\n background: linear-gradient(135deg, #4A9B8C 0%, #2D5A4F 50%, #1a3d35 100%);\n border-radius: var(--naj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--naj-shadow-lg);\n}\n\n.naj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 15 L30 25 L25 15 Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3Ccircle cx='10' cy='40' r='3' fill='%23ffffff' fill-opacity='0.02'\/%3E%3Ccircle cx='50' cy='45' r='4' fill='%23ffffff' fill-opacity='0.02'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.naj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.naj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.naj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--naj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.naj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.naj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.naj-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.naj-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n.naj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.naj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--naj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.naj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--naj-primary), var(--naj-secondary));\n border-radius: 2px;\n}\n\n.naj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--naj-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.naj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.naj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.naj-card {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--naj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.naj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--naj-shadow-lg);\n border-color: var(--naj-primary);\n}\n\n.naj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--naj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.naj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--naj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.naj-grid-compact .naj-card {\n padding: 1rem;\n}\n\n.naj-grid-compact .naj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.naj-grid-compact .naj-card p {\n font-size: 12px;\n}\n\n.naj-card-no {\n background: linear-gradient(135deg, #fef9f6 0%, var(--naj-white) 100%);\n border: 1px solid rgba(139,90,43,.1);\n}\n\n.naj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--naj-primary-light);\n border-radius: var(--naj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.naj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.naj-tip p {\n font-size: 14px;\n color: var(--naj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.naj-composition-box {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n padding: clamp(1.5rem, 4vw, 2rem);\n box-shadow: var(--naj-shadow);\n text-align: center;\n margin-bottom: 1.5rem;\n border-left: 4px solid var(--naj-primary);\n}\n\n.naj-inci {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--naj-text);\n line-height: 1.8;\n margin: 0 0 .75rem 0;\n word-break: break-word;\n}\n\n.naj-inci-note {\n font-size: 13px;\n color: var(--naj-primary);\n font-style: italic;\n margin: 0;\n}\n\n.naj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.naj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.naj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--naj-primary), var(--naj-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.naj-timeline-content {\n flex: 1;\n background: var(--naj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--naj-radius-sm);\n box-shadow: var(--naj-shadow);\n}\n\n.naj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--naj-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.naj-timeline-content p {\n font-size: 14px;\n color: var(--naj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.naj-accordion {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n box-shadow: var(--naj-shadow);\n overflow: hidden;\n}\n\n.naj-accordion-item {\n border-bottom: 1px solid var(--naj-border);\n margin: 0;\n padding: 0;\n}\n\n.naj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.naj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--naj-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.naj-accordion-header:hover {\n background: var(--naj-primary-light);\n}\n\n.naj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.naj-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--naj-primary);\n transition: transform .2s ease;\n}\n\n.naj-accordion-item[open] .naj-accordion-header::after {\n content: '−';\n}\n\n.naj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--naj-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.naj-accordion-content p {\n margin: 0;\n}\n\n.naj-cta-box {\n background: linear-gradient(135deg, var(--naj-primary) 0%, var(--naj-primary-dark) 100%);\n border-radius: var(--naj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.naj-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.naj-disclaimer {\n font-size: 12px;\n color: var(--naj-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .naj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .naj-card {\n padding: 1.125rem;\n }\n \n .naj-section {\n margin-bottom: 1.75rem;\n }\n \n .naj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--naj-radius-sm);\n }\n \n .naj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .naj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .naj-grid-compact {\n gap: .625rem;\n }\n \n .naj-grid-compact .naj-card {\n padding: .75rem;\n }\n \n .naj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .naj-timeline-content {\n padding: .875rem 1rem;\n }\n \n .naj-timeline-content h3 {\n font-size: 14px;\n }\n \n .naj-timeline-content p {\n font-size: 13px;\n }\n \n .naj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .naj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .naj-tip {\n flex-direction: column;\n gap: .5rem;\n text-align: center;\n }\n \n .naj-composition-box {\n padding: 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .naj-card {\n animation: fadeInUp .5s ease backwards;\n }\n .naj-card:nth-child(1) { animation-delay: .05s; }\n .naj-card:nth-child(2) { animation-delay: .1s; }\n .naj-card:nth-child(3) { animation-delay: .15s; }\n .naj-card:nth-child(4) { animation-delay: .2s; }\n .naj-card:nth-child(5) { animation-delay: .25s; }\n .naj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .naj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54924858950009,"sku":"NJ0115.X500","price":7.19,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-liquide-5-hbl-500-ml-najel-lifestyle.webp?v=1770111405"},{"product_id":"savon-dalep-liquide-20-hbl-najel","title":"Savon d'Alep liquide 20% HBL - 500 ml - Najel","description":"\u003cdiv class=\"naj-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"naj-hero\"\u003e\n\u003cdiv class=\"naj-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"naj-hero-content\"\u003e\n\u003cdiv class=\"naj-badges-top\"\u003e\n\u003cspan class=\"naj-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e \u003cspan class=\"naj-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e \u003cspan class=\"naj-badge\"\u003e🍃 20% Huile de Laurier\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"naj-hero-title\"\u003eSavon d'Alep Liquide 20% Huile de Baies de Laurier\u003c\/span\u003e\n\u003cp class=\"naj-subtitle\"\u003eL'héritage millénaire d'Alep dans un format moderne\u003c\/p\u003e\n\u003cp class=\"naj-description\"\u003eLa douceur de l'huile d'olive bio et les vertus purifiantes du laurier réunies dans un savon liquide authentique pour les peaux sèches et sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003ePourquoi choisir un savon d'Alep à 20% d'huile de laurier ?\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eLe pourcentage d'huile de baies de laurier est ce qui distingue véritablement un savon d'Alep d'un autre. À 20% d'HBL, ce savon offre un équilibre idéal entre douceur et efficacité purifiante.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e⚖️ Équilibre parfait\u003c\/h3\u003e\n\u003cp\u003eDosage optimal recommandé pour profiter des bienfaits sans assécher la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🛡️ Film protecteur\u003c\/h3\u003e\n\u003cp\u003eRespecte le film hydrolipidique de votre épiderme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e✨ Nettoyage doux\u003c\/h3\u003e\n\u003cp\u003ePeau nettoyée en profondeur mais jamais tiraillée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e💚 Sans agression\u003c\/h3\u003e\n\u003cp\u003eContrairement aux savons industriels souvent agressifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eLes bienfaits du savon d'Alep pour votre peau\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eCe savon d'Alep liquide concentre les vertus de deux huiles végétales exceptionnelles qui agissent en synergie.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card naj-card-featured\"\u003e\n\u003ch3\u003e🫒 Huile d'olive biologique\u003c\/h3\u003e\n\u003cp\u003eVéritable trésor de la Méditerranée, naturellement riche en vitamine E et en acides gras essentiels. Elle nourrit intensément, protège contre le dessèchement et redonne souplesse à la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card naj-card-featured\"\u003e\n\u003ch3\u003e🌿 Huile de baies de laurier 20%\u003c\/h3\u003e\n\u003cp\u003eCette huile précieuse est réputée depuis l'Antiquité pour ses propriétés purifiantes et apaisantes. Elle convient aux peaux sujettes aux imperfections, démangeaisons ou inconforts cutanés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-tip\"\u003e\n\u003cspan class=\"naj-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eSynergie naturelle :\u003c\/strong\u003e ensemble, ces deux huiles nettoient, nourrissent et apaisent en un seul geste.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eSavon d'Alep visage, corps et cheveux : un produit vraiment polyvalent\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eFini l'accumulation de flacons dans votre salle de bain ! Un seul produit pour toute la famille.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e😊 Pour le visage\u003c\/h3\u003e\n\u003cp\u003eNettoyage quotidien sans agresser les peaux sensibles ou réactives. Réduit les imperfections pour un teint plus net.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🚿 Pour le corps\u003c\/h3\u003e\n\u003cp\u003eUtilisé comme gel douche naturel, il laisse la peau propre, souple et confortable. Idéal après le sport.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e💇 Pour les cheveux\u003c\/h3\u003e\n\u003cp\u003eEn shampooing occasionnel, il aide à assainir les cuirs chevelus sensibles ou sujets aux pellicules.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🙌 Pour les mains\u003c\/h3\u003e\n\u003cp\u003eSon format pompe pratique en fait un savon parfait à poser près du lavabo pour toute la famille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eLe savon d'Alep est-il adapté aux peaux sensibles ?\u003c\/h2\u003e\n\u003cdiv class=\"naj-testimonial\"\u003e\n\u003cp class=\"naj-testimonial-text\"\u003eDe nombreux dermatologues reconnaissent les qualités du savon d'Alep pour les peaux à problèmes. Sa composition minimaliste, sans parfum de synthèse ni conservateur artificiel, réduit considérablement les risques d'irritation ou d'allergie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌸 Peau sensible\u003c\/h3\u003e\n\u003cp\u003eAlternative douce aux produits conventionnels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🩹 Eczéma\u003c\/h3\u003e\n\u003cp\u003ePeut soulager les peaux sujettes à l'eczéma\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🧴 Psoriasis\u003c\/h3\u003e\n\u003cp\u003eConvient aux peaux atopiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e✅ Réactivité\u003c\/h3\u003e\n\u003cp\u003eRéduit les risques d'irritation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"naj-disclaimer\"\u003eRappel important : ce savon est un produit d'hygiène et ne remplace en aucun cas un traitement médical prescrit par un professionnel de santé. Testez sur une petite zone avant utilisation étendue.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eUne formule certifiée bio et éco-responsable\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eNajel perpétue la tradition du savon d'Alep tout en s'engageant pour une cosmétique plus responsable.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🏆 Certifié COSMOS Organic\u003c\/h3\u003e\n\u003cp\u003eGage d'une formulation biologique contrôlée par un organisme indépendant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003ePour garantir qualité et traçabilité à chaque étape de production\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eSans colorant, sans parfum de synthèse, sans conservateur artificiel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌍 100% biodégradable\u003c\/h3\u003e\n\u003cp\u003eRespectueux des écosystèmes aquatiques et de l'environnement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🐰 Végan \u0026amp; cruelty-free\u003c\/h3\u003e\n\u003cp\u003eNon testé sur les animaux, respect du vivant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e♻️ Geste conscient\u003c\/h3\u003e\n\u003cp\u003eUn choix bon pour vous et pour la planète\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eComment utiliser le savon d'Alep liquide Najel ?\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eL'utilisation est simple et convient à toute la famille, au quotidien.\u003c\/p\u003e\n\u003cdiv class=\"naj-timeline\"\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eDosez\u003c\/h3\u003e\n\u003cp\u003eVersez une à deux pressions de savon dans le creux de votre main ou sur un gant de toilette.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eAppliquez\u003c\/h3\u003e\n\u003cp\u003eAppliquez sur peau ou cheveux mouillés et faites mousser délicatement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eRincez\u003c\/h3\u003e\n\u003cp\u003eRincez abondamment à l'eau claire. Pour le visage, évitez le contour des yeux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-tip\"\u003e\n\u003cspan class=\"naj-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour maximiser les bienfaits sur le visage, laissez la mousse agir quelques secondes avant de rincer. Votre peau profitera davantage des vertus purifiantes du laurier.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eFidèle à la tradition, ce savon d'Alep liquide contient uniquement \u003cstrong\u003equatre ingrédients\u003c\/strong\u003e. Une liste ultra-courte qui témoigne d'une formulation authentique, sans superflu.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🫒 Olea Europaea Fruit Oil*\u003c\/h3\u003e\n\u003cp\u003eHuile d'olive biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌿 Laurus Nobilis Fruit Oil\u003c\/h3\u003e\n\u003cp\u003eHuile de baies de laurier (20%)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e💧 Aqua\u003c\/h3\u003e\n\u003cp\u003eEau purifiée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🧪 Potassium Hydroxide\u003c\/h3\u003e\n\u003cp\u003eAgent saponifiant naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"naj-disclaimer\"\u003e*Ingrédient issu de l'agriculture biologique\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"naj-section\"\u003e\n\u003cdiv class=\"naj-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à votre peau le soin ancestral qu'elle mérite. Le savon d'Alep Najel : tradition millénaire, qualité certifiée bio, respect de votre peau et de la planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --naj-cream: #F7F5F0;\n --naj-white: #ffffff;\n --naj-primary: #4A7C6F;\n --naj-primary-dark: #2D5A4A;\n --naj-primary-light: #E8F0ED;\n --naj-secondary: #8B5A2B;\n --naj-accent: #C4956A;\n --naj-text: #1a1a1a;\n --naj-text-light: #5a5a5a;\n --naj-border: #e0e0e0;\n --naj-shadow: 0 4px 24px rgba(0,0,0,.08);\n --naj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --naj-radius: 20px;\n --naj-radius-sm: 12px;\n}\n\n.naj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--naj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.naj-hero {\n position: relative;\n background: linear-gradient(135deg, #4A7C6F 0%, #2D5A4A 50%, #1E3D30 100%);\n border-radius: var(--naj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--naj-shadow-lg);\n}\n\n.naj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.naj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.naj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.naj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--naj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.naj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.naj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.naj-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.naj-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.naj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.naj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--naj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.naj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--naj-primary), var(--naj-secondary));\n border-radius: 2px;\n}\n\n.naj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--naj-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.naj-card {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--naj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.naj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--naj-shadow-lg);\n border-color: var(--naj-primary);\n}\n\n.naj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--naj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.naj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--naj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.naj-card-featured {\n border-left: 4px solid var(--naj-primary);\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.naj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.naj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.naj-grid-compact .naj-card {\n padding: 1rem;\n}\n\n.naj-grid-compact .naj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.naj-grid-compact .naj-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.naj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.naj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.naj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--naj-primary), var(--naj-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.naj-timeline-content {\n flex: 1;\n background: var(--naj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--naj-radius-sm);\n box-shadow: var(--naj-shadow);\n}\n\n.naj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--naj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.naj-timeline-content p {\n font-size: 14px;\n color: var(--naj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.naj-testimonial {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--naj-shadow);\n border-left: 4px solid var(--naj-primary);\n margin-bottom: 1.5rem;\n}\n\n.naj-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--naj-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.naj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--naj-primary-light);\n border-radius: var(--naj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.naj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.naj-tip p {\n font-size: 14px;\n color: var(--naj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.naj-cta-box {\n background: linear-gradient(135deg, var(--naj-primary) 0%, var(--naj-primary-dark) 100%);\n border-radius: var(--naj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.naj-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.naj-disclaimer {\n font-size: 12px;\n color: var(--naj-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .naj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .naj-card {\n padding: 1.125rem;\n }\n \n .naj-card-featured {\n text-align: center;\n border-left: none;\n border-top: 4px solid var(--naj-primary);\n }\n \n .naj-section {\n margin-bottom: 1.75rem;\n }\n \n .naj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--naj-radius-sm);\n }\n \n .naj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .naj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .naj-grid-compact {\n gap: .625rem;\n }\n \n .naj-grid-compact .naj-card {\n padding: .75rem;\n }\n \n .naj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .naj-timeline-content {\n padding: .875rem 1rem;\n }\n \n .naj-timeline-content h3 {\n font-size: 14px;\n }\n \n .naj-timeline-content p {\n font-size: 13px;\n }\n \n .naj-testimonial {\n padding: 1.25rem;\n }\n \n .naj-testimonial-text {\n font-size: 14px;\n }\n \n .naj-tip {\n padding: .875rem 1rem;\n }\n \n .naj-tip-icon {\n font-size: 20px;\n }\n \n .naj-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .naj-card {\n animation: fadeInUp .5s ease backwards;\n }\n .naj-card:nth-child(1) { animation-delay: .05s; }\n .naj-card:nth-child(2) { animation-delay: .1s; }\n .naj-card:nth-child(3) { animation-delay: .15s; }\n .naj-card:nth-child(4) { animation-delay: .2s; }\n .naj-card:nth-child(5) { animation-delay: .25s; }\n .naj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .naj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54924867174777,"sku":"NJ0120","price":9.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-liquide-20-hbl-500-ml-najel-lifestyle.webp?v=1770113107"},{"product_id":"savon-dalep-liquide-40-hbl-najel","title":"Savon d'Alep liquide 40% HBL - 500 ml - Najel","description":"\u003cdiv class=\"naj-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"naj-hero\"\u003e\n\u003cdiv class=\"naj-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"naj-hero-content\"\u003e\n\u003cdiv class=\"naj-badges-top\"\u003e\n\u003cspan class=\"naj-badge\"\u003e🌿 40% huile de laurier\u003c\/span\u003e \u003cspan class=\"naj-badge\"\u003e🏆 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"naj-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"naj-hero-title\"\u003eSavon d'Alep Liquide 40%\u003c\/span\u003e\n\u003cp class=\"naj-subtitle\"\u003eL'excellence du savon d'Alep pour les peaux sensibles\u003c\/p\u003e\n\u003cp class=\"naj-description\"\u003eDécouvrez la concentration la plus élevée en huile de baies de laurier pour un nettoyage doux, apaisant et respectueux des peaux les plus exigeantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003ePourquoi choisir un savon d'Alep à 40% d'huile de laurier ?\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eTous les savons d'Alep ne se valent pas. Plus le pourcentage d'huile de baies de laurier est élevé, plus le savon possède des propriétés apaisantes et purifiantes marquées.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌹 Peau réactive\u003c\/h3\u003e\n\u003cp\u003eApaise les peaux qui tiraillent ou rougissent facilement au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e💧 Sécheresse cutanée\u003c\/h3\u003e\n\u003cp\u003eCombat la sécheresse persistante malgré l'hydratation habituelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e⚖️ Déséquilibres cutanés\u003c\/h3\u003e\n\u003cp\u003eNettoyage doux mais efficace pour rééquilibrer votre épiderme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🚫 Sensibilité aux savons\u003c\/h3\u003e\n\u003cp\u003eAlternative parfaite aux savons classiques ou parfumés irritants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eLes vertus de l'huile de baies de laurier et de l'huile d'olive\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eLa synergie de deux huiles végétales précieuses, utilisées depuis des millénaires dans le bassin méditerranéen.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card naj-card-featured\"\u003e\n\u003ch3\u003e🌿 Huile de baies de laurier (40%)\u003c\/h3\u003e\n\u003cp\u003eExtraite des fruits du laurier noble, cette huile est réputée pour ses propriétés \u003cstrong\u003epurifiantes et apaisantes\u003c\/strong\u003e. Elle aide à calmer les peaux irritées et contribue à maintenir un épiderme sain. Sa forte concentration en fait un soin particulièrement adapté aux peaux à problèmes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card naj-card-featured\"\u003e\n\u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n\u003cp\u003ePilier de la cosmétique naturelle, l'huile d'olive est riche en \u003cstrong\u003eacides gras et en antioxydants\u003c\/strong\u003e. Elle nourrit la peau en profondeur, renforce la barrière cutanée et prévient le dessèchement. Ce savon maintient le \u003cstrong\u003efilm hydrolipidique naturel\u003c\/strong\u003e de votre épiderme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eUn savon d'Alep liquide bio certifié Cosmos Organic\u003c\/h2\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌱 Origine naturelle\u003c\/h3\u003e\n\u003cp\u003eIngrédients issus de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🚫 Sans controverses\u003c\/h3\u003e\n\u003cp\u003ePas de parabènes, silicones ou sulfates agressifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌍 Éco-responsable\u003c\/h3\u003e\n\u003cp\u003eProcessus de fabrication respectueux de l'environnement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e♻️ Recyclable\u003c\/h3\u003e\n\u003cp\u003eEmballage pensé pour limiter l'impact écologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-tip\"\u003e\n\u003cspan class=\"naj-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eCe produit Najel correspond exactement aux standards de qualité que vous trouverez en pharmacie ou en magasin bio type Biocoop.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eComment utiliser ce savon d'Alep liquide au quotidien ?\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eLa texture liquide de ce savon le rend extrêmement pratique et polyvalent.\u003c\/p\u003e\n\u003cdiv class=\"naj-timeline\"\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003ePour le visage\u003c\/h3\u003e\n\u003cp\u003eVersez une petite quantité dans le creux de votre main, faites mousser avec un peu d'eau tiède, puis massez délicatement en évitant le contour des yeux. Rincez abondamment. Idéal matin et soir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003ePour le corps\u003c\/h3\u003e\n\u003cp\u003eSous la douche, appliquez sur peau humide à l'aide de vos mains ou d'un gant. Massez en mouvements circulaires puis rincez. Profitez d'une peau propre sans tiraillement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003ePour les mains\u003c\/h3\u003e\n\u003cp\u003eGrâce à son format pompe de 500 ml, ce savon trouve parfaitement sa place près de votre lavabo. Il nettoie efficacement tout en préservant vos mains des agressions du lavage répété.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce savon d'Alep 40% ?\u003c\/h2\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003ePour ceux qui ne supportent pas les savons classiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌿 Adeptes du bio\u003c\/h3\u003e\n\u003cp\u003ePour qui recherche un produit naturel et certifié\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e✨ Minimalistes\u003c\/h3\u003e\n\u003cp\u003ePour simplifier la routine avec un produit polyvalent visage-corps-mains\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e📋 Puristes\u003c\/h3\u003e\n\u003cp\u003ePour ceux attachés aux formules courtes avec peu d'ingrédients\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"naj-composition-box\"\u003e\n\u003cp class=\"naj-composition-text\"\u003e\u003cstrong\u003eAqua (Water), Olea Europaea (Olive) Fruit Oil*, Laurus Nobilis Fruit Oil* (40%), Potassium Hydroxide.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"naj-composition-note\"\u003e*Ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-highlight-box\"\u003e\n\u003cspan class=\"naj-highlight-number\"\u003e4\u003c\/span\u003e\n\u003cp class=\"naj-highlight-text\"\u003eSeulement \u003cstrong\u003e4 ingrédients\u003c\/strong\u003e pour un savon efficace et respectueux de votre peau. La potasse (Potassium Hydroxide) est l'agent saponifiant entièrement consommé lors du processus de fabrication.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"naj-accordion\"\u003e\n\u003cdetails class=\"naj-accordion-item\"\u003e\n\u003csummary class=\"naj-accordion-header\"\u003e👁️ Contact avec les yeux\u003c\/summary\u003e\n\u003cdiv class=\"naj-accordion-content\"\u003e\n\u003cp\u003eÉvitez le contact avec les yeux. En cas de projection, rincez abondamment à l'eau claire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"naj-accordion-item\"\u003e\n\u003csummary class=\"naj-accordion-header\"\u003e🧴 Usage externe\u003c\/summary\u003e\n\u003cdiv class=\"naj-accordion-content\"\u003e\n\u003cp\u003eUsage externe uniquement. Ne pas ingérer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"naj-accordion-item\"\u003e\n\u003csummary class=\"naj-accordion-header\"\u003e🏠 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"naj-accordion-content\"\u003e\n\u003cp\u003eConservez à l'abri de la chaleur et de l'humidité excessive pour préserver les qualités du produit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"naj-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eLa marque Najel : gardienne du savon d'Alep authentique\u003c\/h2\u003e\n\u003cdiv class=\"naj-cta-box\"\u003e\n\u003cp\u003eNajel perpétue depuis plus de \u003cstrong\u003e100 ans\u003c\/strong\u003e le savoir-faire ancestral des maîtres savonniers d'Alep. La marque s'engage à proposer des produits authentiques, fabriqués selon des méthodes traditionnelles et certifiés par des labels exigeants.\u003c\/p\u003e\n\u003cp style=\"margin-top: 1rem;\"\u003eEn choisissant ce savon, vous optez pour un produit qui respecte à la fois \u003cstrong\u003evotre peau et l'environnement\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"naj-disclaimer\"\u003eLes informations données sont tirées de la littérature scientifique et constituent de l'information, pas des allégations médicales. Consultez un professionnel de santé en cas de doute.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --naj-cream: #F8F6F1;\n --naj-white: #ffffff;\n --naj-primary: #4A7C59;\n --naj-primary-dark: #2D4A3E;\n --naj-primary-light: #E8F0EA;\n --naj-secondary: #3D2B1F;\n --naj-accent: #C9A227;\n --naj-text: #1a1a1a;\n --naj-text-light: #5a5a5a;\n --naj-border: #e0e0e0;\n --naj-shadow: 0 4px 24px rgba(0,0,0,.08);\n --naj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --naj-radius: 20px;\n --naj-radius-sm: 12px;\n}\n\n.naj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--naj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.naj-hero {\n position: relative;\n background: linear-gradient(135deg, var(--naj-primary) 0%, var(--naj-primary-dark) 50%, var(--naj-secondary) 100%);\n border-radius: var(--naj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--naj-shadow-lg);\n}\n\n.naj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2.5 5-7.5 10-15 12.5 7.5 2.5 12.5 7.5 15 15 2.5-7.5 7.5-12.5 15-15-7.5-2.5-12.5-7.5-15-12.5z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.naj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.naj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.naj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--naj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.naj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.naj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.naj-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.naj-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.naj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.naj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--naj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.naj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--naj-primary), var(--naj-accent));\n border-radius: 2px;\n}\n\n.naj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--naj-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.naj-card {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--naj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.naj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--naj-shadow-lg);\n border-color: var(--naj-primary);\n}\n\n.naj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--naj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.naj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--naj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.naj-card-featured {\n text-align: left;\n border-left: 4px solid var(--naj-primary);\n}\n\n.naj-card-featured p {\n line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.naj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.naj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.naj-grid-compact .naj-card {\n padding: 1rem;\n}\n\n.naj-grid-compact .naj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.naj-grid-compact .naj-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.naj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.naj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.naj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--naj-primary), var(--naj-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.naj-timeline-content {\n flex: 1;\n background: var(--naj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--naj-radius-sm);\n box-shadow: var(--naj-shadow);\n}\n\n.naj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--naj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.naj-timeline-content p {\n font-size: 14px;\n color: var(--naj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.naj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--naj-primary-light);\n border-radius: var(--naj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.naj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.naj-tip p {\n font-size: 14px;\n color: var(--naj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.naj-composition-box {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n padding: clamp(1.5rem, 4vw, 2rem);\n box-shadow: var(--naj-shadow);\n text-align: center;\n margin-bottom: 1.25rem;\n}\n\n.naj-composition-text {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--naj-text);\n line-height: 1.7;\n margin: 0 0 .75rem 0;\n}\n\n.naj-composition-note {\n font-size: 13px;\n color: var(--naj-primary);\n font-style: italic;\n margin: 0;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.naj-highlight-box {\n display: flex;\n align-items: center;\n gap: 1.25rem;\n background: linear-gradient(135deg, var(--naj-primary-light) 0%, rgba(201,162,39,.1) 100%);\n border-radius: var(--naj-radius);\n padding: 1.25rem 1.5rem;\n border: 2px solid var(--naj-primary);\n}\n\n.naj-highlight-number {\n flex-shrink: 0;\n width: 60px;\n height: 60px;\n background: linear-gradient(135deg, var(--naj-primary), var(--naj-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 900;\n font-size: 28px;\n}\n\n.naj-highlight-text {\n font-size: 14px;\n color: var(--naj-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.naj-accordion {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n box-shadow: var(--naj-shadow);\n overflow: hidden;\n}\n\n.naj-accordion-item {\n border-bottom: 1px solid var(--naj-border);\n margin: 0;\n padding: 0;\n}\n\n.naj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.naj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--naj-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.naj-accordion-header:hover {\n background: var(--naj-primary-light);\n}\n\n.naj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.naj-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--naj-primary);\n transition: transform .2s ease;\n}\n\n.naj-accordion-item[open] .naj-accordion-header::after {\n content: '−';\n}\n\n.naj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--naj-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.naj-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.naj-cta-box {\n background: linear-gradient(135deg, var(--naj-primary) 0%, var(--naj-primary-dark) 100%);\n border-radius: var(--naj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.naj-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.naj-disclaimer {\n font-size: 12px;\n color: var(--naj-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .naj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .naj-card {\n padding: 1.125rem;\n }\n \n .naj-section {\n margin-bottom: 1.75rem;\n }\n \n .naj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--naj-radius-sm);\n }\n \n .naj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .naj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .naj-grid-compact {\n gap: .625rem;\n }\n \n .naj-grid-compact .naj-card {\n padding: .75rem;\n }\n \n .naj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .naj-timeline-content {\n padding: .875rem 1rem;\n }\n \n .naj-timeline-content h3 {\n font-size: 14px;\n }\n \n .naj-timeline-content p {\n font-size: 13px;\n }\n \n .naj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .naj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .naj-highlight-box {\n flex-direction: column;\n text-align: center;\n gap: 1rem;\n padding: 1rem;\n }\n \n .naj-highlight-number {\n width: 50px;\n height: 50px;\n font-size: 24px;\n }\n \n .naj-card-featured {\n text-align: center;\n border-left: none;\n border-top: 4px solid var(--naj-primary);\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .naj-card {\n animation: fadeInUp .5s ease backwards;\n }\n .naj-card:nth-child(1) { animation-delay: .05s; }\n .naj-card:nth-child(2) { animation-delay: .1s; }\n .naj-card:nth-child(3) { animation-delay: .15s; }\n .naj-card:nth-child(4) { animation-delay: .2s; }\n .naj-card:nth-child(5) { animation-delay: .25s; }\n .naj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .naj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54924900925817,"sku":"NJ0125","price":13.55,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-liquide-40-hbl-500-ml-najel-lifestyle.webp?v=1770113715"},{"product_id":"savon-noir-dalep-eucalyptus-najel","title":"Savon noir d'Alep - Eucalyptus - 180 g - Najel","description":"\u003cdiv class=\"sna-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"sna-hero\"\u003e\n\u003cdiv class=\"sna-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sna-hero-content\"\u003e\n\u003cdiv class=\"sna-badges-top\"\u003e\n\u003cspan class=\"sna-badge\"\u003e🌿 COSMOS Natural\u003c\/span\u003e \u003cspan class=\"sna-badge\"\u003e🧴 +99% naturel\u003c\/span\u003e \u003cspan class=\"sna-badge\"\u003e🐰 Végan\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sna-hero-title\"\u003eSavon Noir d'Alep Eucalyptus\u003c\/span\u003e\n\u003cp class=\"sna-subtitle\"\u003eLe rituel hammam à domicile\u003c\/p\u003e\n\u003cp class=\"sna-description\"\u003eExfoliant naturel d'exception alliant la tradition ancestrale d'Alep aux vertus purifiantes de l'eucalyptus. 180 g de pure authenticité pour une peau douce, lisse et éclatante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"sna-section\"\u003e\n\u003ch2\u003eLe savon noir d'Alep à l'eucalyptus : l'alliance parfaite entre tradition et fraîcheur\u003c\/h2\u003e\n\u003cp class=\"sna-section-intro\"\u003eVous recherchez un soin corporel authentique, efficace et respectueux de votre peau ? Le savon noir d'Alep à l'eucalyptus Najel réunit le meilleur de la cosmétique orientale traditionnelle et les vertus vivifiantes de l'eucalyptus.\u003c\/p\u003e\n\u003cdiv class=\"sna-grid-compact\"\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🏺 Tradition ancestrale\u003c\/h3\u003e\n\u003cp\u003eRecette millénaire des maîtres savonniers d'Alep\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🌿 99% naturel\u003c\/h3\u003e\n\u003cp\u003eCertifié COSMOS Natural par organisme indépendant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🍃 Eucalyptus bio\u003c\/h3\u003e\n\u003cp\u003eFraîcheur tonifiante et sensation vivifiante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🧖♀️ Rituel hammam\u003c\/h3\u003e\n\u003cp\u003eTransformez chaque douche en expérience spa\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"sna-section\"\u003e\n\u003ch2\u003eQuelle est la différence entre savon noir et savon d'Alep ?\u003c\/h2\u003e\n\u003cp class=\"sna-section-intro\"\u003eDeux héritages cosmétiques réunis en un seul produit d'exception :\u003c\/p\u003e\n\u003cdiv class=\"sna-grid\"\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🧼 Savon d'Alep classique\u003c\/h3\u003e\n\u003cp\u003ePain solide fabriqué à partir d'huile d'olive et d'huile de baie de laurier, séché pendant plusieurs mois selon la tradition syrienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e⬛ Savon noir traditionnel\u003c\/h3\u003e\n\u003cp\u003eTexture pâteuse ou liquide, généralement à base d'huile d'olive, utilisé principalement pour l'exfoliation corporelle au hammam.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e✨ Savon noir d'Alep\u003c\/h3\u003e\n\u003cp\u003eLe meilleur des deux mondes : la recette ancestrale d'Alep avec la texture onctueuse du savon noir, idéale pour le gommage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-tip\"\u003e\n\u003cspan class=\"sna-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eCe produit Najel vous offre les bienfaits du savon noir d'Alep traditionnellement utilisé dans les hammams, enrichi d'huile essentielle d'eucalyptus pour une expérience sensorielle unique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"sna-section\"\u003e\n\u003ch2\u003eLes bienfaits du savon noir d'Alep à l'eucalyptus pour votre peau\u003c\/h2\u003e\n\u003cp class=\"sna-section-intro\"\u003eBien plus qu'un simple nettoyant, ce savon d'Alep noir offre de nombreux bienfaits à votre peau :\u003c\/p\u003e\n\u003cdiv class=\"sna-grid\"\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🪶 Exfoliation naturelle en douceur\u003c\/h3\u003e\n\u003cp\u003eSa texture pâteuse élimine efficacement les cellules mortes et impuretés incrustées, sans agresser l'épiderme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🔬 Action purifiante\u003c\/h3\u003e\n\u003cp\u003eExcellent contre les points noirs, il désincruste les pores et affine le grain de peau au fil des utilisations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n\u003cp\u003eL'huile d'olive, riche en vitamine E et antioxydants, nourrit en profondeur et préserve le film hydrolipidique naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e❄️ Fraîcheur tonifiante\u003c\/h3\u003e\n\u003cp\u003eL'huile essentielle d'eucalyptus procure une sensation de fraîcheur immédiate, idéale après l'effort ou par temps chaud.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🧘 Effet relaxant\u003c\/h3\u003e\n\u003cp\u003eLes notes aromatiques de l'eucalyptus détendent les muscles et libèrent les tensions accumulées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🌸 Tous types de peau\u003c\/h3\u003e\n\u003cp\u003eConvient aux peaux sensibles grâce à sa formulation sans colorant synthétique ni conservateur artificiel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"sna-section\"\u003e\n\u003ch2\u003eComment utiliser le savon noir d'Alep pour un gommage parfait ?\u003c\/h2\u003e\n\u003cp class=\"sna-section-intro\"\u003eSuivez ce rituel inspiré des hammams traditionnels pour profiter pleinement des bienfaits :\u003c\/p\u003e\n\u003cdiv class=\"sna-timeline\"\u003e\n\u003cdiv class=\"sna-timeline-item\"\u003e\n\u003cspan class=\"sna-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"sna-timeline-content\"\u003e\n\u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n\u003cp\u003ePrenez une douche ou un bain chaud pendant 5 à 10 minutes afin d'ouvrir les pores et d'assouplir la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-timeline-item\"\u003e\n\u003cspan class=\"sna-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"sna-timeline-content\"\u003e\n\u003ch3\u003eAppliquez le savon noir\u003c\/h3\u003e\n\u003cp\u003ePrélevez une noisette de produit et étalez-le sur l'ensemble du corps sur peau humide (évitez le contour des yeux).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-timeline-item\"\u003e\n\u003cspan class=\"sna-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"sna-timeline-content\"\u003e\n\u003ch3\u003eLaissez poser\u003c\/h3\u003e\n\u003cp\u003ePatientez 3 à 5 minutes pour permettre aux actifs de pénétrer et de décoller les cellules mortes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-timeline-item\"\u003e\n\u003cspan class=\"sna-timeline-number\"\u003e4\u003c\/span\u003e\n\u003cdiv class=\"sna-timeline-content\"\u003e\n\u003ch3\u003eGommez délicatement\u003c\/h3\u003e\n\u003cp\u003eÀ l'aide d'un gant kessa ou gant de crin, frottez par mouvements circulaires. Les petits rouleaux grisâtres sont les peaux mortes éliminées !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-timeline-item\"\u003e\n\u003cspan class=\"sna-timeline-number\"\u003e5\u003c\/span\u003e\n\u003cdiv class=\"sna-timeline-content\"\u003e\n\u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n\u003cp\u003eÀ l'eau tiède, puis terminez par un jet d'eau fraîche pour resserrer les pores.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-tip\"\u003e\n\u003cspan class=\"sna-tip-icon\"\u003e📅\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eFréquence recommandée :\u003c\/strong\u003e une à deux fois par semaine pour une peau lisse, douce et éclatante. Après le gommage, votre peau sera parfaitement préparée pour recevoir une huile ou un lait hydratant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"sna-section\"\u003e\n\u003ch2\u003eComposition complète du savon noir d'Alep eucalyptus Najel\u003c\/h2\u003e\n\u003cp class=\"sna-section-intro\"\u003eUne formulation simple et naturelle, dans le respect de la tradition ancestrale :\u003c\/p\u003e\n\u003cdiv class=\"sna-grid\"\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n\u003cp\u003eBase traditionnelle du savon d'Alep, elle nettoie sans dessécher et apporte souplesse à la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🌿 Huile essentielle d'eucalyptus bio\u003c\/h3\u003e\n\u003cp\u003ePurifiante et rafraîchissante, elle confère au produit son parfum vivifiant caractéristique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🚫 Sans substances controversées\u003c\/h3\u003e\n\u003cp\u003eSans parfum de synthèse, sans colorant artificiel, sans conservateur chimique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-accordion\"\u003e\n\u003cdetails class=\"sna-accordion-item\"\u003e\n\u003csummary class=\"sna-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n\u003cdiv class=\"sna-accordion-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eINCI :\u003c\/strong\u003e Olea Europaea Fruit Oil (huile d'olive)*, Potassium Hydroxide, Aqua, Eucalyptus Globulus Leaf Oil (huile essentielle d'eucalyptus)*, Limonene**, Linalool**.\u003c\/p\u003e\n\u003cp\u003e*Ingrédients issus de l'agriculture biologique\u003cbr\u003e**Naturellement présents dans les huiles essentielles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"sna-section\"\u003e\n\u003ch2\u003ePourquoi choisir le savon noir d'Alep Najel ?\u003c\/h2\u003e\n\u003cp class=\"sna-section-intro\"\u003eNajel perpétue depuis des décennies le savoir-faire des maîtres savonniers d'Alep.\u003c\/p\u003e\n\u003cdiv class=\"sna-grid-compact\"\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e✅ COSMOS Natural\u003c\/h3\u003e\n\u003cp\u003eFormulation naturelle contrôlée par organisme indépendant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🏺 Fabrication traditionnelle\u003c\/h3\u003e\n\u003cp\u003eMéthodes ancestrales transmises de génération en génération\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🐰 Engagement éthique\u003c\/h3\u003e\n\u003cp\u003eFormule végane, non testée sur les animaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e💰 Format économique\u003c\/h3\u003e\n\u003cp\u003ePot de 180 g pour plusieurs mois d'utilisation hebdomadaire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"sna-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce savon noir d'Alep ?\u003c\/h2\u003e\n\u003cp class=\"sna-section-intro\"\u003eCe nettoyant corps à l'eucalyptus convient particulièrement si vous :\u003c\/p\u003e\n\u003cdiv class=\"sna-grid\"\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🌱 Adepte du naturel\u003c\/h3\u003e\n\u003cp\u003eVous souhaitez réaliser un gommage naturel sans microbilles plastiques ni agents abrasifs agressifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🔍 Pores dilatés\u003c\/h3\u003e\n\u003cp\u003eVous recherchez une solution efficace contre les points noirs et les pores dilatés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🏛️ Amateur de rituels orientaux\u003c\/h3\u003e\n\u003cp\u003eVous appréciez les cosmétiques d'inspiration orientale et les rituels de hammam à domicile.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🧴 Préférence clean\u003c\/h3\u003e\n\u003cp\u003eVous préférez les produits naturels, sans substances controversées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sna-card\"\u003e\n\u003ch3\u003e🌸 Peau sensible\u003c\/h3\u003e\n\u003cp\u003eVous avez la peau sensible et cherchez un exfoliant doux mais efficace.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"sna-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"sna-accordion\"\u003e\n\u003cdetails class=\"sna-accordion-item\"\u003e\n\u003csummary class=\"sna-accordion-header\"\u003e⚠️ Précautions liées à l'eucalyptus\u003c\/summary\u003e\n\u003cdiv class=\"sna-accordion-content\"\u003e\n\u003cp\u003eCe produit contient de l'huile essentielle d'eucalyptus. Par précaution :\u003c\/p\u003e\n\u003cp\u003e• Évitez le contact avec les yeux et les muqueuses.\u003cbr\u003e• Déconseillé aux femmes enceintes ou allaitantes et aux enfants de moins de 6 ans sans avis médical.\u003cbr\u003e• En cas d'allergie connue à l'un des composants, réalisez un test dans le pli du coude 24 heures avant la première utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sna-accordion-item\"\u003e\n\u003csummary class=\"sna-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"sna-accordion-content\"\u003e\n\u003cp\u003eConservez le pot bien fermé, à l'abri de la chaleur et de l'humidité pour préserver toutes les qualités du produit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"sna-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. Il ne remplace en aucun cas un traitement médical ou dermatologique.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --sna-cream: #F7F5F0;\n --sna-white: #ffffff;\n --sna-primary: #2D8B7A;\n --sna-primary-dark: #1E6B5C;\n --sna-primary-light: #E8F4F1;\n --sna-secondary: #3D2B1F;\n --sna-accent: #C4A55A;\n\n \/* Textes *\/\n --sna-text: #1a1a1a;\n --sna-text-light: #5a5a5a;\n\n \/* Effets *\/\n --sna-border: #e0e0e0;\n --sna-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sna-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sna-radius: 20px;\n --sna-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.sna-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sna-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sna-hero {\n position: relative;\n background: linear-gradient(135deg, var(--sna-primary) 0%, var(--sna-primary-dark) 50%, var(--sna-secondary) 100%);\n border-radius: var(--sna-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sna-shadow-lg);\n}\n\n.sna-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.sna-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.sna-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sna-subtitle {\n color: var(--sna-accent);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-transform: uppercase;\n letter-spacing: .1em;\n}\n\n.sna-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.sna-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sna-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sna-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sna-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sna-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sna-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sna-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sna-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sna-primary), var(--sna-accent));\n border-radius: 2px;\n}\n\n.sna-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sna-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.sna-card {\n background: var(--sna-white);\n border-radius: var(--sna-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sna-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sna-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sna-shadow-lg);\n border-color: var(--sna-primary);\n}\n\n.sna-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sna-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sna-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sna-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sna-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.sna-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sna-grid-compact .sna-card {\n padding: 1rem;\n}\n\n.sna-grid-compact .sna-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sna-grid-compact .sna-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sna-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sna-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sna-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sna-primary), var(--sna-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(45,139,122,.3);\n}\n\n.sna-timeline-content {\n flex: 1;\n background: var(--sna-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sna-radius-sm);\n box-shadow: var(--sna-shadow);\n}\n\n.sna-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sna-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sna-timeline-content p {\n font-size: 14px;\n color: var(--sna-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.sna-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sna-primary-light);\n border-radius: var(--sna-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--sna-primary);\n}\n\n.sna-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sna-tip p {\n font-size: 14px;\n color: var(--sna-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.sna-accordion {\n background: var(--sna-white);\n border-radius: var(--sna-radius);\n box-shadow: var(--sna-shadow);\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.sna-accordion-item {\n border-bottom: 1px solid var(--sna-border);\n margin: 0;\n padding: 0;\n}\n\n.sna-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sna-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sna-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.sna-accordion-header:hover {\n background: var(--sna-primary-light);\n}\n\n.sna-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sna-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sna-primary);\n transition: transform .2s ease;\n}\n\n.sna-accordion-item[open] .sna-accordion-header::after {\n content: '−';\n}\n\n.sna-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sna-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.sna-accordion-content p {\n margin: 0 0 .75rem 0;\n}\n\n.sna-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sna-disclaimer {\n font-size: 12px;\n color: var(--sna-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n padding: 0 1rem;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sna-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .sna-card {\n padding: 1.125rem;\n }\n \n .sna-section {\n margin-bottom: 1.75rem;\n }\n \n .sna-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sna-radius-sm);\n }\n \n .sna-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .sna-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .sna-grid-compact {\n gap: .625rem;\n }\n \n .sna-grid-compact .sna-card {\n padding: .75rem;\n }\n \n .sna-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .sna-timeline-content {\n padding: .875rem 1rem;\n }\n \n .sna-timeline-content h3 {\n font-size: 14px;\n }\n \n .sna-timeline-content p {\n font-size: 13px;\n }\n \n .sna-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .sna-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .sna-tip {\n padding: .875rem 1rem;\n }\n \n .sna-tip-icon {\n font-size: 20px;\n }\n \n .sna-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sna-card {\n animation: fadeInUp .5s ease backwards;\n }\n .sna-card:nth-child(1) { animation-delay: .05s; }\n .sna-card:nth-child(2) { animation-delay: .1s; }\n .sna-card:nth-child(3) { animation-delay: .15s; }\n .sna-card:nth-child(4) { animation-delay: .2s; }\n .sna-card:nth-child(5) { animation-delay: .25s; }\n .sna-card:nth-child(6) { animation-delay: .3s; }\n \n .sna-timeline-item {\n animation: fadeInUp .5s ease backwards;\n }\n .sna-timeline-item:nth-child(1) { animation-delay: .1s; }\n .sna-timeline-item:nth-child(2) { animation-delay: .15s; }\n .sna-timeline-item:nth-child(3) { animation-delay: .2s; }\n .sna-timeline-item:nth-child(4) { animation-delay: .25s; }\n .sna-timeline-item:nth-child(5) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sna-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54925051789689,"sku":"NJ0145","price":6.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-noir-dalep-eucalyptus-180-g-najel-lifestyle.webp?v=1770193843"},{"product_id":"savon-noir-a-lhuile-dargan-bio-najel","title":"Savon Noir à l'Huile d'Argan Bio - 180 g - Najel","description":"\u003cdiv class=\"sn-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"sn-hero\"\u003e\n\u003cdiv class=\"sn-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sn-hero-content\"\u003e\n\u003cdiv class=\"sn-badges-top\"\u003e\n\u003cspan class=\"sn-badge\"\u003e🌿 Huile d'argan bio\u003c\/span\u003e \u003cspan class=\"sn-badge\"\u003e🏺 Rituel hammam\u003c\/span\u003e \u003cspan class=\"sn-badge\"\u003e✨ Cosmos Natural\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sn-hero-title\"\u003eSavon Noir à l'Huile d'Argan Bio\u003c\/span\u003e\n\u003cp class=\"sn-subtitle\"\u003eNajel - Héritage d'Alep\u003c\/p\u003e\n\u003cp class=\"sn-description\"\u003eUn soin traditionnel du hammam pour exfolier en douceur, purifier la peau en profondeur et révéler son éclat naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"sn-section\"\u003e\n\u003ch2\u003eLes bienfaits exceptionnels de l'huile d'argan biologique\u003c\/h2\u003e\n\u003cp class=\"sn-section-intro\"\u003eRiche en huile d'argan biologique, ce savon noir offre à votre peau tous les trésors de cet or liquide marocain.\u003c\/p\u003e\n\u003cdiv class=\"sn-grid\"\u003e\n\u003cdiv class=\"sn-card\"\u003e\n\u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n\u003cp\u003eL'huile d'argan, riche en acides gras essentiels, pénètre la peau pour une hydratation en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sn-card\"\u003e\n\u003ch3\u003e🌟 Antioxydant puissant\u003c\/h3\u003e\n\u003cp\u003eLa vitamine E protège la peau des agressions extérieures et prévient le vieillissement cutané.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sn-card\"\u003e\n\u003ch3\u003e🔄 Régénération cellulaire\u003c\/h3\u003e\n\u003cp\u003eFavorise le renouvellement des cellules pour préserver l'élasticité et la fermeté de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"sn-section\"\u003e\n\u003ch2\u003eUn rituel de beauté inspiré du hammam\u003c\/h2\u003e\n\u003cdiv class=\"sn-testimonial\"\u003e\n\u003cp class=\"sn-testimonial-text\"\u003e\"Traditionnellement utilisé dans les soins du corps orientaux, le savon noir prépare la peau à l'exfoliation. Il suffit d'appliquer une fine couche sur la peau humide, de laisser agir quelques minutes, puis de frotter délicatement avec un gant de kessa pour éliminer les cellules mortes et les impuretés. Résultat : une peau lisse, douce et lumineuse.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sn-tip\"\u003e\n\u003cspan class=\"sn-tip-icon\"\u003e🧤\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Associez ce savon noir à un gant de kessa pour une exfoliation traditionnelle et des résultats dignes d'un vrai hammam.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"sn-section\"\u003e\n\u003ch2\u003eLes atouts du Savon Noir Najel\u003c\/h2\u003e\n\u003cdiv class=\"sn-grid-compact\"\u003e\n\u003cdiv class=\"sn-card\"\u003e\n\u003ch3\u003e🌱 Argan bio\u003c\/h3\u003e\n\u003cp\u003eNourrissant et antioxydant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sn-card\"\u003e\n\u003ch3\u003e🧼 Nettoyage profond\u003c\/h3\u003e\n\u003cp\u003ePurifie et détoxifie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sn-card\"\u003e\n\u003ch3\u003e✨ Exfoliation douce\u003c\/h3\u003e\n\u003cp\u003eÉlimine cellules mortes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sn-card\"\u003e\n\u003ch3\u003e💆 Tous types de peau\u003c\/h3\u003e\n\u003cp\u003eMême les plus sensibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sn-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eNi colorants ni conservateurs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sn-card\"\u003e\n\u003ch3\u003e🏺 100% naturel\u003c\/h3\u003e\n\u003cp\u003eRecette traditionnelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"sn-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"sn-timeline\"\u003e\n\u003cdiv class=\"sn-timeline-item\"\u003e\n\u003cspan class=\"sn-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"sn-timeline-content\"\u003e\n\u003ch3\u003eAppliquez\u003c\/h3\u003e\n\u003cp\u003eÉtalez le savon noir sur peau humide lors de votre douche ou bain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sn-timeline-item\"\u003e\n\u003cspan class=\"sn-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"sn-timeline-content\"\u003e\n\u003ch3\u003eLaissez poser\u003c\/h3\u003e\n\u003cp\u003ePatientez 5 à 10 minutes pour laisser agir les actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sn-timeline-item\"\u003e\n\u003cspan class=\"sn-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"sn-timeline-content\"\u003e\n\u003ch3\u003eExfoliez\u003c\/h3\u003e\n\u003cp\u003eFrottez délicatement avec un gant de gommage (kessa).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sn-timeline-item\"\u003e\n\u003cspan class=\"sn-timeline-number\"\u003e4\u003c\/span\u003e\n\u003cdiv class=\"sn-timeline-content\"\u003e\n\u003ch3\u003eRincez\u003c\/h3\u003e\n\u003cp\u003eRincez abondamment à l'eau tiède. Utilisez 1 à 2 fois par semaine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"sn-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"sn-accordion\"\u003e\n\u003cdetails open=\"\" class=\"sn-accordion-item\"\u003e\n\u003csummary class=\"sn-accordion-header\"\u003e📜 Liste INCI\u003c\/summary\u003e\n\u003cdiv class=\"sn-accordion-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eAqua, Potassium Olivate, Glycerin, Potassium Hydroxide, Argania Spinosa Kernel Oil*, Olea Europaea (Olive) Fruit Oil, Sodium Benzoate, Potassium Sorbate.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp style=\"margin-top: .75rem; font-style: italic;\"\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sn-accordion-item\"\u003e\n\u003csummary class=\"sn-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"sn-accordion-content\"\u003e\n\u003cp\u003eConservez le pot bien fermé, à l'abri de la chaleur et de l'humidité. Refermer soigneusement après chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sn-accordion-item\"\u003e\n\u003csummary class=\"sn-accordion-header\"\u003e⚠️ Précautions\u003c\/summary\u003e\n\u003cdiv class=\"sn-accordion-content\"\u003e\n\u003cp\u003eUsage externe uniquement. Éviter le contact avec les yeux. En cas de contact, rincer abondamment à l'eau claire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sn-cta-box\"\u003e\n\u003cp\u003e🏺 Offrez à votre peau le luxe d'un rituel hammam ancestral\u003cbr\u003eavec la puissance nourrissante de l'huile d'argan bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"sn-disclaimer\"\u003eProduit certifié Cosmos Natural. Contenance : 180 g.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --sn-cream: #F7F5F0;\n --sn-white: #ffffff;\n --sn-primary: #4A9B7F;\n --sn-primary-dark: #3A7D66;\n --sn-primary-light: #E8F4EF;\n --sn-secondary: #2D2D2D;\n --sn-accent: #8B7355;\n --sn-text: #1a1a1a;\n --sn-text-light: #5a5a5a;\n --sn-border: #e0e0e0;\n --sn-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sn-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sn-radius: 20px;\n --sn-radius-sm: 12px;\n}\n\n.sn-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sn-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.sn-hero {\n position: relative;\n background: linear-gradient(135deg, var(--sn-primary) 0%, var(--sn-primary-dark) 50%, var(--sn-secondary) 100%);\n border-radius: var(--sn-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sn-shadow-lg);\n}\n\n.sn-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5C15 5 5 15 5 30s10 25 25 25 25-10 25-25S45 5 30 5zm0 45c-11 0-20-9-20-20s9-20 20-20 20 9 20 20-9 20-20 20z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.sn-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sn-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sn-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sn-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sn-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sn-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sn-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.sn-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.sn-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sn-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sn-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sn-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sn-primary), var(--sn-accent));\n border-radius: 2px;\n}\n\n.sn-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sn-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.sn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sn-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sn-card {\n background: var(--sn-white);\n border-radius: var(--sn-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sn-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sn-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sn-shadow-lg);\n border-color: var(--sn-primary);\n}\n\n.sn-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sn-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sn-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sn-grid-compact .sn-card {\n padding: 1rem;\n}\n\n.sn-grid-compact .sn-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sn-grid-compact .sn-card p {\n font-size: 12px;\n}\n\n.sn-testimonial {\n background: var(--sn-white);\n border-radius: var(--sn-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sn-shadow);\n border-left: 4px solid var(--sn-primary);\n}\n\n.sn-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sn-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.sn-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sn-primary-light);\n border-radius: var(--sn-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sn-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sn-tip p {\n font-size: 14px;\n color: var(--sn-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.sn-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sn-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sn-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sn-primary), var(--sn-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.sn-timeline-content {\n flex: 1;\n background: var(--sn-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sn-radius-sm);\n box-shadow: var(--sn-shadow);\n}\n\n.sn-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sn-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sn-timeline-content p {\n font-size: 14px;\n color: var(--sn-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.sn-accordion {\n background: var(--sn-white);\n border-radius: var(--sn-radius);\n box-shadow: var(--sn-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.sn-accordion-item {\n border-bottom: 1px solid var(--sn-border);\n margin: 0;\n padding: 0;\n}\n\n.sn-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sn-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sn-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.sn-accordion-header:hover {\n background: var(--sn-primary-light);\n}\n\n.sn-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sn-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sn-primary);\n transition: transform .2s ease;\n}\n\n.sn-accordion-item[open] .sn-accordion-header::after {\n content: '−';\n}\n\n.sn-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sn-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.sn-accordion-content p {\n margin: 0;\n}\n\n.sn-cta-box {\n background: linear-gradient(135deg, var(--sn-primary) 0%, var(--sn-primary-dark) 100%);\n border-radius: var(--sn-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sn-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.sn-disclaimer {\n font-size: 12px;\n color: var(--sn-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .sn-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .sn-card {\n padding: 1.125rem;\n }\n \n .sn-section {\n margin-bottom: 1.75rem;\n }\n \n .sn-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sn-radius-sm);\n }\n \n .sn-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .sn-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .sn-grid-compact {\n gap: .625rem;\n }\n \n .sn-grid-compact .sn-card {\n padding: .75rem;\n }\n \n .sn-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .sn-timeline-content {\n padding: .875rem 1rem;\n }\n \n .sn-timeline-content h3 {\n font-size: 14px;\n }\n \n .sn-timeline-content p {\n font-size: 13px;\n }\n \n .sn-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .sn-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .sn-testimonial {\n padding: 1.25rem;\n }\n \n .sn-testimonial-text {\n font-size: 14px;\n }\n \n .sn-tip {\n padding: .875rem 1rem;\n }\n \n .sn-tip-icon {\n font-size: 20px;\n }\n \n .sn-tip p {\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .sn-card {\n animation: fadeInUp .5s ease backwards;\n }\n .sn-card:nth-child(1) { animation-delay: .05s; }\n .sn-card:nth-child(2) { animation-delay: .1s; }\n .sn-card:nth-child(3) { animation-delay: .15s; }\n .sn-card:nth-child(4) { animation-delay: .2s; }\n .sn-card:nth-child(5) { animation-delay: .25s; }\n .sn-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .sn-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54925070532985,"sku":"NJ0150","price":6.12,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-noir-a-lhuile-dargan-bio-180-g-najel-ingredients.webp?v=1768813828"},{"product_id":"monoi-de-tahiti-125-ml-najel","title":"Monoï de Tahiti® Sublimant – 125 ml – Najel","description":"\u003cdiv class=\"mnoi-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"mnoi-hero\"\u003e\n\u003cdiv class=\"mnoi-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mnoi-hero-content\"\u003e\n\u003cdiv class=\"mnoi-badges-top\"\u003e\n\u003cspan class=\"mnoi-badge\"\u003e🌺 Appellation d'origine\u003c\/span\u003e \u003cspan class=\"mnoi-badge\"\u003e🌿 Cosmos Natural\u003c\/span\u003e \u003cspan class=\"mnoi-badge\"\u003e✨ 125 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"mnoi-hero-title\"\u003eMonoï de Tahiti® Najel\u003c\/span\u003e\n\u003cp class=\"mnoi-subtitle\"\u003eL'huile sacrée polynésienne pour une peau satinée et des cheveux sublimés\u003c\/p\u003e\n\u003cp class=\"mnoi-description\"\u003eUn rituel de beauté ancestral qui associe huile de coco raffinée et fleurs de tiaré fraîches pour nourrir, protéger et parfumer délicatement votre corps et votre chevelure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"mnoi-section\"\u003e\n\u003ch2\u003eQu'est-ce que le véritable Monoï de Tahiti® ?\u003c\/h2\u003e\n\u003cdiv class=\"mnoi-intro-box\"\u003e\n\u003cp\u003eLe monoï de Tahiti n'est pas une huile comme les autres. Son nom signifie littéralement \u003cstrong\u003e« huile sacrée »\u003c\/strong\u003e en tahitien, et sa fabrication répond à un cahier des charges très strict pour mériter l'appellation d'origine contrôlée.\u003c\/p\u003e\n\u003cp\u003eSeul le monoï élaboré en \u003cstrong\u003ePolynésie française\u003c\/strong\u003e, à partir de fleurs de tiaré (\u003cem\u003eGardenia tahitensis\u003c\/em\u003e) macérées dans de l'huile de coprah raffinée, peut porter cette appellation prestigieuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-highlight-card\"\u003e\n\u003cdiv class=\"mnoi-highlight-content\"\u003e\n\u003cstrong\u003e🏆 Najel perpétue ce savoir-faire ancestral\u003c\/strong\u003e en vous proposant un véritable Monoï de Tahiti®, certifié Cosmos Natural, qui respecte à la fois la tradition polynésienne et les exigences actuelles en matière de cosmétique naturelle.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"mnoi-section\"\u003e\n\u003ch2\u003eLes bienfaits de l'huile de monoï pour la peau\u003c\/h2\u003e\n\u003cp class=\"mnoi-section-intro\"\u003eVotre peau mérite une attention particulière. Le monoï agit comme un baume nourrissant qui enveloppe l'épiderme d'un voile protecteur et réconfortant.\u003c\/p\u003e\n\u003cdiv class=\"mnoi-grid\"\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n\u003cp\u003eLes acides gras de l'huile de coco pénètrent en profondeur pour restaurer le film hydrolipidique naturel de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e✨ Effet satinant\u003c\/h3\u003e\n\u003cp\u003eLa peau retrouve instantanément douceur et éclat, avec un toucher velours incomparable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e☀️ Soin après-soleil idéal\u003c\/h3\u003e\n\u003cp\u003eApaise les sensations de tiraillement et aide la peau à récupérer après une exposition au soleil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e🌺 Parfum envoûtant\u003c\/h3\u003e\n\u003cp\u003eLe doux arôme des fleurs de tiaré vous transporte sous les tropiques à chaque application.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"mnoi-section\"\u003e\n\u003ch2\u003eHuile de monoï pour les cheveux : un soin réparateur d'exception\u003c\/h2\u003e\n\u003cp class=\"mnoi-section-intro\"\u003eCheveux secs, abîmés par les colorations, le soleil ou le sel marin ? Le monoï pénètre rapidement et laisse les cheveux souples, brillants et parfumés.\u003c\/p\u003e\n\u003cdiv class=\"mnoi-grid\"\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e🛁 Bain d'huile réparateur\u003c\/h3\u003e\n\u003cp\u003eAppliquez généreusement sur les longueurs et pointes, laissez poser au moins 30 minutes ou toute la nuit, puis lavez.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e💫 Soin express des pointes\u003c\/h3\u003e\n\u003cp\u003eQuelques gouttes sur cheveux secs ou humides suffisent à discipliner les frisottis et nourrir les pointes fourchues.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e🛡️ Protection naturelle\u003c\/h3\u003e\n\u003cp\u003eForme un léger film protecteur qui préserve la fibre capillaire du sèche-cheveux, de la pollution et du chlore.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-tip\"\u003e\n\u003cspan class=\"mnoi-tip-icon\"\u003e💬\u003c\/span\u003e\n\u003cp\u003eLes avis sont unanimes : après quelques utilisations, les cheveux retrouvent leur vitalité et leur brillance naturelle, même les plus fragilisés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"mnoi-section\"\u003e\n\u003ch2\u003eComment utiliser votre Monoï de Tahiti® Najel ?\u003c\/h2\u003e\n\u003cp class=\"mnoi-section-intro\"\u003eLa polyvalence de ce soin est l'un de ses grands atouts. Intégrez-le facilement à votre routine beauté :\u003c\/p\u003e\n\u003cdiv class=\"mnoi-usage-grid\"\u003e\n\u003cdiv class=\"mnoi-usage-block\"\u003e\n\u003ch3 class=\"mnoi-usage-title\"\u003e🧴 Sur le corps\u003c\/h3\u003e\n\u003cdiv class=\"mnoi-timeline\"\u003e\n\u003cdiv class=\"mnoi-timeline-item\"\u003e\n\u003cdiv class=\"mnoi-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"mnoi-timeline-content\"\u003e\n\u003ch3\u003eAprès la douche\u003c\/h3\u003e\n\u003cp\u003eAppliquez sur peau légèrement humide pour une absorption optimale et un effet hydratant décuplé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-timeline-item\"\u003e\n\u003cdiv class=\"mnoi-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"mnoi-timeline-content\"\u003e\n\u003ch3\u003eEn massage\u003c\/h3\u003e\n\u003cp\u003eUtilisez comme huile de massage pour un moment de détente absolue : la texture fondante glisse parfaitement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-timeline-item\"\u003e\n\u003cdiv class=\"mnoi-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"mnoi-timeline-content\"\u003e\n\u003ch3\u003eAprès-soleil\u003c\/h3\u003e\n\u003cp\u003eEn été, appliquez après l'exposition pour apaiser et sublimer votre bronzage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-usage-block\"\u003e\n\u003ch3 class=\"mnoi-usage-title\"\u003e💇 Sur les cheveux\u003c\/h3\u003e\n\u003cdiv class=\"mnoi-timeline\"\u003e\n\u003cdiv class=\"mnoi-timeline-item\"\u003e\n\u003cdiv class=\"mnoi-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"mnoi-timeline-content\"\u003e\n\u003ch3\u003eMasque avant-shampooing\u003c\/h3\u003e\n\u003cp\u003eRépartissez sur la chevelure, enveloppez d'une serviette chaude et laissez agir 20 min à plusieurs heures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-timeline-item\"\u003e\n\u003cdiv class=\"mnoi-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"mnoi-timeline-content\"\u003e\n\u003ch3\u003eSoin quotidien\u003c\/h3\u003e\n\u003cp\u003e2 à 3 gouttes réchauffées entre les paumes suffisent pour lisser les pointes et apporter de la brillance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-tip\"\u003e\n\u003cspan class=\"mnoi-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e en dessous de 25°C, le monoï se solidifie naturellement (c'est le signe d'un produit authentique !). Passez simplement le flacon sous l'eau chaude quelques instants pour le liquéfier.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"mnoi-section\"\u003e\n\u003ch2\u003eComposition complète – Liste INCI\u003c\/h2\u003e\n\u003cdiv class=\"mnoi-inci-box\"\u003e\n\u003cp class=\"mnoi-inci-list\"\u003e\u003cstrong\u003eCocos Nucifera Oil, Gardenia Tahitensis Flower, Parfum, Tocopherol.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-grid\"\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e🥥 Cocos Nucifera Oil\u003c\/h3\u003e\n\u003cp\u003eHuile de coco raffinée, base traditionnelle du monoï, riche en acide laurique aux propriétés nourrissantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e🌺 Gardenia Tahitensis Flower\u003c\/h3\u003e\n\u003cp\u003eFleurs de tiaré fraîches macérées, qui confèrent au monoï son parfum caractéristique et ses propriétés adoucissantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e🌸 Parfum\u003c\/h3\u003e\n\u003cp\u003eFragrance naturelle fleur de tiaré pour sublimer l'expérience sensorielle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e🛡️ Tocopherol\u003c\/h3\u003e\n\u003cp\u003eVitamine E naturelle, antioxydant qui protège l'huile et contribue à préserver la jeunesse de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-certif-badges\"\u003e\n\u003cspan class=\"mnoi-certif-badge\"\u003eSans parabènes\u003c\/span\u003e \u003cspan class=\"mnoi-certif-badge\"\u003eSans colorants artificiels\u003c\/span\u003e \u003cspan class=\"mnoi-certif-badge\"\u003eSans huiles minérales\u003c\/span\u003e \u003cspan class=\"mnoi-certif-badge\"\u003eCosmos Natural\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"mnoi-section\"\u003e\n\u003ch2\u003ePourquoi choisir le Monoï de Tahiti® Najel plutôt qu'un autre ?\u003c\/h2\u003e\n\u003cp class=\"mnoi-section-intro\"\u003eFace à la multitude de produits au monoï disponibles, voici ce qui distingue ce soin Najel :\u003c\/p\u003e\n\u003cdiv class=\"mnoi-grid-compact\"\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e🏅 Appellation d'origine\u003c\/h3\u003e\n\u003cp\u003eUn véritable Monoï de Tahiti® fabriqué selon les standards polynésiens authentiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e🌿 Cosmos Natural\u003c\/h3\u003e\n\u003cp\u003eGage d'un produit formulé dans le respect de l'environnement et de votre santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e🏛️ Savoir-faire Najel\u003c\/h3\u003e\n\u003cp\u003eDepuis 1895, l'art des soins naturels traditionnels, du savon d'Alep aux huiles précieuses.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e✈️ Format 125 ml\u003c\/h3\u003e\n\u003cp\u003eIdéal pour glisser dans votre trousse de toilette ou emporter en voyage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"mnoi-section\"\u003e\n\u003ch2\u003eQuestions fréquentes sur le Monoï de Tahiti\u003c\/h2\u003e\n\u003cdiv class=\"mnoi-accordion\"\u003e\n\u003cdetails class=\"mnoi-accordion-item\"\u003e\n\u003csummary class=\"mnoi-accordion-header\"\u003eLe monoï peut-il remplacer ma crème hydratante ?\u003c\/summary\u003e\n\u003cdiv class=\"mnoi-accordion-content\"\u003e\n\u003cp\u003eLe monoï est une huile nourrissante qui convient particulièrement aux peaux sèches à très sèches. Pour les peaux mixtes à grasses, il est préférable de l'utiliser ponctuellement ou uniquement sur les zones qui en ont besoin (coudes, talons, jambes).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mnoi-accordion-item\"\u003e\n\u003csummary class=\"mnoi-accordion-header\"\u003ePuis-je utiliser le monoï sur le visage ?\u003c\/summary\u003e\n\u003cdiv class=\"mnoi-accordion-content\"\u003e\n\u003cp\u003eL'huile de coco présente dans le monoï peut être comédogène pour certaines peaux. Si vous avez la peau sensible ou sujette aux imperfections, faites un test sur une petite zone avant de l'appliquer sur l'ensemble du visage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mnoi-accordion-item\"\u003e\n\u003csummary class=\"mnoi-accordion-header\"\u003ePourquoi mon monoï est-il devenu solide ?\u003c\/summary\u003e\n\u003cdiv class=\"mnoi-accordion-content\"\u003e\n\u003cp\u003eC'est tout à fait normal ! L'huile de coco se solidifie en dessous de 25°C environ. Cela témoigne de la pureté du produit. Réchauffez simplement le flacon entre vos mains ou sous l'eau tiède pour retrouver sa texture liquide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mnoi-accordion-item\"\u003e\n\u003csummary class=\"mnoi-accordion-header\"\u003eLe monoï protège-t-il du soleil ?\u003c\/summary\u003e\n\u003cdiv class=\"mnoi-accordion-content\"\u003e\n\u003cp\u003eNon, le monoï ne contient pas de filtres solaires et ne protège pas des rayons UV. Utilisez toujours une protection solaire adaptée avant l'exposition, et réservez le monoï pour les soins après-soleil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"mnoi-section\"\u003e\n\u003ch2\u003eCaractéristiques du produit\u003c\/h2\u003e\n\u003cdiv class=\"mnoi-specs-grid\"\u003e\n\u003cdiv class=\"mnoi-spec-item\"\u003e\n\u003cspan class=\"mnoi-spec-label\"\u003eContenance\u003c\/span\u003e \u003cspan class=\"mnoi-spec-value\"\u003e125 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-spec-item\"\u003e\n\u003cspan class=\"mnoi-spec-label\"\u003eMarque\u003c\/span\u003e \u003cspan class=\"mnoi-spec-value\"\u003eNajel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-spec-item\"\u003e\n\u003cspan class=\"mnoi-spec-label\"\u003eType de produit\u003c\/span\u003e \u003cspan class=\"mnoi-spec-value\"\u003eHuile végétale \/ Soin corps et cheveux\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-spec-item\"\u003e\n\u003cspan class=\"mnoi-spec-label\"\u003eCertification\u003c\/span\u003e \u003cspan class=\"mnoi-spec-value\"\u003eCosmos Natural\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-spec-item\"\u003e\n\u003cspan class=\"mnoi-spec-label\"\u003eParfum\u003c\/span\u003e \u003cspan class=\"mnoi-spec-value\"\u003eFleur de tiaré\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-spec-item\"\u003e\n\u003cspan class=\"mnoi-spec-label\"\u003eOrigine\u003c\/span\u003e \u003cspan class=\"mnoi-spec-value\"\u003eMonoï de Tahiti® (appellation d'origine)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"mnoi-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"mnoi-cta-box\"\u003e\n\u003cp\u003e🌺 Offrez à votre peau et à vos cheveux le meilleur de la nature polynésienne. Un soin ancestral, une efficacité prouvée, un parfum qui invite au voyage : le compagnon idéal d'une beauté naturelle et lumineuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"mnoi-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas d'allergie connue à l'un des composants, ne pas utiliser.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --mnoi-cream: #FFF8F5;\n --mnoi-white: #ffffff;\n --mnoi-primary: #E85D3B;\n --mnoi-primary-dark: #C94A2B;\n --mnoi-primary-light: #FFF0EC;\n --mnoi-secondary: #2ABFB3;\n --mnoi-secondary-light: #E8F9F7;\n --mnoi-accent: #F5A623;\n --mnoi-text: #1a1a1a;\n --mnoi-text-light: #5a5a5a;\n --mnoi-border: #f0e6e3;\n --mnoi-shadow: 0 4px 24px rgba(232,93,59,.08);\n --mnoi-shadow-lg: 0 12px 48px rgba(232,93,59,.15);\n --mnoi-radius: 20px;\n --mnoi-radius-sm: 12px;\n}\n\n.mnoi-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mnoi-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mnoi-hero {\n position: relative;\n background: linear-gradient(135deg, #E85D3B 0%, #F5A623 50%, #2ABFB3 100%);\n border-radius: var(--mnoi-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--mnoi-shadow-lg);\n}\n\n.mnoi-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c2.5 5 7.5 8 12.5 8s10-3 12.5-8c-2.5 5-2.5 12 0 17-5-2.5-10-2.5-12.5 0s-5 7.5-12.5 7.5-10-5-12.5-7.5-7.5-2.5-12.5 0c2.5-5 2.5-12 0-17 2.5 5 7.5 8 12.5 8s10-3 12.5-8z' fill='%23ffffff' fill-opacity='.08'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.mnoi-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mnoi-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mnoi-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mnoi-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mnoi-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mnoi-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.mnoi-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.mnoi-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.mnoi-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mnoi-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mnoi-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.mnoi-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mnoi-primary), var(--mnoi-secondary));\n border-radius: 2px;\n}\n\n.mnoi-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mnoi-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === INTRO BOX === *\/\n.mnoi-intro-box {\n background: var(--mnoi-white);\n border-radius: var(--mnoi-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mnoi-shadow);\n margin-bottom: 1.5rem;\n text-align: center;\n}\n\n.mnoi-intro-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mnoi-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.mnoi-intro-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === HIGHLIGHT CARD === *\/\n.mnoi-highlight-card {\n display: flex;\n gap: 1rem;\n align-items: center;\n background: linear-gradient(135deg, var(--mnoi-primary-light) 0%, var(--mnoi-secondary-light) 100%);\n border-radius: var(--mnoi-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n border-left: 4px solid var(--mnoi-primary);\n}\n\n.mnoi-highlight-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.mnoi-highlight-content {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--mnoi-text);\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.mnoi-card {\n background: var(--mnoi-white);\n border-radius: var(--mnoi-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mnoi-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mnoi-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mnoi-shadow-lg);\n border-color: var(--mnoi-primary);\n}\n\n.mnoi-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mnoi-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mnoi-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mnoi-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRIDS === *\/\n.mnoi-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mnoi-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mnoi-grid-compact .mnoi-card {\n padding: 1rem;\n}\n\n.mnoi-grid-compact .mnoi-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mnoi-grid-compact .mnoi-card p {\n font-size: 12px;\n}\n\n\/* === USAGE GRID === *\/\n.mnoi-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.mnoi-usage-block {\n background: var(--mnoi-white);\n border-radius: var(--mnoi-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mnoi-shadow);\n}\n\n.mnoi-usage-title {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 800;\n color: var(--mnoi-primary-dark);\n margin: 0 0 1.25rem 0;\n text-align: center;\n padding-bottom: .75rem;\n border-bottom: 2px solid var(--mnoi-primary-light);\n}\n\n\/* === TIMELINE === *\/\n.mnoi-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mnoi-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mnoi-timeline-number {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: linear-gradient(135deg, var(--mnoi-primary), var(--mnoi-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 14px;\n box-shadow: 0 4px 12px rgba(232,93,59,.3);\n}\n\n.mnoi-timeline-content {\n flex: 1;\n background: var(--mnoi-primary-light);\n padding: .875rem 1rem;\n border-radius: var(--mnoi-radius-sm);\n}\n\n.mnoi-timeline-content h3 {\n font-size: 14px;\n font-weight: 700;\n color: var(--mnoi-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mnoi-timeline-content p {\n font-size: 13px;\n color: var(--mnoi-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.mnoi-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: linear-gradient(135deg, var(--mnoi-secondary-light) 0%, var(--mnoi-primary-light) 100%);\n border-radius: var(--mnoi-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--mnoi-secondary);\n}\n\n.mnoi-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mnoi-tip p {\n font-size: 14px;\n color: var(--mnoi-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INCI BOX === *\/\n.mnoi-inci-box {\n background: linear-gradient(135deg, var(--mnoi-primary) 0%, var(--mnoi-primary-dark) 100%);\n border-radius: var(--mnoi-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n margin-bottom: 1.5rem;\n text-align: center;\n}\n\n.mnoi-inci-list {\n color: white;\n font-size: clamp(14px, 2.5vw, 16px);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CERTIF BADGES === *\/\n.mnoi-certif-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n margin-top: 1.5rem;\n}\n\n.mnoi-certif-badge {\n padding: 8px 16px;\n background: var(--mnoi-secondary-light);\n border: 2px solid var(--mnoi-secondary);\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n color: var(--mnoi-secondary);\n}\n\n\/* === ACCORDION === *\/\n.mnoi-accordion {\n background: var(--mnoi-white);\n border-radius: var(--mnoi-radius);\n box-shadow: var(--mnoi-shadow);\n overflow: hidden;\n}\n\n.mnoi-accordion-item {\n border-bottom: 1px solid var(--mnoi-border);\n margin: 0;\n padding: 0;\n}\n\n.mnoi-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mnoi-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mnoi-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.mnoi-accordion-header:hover {\n background: var(--mnoi-primary-light);\n}\n\n.mnoi-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mnoi-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mnoi-primary);\n transition: transform .2s ease;\n}\n\n.mnoi-accordion-item[open] .mnoi-accordion-header::after {\n content: '−';\n}\n\n.mnoi-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mnoi-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mnoi-accordion-content p {\n margin: 0;\n}\n\n\/* === SPECS GRID === *\/\n.mnoi-specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.mnoi-spec-item {\n background: var(--mnoi-white);\n border-radius: var(--mnoi-radius-sm);\n padding: 1rem 1.25rem;\n box-shadow: var(--mnoi-shadow);\n display: flex;\n flex-direction: column;\n gap: .25rem;\n}\n\n.mnoi-spec-label {\n font-size: 12px;\n font-weight: 600;\n color: var(--mnoi-text-light);\n text-transform: uppercase;\n letter-spacing: .5px;\n}\n\n.mnoi-spec-value {\n font-size: 15px;\n font-weight: 700;\n color: var(--mnoi-primary-dark);\n}\n\n\/* === CTA === *\/\n.mnoi-cta-box {\n background: linear-gradient(135deg, var(--mnoi-primary) 0%, var(--mnoi-accent) 50%, var(--mnoi-secondary) 100%);\n border-radius: var(--mnoi-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mnoi-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.mnoi-disclaimer {\n font-size: 12px;\n color: var(--mnoi-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .mnoi-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .mnoi-card {\n padding: 1.125rem;\n }\n \n .mnoi-section {\n margin-bottom: 1.75rem;\n }\n \n .mnoi-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mnoi-radius-sm);\n }\n \n .mnoi-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .mnoi-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .mnoi-grid-compact {\n gap: .625rem;\n }\n \n .mnoi-grid-compact .mnoi-card {\n padding: .75rem;\n }\n \n .mnoi-usage-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .mnoi-usage-block {\n padding: 1rem;\n }\n \n .mnoi-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 13px;\n }\n \n .mnoi-timeline-content {\n padding: .75rem .875rem;\n }\n \n .mnoi-timeline-content h3 {\n font-size: 13px;\n }\n \n .mnoi-timeline-content p {\n font-size: 12px;\n }\n \n .mnoi-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .mnoi-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .mnoi-highlight-card {\n flex-direction: column;\n text-align: center;\n gap: .75rem;\n }\n \n .mnoi-highlight-icon {\n font-size: 28px;\n }\n \n .mnoi-specs-grid {\n grid-template-columns: 1fr 1fr;\n gap: .75rem;\n }\n \n .mnoi-spec-item {\n padding: .75rem 1rem;\n }\n \n .mnoi-spec-label {\n font-size: 11px;\n }\n \n .mnoi-spec-value {\n font-size: 13px;\n }\n \n .mnoi-certif-badges {\n gap: .375rem;\n }\n \n .mnoi-certif-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .mnoi-intro-box {\n padding: 1.25rem;\n }\n \n .mnoi-intro-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mnoi-card {\n animation: fadeInUp .5s ease backwards;\n }\n .mnoi-card:nth-child(1) { animation-delay: .05s; }\n .mnoi-card:nth-child(2) { animation-delay: .1s; }\n .mnoi-card:nth-child(3) { animation-delay: .15s; }\n .mnoi-card:nth-child(4) { animation-delay: .2s; }\n .mnoi-card:nth-child(5) { animation-delay: .25s; }\n .mnoi-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .mnoi-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54928000811385,"sku":"NJ0175","price":16.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/monoi-de-tahiti-125-ml-najel-lifestyle.webp?v=1769158882"},{"product_id":"huile-dargan-bio-80-ml-najel","title":"Huile d'Argan Bio - Régénérante – 80 ml – Najel","description":"\u003cdiv class=\"argan-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"argan-hero\"\u003e\n\u003cdiv class=\"argan-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"argan-hero-content\"\u003e\n\u003cdiv class=\"argan-badges-top\"\u003e\n\u003cspan class=\"argan-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"argan-badge\"\u003e🇲🇦 Or du Maroc\u003c\/span\u003e \u003cspan class=\"argan-badge\"\u003e💧 100% Pure\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"argan-hero-title\"\u003eHuile d'Argan Bio\u003c\/span\u003e\n\u003cp class=\"argan-subtitle\"\u003eL'élixir de beauté ancestral du Maroc\u003c\/p\u003e\n\u003cp class=\"argan-description\"\u003ePremière pression à froid, certifiée bio. Un soin complet et polyvalent pour votre visage, vos cheveux et votre corps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"argan-section\"\u003e\n\u003ch2\u003ePourquoi l'huile d'argan est-elle si précieuse pour votre peau ?\u003c\/h2\u003e\n\u003cp class=\"argan-section-intro\"\u003eSurnommée « or liquide du Maroc », l'huile d'argan doit sa réputation à sa composition exceptionnellement riche en actifs naturels.\u003c\/p\u003e\n\u003cdiv class=\"argan-grid\"\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🧬 Acide linoléique (oméga-6)\u003c\/h3\u003e\n\u003cp\u003eRenforce la barrière cutanée et aide votre peau à retenir l'hydratation naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e💧 Acide oléique (oméga-9)\u003c\/h3\u003e\n\u003cp\u003eAssouplit et nourrit la peau en profondeur, sans laisser de film gras désagréable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🛡️ Vitamine E\u003c\/h3\u003e\n\u003cp\u003ePuissant antioxydant naturel qui protège vos cellules du stress oxydatif et du vieillissement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🌱 Stérols et polyphénols\u003c\/h3\u003e\n\u003cp\u003eComposés rares qui stimulent la régénération cellulaire et apaisent les irritations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-tip\"\u003e\n\u003cspan class=\"argan-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eContrairement aux crèmes industrielles chargées en eau et additifs, cette huile d'argan pure à 100 % pénètre rapidement pour nourrir réellement votre peau, couche après couche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"argan-section\"\u003e\n\u003ch2\u003eHuile d'argan sur le visage : des résultats visibles\u003c\/h2\u003e\n\u003cp class=\"argan-section-intro\"\u003eCette huile sèche possède une texture légère qui ne bouche pas les pores, même pour les peaux mixtes.\u003c\/p\u003e\n\u003cdiv class=\"argan-grid\"\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e✨ Teint lumineux\u003c\/h3\u003e\n\u003cp\u003eLes antioxydants ravivent l'éclat de votre peau terne ou fatiguée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🎀 Peau rebondie\u003c\/h3\u003e\n\u003cp\u003eLes acides gras essentiels restaurent l'élasticité et la souplesse cutanée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🕐 Anti-ridules\u003c\/h3\u003e\n\u003cp\u003eLa vitamine E aide à lisser le grain de peau et prévenir les signes de l'âge.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🌸 Apaisement\u003c\/h3\u003e\n\u003cp\u003eRougeurs, tiraillements après-rasage et sensibilités sont calmés naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🛡️ Protection quotidienne\u003c\/h3\u003e\n\u003cp\u003ePollution, froid, vent... votre peau est mieux armée contre les agressions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"argan-section\"\u003e\n\u003ch2\u003eUn soin complet pour les cheveux et les ongles\u003c\/h2\u003e\n\u003cp class=\"argan-section-intro\"\u003eUtilisée en masque capillaire, elle transforme littéralement les cheveux secs, cassants ou abîmés.\u003c\/p\u003e\n\u003cdiv class=\"argan-grid-compact\"\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e💪 Nourrit la fibre\u003c\/h3\u003e\n\u003cp\u003eDe la racine aux pointes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🌀 Dompte les frisottis\u003c\/h3\u003e\n\u003cp\u003eBrillance naturelle garantie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🔥 Protection thermique\u003c\/h3\u003e\n\u003cp\u003eContre sèche-cheveux et lisseur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e✂️ Répare les pointes\u003c\/h3\u003e\n\u003cp\u003ePrévient les fourches\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-tip\"\u003e\n\u003cspan class=\"argan-tip-icon\"\u003e💅\u003c\/span\u003e\n\u003cp\u003ePour vos ongles, quelques gouttes massées régulièrement sur les cuticules suffisent à fortifier les ongles cassants et à assouplir les peaux sèches.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"argan-section\"\u003e\n\u003ch2\u003eComment utiliser votre huile d'argan bio Najel ?\u003c\/h2\u003e\n\u003cdiv class=\"argan-timeline\"\u003e\n\u003cdiv class=\"argan-timeline-item\"\u003e\n\u003cspan class=\"argan-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"argan-timeline-content\"\u003e\n\u003ch3\u003e🌙 Pour le visage (soir)\u003c\/h3\u003e\n\u003cp\u003e3-4 gouttes réchauffées entre vos paumes, appliquées en massage du centre vers l'extérieur. Insistez sur les zones sèches et rides d'expression. Seule ou mélangée à votre crème de nuit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-timeline-item\"\u003e\n\u003cspan class=\"argan-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"argan-timeline-content\"\u003e\n\u003ch3\u003e💆 Pour les cheveux\u003c\/h3\u003e\n\u003cp\u003eEn masque avant-shampooing (30 min à une nuit sous serviette chaude) ou en soin sans rinçage (1-2 gouttes sur cheveux secs pour discipliner et faire briller).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-timeline-item\"\u003e\n\u003cspan class=\"argan-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"argan-timeline-content\"\u003e\n\u003ch3\u003e🧴 Pour le corps\u003c\/h3\u003e\n\u003cp\u003eMassez les zones sèches (coudes, genoux, talons) après la douche sur peau légèrement humide. Idéale également en huile de massage relaxante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"argan-section\"\u003e\n\u003ch2\u003eComposition – 100 % pure et naturelle\u003cspan class=\"argan-composition-icon\"\u003e\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"argan-composition-box\"\u003e\n\u003cdiv class=\"argan-composition-header\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e🌰 Ingrédient unique (INCI)\u003c\/strong\u003e\n\u003cp\u003eArgania Spinosa Kernel Oil*\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"argan-composition-note\"\u003e*Issu de l'agriculture biologique certifiée\u003c\/p\u003e\n\u003cdiv class=\"argan-composition-details\"\u003e\n\u003cspan\u003e❌ Aucun additif\u003c\/span\u003e \u003cspan\u003e❌ Aucun conservateur\u003c\/span\u003e \u003cspan\u003e❌ Aucun parfum synthétique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"argan-composition-text\"\u003eHuile d'argan vierge, non raffinée, qui conserve l'intégralité de ses propriétés actives. Sa couleur dorée et son léger parfum caractéristique sont les signes d'une huile de qualité supérieure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"argan-section\"\u003e\n\u003ch2\u003eL'engagement qualité de Najel\u003c\/h2\u003e\n\u003cp class=\"argan-section-intro\"\u003eSpécialiste des cosmétiques naturels depuis plus de 120 ans, Najel perpétue un savoir-faire artisanal respectueux.\u003c\/p\u003e\n\u003cdiv class=\"argan-grid-compact\"\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🏅 Cosmos Organic\u003c\/h3\u003e\n\u003cp\u003eCertifiée Ecocert\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e👩🌾 Production éthique\u003c\/h3\u003e\n\u003cp\u003eCoopératives marocaines\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🧴 Flacon verre ambré\u003c\/h3\u003e\n\u003cp\u003eProtection optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🐰 Cruelty-free\u003c\/h3\u003e\n\u003cp\u003eNon testé sur animaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"argan-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse cette huile d'argan ?\u003c\/h2\u003e\n\u003cdiv class=\"argan-grid\"\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🏜️ Peaux sèches\u003c\/h3\u003e\n\u003cp\u003eRestaure le confort cutané et élimine les sensations de tiraillement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e⏳ Peaux matures\u003c\/h3\u003e\n\u003cp\u003eAide à préserver la fermeté et l'élasticité de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eComposition 100 % pure parfaitement tolérée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e⚖️ Peaux mixtes\u003c\/h3\u003e\n\u003cp\u003eUtilisée avec parcimonie, elle régule sans graisser.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e💇 Cheveux abîmés\u003c\/h3\u003e\n\u003cp\u003eRépare et protège durablement les cheveux secs, colorés ou fragilisés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"argan-section\"\u003e\n\u003ch2\u003eConseils de conservation\u003c\/h2\u003e\n\u003cdiv class=\"argan-accordion\"\u003e\n\u003cdetails open=\"\" class=\"argan-accordion-item\"\u003e\n\u003csummary class=\"argan-accordion-header\"\u003e🧊 Conservation optimale\u003c\/summary\u003e\n\u003cdiv class=\"argan-accordion-content\"\u003e\n\u003cp\u003eConservez à l'abri de la lumière directe et de la chaleur excessive. Le flacon en verre ambré assure une bonne protection, mais évitez de le laisser dans une salle de bain trop humide ou près d'une source de chaleur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"argan-accordion-item\"\u003e\n\u003csummary class=\"argan-accordion-header\"\u003e📅 Durée de vie\u003c\/summary\u003e\n\u003cdiv class=\"argan-accordion-content\"\u003e\n\u003cp\u003eBien conservée, l'huile garde ses propriétés pendant 12 mois après ouverture.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"argan-accordion-item\"\u003e\n\u003csummary class=\"argan-accordion-header\"\u003e📦 Format\u003c\/summary\u003e\n\u003cdiv class=\"argan-accordion-content\"\u003e\n\u003cp\u003e80 ml – Flacon en verre avec pompe doseuse pour une application précise et hygiénique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"argan-section\"\u003e\n\u003cdiv class=\"argan-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à votre peau et vos cheveux le trésor millénaire du Maroc. Une huile, mille bienfaits.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"argan-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --argan-cream: #FDF8F3;\n --argan-white: #ffffff;\n --argan-primary: #E07830;\n --argan-primary-dark: #B85A1A;\n --argan-primary-light: #FEF3EB;\n --argan-secondary: #2D1810;\n --argan-accent: #C4A259;\n --argan-text: #1a1a1a;\n --argan-text-light: #5a5a5a;\n --argan-border: #e8ddd4;\n --argan-shadow: 0 4px 24px rgba(45,24,16,.08);\n --argan-shadow-lg: 0 12px 48px rgba(45,24,16,.15);\n --argan-radius: 20px;\n --argan-radius-sm: 12px;\n}\n\n.argan-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--argan-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.argan-hero {\n position: relative;\n background: linear-gradient(135deg, #E07830 0%, #C4A259 50%, #B85A1A 100%);\n border-radius: var(--argan-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--argan-shadow-lg);\n}\n\n.argan-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 25 L55 30 L35 35 L30 55 L25 35 L5 30 L25 25 Z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.argan-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.argan-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.argan-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--argan-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.argan-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.argan-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.argan-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.argan-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.6;\n}\n\n\/* === SECTIONS === *\/\n.argan-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.argan-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--argan-secondary);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.argan-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--argan-primary), var(--argan-accent));\n border-radius: 2px;\n}\n\n.argan-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--argan-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.argan-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.argan-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.argan-card {\n background: var(--argan-white);\n border-radius: var(--argan-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--argan-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.argan-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--argan-shadow-lg);\n border-color: var(--argan-primary);\n}\n\n.argan-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--argan-secondary);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.argan-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--argan-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.argan-grid-compact .argan-card {\n padding: 1rem;\n}\n\n.argan-grid-compact .argan-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.argan-grid-compact .argan-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.argan-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.argan-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.argan-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--argan-primary), var(--argan-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(224,120,48,.3);\n}\n\n.argan-timeline-content {\n flex: 1;\n background: var(--argan-white);\n padding: 1rem 1.25rem;\n border-radius: var(--argan-radius-sm);\n box-shadow: var(--argan-shadow);\n}\n\n.argan-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--argan-secondary);\n margin: 0 0 .5rem 0;\n}\n\n.argan-timeline-content p {\n font-size: 14px;\n color: var(--argan-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.argan-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--argan-primary-light);\n border-radius: var(--argan-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--argan-primary);\n}\n\n.argan-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.argan-tip p {\n font-size: 14px;\n color: var(--argan-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.argan-composition-box {\n background: var(--argan-white);\n border-radius: var(--argan-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--argan-shadow);\n text-align: center;\n}\n\n.argan-composition-header {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n margin-bottom: 1rem;\n}\n\n.argan-composition-icon {\n font-size: 48px;\n}\n\n.argan-composition-header strong {\n font-size: 18px;\n color: var(--argan-secondary);\n display: block;\n}\n\n.argan-composition-header p {\n font-size: 16px;\n color: var(--argan-primary);\n font-weight: 600;\n font-style: italic;\n margin: .25rem 0 0 0;\n}\n\n.argan-composition-note {\n font-size: 13px;\n color: var(--argan-text-light);\n font-style: italic;\n margin: 0 0 1.25rem 0;\n}\n\n.argan-composition-details {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n margin-bottom: 1.25rem;\n}\n\n.argan-composition-details span {\n background: var(--argan-primary-light);\n padding: .5rem 1rem;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n color: var(--argan-primary-dark);\n}\n\n.argan-composition-text {\n font-size: 14px;\n color: var(--argan-text-light);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.argan-accordion {\n background: var(--argan-white);\n border-radius: var(--argan-radius);\n box-shadow: var(--argan-shadow);\n overflow: hidden;\n}\n\n.argan-accordion-item {\n border-bottom: 1px solid var(--argan-border);\n margin: 0;\n padding: 0;\n}\n\n.argan-accordion-item:last-child {\n border-bottom: none;\n}\n\n.argan-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--argan-secondary);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.argan-accordion-header:hover {\n background: var(--argan-primary-light);\n}\n\n.argan-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.argan-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--argan-primary);\n transition: transform .2s ease;\n}\n\n.argan-accordion-item[open] .argan-accordion-header::after {\n content: '−';\n}\n\n.argan-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--argan-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.argan-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.argan-cta-box {\n background: linear-gradient(135deg, var(--argan-primary) 0%, var(--argan-primary-dark) 100%);\n border-radius: var(--argan-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.argan-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='20' cy='20' r='2' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.argan-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.argan-disclaimer {\n font-size: 12px;\n color: var(--argan-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .argan-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .argan-card {\n padding: 1.125rem;\n }\n \n .argan-section {\n margin-bottom: 1.75rem;\n }\n \n .argan-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--argan-radius-sm);\n }\n \n .argan-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .argan-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .argan-grid-compact {\n gap: .625rem;\n }\n \n .argan-grid-compact .argan-card {\n padding: .75rem;\n }\n \n .argan-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .argan-timeline-content {\n padding: .875rem 1rem;\n }\n \n .argan-timeline-content h3 {\n font-size: 14px;\n }\n \n .argan-timeline-content p {\n font-size: 13px;\n }\n \n .argan-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .argan-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .argan-tip {\n padding: .875rem 1rem;\n }\n \n .argan-tip-icon {\n font-size: 20px;\n }\n \n .argan-tip p {\n font-size: 13px;\n }\n \n .argan-composition-box {\n padding: 1.25rem;\n }\n \n .argan-composition-icon {\n font-size: 36px;\n }\n \n .argan-composition-header {\n flex-direction: column;\n gap: .5rem;\n }\n \n .argan-composition-details {\n gap: .5rem;\n }\n \n .argan-composition-details span {\n padding: .375rem .75rem;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .argan-card {\n animation: fadeInUp .5s ease backwards;\n }\n .argan-card:nth-child(1) { animation-delay: .05s; }\n .argan-card:nth-child(2) { animation-delay: .1s; }\n .argan-card:nth-child(3) { animation-delay: .15s; }\n .argan-card:nth-child(4) { animation-delay: .2s; }\n .argan-card:nth-child(5) { animation-delay: .25s; }\n .argan-card:nth-child(6) { animation-delay: .3s; }\n \n .argan-timeline-item {\n animation: fadeInUp .5s ease backwards;\n }\n .argan-timeline-item:nth-child(1) { animation-delay: .1s; }\n .argan-timeline-item:nth-child(2) { animation-delay: .2s; }\n .argan-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .argan-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54928079782265,"sku":"NJ0180","price":18.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-dargan-bio-80-ml-najel-lifestyle.webp?v=1769157278"},{"product_id":"huile-de-coco-bio-100-g-najel","title":"Huile de Coco bio - 100 g - Najel","description":"\u003cdiv class=\"hc-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"hc-hero\"\u003e\n\u003cdiv class=\"hc-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"hc-hero-content\"\u003e\n\u003cdiv class=\"hc-badges-top\"\u003e\n\u003cspan class=\"hc-badge\"\u003e🌴 100% naturelle\u003c\/span\u003e \u003cspan class=\"hc-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"hc-badge\"\u003e✨ Multi-usages\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"hc-hero-title\"\u003eHuile de Coco Bio\u003c\/span\u003e\n\u003cp class=\"hc-subtitle\"\u003eLe trésor tropical pour votre peau et vos cheveux\u003c\/p\u003e\n\u003cp class=\"hc-description\"\u003ePure, pressée à froid et certifiée bio. Un seul produit pour nourrir, protéger et sublimer l'ensemble de votre corps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"hc-section\"\u003e\n\u003ch2\u003ePourquoi l'huile de coco bio est-elle si prisée ?\u003c\/h2\u003e\n\u003cp class=\"hc-section-intro\"\u003eUne composition exceptionnelle qui en fait l'une des huiles végétales les plus complètes au monde.\u003c\/p\u003e\n\u003cdiv class=\"hc-grid\"\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🥥 Acide laurique (~50%)\u003c\/h3\u003e\n\u003cp\u003eCet acide gras aux propriétés remarquables aide à maintenir l'équilibre naturel de la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e💧 Acides gras essentiels\u003c\/h3\u003e\n\u003cp\u003eForment un film protecteur qui limite la perte d'hydratation cutanée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🌟 Vitamine E naturelle\u003c\/h3\u003e\n\u003cp\u003eAntioxydant reconnu qui contribue à préserver la jeunesse de votre peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-tip\"\u003e\n\u003cspan class=\"hc-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eContrairement aux huiles raffinées, cette huile pressée à froid n'a subi aucun traitement chimique. Vous bénéficiez de tous ses bienfaits dans leur forme la plus pure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"hc-section\"\u003e\n\u003ch2\u003eL'huile de coco sur les cheveux : un soin profond et réparateur\u003c\/h2\u003e\n\u003cp class=\"hc-section-intro\"\u003eCheveux secs, abîmés ou difficiles à coiffer ? Découvrez pourquoi elle fait des merveilles sur la fibre capillaire.\u003c\/p\u003e\n\u003cdiv class=\"hc-grid\"\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🔬 Pénétration en profondeur\u003c\/h3\u003e\n\u003cp\u003eContrairement à d'autres huiles qui restent en surface, elle nourrit véritablement de l'intérieur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🛡️ Protection contre les agressions\u003c\/h3\u003e\n\u003cp\u003eChaleur du sèche-cheveux, soleil, eau de mer... vos cheveux sont mieux armés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e✨ Brillance naturelle\u003c\/h3\u003e\n\u003cp\u003eFini les cheveux ternes, ils retrouvent tout leur éclat et leur vitalité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🪮 Démêlage facilité\u003c\/h3\u003e\n\u003cp\u003eLes nœuds se défont plus aisément, sans casser ni fragiliser la fibre\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline\"\u003e\n\u003cdiv class=\"hc-timeline-item\"\u003e\n\u003cdiv class=\"hc-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-content\"\u003e\n\u003ch3\u003ePrélevez une noisette d'huile\u003c\/h3\u003e\n\u003cp\u003eElle se liquéfie au contact de la chaleur de vos mains\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-item\"\u003e\n\u003cdiv class=\"hc-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-content\"\u003e\n\u003ch3\u003eAppliquez sur longueurs et pointes\u003c\/h3\u003e\n\u003cp\u003eMassez délicatement pour bien répartir le soin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-item\"\u003e\n\u003cdiv class=\"hc-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-content\"\u003e\n\u003ch3\u003eLaissez poser 30 min à toute une nuit\u003c\/h3\u003e\n\u003cp\u003ePour un soin intensif, optez pour la pose nocturne\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-item\"\u003e\n\u003cdiv class=\"hc-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-content\"\u003e\n\u003ch3\u003eLavez avec votre shampoing habituel\u003c\/h3\u003e\n\u003cp\u003eRépétez une fois par semaine pour des résultats optimaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-tip\"\u003e\n\u003cspan class=\"hc-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce anti-frisottis :\u003c\/strong\u003e appliquez une infime quantité sur cheveux secs pour dompter les frisottis sans alourdir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"hc-section\"\u003e\n\u003ch2\u003eUn soin nourrissant pour le visage et le corps\u003c\/h2\u003e\n\u003cp class=\"hc-section-intro\"\u003eUne huile polyvalente qui s'adapte à toutes les zones qui réclament nutrition et douceur.\u003c\/p\u003e\n\u003cdiv class=\"hc-dual-grid\"\u003e\n\u003cdiv class=\"hc-dual-card\"\u003e\n\u003cdiv class=\"hc-dual-header\"\u003e\n\u003cspan class=\"hc-dual-icon\"\u003e🌸\u003c\/span\u003e\n\u003ch3\u003ePour le visage\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cul class=\"hc-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eDémaquillant naturel\u003c\/strong\u003e – Dissout même le maquillage waterproof tout en nourrissant\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoin de nuit\u003c\/strong\u003e – Une fine couche pour une peau souple et repulpée au réveil\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBaume à lèvres\u003c\/strong\u003e – Parfait pour réparer les lèvres gercées en hiver\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-dual-card\"\u003e\n\u003cdiv class=\"hc-dual-header\"\u003e\n\u003cspan class=\"hc-dual-icon\"\u003e🧴\u003c\/span\u003e\n\u003ch3\u003ePour le corps\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cul class=\"hc-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratation après la douche\u003c\/strong\u003e – Pénètre rapidement sur peau humide\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoin zones très sèches\u003c\/strong\u003e – Coudes, talons, genoux retrouvent leur souplesse\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile de massage\u003c\/strong\u003e – Texture fondante et parfum délicat de coco\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-tip\"\u003e\n\u003cspan class=\"hc-tip-icon\"\u003e💆\u003c\/span\u003e\n\u003cp\u003eLes peaux sensibles et réactives l'apprécient particulièrement pour ses propriétés apaisantes naturelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"hc-section\"\u003e\n\u003ch2\u003eLa certification Cosmos Organic : une garantie de qualité\u003c\/h2\u003e\n\u003cp class=\"hc-section-intro\"\u003eLe label Cosmos Organic n'est pas qu'un simple logo. C'est l'assurance d'un produit d'exception.\u003c\/p\u003e\n\u003cdiv class=\"hc-grid-compact\"\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🌱 Origine biologique\u003c\/h3\u003e\n\u003cp\u003eIngrédients certifiés bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🚫 Sans substances controversées\u003c\/h3\u003e\n\u003cp\u003eParabènes, silicones... exclus\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🌍 Fabrication éco-responsable\u003c\/h3\u003e\n\u003cp\u003eProcessus respectueux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e📋 Traçabilité complète\u003c\/h3\u003e\n\u003cp\u003eDu champ au pot\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"hc-section\"\u003e\n\u003ch2\u003eComposition\u003cspan class=\"hc-composition-icon\"\u003e\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"hc-composition-box\"\u003e\n\u003cdiv class=\"hc-composition-header\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"hc-composition-inci\"\u003e\u003cstrong\u003e🥥 INCI :\u003c\/strong\u003e Cocos Nucifera Oil*\u003c\/p\u003e\n\u003cp class=\"hc-composition-note\"\u003e*Ingrédient issu de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-composition-badge\"\u003e\n\u003cspan\u003e100% d'origine naturelle\u003c\/span\u003e \u003cspan\u003e100% des ingrédients végétaux issus de l'agriculture biologique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"hc-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et conservation\u003c\/h2\u003e\n\u003cp class=\"hc-section-intro\"\u003eL'huile de coco se solidifie en dessous de 25°C. C'est parfaitement normal et ne diminue en rien ses qualités.\u003c\/p\u003e\n\u003cdiv class=\"hc-timeline\"\u003e\n\u003cdiv class=\"hc-timeline-item\"\u003e\n\u003cdiv class=\"hc-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-content\"\u003e\n\u003ch3\u003ePrélevez la quantité souhaitée\u003c\/h3\u003e\n\u003cp\u003eUtilisez une spatule propre pour préserver l'hygiène du produit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-item\"\u003e\n\u003cdiv class=\"hc-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-content\"\u003e\n\u003ch3\u003eRéchauffez entre vos paumes\u003c\/h3\u003e\n\u003cp\u003eL'huile fond instantanément au contact de la chaleur corporelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-item\"\u003e\n\u003cdiv class=\"hc-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-content\"\u003e\n\u003ch3\u003eAppliquez sur la zone à traiter\u003c\/h3\u003e\n\u003cp\u003eMassez délicatement pour favoriser la pénétration\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-accordion\"\u003e\n\u003cdetails class=\"hc-accordion-item\"\u003e\n\u003csummary class=\"hc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"hc-accordion-content\"\u003e\n\u003cp\u003eGardez le pot à l'abri de la lumière directe et de l'humidité. Bien refermé, il se conserve plusieurs mois sans problème.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"hc-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse cette huile de coco bio ?\u003c\/h2\u003e\n\u003cdiv class=\"hc-grid\"\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🏜️ Peau sèche ou déshydratée\u003c\/h3\u003e\n\u003cp\u003eNutrition intense pour retrouver confort et souplesse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e💇 Cheveux secs ou ternes\u003c\/h3\u003e\n\u003cp\u003eRéparation profonde et brillance retrouvée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🎯 Adeptes du minimalisme\u003c\/h3\u003e\n\u003cp\u003eUn seul produit multi-usages pour simplifier votre routine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🌿 Amateurs de naturel\u003c\/h3\u003e\n\u003cp\u003eSoins certifiés bio et composition irréprochable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-tip\"\u003e\n\u003cspan class=\"hc-tip-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eBon à savoir :\u003c\/strong\u003e si vous avez une peau à tendance acnéique, testez d'abord sur une petite zone car l'huile de coco peut être comédogène pour certains types de peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"hc-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eNajel : l'expertise des soins naturels depuis 1895\u003c\/h2\u003e\n\u003cdiv class=\"hc-testimonial\"\u003e\n\u003cp class=\"hc-testimonial-text\"\u003eLa maison Najel perpétue depuis plus d'un siècle un savoir-faire unique dans la fabrication de produits de soin naturels. Connue mondialement pour son authentique savon d'Alep, la marque propose une gamme complète d'huiles végétales biologiques, toutes sélectionnées avec le même souci d'excellence et de pureté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-cta-box\"\u003e\n\u003cp\u003e🥥 \u003cstrong\u003e100 g\u003c\/strong\u003e de pur trésor tropical pour sublimer votre peau et vos cheveux au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"hc-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --hc-cream: #FDF8F3;\n --hc-white: #ffffff;\n --hc-primary: #C9A86C;\n --hc-primary-dark: #4A3D35;\n --hc-primary-light: #F5EDE0;\n --hc-secondary: #8B7355;\n --hc-accent: #E8D5B5;\n\n \/* Textes *\/\n --hc-text: #1a1a1a;\n --hc-text-light: #5a5a5a;\n\n \/* Effets *\/\n --hc-border: #e0e0e0;\n --hc-shadow: 0 4px 24px rgba(74,61,53,.08);\n --hc-shadow-lg: 0 12px 48px rgba(74,61,53,.15);\n --hc-radius: 20px;\n --hc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.hc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hc-hero {\n position: relative;\n background: linear-gradient(135deg, #C9A86C 0%, #A88B5A 50%, #4A3D35 100%);\n border-radius: var(--hc-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--hc-shadow-lg);\n}\n\n.hc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 C35 15, 45 20, 55 20 C45 25, 35 35, 30 55 C25 35, 15 25, 5 20 C15 20, 25 15, 30 5Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.hc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hc-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.hc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hc-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--hc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.hc-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.hc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.hc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hc-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.hc-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--hc-primary), var(--hc-secondary));\n border-radius: 2px;\n}\n\n.hc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hc-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.hc-card {\n background: var(--hc-white);\n border-radius: var(--hc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hc-shadow-lg);\n border-color: var(--hc-primary);\n}\n\n.hc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.hc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.hc-grid-compact .hc-card {\n padding: 1rem;\n}\n\n.hc-grid-compact .hc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hc-grid-compact .hc-card p {\n font-size: 12px;\n}\n\n\/* === DUAL GRID (visage\/corps) === *\/\n.hc-dual-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.hc-dual-card {\n background: var(--hc-white);\n border-radius: var(--hc-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--hc-shadow);\n}\n\n.hc-dual-header {\n display: flex;\n align-items: center;\n gap: .75rem;\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n border-bottom: 2px solid var(--hc-primary-light);\n}\n\n.hc-dual-icon {\n font-size: 28px;\n}\n\n.hc-dual-header h3 {\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--hc-primary-dark);\n margin: 0;\n}\n\n.hc-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.hc-list li {\n padding: .625rem 0;\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hc-text-light);\n line-height: 1.6;\n border-bottom: 1px solid var(--hc-border);\n}\n\n.hc-list li:last-child {\n border-bottom: none;\n padding-bottom: 0;\n}\n\n.hc-list li strong {\n color: var(--hc-primary-dark);\n}\n\n\/* === TIMELINE === *\/\n.hc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-top: 1.5rem;\n}\n\n.hc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hc-primary), var(--hc-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.hc-timeline-content {\n flex: 1;\n background: var(--hc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hc-radius-sm);\n box-shadow: var(--hc-shadow);\n}\n\n.hc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hc-timeline-content p {\n font-size: 14px;\n color: var(--hc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.hc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hc-primary-light);\n border-radius: var(--hc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.hc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.hc-tip p {\n font-size: 14px;\n color: var(--hc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.hc-composition-box {\n background: var(--hc-white);\n border-radius: var(--hc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hc-shadow);\n border: 2px solid var(--hc-primary);\n}\n\n.hc-composition-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.hc-composition-icon {\n font-size: 48px;\n}\n\n.hc-composition-inci {\n font-size: clamp(16px, 2.5vw, 20px);\n color: var(--hc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hc-composition-note {\n font-size: 14px;\n color: var(--hc-text-light);\n font-style: italic;\n margin: 0;\n}\n\n.hc-composition-badge {\n display: flex;\n flex-wrap: wrap;\n gap: .5rem;\n}\n\n.hc-composition-badge span {\n background: var(--hc-primary-light);\n padding: .5rem 1rem;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n color: var(--hc-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.hc-accordion {\n background: var(--hc-white);\n border-radius: var(--hc-radius);\n box-shadow: var(--hc-shadow);\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.hc-accordion-item {\n border-bottom: 1px solid var(--hc-border);\n margin: 0;\n padding: 0;\n}\n\n.hc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hc-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.hc-accordion-header:hover {\n background: var(--hc-primary-light);\n}\n\n.hc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hc-primary);\n transition: transform .2s ease;\n}\n\n.hc-accordion-item[open] .hc-accordion-header::after {\n content: '−';\n}\n\n.hc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hc-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.hc-accordion-content p {\n margin: 0;\n}\n\n\/* === TESTIMONIAL === *\/\n.hc-testimonial {\n background: var(--hc-white);\n border-radius: var(--hc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hc-shadow);\n border-left: 4px solid var(--hc-primary);\n margin-bottom: 1.5rem;\n}\n\n.hc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.hc-cta-box {\n background: linear-gradient(135deg, var(--hc-primary) 0%, var(--hc-primary-dark) 100%);\n border-radius: var(--hc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.hc-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.hc-disclaimer {\n font-size: 12px;\n color: var(--hc-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .hc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .hc-card {\n padding: 1.125rem;\n }\n \n .hc-section {\n margin-bottom: 1.75rem;\n }\n \n .hc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hc-radius-sm);\n }\n \n .hc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .hc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .hc-grid-compact {\n gap: .625rem;\n }\n \n .hc-grid-compact .hc-card {\n padding: .75rem;\n }\n \n .hc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .hc-timeline-content {\n padding: .875rem 1rem;\n }\n \n .hc-timeline-content h3 {\n font-size: 14px;\n }\n \n .hc-timeline-content p {\n font-size: 13px;\n }\n \n .hc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .hc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .hc-testimonial {\n padding: 1.25rem;\n }\n \n .hc-testimonial-text {\n font-size: 14px;\n }\n \n .hc-dual-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .hc-dual-card {\n padding: 1.25rem;\n }\n \n .hc-composition-header {\n flex-direction: column;\n text-align: center;\n }\n \n .hc-composition-badge {\n justify-content: center;\n }\n \n .hc-composition-badge span {\n font-size: 12px;\n padding: .4rem .75rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hc-card {\n animation: fadeInUp .5s ease backwards;\n }\n .hc-card:nth-child(1) { animation-delay: .05s; }\n .hc-card:nth-child(2) { animation-delay: .1s; }\n .hc-card:nth-child(3) { animation-delay: .15s; }\n .hc-card:nth-child(4) { animation-delay: .2s; }\n .hc-card:nth-child(5) { animation-delay: .25s; }\n .hc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .hc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54931012485497,"sku":"NJ0210","price":7.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-coco-bio-100-g-najel-lifestyle.webp?v=1769156040"},{"product_id":"huile-de-jojoba-najel","title":"Huile de Jojoba bio - Rééquilibrante – 80 ml – Najel","description":"\u003cdiv class=\"jjb-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"jjb-hero\"\u003e\n\u003cdiv class=\"jjb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"jjb-hero-content\"\u003e\n\u003cdiv class=\"jjb-badges-top\"\u003e\n\u003cspan class=\"jjb-badge\"\u003e🌿 Certifiée Bio\u003c\/span\u003e \u003cspan class=\"jjb-badge\"\u003e🇵🇪 Origine Pérou\u003c\/span\u003e \u003cspan class=\"jjb-badge\"\u003e💧 100% Pure\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"jjb-hero-title\"\u003eHuile de Jojoba Bio\u003c\/span\u003e\n\u003cp class=\"jjb-subtitle\"\u003eLe secret des déserts sud-américains pour une peau et des cheveux sublimés\u003c\/p\u003e\n\u003cp class=\"jjb-description\"\u003eUne huile précieuse extraite par première pression à froid, à la composition étonnamment proche du sébum naturel de votre peau. Absorption exceptionnelle, zéro effet gras.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"jjb-section\"\u003e\n\u003ch2\u003eQu'est-ce qui rend l'huile de jojoba si particulière ?\u003c\/h2\u003e\n\u003cp class=\"jjb-section-intro\"\u003eContrairement aux autres huiles végétales, l'huile de jojoba est en réalité une cire liquide. Cette caractéristique unique explique pourquoi elle pénètre si facilement dans l'épiderme.\u003c\/p\u003e\n\u003cdiv class=\"jjb-grid\"\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🧬 Cire liquide naturelle\u003c\/h3\u003e\n\u003cp\u003eQualifiée d'« huile sèche », elle ne laisse aucun film collant et convient parfaitement aux personnes qui redoutent l'effet gras des huiles classiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🫒 Riche en oméga-9\u003c\/h3\u003e\n\u003cp\u003eAcides gras essentiels pour une protection et une nutrition en profondeur de votre peau et de vos cheveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e✨ Vitamine E naturelle\u003c\/h3\u003e\n\u003cp\u003ePuissant antioxydant qui préserve l'éclat de votre peau et protège contre les agressions extérieures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🛡️ Céramides végétales\u003c\/h3\u003e\n\u003cp\u003eRenforcent la barrière cutanée pour une peau protégée et confortable au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e⏳ Stabilité exceptionnelle\u003c\/h3\u003e\n\u003cp\u003eSe conserve longtemps sans rancir, un avantage non négligeable pour votre routine beauté quotidienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e💨 Absorption rapide\u003c\/h3\u003e\n\u003cp\u003ePénètre instantanément grâce à sa composition proche du sébum naturel de votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"jjb-section\"\u003e\n\u003ch2\u003eLes bienfaits de l'huile de jojoba pour le visage\u003c\/h2\u003e\n\u003cp class=\"jjb-section-intro\"\u003eUn soin complet qui s'adapte intelligemment à vos besoins cutanés, quel que soit votre type de peau.\u003c\/p\u003e\n\u003cdiv class=\"jjb-grid\"\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e⚖️ Régulation du sébum\u003c\/h3\u003e\n\u003cp\u003eEn mimant le sébum naturel, elle signale à vos glandes sébacées de réduire leur production. Résultat : peau moins brillante et pores moins visibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e💦 Hydratation longue durée\u003c\/h3\u003e\n\u003cp\u003eRenforce la barrière cutanée et limite les pertes d'eau. Votre peau reste souple et confortable toute la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🕐 Action anti-âge\u003c\/h3\u003e\n\u003cp\u003eSes antioxydants naturels préservent l'élasticité de la peau et atténuent les premiers signes de l'âge.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🌸 Apaisement des irritations\u003c\/h3\u003e\n\u003cp\u003ePeaux sensibles, réactives ou sujettes aux rougeurs : cette huile douce calme et réconforte sans jamais agresser.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🧴 Démaquillage efficace\u003c\/h3\u003e\n\u003cp\u003eDissout parfaitement le maquillage, même waterproof, tout en prenant soin de la zone délicate du contour des yeux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"jjb-section\"\u003e\n\u003ch2\u003eL'huile de jojoba pour les cheveux : un soin révélateur d'éclat\u003c\/h2\u003e\n\u003cp class=\"jjb-section-intro\"\u003eVos cheveux méritent aussi les bienfaits de ce précieux élixir qui agit à plusieurs niveaux pour transformer votre chevelure.\u003c\/p\u003e\n\u003cdiv class=\"jjb-grid\"\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🌾 Nutrition des longueurs\u003c\/h3\u003e\n\u003cp\u003ePénètre la fibre capillaire pour la nourrir de l'intérieur. Les cheveux secs et abîmés retrouvent douceur et souplesse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e✨ Brillance naturelle\u003c\/h3\u003e\n\u003cp\u003eQuelques gouttes suffisent pour apporter un éclat sain à vos cheveux, sans les alourdir ni les graisser.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🧘 Équilibre du cuir chevelu\u003c\/h3\u003e\n\u003cp\u003eQu'il soit trop sec ou trop gras, votre cuir chevelu bénéficie des propriétés régulatrices. Apaise démangeaisons et réduit les pellicules.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🛡️ Protection anti-agressions\u003c\/h3\u003e\n\u003cp\u003eChaleur du sèche-cheveux, pollution, UV… forme un voile protecteur léger sur votre chevelure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e💪 Renforcement des racines\u003c\/h3\u003e\n\u003cp\u003eEn massage sur le cuir chevelu, elle stimule la microcirculation et favorise des cheveux plus forts et plus vigoureux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"jjb-section\"\u003e\n\u003ch2\u003eComment utiliser l'huile de jojoba au quotidien ?\u003c\/h2\u003e\n\u003cdiv class=\"jjb-timeline\"\u003e\n\u003cdiv class=\"jjb-timeline-item\"\u003e\n\u003cdiv class=\"jjb-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-content\"\u003e\n\u003ch3\u003eSur le visage – Soin quotidien\u003c\/h3\u003e\n\u003cp\u003ePrélevez 2 à 3 gouttes dans le creux de votre main. Chauffez légèrement en frottant vos paumes, puis appliquez par légers tapotements sur l'ensemble du visage. Seule le soir ou le matin sous votre crème de jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-item\"\u003e\n\u003cdiv class=\"jjb-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-content\"\u003e\n\u003ch3\u003eSur le visage – Démaquillage\u003c\/h3\u003e\n\u003cp\u003eVersez quelques gouttes directement sur un coton réutilisable ou massez sur peau sèche pour dissoudre le maquillage. Rincez ensuite à l'eau tiède ou poursuivez avec votre nettoyant habituel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-item\"\u003e\n\u003cdiv class=\"jjb-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-content\"\u003e\n\u003ch3\u003eSur le corps\u003c\/h3\u003e\n\u003cp\u003eAprès la douche, sur peau encore légèrement humide, appliquez généreusement et massez jusqu'à absorption complète. Cette technique scelle l'hydratation pour une peau douce et veloutée toute la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-item\"\u003e\n\u003cdiv class=\"jjb-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-content\"\u003e\n\u003ch3\u003eMasque avant-shampooing\u003c\/h3\u003e\n\u003cp\u003eRépartissez l'huile sur l'ensemble de la chevelure, des racines aux pointes. Enveloppez dans une serviette chaude et laissez poser 30 minutes minimum, voire toute la nuit pour un soin intensif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-item\"\u003e\n\u003cdiv class=\"jjb-timeline-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-content\"\u003e\n\u003ch3\u003eSoin sans rinçage\u003c\/h3\u003e\n\u003cp\u003eSur cheveux secs ou essorés, appliquez une noisette d'huile uniquement sur les longueurs et les pointes. Idéal pour dompter les frisottis et apporter de la brillance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-item\"\u003e\n\u003cdiv class=\"jjb-timeline-number\"\u003e6\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-content\"\u003e\n\u003ch3\u003eMassage du cuir chevelu\u003c\/h3\u003e\n\u003cp\u003eUne fois par semaine, massez délicatement votre cuir chevelu avec quelques gouttes pour stimuler la circulation sanguine et favoriser la santé de vos cheveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"jjb-section\"\u003e\n\u003ch2\u003ePour qui est faite cette huile ?\u003c\/h2\u003e\n\u003cp class=\"jjb-section-intro\"\u003eLa beauté de l'huile de jojoba réside dans son universalité. Elle s'adapte à tous les besoins.\u003c\/p\u003e\n\u003cdiv class=\"jjb-grid-compact\"\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🌟 Peaux grasses \u0026amp; mixtes\u003c\/h3\u003e\n\u003cp\u003eRégule le sébum sans aggraver les imperfections\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e💧 Peaux sèches\u003c\/h3\u003e\n\u003cp\u003eNutrition et confort en profondeur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🕐 Peaux matures\u003c\/h3\u003e\n\u003cp\u003ePréserve éclat et élasticité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eSoin doux et apaisant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e💇 Cheveux fragilisés\u003c\/h3\u003e\n\u003cp\u003eCure de vitalité et brillance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🧴 Cuirs chevelus\u003c\/h3\u003e\n\u003cp\u003eRééquilibre gras ou pellicules\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"jjb-section\"\u003e\n\u003ch2\u003eLa qualité Najel : une huile d'exception\u003c\/h2\u003e\n\u003cdiv class=\"jjb-grid\"\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🏅 Cosmos Organic Ecocert\u003c\/h3\u003e\n\u003cp\u003eCertification garantissant une huile issue de l'agriculture biologique, produite dans le respect de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e❄️ Première pression à froid\u003c\/h3\u003e\n\u003cp\u003eMéthode d'extraction douce qui préserve l'intégralité des nutriments et principes actifs de la graine de jojoba.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e💎 Pureté absolue\u003c\/h3\u003e\n\u003cp\u003eAucun additif, aucun conservateur, aucun parfum ajouté. Une huile 100% pure et naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🇵🇪 Origine Pérou\u003c\/h3\u003e\n\u003cp\u003eFabriquée avec soin au Pérou, berceau des plantations de jojoba de qualité supérieure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e📦 Format pratique 80 ml\u003c\/h3\u003e\n\u003cp\u003eFlacon avec pompe permettant un dosage précis et une utilisation hygiénique au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"jjb-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"jjb-testimonial\"\u003e\n\u003cp class=\"jjb-testimonial-text\"\u003e\u003cstrong\u003eIngrédient unique :\u003c\/strong\u003e Simmondsia Chinensis (Jojoba) Seed Oil*\u003c\/p\u003e\n\u003cp style=\"margin-top: 1rem; font-style: normal; font-size: 14px; color: var(--jjb-text-light);\"\u003e*100% des ingrédients sont issus de l'agriculture biologique.\u003c\/p\u003e\n\u003cp style=\"margin-top: 0.5rem; font-style: normal; font-size: 14px; color: var(--jjb-text-light);\"\u003eCertifié Cosmos Organic par Ecocert Greenlife selon le référentiel Cosmos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"jjb-section\"\u003e\n\u003ch2\u003eConseils de conservation\u003c\/h2\u003e\n\u003cdiv class=\"jjb-accordion\"\u003e\n\u003cdetails class=\"jjb-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"jjb-accordion-header\"\u003e🧊 Conservation optimale\u003c\/summary\u003e\n\u003cdiv class=\"jjb-accordion-content\"\u003e\n\u003cp\u003eConservez votre huile de jojoba à l'abri de la lumière directe et de la chaleur excessive. Grâce à sa composition stable, elle se conserve naturellement plusieurs mois après ouverture sans altération de ses propriétés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"jjb-accordion-item\"\u003e\n\u003csummary class=\"jjb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"jjb-accordion-content\"\u003e\n\u003cp\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"jjb-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"jjb-cta-box\"\u003e\n\u003cp\u003e✨ Faites le choix d'une beauté simple et authentique avec l'huile de jojoba certifiée bio de Najel. Un seul ingrédient, des bienfaits multiples pour votre peau et vos cheveux. Intégrez-la dès maintenant à votre routine et découvrez par vous-même pourquoi cette huile est devenue un incontournable des soins naturels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --jjb-cream: #F7F5F0;\n --jjb-white: #ffffff;\n --jjb-primary: #C9A86C;\n --jjb-primary-dark: #8B7355;\n --jjb-primary-light: #F5EDE0;\n --jjb-secondary: #D4A574;\n --jjb-accent: #A67C52;\n --jjb-text: #2D2A26;\n --jjb-text-light: #6B635A;\n --jjb-border: #E8E2D9;\n --jjb-shadow: 0 4px 24px rgba(139,115,85,.08);\n --jjb-shadow-lg: 0 12px 48px rgba(139,115,85,.15);\n --jjb-radius: 20px;\n --jjb-radius-sm: 12px;\n}\n\n.jjb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--jjb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.jjb-hero {\n position: relative;\n background: linear-gradient(135deg, #C9A86C 0%, #D4A574 50%, #A67C52 100%);\n border-radius: var(--jjb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--jjb-shadow-lg);\n}\n\n.jjb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2.5 0-4.5 2-4.5 4.5S27.5 14 30 14s4.5-2 4.5-4.5S32.5 5 30 5zm0 41c-2.5 0-4.5 2-4.5 4.5S27.5 55 30 55s4.5-2 4.5-4.5S32.5 46 30 46zm-20-20c0-2.5-2-4.5-4.5-4.5S1 23.5 1 26s2 4.5 4.5 4.5S10 28.5 10 26zm49 0c0-2.5-2-4.5-4.5-4.5S50 23.5 50 26s2 4.5 4.5 4.5S59 28.5 59 26z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.jjb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.jjb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.jjb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--jjb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.jjb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.jjb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.jjb-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.jjb-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.jjb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.jjb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--jjb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.jjb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--jjb-primary), var(--jjb-secondary));\n border-radius: 2px;\n}\n\n.jjb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--jjb-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.jjb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.25rem;\n}\n\n.jjb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.jjb-card {\n background: var(--jjb-white);\n border-radius: var(--jjb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--jjb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.jjb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--jjb-shadow-lg);\n border-color: var(--jjb-primary);\n}\n\n.jjb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--jjb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.jjb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--jjb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.jjb-grid-compact .jjb-card {\n padding: 1rem;\n}\n\n.jjb-grid-compact .jjb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.jjb-grid-compact .jjb-card p {\n font-size: 12px;\n}\n\n.jjb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.jjb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.jjb-timeline-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--jjb-primary), var(--jjb-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 18px;\n box-shadow: 0 4px 12px rgba(201,168,108,.3);\n}\n\n.jjb-timeline-content {\n flex: 1;\n background: var(--jjb-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--jjb-radius-sm);\n box-shadow: var(--jjb-shadow);\n}\n\n.jjb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--jjb-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.jjb-timeline-content p {\n font-size: 14px;\n color: var(--jjb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.jjb-testimonial {\n background: var(--jjb-white);\n border-radius: var(--jjb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--jjb-shadow);\n border-left: 4px solid var(--jjb-primary);\n text-align: center;\n}\n\n.jjb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--jjb-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.jjb-accordion {\n background: var(--jjb-white);\n border-radius: var(--jjb-radius);\n box-shadow: var(--jjb-shadow);\n overflow: hidden;\n}\n\n.jjb-accordion-item {\n border-bottom: 1px solid var(--jjb-border);\n margin: 0;\n padding: 0;\n}\n\n.jjb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.jjb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--jjb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.jjb-accordion-header:hover {\n background: var(--jjb-primary-light);\n}\n\n.jjb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.jjb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--jjb-primary);\n transition: transform .2s ease;\n}\n\n.jjb-accordion-item[open] .jjb-accordion-header::after {\n content: '−';\n}\n\n.jjb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--jjb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.jjb-accordion-content p {\n margin: 0;\n}\n\n.jjb-cta-box {\n background: linear-gradient(135deg, var(--jjb-primary) 0%, var(--jjb-primary-dark) 100%);\n border-radius: var(--jjb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.jjb-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .jjb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .jjb-card {\n padding: 1.125rem;\n }\n \n .jjb-section {\n margin-bottom: 1.75rem;\n }\n \n .jjb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--jjb-radius-sm);\n }\n \n .jjb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .jjb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .jjb-grid-compact {\n gap: .625rem;\n }\n \n .jjb-grid-compact .jjb-card {\n padding: .75rem;\n }\n \n .jjb-timeline-number {\n width: 36px;\n height: 36px;\n font-size: 15px;\n }\n \n .jjb-timeline-content {\n padding: 1rem 1.125rem;\n }\n \n .jjb-timeline-content h3 {\n font-size: 14px;\n }\n \n .jjb-timeline-content p {\n font-size: 13px;\n }\n \n .jjb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .jjb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .jjb-testimonial {\n padding: 1.25rem;\n }\n \n .jjb-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .jjb-card {\n animation: jjbFadeInUp .5s ease backwards;\n }\n .jjb-card:nth-child(1) { animation-delay: .05s; }\n .jjb-card:nth-child(2) { animation-delay: .1s; }\n .jjb-card:nth-child(3) { animation-delay: .15s; }\n .jjb-card:nth-child(4) { animation-delay: .2s; }\n .jjb-card:nth-child(5) { animation-delay: .25s; }\n .jjb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes jjbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .jjb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54931040371065,"sku":"NJ0215","price":12.4,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-jojoba-certifiee-bio-80-ml-najel-lifestyle.webp?v=1769090755"},{"product_id":"beurre-de-karite-vanille-najel","title":"Beurre de Karité Parfum Vanille - 100 g - Najel","description":"\u003cdiv class=\"nk-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"nk-hero\"\u003e\n\u003cdiv class=\"nk-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"nk-hero-content\"\u003e\n\u003cdiv class=\"nk-badges-top\"\u003e\n\u003cspan class=\"nk-badge\"\u003e🌿 Certifié Cosmos Organic\u003c\/span\u003e \u003cspan class=\"nk-badge\"\u003e🍃 100% naturel\u003c\/span\u003e \u003cspan class=\"nk-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"nk-hero-title\"\u003eBeurre de Karité Parfum Vanille\u003c\/span\u003e\n\u003cp class=\"nk-subtitle\"\u003eNajel • 100 g de douceur bio\u003c\/p\u003e\n\u003cp class=\"nk-description\"\u003eUn soin onctueux et gourmand pour nourrir intensément votre peau et vos cheveux, tout en vous enveloppant d'une fragrance vanillée irrésistible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"nk-section\"\u003e\n\u003ch2\u003eQu'est-ce que le beurre de karité et pourquoi l'adopter ?\u003c\/h2\u003e\n\u003cp class=\"nk-section-intro\"\u003eExtrait des noix du karité, un arbre majestueux des savanes d'Afrique de l'Ouest, ce trésor végétal est utilisé depuis des siècles pour ses propriétés exceptionnelles.\u003c\/p\u003e\n\u003cdiv class=\"nk-grid\"\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n\u003cp\u003ePénètre les couches de l'épiderme pour nourrir les peaux les plus desséchées en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🩹 Réparation \u0026amp; apaisement\u003c\/h3\u003e\n\u003cp\u003eRépare et calme les épidermes fragilisés, irrités ou agressés par le quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🛡️ Protection naturelle\u003c\/h3\u003e\n\u003cp\u003eCrée un bouclier contre le froid, le vent et la pollution pour préserver votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e✨ Nutrition capillaire\u003c\/h3\u003e\n\u003cp\u003eRevitalise les cheveux secs, abîmés ou crépus en leur redonnant souplesse et brillance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-tip\"\u003e\n\u003cspan class=\"nk-tip-icon\"\u003e🔬\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eRichesse nutritive :\u003c\/strong\u003e acides gras essentiels (oléique, stéarique, linoléique) + vitamines A, D, E et F pour une efficacité maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"nk-section\"\u003e\n\u003ch2\u003eLes atouts de ce beurre de karité \u003c\/h2\u003e\n\u003cdiv class=\"nk-grid\"\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🍦 Parfum vanille naturel\u003c\/h3\u003e\n\u003cp\u003eUn véritable extrait de vanille (pas un arôme synthétique) transforme chaque application en moment de bien-être.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🌱 Cosmos Organic certifié\u003c\/h3\u003e\n\u003cp\u003eGarantie d'un produit bio respectueux de votre peau et de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🧈 Texture fondante\u003c\/h3\u003e\n\u003cp\u003eSe liquéfie instantanément au contact de la chaleur corporelle pour une absorption optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e👩🌾 Production éthique\u003c\/h3\u003e\n\u003cp\u003ePartenariat avec des coopératives de femmes au Burkina Faso pour un commerce équitable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🧴 Format nomade 100 g\u003c\/h3\u003e\n\u003cp\u003eCompact et pratique, il se glisse facilement dans votre sac ou vos bagages.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🚫 Zéro additif\u003c\/h3\u003e\n\u003cp\u003e100% d'ingrédients d'origine naturelle, sans conservateur chimique ni parfum artificiel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"nk-section\"\u003e\n\u003ch2\u003eComment utiliser le beurre de karité sur les cheveux ?\u003c\/h2\u003e\n\u003cp class=\"nk-section-intro\"\u003eCheveux secs, frisés, crépus ou en quête de brillance : découvrez trois façons d'intégrer ce soin à votre routine capillaire.\u003c\/p\u003e\n\u003cdiv class=\"nk-timeline\"\u003e\n\u003cdiv class=\"nk-timeline-item\"\u003e\n\u003cdiv class=\"nk-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"nk-timeline-content\"\u003e\n\u003ch3\u003e🧖♀️ Masque avant-shampoing\u003c\/h3\u003e\n\u003cp\u003eAppliquez généreusement sur cheveux secs, des racines aux pointes. Laissez poser 30 min à 1h (ou toute la nuit pour un soin intensif), puis procédez au shampoing.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-timeline-item\"\u003e\n\u003cdiv class=\"nk-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"nk-timeline-content\"\u003e\n\u003ch3\u003e💆 Soin sans rinçage\u003c\/h3\u003e\n\u003cp\u003eFaites fondre une petite quantité entre vos paumes et appliquez sur les pointes sèches ou fourchues. Scelle l'hydratation et prévient la casse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-timeline-item\"\u003e\n\u003cdiv class=\"nk-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"nk-timeline-content\"\u003e\n\u003ch3\u003e🌀 Définition des boucles\u003c\/h3\u003e\n\u003cp\u003eSur cheveux humides, travaillez une noisette pour définir vos boucles et lutter contre les frisottis. La fragrance vanillée parfume délicatement votre chevelure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"nk-section\"\u003e\n\u003ch2\u003eLes bienfaits pour le visage et le corps\u003c\/h2\u003e\n\u003cdiv class=\"nk-grid-compact\"\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e😴 Visage\u003c\/h3\u003e\n\u003cp\u003eCrème de nuit peaux très sèches ou baume à lèvres naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🚿 Corps\u003c\/h3\u003e\n\u003cp\u003eAprès la douche sur peau humide pour une hydratation optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🦶 Zones rugueuses\u003c\/h3\u003e\n\u003cp\u003eCoudes, genoux, talons retrouvent douceur et souplesse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e☀️ Après-soleil\u003c\/h3\u003e\n\u003cp\u003eApaise et répare la peau après une exposition\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🪒 Après-rasage\u003c\/h3\u003e\n\u003cp\u003eCalme les irritations et nourrit l'épiderme fragilisé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🤰 Vergetures\u003c\/h3\u003e\n\u003cp\u003eAméliore l'élasticité et aide à prévenir les marques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"nk-section\"\u003e\n\u003ch2\u003eComposition complète\u003c\/h2\u003e\n\u003cdiv class=\"nk-composition-box\"\u003e\n\u003cp class=\"nk-inci\"\u003e\u003cstrong\u003eINCI :\u003c\/strong\u003e Butyrospermum Parkii Butter*, Vanilla Planifolia Fruit Extract, Tocopherol, Helianthus Annuus Seed Oil.\u003c\/p\u003e\n\u003cp class=\"nk-bio-note\"\u003e*Ingrédient issu de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-grid\"\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🧈 Beurre de karité pur\u003c\/h3\u003e\n\u003cp\u003eButyrospermum Parkii Butter – agent nourrissant et protecteur principal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🍦 Extrait de vanille\u003c\/h3\u003e\n\u003cp\u003eVanilla Planifolia – parfum naturel gourmand et enveloppant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e💊 Vitamine E\u003c\/h3\u003e\n\u003cp\u003eTocopherol – antioxydant naturel qui protège la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🌻 Huile de tournesol\u003c\/h3\u003e\n\u003cp\u003eHelianthus Annuus – émollient naturel pour une texture parfaite\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"nk-section\"\u003e\n\u003ch2\u003eConseils d'application pour un résultat optimal\u003c\/h2\u003e\n\u003cdiv class=\"nk-timeline\"\u003e\n\u003cdiv class=\"nk-timeline-item\"\u003e\n\u003cdiv class=\"nk-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"nk-timeline-content\"\u003e\n\u003ch3\u003ePrélevez\u003c\/h3\u003e\n\u003cp\u003eUne petite quantité suffit : environ une noisette selon la zone à traiter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-timeline-item\"\u003e\n\u003cdiv class=\"nk-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"nk-timeline-content\"\u003e\n\u003ch3\u003eRéchauffez\u003c\/h3\u003e\n\u003cp\u003eFaites fondre le beurre entre vos paumes jusqu'à obtenir une texture huileuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-timeline-item\"\u003e\n\u003cdiv class=\"nk-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"nk-timeline-content\"\u003e\n\u003ch3\u003eMassez\u003c\/h3\u003e\n\u003cp\u003eAppliquez en mouvements circulaires sur la zone souhaitée (évitez le contour des yeux).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-timeline-item\"\u003e\n\u003cdiv class=\"nk-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"nk-timeline-content\"\u003e\n\u003ch3\u003eLaissez agir\u003c\/h3\u003e\n\u003cp\u003eUtilisez de préférence le soir pour laisser le produit pénétrer pendant la nuit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-tip\"\u003e\n\u003cspan class=\"nk-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e par temps froid, le beurre peut durcir. Placez le pot quelques minutes près d'une source de chaleur douce pour retrouver sa texture onctueuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"nk-section\"\u003e\n\u003ch2\u003ePourquoi choisir Najel plutôt qu'un autre beurre de karité ?\u003c\/h2\u003e\n\u003cdiv class=\"nk-grid\"\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🤝 Engagement éthique\u003c\/h3\u003e\n\u003cp\u003eSoutien aux productrices africaines via un commerce équitable et responsable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e✅ Double certification\u003c\/h3\u003e\n\u003cp\u003eCosmos Organic + origine 100% naturelle vérifiée et contrôlée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🍦 Parfum authentique\u003c\/h3\u003e\n\u003cp\u003eVéritable extrait de vanille, pas un arôme synthétique comme chez d'autres.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e💰 Excellent rapport qualité-prix\u003c\/h3\u003e\n\u003cp\u003e100 g de beurre premium certifié bio à un tarif accessible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🎯 Polyvalence totale\u003c\/h3\u003e\n\u003cp\u003eUn seul produit pour le visage, le corps et les cheveux : simplifiez votre routine !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"nk-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce soin ?\u003c\/h2\u003e\n\u003cdiv class=\"nk-grid-compact\"\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🏜️ Peaux sèches\u003c\/h3\u003e\n\u003cp\u003eHydratation intense pour les peaux en manque\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eFormule douce et naturelle bien tolérée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e💇♀️ Cheveux secs\u003c\/h3\u003e\n\u003cp\u003eSecs, abîmés, colorés ou crépus\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n\u003cp\u003eAlternative aux crèmes conventionnelles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e👨👩👧👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eConvient à tous, des plus petits aux plus grands\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nk-card\"\u003e\n\u003ch3\u003e🍪 Gourmand(e)s\u003c\/h3\u003e\n\u003cp\u003eAmateurs de parfums doux et réconfortants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 9 --\u003e\n\u003csection class=\"nk-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"nk-accordion\"\u003e\n\u003cdetails class=\"nk-accordion-item\"\u003e\n\u003csummary class=\"nk-accordion-header\"\u003e🧪 Test préalable\u003c\/summary\u003e\n\u003cdiv class=\"nk-accordion-content\"\u003e\n\u003cp\u003eEffectuez un test dans le pli du coude 24h avant la première utilisation en cas de peau très réactive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"nk-accordion-item\"\u003e\n\u003csummary class=\"nk-accordion-header\"\u003e👁️ Contact avec les yeux\u003c\/summary\u003e\n\u003cdiv class=\"nk-accordion-content\"\u003e\n\u003cp\u003eÉvitez le contact avec les yeux et le contour des yeux lors de l'application.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"nk-accordion-item\"\u003e\n\u003csummary class=\"nk-accordion-header\"\u003e🌡️ Conservation\u003c\/summary\u003e\n\u003cdiv class=\"nk-accordion-content\"\u003e\n\u003cp\u003eConservez à l'abri de la chaleur et de la lumière directe pour préserver toutes les qualités du produit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"nk-accordion-item\"\u003e\n\u003csummary class=\"nk-accordion-header\"\u003e🥜 Allergies aux fruits à coque\u003c\/summary\u003e\n\u003cdiv class=\"nk-accordion-content\"\u003e\n\u003cp\u003eLes personnes allergiques aux fruits à coque doivent consulter un professionnel de santé avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"nk-disclaimer\"\u003eCe produit cosmétique ne remplace pas un avis médical en cas de problème dermatologique persistant.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --nk-cream: #FDF8F6;\n --nk-white: #ffffff;\n --nk-primary: #D4A5A0;\n --nk-primary-dark: #8B5A55;\n --nk-primary-light: #F5E8E6;\n --nk-secondary: #2D2926;\n --nk-accent: #C9956C;\n --nk-text: #1a1a1a;\n --nk-text-light: #5a5a5a;\n --nk-border: #e8e0de;\n --nk-shadow: 0 4px 24px rgba(139,90,85,.08);\n --nk-shadow-lg: 0 12px 48px rgba(139,90,85,.15);\n --nk-radius: 20px;\n --nk-radius-sm: 12px;\n}\n\n.nk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nk-hero {\n position: relative;\n background: linear-gradient(135deg, var(--nk-primary) 0%, var(--nk-primary-dark) 50%, var(--nk-secondary) 100%);\n border-radius: var(--nk-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--nk-shadow-lg);\n}\n\n.nk-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(201,149,108,.2) 0%, transparent 50%);\n opacity: .6;\n}\n\n.nk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.nk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nk-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--nk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.nk-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.nk-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.nk-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.nk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nk-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.nk-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--nk-primary), var(--nk-accent));\n border-radius: 2px;\n}\n\n.nk-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nk-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.nk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.nk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.nk-card {\n background: var(--nk-white);\n border-radius: var(--nk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nk-shadow-lg);\n border-color: var(--nk-primary);\n}\n\n.nk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.nk-grid-compact .nk-card {\n padding: 1rem;\n}\n\n.nk-grid-compact .nk-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nk-grid-compact .nk-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.nk-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nk-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nk-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nk-primary), var(--nk-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(212,165,160,.4);\n}\n\n.nk-timeline-content {\n flex: 1;\n background: var(--nk-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nk-radius-sm);\n box-shadow: var(--nk-shadow);\n}\n\n.nk-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nk-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nk-timeline-content p {\n font-size: 14px;\n color: var(--nk-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.nk-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nk-primary-light);\n border-radius: var(--nk-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.nk-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nk-tip p {\n font-size: 14px;\n color: var(--nk-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.nk-composition-box {\n background: var(--nk-white);\n border-radius: var(--nk-radius);\n padding: 1.5rem;\n margin-bottom: 1.5rem;\n box-shadow: var(--nk-shadow);\n border-left: 4px solid var(--nk-accent);\n}\n\n.nk-inci {\n font-size: 14px;\n color: var(--nk-text);\n margin: 0 0 .5rem 0;\n line-height: 1.6;\n font-family: 'Courier New', monospace;\n}\n\n.nk-bio-note {\n font-size: 13px;\n color: var(--nk-primary-dark);\n margin: 0;\n font-style: italic;\n}\n\n\/* === ACCORDÉON === *\/\n.nk-accordion {\n background: var(--nk-white);\n border-radius: var(--nk-radius);\n box-shadow: var(--nk-shadow);\n overflow: hidden;\n}\n\n.nk-accordion-item {\n border-bottom: 1px solid var(--nk-border);\n margin: 0;\n padding: 0;\n}\n\n.nk-accordion-item:last-child {\n border-bottom: none;\n}\n\n.nk-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--nk-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.nk-accordion-header:hover {\n background: var(--nk-primary-light);\n}\n\n.nk-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.nk-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--nk-primary);\n transition: transform .2s ease;\n}\n\n.nk-accordion-item[open] .nk-accordion-header::after {\n content: '−';\n}\n\n.nk-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--nk-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.nk-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.nk-disclaimer {\n font-size: 12px;\n color: var(--nk-text-light);\n text-align: center;\n margin-top: 1.5rem;\n font-style: italic;\n padding: 1rem;\n background: var(--nk-primary-light);\n border-radius: var(--nk-radius-sm);\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .nk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .nk-card {\n padding: 1.125rem;\n }\n \n .nk-section {\n margin-bottom: 1.75rem;\n }\n \n .nk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nk-radius-sm);\n }\n \n .nk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .nk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .nk-grid-compact {\n gap: .625rem;\n }\n \n .nk-grid-compact .nk-card {\n padding: .75rem;\n }\n \n .nk-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .nk-timeline-content {\n padding: .875rem 1rem;\n }\n \n .nk-timeline-content h3 {\n font-size: 14px;\n }\n \n .nk-timeline-content p {\n font-size: 13px;\n }\n \n .nk-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .nk-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .nk-composition-box {\n padding: 1rem;\n }\n \n .nk-badges-top {\n gap: 6px;\n }\n \n .nk-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .nk-card {\n animation: fadeInUp .5s ease backwards;\n }\n .nk-card:nth-child(1) { animation-delay: .05s; }\n .nk-card:nth-child(2) { animation-delay: .1s; }\n .nk-card:nth-child(3) { animation-delay: .15s; }\n .nk-card:nth-child(4) { animation-delay: .2s; }\n .nk-card:nth-child(5) { animation-delay: .25s; }\n .nk-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .nk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54931099779449,"sku":"NJ0235","price":6.91,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/beurre-de-karite-parfum-vanille-100-g-najel-lifestyle_a692b262-6fa2-4aa6-841c-212786eaf8db.webp?v=1778150449"},{"product_id":"lait-corps-fleur-de-tiare-najel","title":"Lait Corps Fleur de Tiaré Bio – 200 ml – Najel","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Lait Corps Fleur de Tiaré Bio – 200 ml – Najel\nPalette détectée:\n - Primaire: #E85A4F (corail\/terracotta chaud du packaging)\n - Secondaire: #F8B4A0 (rose pêche clair)\n - Accent: #D4453A (rouge terracotta profond)\nAmbiance: Solaire, féminin, naturel\/bio, évocateur des tropiques et de la Polynésie. Style épuré avec touches florales, chaleureux et lumineux.\nPréfixe CSS: nj\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Pourquoi choisir ce lait hydratant pour le corps ?\"\n 2. \"Une synergie d'actifs naturels aux bienfaits reconnus\"\n 3. \"Le parfum envoûtant de la fleur de tiaré\"\n 4. \"À qui s'adresse ce lait hydratant pour le corps ?\"\n 5. \"Comment utiliser votre lait corps Najel au quotidien ?\"\n 6. \"Liste complète des ingrédients (INCI)\"\n 7. \"Les engagements qualité Najel\"\n 8. \"Format et conservation\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"nj-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"nj-hero\"\u003e\n \u003cdiv class=\"nj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nj-hero-content\"\u003e\n \u003cdiv class=\"nj-badges-top\"\u003e\n \u003cspan class=\"nj-badge\"\u003e🌿 99% naturel\u003c\/span\u003e\n \u003cspan class=\"nj-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"nj-badge\"\u003e🌺 Parfum Tiaré\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"nj-hero-title\"\u003eLait Corps Fleur de Tiaré Bio\u003c\/span\u003e\n \u003cp class=\"nj-subtitle\"\u003ePar Najel • 200 ml\u003c\/p\u003e\n \u003cp class=\"nj-description\"\u003eUn voyage sensoriel au cœur de la Polynésie. Hydratation intense et parfum envoûtant pour une peau douce et veloutée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce lait hydratant pour le corps ?\u003c\/h2\u003e\n \u003cp class=\"nj-section-intro\"\u003eTrouver le meilleur lait hydratant corps n'est pas toujours simple. Ce lait bio Najel se distingue par sa triple action exceptionnelle.\u003c\/p\u003e\n \u003cdiv class=\"nj-grid\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003ePénètre rapidement sans effet collant ni film gras pour un confort immédiat\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🧈 Nutrition durable\u003c\/h3\u003e\n \u003cp\u003eNourrit la peau tout au long de la journée grâce au beurre de karité bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🌺 Confort sensoriel\u003c\/h3\u003e\n \u003cp\u003eParfum délicat de fleur de tiaré évocateur des lagons polynésiens\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-tip\"\u003e\n \u003cspan class=\"nj-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eIdéal pour les peaux très sèches :\u003c\/strong\u003e cette formule enrichie en huiles végétales précieuses apporte le réconfort dont votre épiderme a besoin, même pendant les périodes de froid ou de stress cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eUne synergie d'actifs naturels aux bienfaits reconnus\u003c\/h2\u003e\n \u003cp class=\"nj-section-intro\"\u003eLa force de ce lait corps bio réside dans l'association de trois ingrédients stars, sélectionnés pour leurs propriétés complémentaires.\u003c\/p\u003e\n \u003cdiv class=\"nj-grid\"\u003e\n \u003cdiv class=\"nj-card nj-card-ingredient\"\u003e\n \u003ch3\u003e🌰 Huile d'amande douce bio\u003c\/h3\u003e\n \u003cp\u003eVéritable alliée des peaux sensibles et déshydratées. Elle assouplit la peau, atténue les sensations de tiraillement et favorise la régénération cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card nj-card-ingredient\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eRiche en antioxydants et en acides gras essentiels. Elle protège la barrière cutanée et apporte souplesse et éclat aux peaux ternes ou fatiguées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card nj-card-ingredient\"\u003e\n \u003ch3\u003e🧴 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eEnveloppe la peau d'un voile protecteur sans obstruer les pores. Particulièrement recommandé pour les peaux sèches à très sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eLe parfum envoûtant de la fleur de tiaré\u003c\/h2\u003e\n \u003cdiv class=\"nj-fragrance-box\"\u003e\n \u003cdiv class=\"nj-fragrance-icon\"\u003e🌺\u003c\/div\u003e\n \u003cdiv class=\"nj-fragrance-content\"\u003e\n \u003cp\u003eAu-delà de son efficacité hydratante, ce soin vous offre une véritable \u003cstrong\u003eexpérience olfactive\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cp\u003eLa \u003cstrong\u003efleur de tiaré\u003c\/strong\u003e, emblème de Tahiti et symbole de beauté dans la culture polynésienne, libère des notes florales suaves et solaires.\u003c\/p\u003e\n \u003cp class=\"nj-fragrance-highlight\"\u003eChaque application devient un moment d'évasion, une parenthèse de douceur dans votre quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce lait hydratant pour le corps ?\u003c\/h2\u003e\n \u003cdiv class=\"nj-grid-compact\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🏜️ Peaux sèches\u003c\/h3\u003e\n \u003cp\u003eNutrition intense pour peaux assoiffées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eFormules douces et naturelles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n \u003cp\u003eSans ingrédients synthétiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e✨ Amateurs de bien-être\u003c\/h3\u003e\n \u003cp\u003eEfficacité et plaisir des sens\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eComment utiliser votre lait corps Najel au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"nj-timeline\"\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n \u003cp\u003eAprès la douche ou le bain, lorsque la peau est encore légèrement humide pour optimiser l'absorption\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eQuantité\u003c\/h3\u003e\n \u003cp\u003eUne à deux pressions de pompe suffisent pour chaque zone du corps\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eApplication\u003c\/h3\u003e\n \u003cp\u003eMassez en mouvements circulaires en remontant vers le cœur pour stimuler la circulation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eFréquence\u003c\/h3\u003e\n \u003cp\u003eUtilisez quotidiennement pour maintenir une hydratation optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-tip\"\u003e\n \u003cspan class=\"nj-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e insistez sur les zones particulièrement sèches comme les coudes, les genoux et les talons. Vous pouvez également l'appliquer le soir avant le coucher pour laisser les actifs agir pendant la nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"nj-inci-box\"\u003e\n \u003cp\u003eAqua, Prunus Amygdalus Dulcis Oil*, Glycerin, Olea Europaea Fruit Oil*, Butyrospermum Parkii Butter*, Cetearyl Alcohol, Glyceryl Stearate, Sodium Stearoyl Glutamate, Parfum, Xanthan Gum, Chamomilla Recutita Flower Water*, Benzyl Alcohol, Potassium Sorbate, Sodium Benzoate, Dehydroacetic Acid, Tocopherol, Citric Acid, Linalool, Geraniol, Citronellol, Coumarin.\u003c\/p\u003e\n \u003cp class=\"nj-inci-note\"\u003e*Ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eLes engagements qualité Najel\u003c\/h2\u003e\n \u003cdiv class=\"nj-grid-compact\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e✅ Certifié COSMOS Organic\u003c\/h3\u003e\n \u003cp\u003ePar Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🌿 99% naturel\u003c\/h3\u003e\n \u003cp\u003eIngrédients d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eNormes les plus exigeantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🚫 Sans indésirables\u003c\/h3\u003e\n \u003cp\u003eSans parabènes, silicones, huiles minérales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🐰 Cruelty free\u003c\/h3\u003e\n \u003cp\u003eNon testé sur les animaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eFlacon recyclable avec pompe\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"nj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eFormat et conservation\u003c\/h2\u003e\n \u003cdiv class=\"nj-cta-box\"\u003e\n \u003cp\u003e🌺 Flacon pompe de \u003cstrong\u003e200 ml\u003c\/strong\u003e — format pratique pour plusieurs semaines d'utilisation quotidienne\u003c\/p\u003e\n \u003cp\u003eConservez à l'abri de la chaleur et de la lumière directe pour préserver toutes ses qualités.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"nj-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --nj-cream: #FFF9F5;\n --nj-white: #ffffff;\n --nj-primary: #E85A4F;\n --nj-primary-dark: #C44538;\n --nj-primary-light: #FDEAE8;\n --nj-secondary: #F8B4A0;\n --nj-accent: #D4453A;\n\n \/* Textes *\/\n --nj-text: #1a1a1a;\n --nj-text-light: #5a5a5a;\n\n \/* Effets *\/\n --nj-border: #f0e6e4;\n --nj-shadow: 0 4px 24px rgba(232,90,79,.08);\n --nj-shadow-lg: 0 12px 48px rgba(232,90,79,.15);\n --nj-radius: 20px;\n --nj-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.nj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nj-hero {\n position: relative;\n background: linear-gradient(135deg, #E85A4F 0%, #F8B4A0 50%, #FFDDD2 100%);\n border-radius: var(--nj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--nj-shadow-lg);\n}\n\n.nj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.nj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.nj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.nj-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n}\n\n.nj-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.nj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--nj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.nj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.nj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--nj-primary), var(--nj-secondary));\n border-radius: 2px;\n}\n\n.nj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nj-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.nj-card {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nj-shadow-lg);\n border-color: var(--nj-primary);\n}\n\n.nj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.nj-card-ingredient p {\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.nj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.nj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.nj-grid-compact .nj-card {\n padding: 1rem;\n}\n\n.nj-grid-compact .nj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nj-grid-compact .nj-card p {\n font-size: 12px;\n}\n\n\/* === FRAGRANCE BOX === *\/\n.nj-fragrance-box {\n background: linear-gradient(135deg, var(--nj-primary-light) 0%, #fff 100%);\n border-radius: var(--nj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n text-align: center;\n border: 2px solid var(--nj-secondary);\n}\n\n.nj-fragrance-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.nj-fragrance-content p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nj-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.nj-fragrance-content p:last-child {\n margin-bottom: 0;\n}\n\n.nj-fragrance-highlight {\n font-weight: 700;\n color: var(--nj-primary-dark);\n font-style: italic;\n}\n\n\/* === TIMELINE === *\/\n.nj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nj-primary), var(--nj-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.nj-timeline-content {\n flex: 1;\n background: var(--nj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nj-radius-sm);\n box-shadow: var(--nj-shadow);\n}\n\n.nj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nj-timeline-content p {\n font-size: 14px;\n color: var(--nj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.nj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nj-primary-light);\n border-radius: var(--nj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.nj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nj-tip p {\n font-size: 14px;\n color: var(--nj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INCI BOX === *\/\n.nj-inci-box {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nj-shadow);\n}\n\n.nj-inci-box p {\n font-size: 13px;\n color: var(--nj-text-light);\n line-height: 1.8;\n margin: 0;\n}\n\n.nj-inci-note {\n margin-top: 1rem !important;\n font-style: italic;\n color: var(--nj-primary-dark) !important;\n font-weight: 600;\n}\n\n\/* === CTA FINAL === *\/\n.nj-cta-box {\n background: linear-gradient(135deg, var(--nj-primary) 0%, var(--nj-primary-dark) 100%);\n border-radius: var(--nj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.nj-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0 0 .75rem 0;\n}\n\n.nj-cta-box p:last-child {\n margin-bottom: 0;\n font-weight: 400;\n font-size: clamp(14px, 2vw, 16px);\n}\n\n\/* === DISCLAIMER === *\/\n.nj-disclaimer {\n font-size: 12px;\n color: var(--nj-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .nj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .nj-card {\n padding: 1.125rem;\n }\n \n .nj-section {\n margin-bottom: 1.75rem;\n }\n \n .nj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nj-radius-sm);\n }\n \n .nj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .nj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .nj-grid-compact {\n gap: .625rem;\n }\n \n .nj-grid-compact .nj-card {\n padding: .75rem;\n }\n \n .nj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .nj-timeline-content {\n padding: .875rem 1rem;\n }\n \n .nj-timeline-content h3 {\n font-size: 14px;\n }\n \n .nj-timeline-content p {\n font-size: 13px;\n }\n \n .nj-fragrance-icon {\n font-size: 36px;\n }\n \n .nj-fragrance-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .nj-card {\n animation: fadeInUp .5s ease backwards;\n }\n .nj-card:nth-child(1) { animation-delay: .05s; }\n .nj-card:nth-child(2) { animation-delay: .1s; }\n .nj-card:nth-child(3) { animation-delay: .15s; }\n .nj-card:nth-child(4) { animation-delay: .2s; }\n .nj-card:nth-child(5) { animation-delay: .25s; }\n .nj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .nj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54931117834617,"sku":"NJ0240","price":8.7,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lait-corps-fleur-de-tiare-bio-200-ml-najel-lifestyle.webp?v=1769415565"},{"product_id":"baume-soin-coco-bio-najel","title":"Baume soin coco Najel 100 g – Réparateur et protecteur","description":"\u003cdiv class=\"njc-premium\"\u003e\n \u003cdiv class=\"njc-hero\"\u003e\n \u003cdiv class=\"njc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"njc-hero-content\"\u003e\n \u003cdiv class=\"njc-badges-top\"\u003e\n \u003cspan class=\"njc-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"njc-badge\"\u003e✨ Score Yuka 100\/100\u003c\/span\u003e\n \u003cspan class=\"njc-badge\"\u003e🥥 Parfum Coco\u003c\/span\u003e\n \u003cspan class=\"njc-badge\"\u003e💯 100% Naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"njc-hero-title\"\u003eBaume Soin Coco Najel\u003c\/span\u003e\n \u003cp class=\"njc-subtitle\"\u003eRéparateur \u0026amp; protecteur — 100 g\u003c\/p\u003e\n \u003cp class=\"njc-description\"\u003eUn trésor de nature à base d'huile de coco, d'huile d'olive et de beurre de karité bio pour sublimer peau et cheveux au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"njc-section\"\u003e\n \u003cp class=\"njc-section-intro\"\u003e\u003cem\u003e\u003cstrong\u003eLe baume soin coco bio Najel : un trésor de nature pour sublimer peau et cheveux.\u003c\/strong\u003e\u003c\/em\u003e\u003c\/p\u003e\n \u003cp class=\"njc-section-intro\"\u003eImaginez un soin capable de répondre à presque toutes les envies de votre peau et de vos cheveux : c'est exactement ce que vous offre le \u003cstrong\u003ebaume soin coco bio Najel\u003c\/strong\u003e. Formulé à partir d'huile de coco, d'huile d'olive et de beurre de karité issus de l'agriculture biologique, il vous accompagne au quotidien grâce à sa texture fondante et son parfum délicatement exotique. Un véritable \u003cstrong\u003ebaume réparateur\u003c\/strong\u003e multi-usages, doux pour toute la famille.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"njc-section\"\u003e\n \u003ch2\u003ePourquoi adopter ce baume coco ?\u003c\/h2\u003e\n \u003cdiv class=\"njc-grid\"\u003e\n \u003cdiv class=\"njc-card\"\u003e\n \u003ch3\u003e💧 Hydratation longue durée\u003c\/h3\u003e\n \u003cp\u003eNourrit en profondeur les peaux sèches et les cheveux assoiffés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-card\"\u003e\n \u003ch3\u003e🛡️ Action protectrice\u003c\/h3\u003e\n \u003cp\u003eForme une barrière naturelle contre le vent, le froid et les agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-card\"\u003e\n \u003ch3\u003e💋 Soin réparateur visage, corps et lèvres\u003c\/h3\u003e\n \u003cp\u003eIdéal en baume réparateur lèvres, sur les coudes, les mains ou les talons rugueux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-card\"\u003e\n \u003ch3\u003e✨ Soin capillaire revitalisant\u003c\/h3\u003e\n \u003cp\u003eRedonne brillance et souplesse aux longueurs abîmées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-card\"\u003e\n \u003ch3\u003e🌸 Texture fondante non grasse\u003c\/h3\u003e\n \u003cp\u003ePénètre rapidement et laisse un fini soyeux sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"njc-section\"\u003e\n \u003ch2\u003eComposition : 100 % naturelle, 84 % bio\u003c\/h2\u003e\n \u003cp class=\"njc-section-intro\"\u003eCette nouvelle formule certifiée \u003cstrong\u003eCosmos Organic par Ecocert Greenlife\u003c\/strong\u003e repose sur une synergie d'ingrédients précieux.\u003c\/p\u003e\n \u003cdiv class=\"njc-grid\"\u003e\n \u003cdiv class=\"njc-card\"\u003e\n \u003ch3\u003e🌰 Beurre de karité\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eButyrospermum Parkii Butter\u003c\/em\u003e — Riche en vitamines A et E, il nourrit intensément, assouplit et apaise les irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-card\"\u003e\n \u003ch3\u003e🥥 Huile de coco\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eCocos Nucifera Oil\u003c\/em\u003e — Source d'acides gras essentiels, elle adoucit la peau et gaine la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eOlea Europaea Fruit Oil\u003c\/em\u003e — Antioxydante, elle renforce la barrière cutanée et aide à prévenir les signes du temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-card\"\u003e\n \u003ch3\u003e🐝 Cire d'abeille \u0026amp; tocophérol\u003c\/h3\u003e\n \u003cp\u003eCire d'abeille, tocophérol naturel et parfum coco issu d'ingrédients d'origine naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-grid-compact\" style=\"margin-top:1.5rem;\"\u003e\n \u003cdiv class=\"njc-card\"\u003e\n \u003ch3\u003e✅ 100 % d'origine naturelle\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-card\"\u003e\n \u003ch3\u003e✅ 84 % bio\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-card\"\u003e\n \u003ch3\u003e✅ Cosmos Organic\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-card\"\u003e\n \u003ch3\u003e✅ Score Yuka 100\/100\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"njc-section\"\u003e\n \u003ch2\u003eComment utiliser le baume soin coco Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"njc-timeline\"\u003e\n \u003cdiv class=\"njc-timeline-item\"\u003e\n \u003cdiv class=\"njc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"njc-timeline-content\"\u003e\n \u003ch3\u003ePrélevez une noisette\u003c\/h3\u003e\n \u003cp\u003eChauffez-la entre vos paumes pour la rendre fondante et facile à appliquer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-timeline-item\"\u003e\n \u003cdiv class=\"njc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"njc-timeline-content\"\u003e\n \u003ch3\u003eSur le visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez en fine couche sur les zones sèches ou abîmées (joues, contour des lèvres).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-timeline-item\"\u003e\n \u003cdiv class=\"njc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"njc-timeline-content\"\u003e\n \u003ch3\u003eSur le corps\u003c\/h3\u003e\n \u003cp\u003eMassez les coudes, genoux, mains et pieds en mouvements circulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-timeline-item\"\u003e\n \u003cdiv class=\"njc-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"njc-timeline-content\"\u003e\n \u003ch3\u003eSur les lèvres\u003c\/h3\u003e\n \u003cp\u003eUtilisez-le comme baume lèvres réparateur super hydratant matin et soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njc-timeline-item\"\u003e\n \u003cdiv class=\"njc-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"njc-timeline-content\"\u003e\n \u003ch3\u003eSur les cheveux\u003c\/h3\u003e\n \u003cp\u003eAppliquez une touche sur les pointes sèches ou en masque avant shampoing.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"njc-section\"\u003e\n \u003ch2\u003ePour qui et pour quels usages ?\u003c\/h2\u003e\n \u003cp class=\"njc-section-intro\"\u003eCe baume convient à toute la famille, y compris aux peaux sensibles. Il remplace avantageusement plusieurs soins de votre salle de bain : \u003cstrong\u003ebaume réparateur visage\u003c\/strong\u003e, soin des lèvres, masque capillaire, baume mains et pieds. Une alternative naturelle, économique et écologique aux soins classiques type \u003cstrong\u003eEucerin baume réparateur\u003c\/strong\u003e ou \u003cstrong\u003eLa Rosée baume SOS\u003c\/strong\u003e, avec l'engagement bio en plus.\u003c\/p\u003e\n \u003cdiv class=\"njc-tip\"\u003e\n \u003cspan class=\"njc-tip-icon\"\u003e🧳\u003c\/span\u003e\n \u003cp\u003eIdéal en hiver pour protéger la peau du froid, ou en été pour apaiser après une exposition au soleil. Glissez-le dans votre sac : son format pot 100 g voyage partout.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"njc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eAvis et engagement Najel\u003c\/h2\u003e\n \u003cdiv class=\"njc-testimonial\"\u003e\n \u003cp class=\"njc-testimonial-text\"\u003e\"La marque \u003cstrong\u003eNajel\u003c\/strong\u003e, spécialiste reconnue de la cosmétique naturelle d'inspiration orientale, propose ici un soin éthique, fabriqué dans le respect des matières premières et des traditions. Les utilisateurs apprécient particulièrement sa polyvalence, son parfum gourmand et sa capacité à réparer durablement les peaux les plus sèches.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"njc-disclaimer\"\u003ePrécaution : ce baume est un soin cosmétique. Il ne remplace pas un avis médical en cas de pathologie cutanée. En cas de doute ou de réaction, consultez un professionnel de santé. Réservé à un usage externe, évitez le contour des yeux.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --njc-cream: #f7f1e6;\n --njc-white: #ffffff;\n --njc-primary: #8b6f47;\n --njc-primary-dark: #5a4327;\n --njc-primary-light: #f3ead9;\n --njc-secondary: #c4a472;\n --njc-accent: #b5c44a;\n --njc-text: #2a2218;\n --njc-text-light: #6b5d4a;\n --njc-border: #e8dcc4;\n --njc-shadow: 0 4px 24px rgba(90, 67, 39, .08);\n --njc-shadow-lg: 0 12px 48px rgba(90, 67, 39, .15);\n --njc-radius: 20px;\n --njc-radius-sm: 12px;\n}\n\n.njc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--njc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--njc-text);\n line-height: 1.6;\n}\n\n.njc-hero {\n position: relative;\n background: linear-gradient(135deg, #8b6f47 0%, #a98759 50%, #c4a472 100%);\n border-radius: var(--njc-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--njc-shadow-lg);\n}\n\n.njc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n opacity: .5;\n}\n\n.njc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.njc-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.njc-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.njc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 680px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.njc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.njc-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--njc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.njc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.njc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.njc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--njc-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.njc-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--njc-primary), var(--njc-secondary));\n border-radius: 2px;\n}\n\n.njc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--njc-text-light);\n margin-bottom: 1.5rem;\n max-width: 760px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.njc-section-intro strong {\n color: var(--njc-text);\n}\n\n.njc-card {\n background: var(--njc-white);\n border-radius: var(--njc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--njc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.njc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--njc-shadow-lg);\n border-color: var(--njc-primary);\n}\n\n.njc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--njc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.njc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--njc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.njc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.njc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.njc-grid-compact .njc-card {\n padding: 1rem;\n}\n\n.njc-grid-compact .njc-card h3 {\n font-size: 14px;\n margin-bottom: 0;\n}\n\n.njc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.njc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.njc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--njc-primary), var(--njc-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(139, 111, 71, .3);\n}\n\n.njc-timeline-content {\n flex: 1;\n background: var(--njc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--njc-radius-sm);\n box-shadow: var(--njc-shadow);\n}\n\n.njc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--njc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.njc-timeline-content p {\n font-size: 14px;\n color: var(--njc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.njc-testimonial {\n background: var(--njc-white);\n border-radius: var(--njc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--njc-shadow);\n border-left: 4px solid var(--njc-primary);\n}\n\n.njc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--njc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.njc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--njc-primary-light);\n border-radius: var(--njc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.njc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.njc-tip p {\n font-size: 14px;\n color: var(--njc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.njc-disclaimer {\n font-size: 12px;\n color: var(--njc-text-light);\n text-align: center;\n margin-top: 1.5rem;\n font-style: italic;\n line-height: 1.6;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 767px) {\n .njc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .njc-card {\n padding: 1.125rem;\n }\n .njc-section {\n margin-bottom: 1.75rem;\n }\n .njc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--njc-radius-sm);\n }\n .njc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .njc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .njc-grid-compact {\n gap: .625rem;\n }\n .njc-grid-compact .njc-card {\n padding: .75rem;\n }\n .njc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .njc-timeline-content {\n padding: .875rem 1rem;\n }\n .njc-timeline-content h3 {\n font-size: 14px;\n }\n .njc-timeline-content p {\n font-size: 13px;\n }\n .njc-testimonial {\n padding: 1.25rem;\n }\n .njc-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .njc-card {\n animation: njcFadeInUp .5s ease backwards;\n }\n .njc-card:nth-child(1) { animation-delay: .05s; }\n .njc-card:nth-child(2) { animation-delay: .1s; }\n .njc-card:nth-child(3) { animation-delay: .15s; }\n .njc-card:nth-child(4) { animation-delay: .2s; }\n .njc-card:nth-child(5) { animation-delay: .25s; }\n .njc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes njcFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .njc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54931183305081,"sku":"NJ0250","price":9.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/baume-soin-coco-najel-100-g-reparateur-et-protecteur-lifestyle.webp?v=1778142047"},{"product_id":"baume-levres-parfum-coco-najel","title":"Baume à Lèvres Coco Bio - Nourrissant \u0026 sensoriel – Najel","description":"\u003cdiv class=\"coco-premium\"\u003e\n\u003cdiv class=\"coco-hero\"\u003e\n\u003cdiv class=\"coco-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"coco-hero-content\"\u003e\n\u003cdiv class=\"coco-badges-top\"\u003e\n\u003cspan class=\"coco-badge\"\u003e🌿 Certifié Cosmos Organic\u003c\/span\u003e \u003cspan class=\"coco-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"coco-badge\"\u003e🥥 Parfum naturel coco\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"coco-hero-title\"\u003eBaume à Lèvres Coco Bio Najel\u003c\/span\u003e\n\u003cp class=\"coco-subtitle\"\u003eNourrissant \u0026amp; sensoriel - 12g\u003c\/p\u003e\n\u003cp class=\"coco-description\"\u003eOffrez à vos lèvres une véritable cure de douceur avec un soin nourrissant qui allie efficacité naturelle et plaisir gourmand. Un voile protecteur fondant, parfumé d'un délicat arôme de noix de coco.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"coco-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce baume pour les lèvres bio ?\u003c\/h2\u003e\n\u003cp class=\"coco-section-intro\"\u003eLes lèvres sont l'une des zones les plus fragiles du visage : leur peau, fine et dépourvue de glandes sébacées, se dessèche rapidement face au froid, au vent ou au soleil.\u003c\/p\u003e\n\u003cdiv class=\"coco-testimonial\"\u003e\n\u003cp class=\"coco-testimonial-text\"\u003e\"Le baume à lèvres nourrissant Najel agit comme un véritable bouclier, prévenant gerçures et tiraillements tout en apportant un confort immédiat. Contrairement à un baume à lèvres maison huile de coco, sa formule professionnelle garantit une stabilité, une efficacité et une sensorialité optimales.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"coco-section\"\u003e\n\u003ch2\u003eLes actifs naturels et leurs bienfaits\u003c\/h2\u003e\n\u003cdiv class=\"coco-grid\"\u003e\n\u003cdiv class=\"coco-card\"\u003e\n\u003ch3\u003e🌰 Beurre de karité bio\u003c\/h3\u003e\n\u003cp\u003eNourrit en profondeur, répare et protège des agressions extérieures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"coco-card\"\u003e\n\u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n\u003cp\u003eRiche en antioxydants, elle préserve la souplesse et prévient le dessèchement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"coco-card\"\u003e\n\u003ch3\u003e💧 Huile de ricin\u003c\/h3\u003e\n\u003cp\u003eApporte brillance, élasticité et renforce la barrière cutanée des lèvres.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"coco-card\"\u003e\n\u003ch3\u003e🌻 Cire de tournesol\u003c\/h3\u003e\n\u003cp\u003eForme un film protecteur léger sans effet occlusif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"coco-card\"\u003e\n\u003ch3\u003e🥥 Parfum naturel de coco\u003c\/h3\u003e\n\u003cp\u003ePour une évasion sensorielle gourmande à chaque application.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"coco-section\"\u003e\n\u003ch2\u003eComposition complète\u003c\/h2\u003e\n\u003cdiv class=\"coco-composition\"\u003e\n\u003cp\u003e\u003cstrong\u003eIngrédients (INCI)\u003c\/strong\u003e : Butyrospermum Parkii (Karité)* Butter, Olea Europaea (Olive)* Fruit Oil, Ricinus Communis (Castor) Seed Oil, Helianthus Annuus (Sunflower) Seed Wax, Parfum (Fragrance).\u003c\/p\u003e\n\u003cp class=\"coco-composition-note\"\u003e\u003cem\u003e*Ingrédients issus de l'Agriculture Biologique. Certifié Cosmos Organic par Ecocert Greenlife. 99 % du total des ingrédients sont d'origine naturelle.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"coco-section\"\u003e\n\u003ch2\u003eComment l'utiliser au quotidien ?\u003c\/h2\u003e\n\u003cdiv class=\"coco-timeline\"\u003e\n\u003cdiv class=\"coco-timeline-item\"\u003e\n\u003cdiv class=\"coco-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"coco-timeline-content\"\u003e\n\u003ch3\u003e☀️ En soin quotidien\u003c\/h3\u003e\n\u003cp\u003eAppliquez une fine couche du bout du doigt sur des lèvres propres, autant de fois que nécessaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"coco-timeline-item\"\u003e\n\u003cdiv class=\"coco-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"coco-timeline-content\"\u003e\n\u003ch3\u003e🌙 En cure réparatrice\u003c\/h3\u003e\n\u003cp\u003eDéposez une couche généreuse le soir avant le coucher pour une régénération nocturne intense.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"coco-timeline-item\"\u003e\n\u003cdiv class=\"coco-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"coco-timeline-content\"\u003e\n\u003ch3\u003e💄 Avant le rouge à lèvres\u003c\/h3\u003e\n\u003cp\u003eUtilisez-le en base pour une application plus lisse et confortable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"coco-timeline-item\"\u003e\n\u003cdiv class=\"coco-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"coco-timeline-content\"\u003e\n\u003ch3\u003e✨ Après un gommage\u003c\/h3\u003e\n\u003cp\u003ePour apaiser et nourrir immédiatement les lèvres.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"coco-section\"\u003e\n\u003ch2\u003ePour qui ?\u003c\/h2\u003e\n\u003cdiv class=\"coco-tip\"\u003e\n\u003cspan class=\"coco-tip-icon\"\u003e👨👩👧\u003c\/span\u003e\n\u003cp\u003eCe \u003cstrong\u003ebaume à lèvres à la noix de coco\u003c\/strong\u003e convient à toute la famille, dès 3 ans. Sa formule clean, sans dérivés pétrochimiques ni additifs controversés, en fait un allié sûr pour les lèvres sensibles, sèches ou abîmées. Une excellente alternative naturelle aux baumes classiques, avec en plus la signature gourmande de la coco.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"coco-section\"\u003e\n\u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n\u003cdiv class=\"coco-accordion\"\u003e\n\u003cdetails class=\"coco-accordion-item\"\u003e\n\u003csummary class=\"coco-accordion-header\"\u003e💋 Le baume est-il teinté ?\u003c\/summary\u003e\n\u003cdiv class=\"coco-accordion-content mt-3\"\u003e\n\u003cp\u003eNon, contrairement à un baume à lèvres teinté bio, ce soin est transparent et laisse un fini naturel et lumineux sur les lèvres.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"coco-accordion-item\"\u003e\n\u003csummary class=\"coco-accordion-header\"\u003e⏳ Combien de temps se conserve-t-il ?\u003c\/summary\u003e\n\u003cdiv class=\"coco-accordion-content mt-3\"\u003e\n\u003cp\u003eUne fois ouvert, utilisez-le dans les 12 mois pour profiter pleinement de ses qualités.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"coco-accordion-item\"\u003e\n\u003csummary class=\"coco-accordion-header\"\u003e🤰 Peut-on l'utiliser pendant la grossesse ?\u003c\/summary\u003e\n\u003cdiv class=\"coco-accordion-content mt-3\"\u003e\n\u003cp\u003eSa composition naturelle le rend compatible avec une utilisation pendant la grossesse, mais en cas de doute, demandez l'avis de votre professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"coco-section\"\u003e\n\u003ch2\u003eL'engagement Najel\u003c\/h2\u003e\n\u003cdiv class=\"coco-cta-box\"\u003e\n\u003cp\u003eMarque experte des soins naturels depuis plus de 30 ans, Najel sélectionne ses ingrédients avec rigueur pour vous offrir des cosmétiques traçables, éthiques et respectueux de la peau comme de la planète. Le format compact de 12 g se glisse partout pour vous accompagner au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"coco-disclaimer\"\u003eCe produit est un soin cosmétique et ne remplace en aucun cas un avis ou un traitement médical. En cas de lésion ou de réaction inhabituelle, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --coco-cream: #faf6f1;\n --coco-white: #ffffff;\n --coco-primary: #c9302c;\n --coco-primary-dark: #8b1f1c;\n --coco-primary-light: #fde8e6;\n --coco-secondary: #d4a574;\n --coco-accent: #e8b86a;\n --coco-text: #2a1a18;\n --coco-text-light: #6b5550;\n --coco-border: #e8dcd0;\n --coco-shadow: 0 4px 24px rgba(139,31,28,.08);\n --coco-shadow-lg: 0 12px 48px rgba(139,31,28,.18);\n --coco-radius: 20px;\n --coco-radius-sm: 12px;\n}\n\n.coco-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--coco-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--coco-text);\n}\n\n.coco-hero {\n position: relative;\n background: linear-gradient(135deg, #d4382f 0%, #c9302c 50%, #8b1f1c 100%);\n border-radius: var(--coco-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--coco-shadow-lg);\n}\n\n.coco-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(232,184,106,.2) 0%, transparent 40%);\n opacity: .6;\n}\n\n.coco-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.coco-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.coco-subtitle {\n color: var(--coco-accent);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.coco-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 680px;\n margin: 0 auto;\n}\n\n.coco-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.coco-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--coco-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.coco-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.coco-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.coco-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--coco-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.coco-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--coco-primary), var(--coco-secondary));\n border-radius: 2px;\n}\n\n.coco-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--coco-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.coco-card {\n background: var(--coco-white);\n border-radius: var(--coco-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--coco-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.coco-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--coco-shadow-lg);\n border-color: var(--coco-primary);\n}\n\n.coco-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--coco-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.coco-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--coco-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.coco-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.coco-composition {\n background: var(--coco-white);\n border-radius: var(--coco-radius);\n padding: clamp(1.5rem, 4vw, 2rem);\n box-shadow: var(--coco-shadow);\n border-left: 4px solid var(--coco-secondary);\n}\n\n.coco-composition p {\n font-size: 14px;\n color: var(--coco-text);\n line-height: 1.7;\n margin: 0 0 .75rem 0;\n}\n\n.coco-composition p:last-child {\n margin-bottom: 0;\n}\n\n.coco-composition-note {\n font-size: 13px !important;\n color: var(--coco-text-light) !important;\n}\n\n.coco-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.coco-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.coco-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--coco-primary), var(--coco-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(201,48,44,.3);\n}\n\n.coco-timeline-content {\n flex: 1;\n background: var(--coco-white);\n padding: 1rem 1.25rem;\n border-radius: var(--coco-radius-sm);\n box-shadow: var(--coco-shadow);\n}\n\n.coco-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--coco-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.coco-timeline-content p {\n font-size: 14px;\n color: var(--coco-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.coco-testimonial {\n background: var(--coco-white);\n border-radius: var(--coco-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--coco-shadow);\n border-left: 4px solid var(--coco-primary);\n}\n\n.coco-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--coco-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.coco-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--coco-primary-light);\n border-radius: var(--coco-radius);\n padding: 1.25rem 1.5rem;\n border: 2px solid var(--coco-primary);\n}\n\n.coco-tip-icon {\n font-size: 32px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.coco-tip p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--coco-text);\n margin: 0;\n line-height: 1.7;\n}\n\n.coco-accordion {\n background: var(--coco-white);\n border-radius: var(--coco-radius);\n box-shadow: var(--coco-shadow);\n overflow: hidden;\n}\n\n.coco-accordion-item {\n border-bottom: 1px solid var(--coco-border);\n margin: 0;\n padding: 0;\n}\n\n.coco-accordion-item:last-child {\n border-bottom: none;\n}\n\n.coco-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--coco-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n}\n\n.coco-accordion-header:hover {\n background: var(--coco-primary-light);\n}\n\n.coco-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.coco-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--coco-primary);\n transition: transform .2s ease;\n}\n\n.coco-accordion-item[open] .coco-accordion-header::after {\n content: '−';\n}\n\n.coco-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--coco-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.coco-accordion-content p {\n margin: 0;\n}\n\n.coco-cta-box {\n background: linear-gradient(135deg, var(--coco-primary) 0%, var(--coco-primary-dark) 100%);\n border-radius: var(--coco-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--coco-shadow-lg);\n}\n\n.coco-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(232,184,106,.25) 0%, transparent 70%);\n pointer-events: none;\n}\n\n.coco-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n.coco-disclaimer {\n font-size: 12px;\n color: var(--coco-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .coco-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .coco-card {\n padding: 1.125rem;\n }\n .coco-section {\n margin-bottom: 1.75rem;\n }\n .coco-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--coco-radius-sm);\n }\n .coco-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .coco-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .coco-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .coco-timeline-content {\n padding: .875rem 1rem;\n }\n .coco-timeline-content h3 {\n font-size: 14px;\n }\n .coco-timeline-content p {\n font-size: 13px;\n }\n .coco-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .coco-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .coco-testimonial {\n padding: 1.25rem;\n }\n .coco-testimonial-text {\n font-size: 14px;\n }\n .coco-tip {\n padding: 1rem 1.125rem;\n gap: .75rem;\n }\n .coco-tip-icon {\n font-size: 26px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .coco-card {\n animation: cocoFadeIn .5s ease backwards;\n }\n .coco-card:nth-child(1) { animation-delay: .05s; }\n .coco-card:nth-child(2) { animation-delay: .1s; }\n .coco-card:nth-child(3) { animation-delay: .15s; }\n .coco-card:nth-child(4) { animation-delay: .2s; }\n .coco-card:nth-child(5) { animation-delay: .25s; }\n}\n\n@keyframes cocoFadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .coco-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54931205882233,"sku":"NJ0260","price":4.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/baume-a-levres-coco-bio-nourrissant-sensoriel-najel-lifestyle_d7b70549-a2df-4812-952e-f00e6985acf2.webp?v=1778138586"},{"product_id":"eau-florale-rose-de-damas-200-ml-najel","title":"Eau Florale Rose de Damas - 200 ml - Najel","description":"\u003cdiv class=\"rd-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"rd-hero\"\u003e\n \u003cdiv class=\"rd-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rd-hero-content\"\u003e\n \u003cdiv class=\"rd-badges-top\"\u003e\n \u003cspan class=\"rd-badge\"\u003e🌹 Rose de Damas\u003c\/span\u003e\n \u003cspan class=\"rd-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"rd-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"rd-badge\"\u003e✨ +99 % naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rd-hero-title\"\u003eEau Florale Rose de Damas\u003c\/span\u003e\n \u003cp class=\"rd-subtitle\"\u003eNajel Méditerranée — 200 ml\u003c\/p\u003e\n \u003cp class=\"rd-description\"\u003eL'essence pure de la rose de Damas, distillée à la vapeur d'eau pour sublimer tous les types de peaux avec douceur et élégance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"rd-section\"\u003e\n \u003ch2\u003eEau florale de Rose de Damas Najel : un soin tonifiant certifié bio\u003c\/h2\u003e\n \u003cp class=\"rd-section-intro\"\u003eVéritable joyau de la cosmétique naturelle, cette \u003cstrong\u003eeau florale de rose de Damas\u003c\/strong\u003e signée Najel est obtenue par distillation à la vapeur d'eau de pétales de roses biologiques.\u003c\/p\u003e\n \u003cdiv class=\"rd-grid-compact\"\u003e\n \u003cdiv class=\"rd-card\"\u003e\n \u003ch3\u003e🌿 +99 % naturel\u003c\/h3\u003e\n \u003cp\u003eComposée de plus de 99 % d'ingrédients d'origine naturelle, certifiée Cosmos Organic\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rd-card\"\u003e\n \u003ch3\u003e🌹 Rose de Damas\u003c\/h3\u003e\n \u003cp\u003eToute la douceur et la puissance de la rose de Damas, sans aucun additif superflu\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rd-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriquée en France selon des méthodes traditionnelles de distillation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rd-card\"\u003e\n \u003ch3\u003e🤍 Tous types de peaux\u003c\/h3\u003e\n \u003cp\u003eConvient à tous les types de peaux, y compris les plus sensibles et réactives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"rd-section\"\u003e\n \u003ch2\u003eBienfaits de l'hydrolat de Rose de Damas pour la peau\u003c\/h2\u003e\n \u003cp class=\"rd-section-intro\"\u003eL'hydrolat de rose de Damas est reconnu depuis des siècles pour ses multiples vertus cosmétiques. Voici ce qu'il peut apporter à votre routine de soin :\u003c\/p\u003e\n \u003cdiv class=\"rd-grid\"\u003e\n \u003cdiv class=\"rd-card\"\u003e\n \u003ch3\u003e✨ Tonifie et ravive l'éclat\u003c\/h3\u003e\n \u003cp\u003eUtilisée comme lotion tonique, cette eau florale réveille les peaux ternes et fatiguées dès le matin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rd-card\"\u003e\n \u003ch3\u003e🕊️ Apaise les peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eSes propriétés calmantes aident à atténuer les rougeurs, tiraillements et sensations d'inconfort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rd-card\"\u003e\n \u003ch3\u003e💧 Rafraîchit et hydrate\u003c\/h3\u003e\n \u003cp\u003eVaporisée en brume, elle procure une sensation immédiate de fraîcheur tout en maintenant l'hydratation cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rd-card\"\u003e\n \u003ch3\u003e🔄 Régénération cutanée\u003c\/h3\u003e\n \u003cp\u003eRiche en composés antioxydants naturels, elle contribue à préserver la souplesse et l'élasticité de l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rd-card\"\u003e\n \u003ch3\u003e🎯 Resserre les pores\u003c\/h3\u003e\n \u003cp\u003eSon action astringente douce en fait une alliée précieuse pour affiner le grain de peau au fil des jours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"rd-section\"\u003e\n \u003ch2\u003eComment utiliser cette eau florale de rose ?\u003c\/h2\u003e\n \u003cp class=\"rd-section-intro\"\u003eL'eau florale rose de Damas s'intègre facilement à votre routine quotidienne de plusieurs façons :\u003c\/p\u003e\n \u003cdiv class=\"rd-timeline\"\u003e\n \u003cdiv class=\"rd-timeline-item\"\u003e\n \u003cdiv class=\"rd-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rd-timeline-content\"\u003e\n \u003ch3\u003e🧴 En lotion tonique\u003c\/h3\u003e\n \u003cp\u003eMatin et soir, après le nettoyage du visage, appliquez-la à l'aide d'un coton sur l'ensemble du visage et du cou. Elle prépare idéalement la peau à recevoir votre sérum ou votre crème hydratante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rd-timeline-item\"\u003e\n \u003cdiv class=\"rd-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rd-timeline-content\"\u003e\n \u003ch3\u003e💨 En brume rafraîchissante\u003c\/h3\u003e\n \u003cp\u003eVaporisez-la directement sur le visage à tout moment de la journée pour un coup de frais régénérant, même par-dessus le maquillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rd-timeline-item\"\u003e\n \u003cdiv class=\"rd-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rd-timeline-content\"\u003e\n \u003ch3\u003e🧪 Préparations maison\u003c\/h3\u003e\n \u003cp\u003eCet hydrolat pur constitue une base parfaite pour vos masques, lotions ou cosmétiques faits maison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rd-timeline-item\"\u003e\n \u003cdiv class=\"rd-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"rd-timeline-content\"\u003e\n \u003ch3\u003e💇 En soin capillaire\u003c\/h3\u003e\n \u003cp\u003eVaporisée sur les cheveux, elle apporte brillance et un parfum floral délicat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"rd-section\"\u003e\n \u003ch2\u003eComposition – INCI\u003c\/h2\u003e\n \u003cdiv class=\"rd-composition-box\"\u003e\n \u003cp class=\"rd-composition-inci\"\u003eRosa Damascena Flower Water\u003c\/p\u003e\n \u003cp class=\"rd-composition-desc\"\u003eC'est tout. Cet hydrolat est composé à \u003cstrong\u003e100 % d'eau florale de rose de Damas\u003c\/strong\u003e, sans alcool, sans conservateur, sans parfum de synthèse. Une formulation minimaliste et transparente, comme vous êtes en droit de l'attendre d'un produit certifié bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"rd-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'eau florale Rose de Damas Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"rd-grid\"\u003e\n \u003cdiv class=\"rd-card\"\u003e\n \u003ch3\u003e🏅 Certification Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eUn processus de fabrication respectueux de l'environnement, garanti par un label exigeant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rd-card\"\u003e\n \u003ch3\u003e🚫 Sans alcool ni conservateur\u003c\/h3\u003e\n \u003cp\u003eFormule sans alcool, sans conservateur et sans additif pour une pureté totale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rd-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eÉlaborée en France selon des méthodes traditionnelles de distillation artisanale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rd-card\"\u003e\n \u003ch3\u003e♻️ Flacon recyclable\u003c\/h3\u003e\n \u003cp\u003eFlacon en plastique recyclable de 200 ml, pratique et économique au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rd-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient à toute la famille, y compris les peaux les plus délicates et réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"rd-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eUn geste simple pour une peau naturellement sublimée\u003c\/h2\u003e\n \u003cdiv class=\"rd-cta-box\"\u003e\n \u003cp\u003eQue vous cherchiez à apaiser des rougeurs, à retrouver un teint lumineux ou simplement à vous accorder un moment de douceur parfumée, cet \u003cstrong\u003ehydrolat rose de Damas\u003c\/strong\u003e de Najel répond à vos attentes avec simplicité et efficacité. Son parfum floral subtil et envoûtant transforme chaque application en un véritable rituel de bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"rd-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème cutané persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --rd-cream: #fdf6f4;\n --rd-white: #ffffff;\n --rd-primary: #d4889b;\n --rd-primary-dark: #8c3a53;\n --rd-primary-light: #f8e8ec;\n --rd-secondary: #c96b82;\n --rd-accent: #b05672;\n --rd-text: #1a1a1a;\n --rd-text-light: #5a5a5a;\n --rd-border: #f0dce2;\n --rd-shadow: 0 4px 24px rgba(140,58,83,.08);\n --rd-shadow-lg: 0 12px 48px rgba(140,58,83,.15);\n --rd-radius: 20px;\n --rd-radius-sm: 12px;\n}\n\n.rd-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rd-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.rd-hero {\n position: relative;\n background: linear-gradient(135deg, #8c3a53 0%, #c96b82 40%, #d4889b 70%, #e8a7b8 100%);\n border-radius: var(--rd-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--rd-shadow-lg);\n}\n\n.rd-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 60%);\n opacity: 1;\n}\n\n.rd-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rd-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.rd-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.rd-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.rd-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rd-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--rd-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rd-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.rd-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rd-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rd-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.rd-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--rd-primary), var(--rd-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.rd-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rd-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.rd-card {\n background: var(--rd-white);\n border-radius: var(--rd-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rd-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rd-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rd-shadow-lg);\n border-color: var(--rd-primary);\n}\n\n.rd-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rd-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rd-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rd-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.rd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.rd-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.rd-grid-compact .rd-card {\n padding: 1rem;\n}\n\n.rd-grid-compact .rd-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.rd-grid-compact .rd-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.rd-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rd-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rd-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rd-primary), var(--rd-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.rd-timeline-content {\n flex: 1;\n background: var(--rd-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rd-radius-sm);\n box-shadow: var(--rd-shadow);\n}\n\n.rd-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rd-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rd-timeline-content p {\n font-size: 14px;\n color: var(--rd-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === COMPOSITION BOX === *\/\n.rd-composition-box {\n background: var(--rd-white);\n border-radius: var(--rd-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rd-shadow);\n text-align: center;\n border: 2px solid var(--rd-border);\n}\n\n.rd-composition-inci {\n font-size: clamp(17px, 3vw, 22px);\n font-weight: 800;\n color: var(--rd-primary-dark);\n margin: 0 0 1rem 0;\n font-style: italic;\n letter-spacing: .01em;\n}\n\n.rd-composition-desc {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--rd-text-light);\n margin: 0;\n line-height: 1.7;\n max-width: 550px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.rd-composition-desc strong {\n color: var(--rd-primary-dark);\n}\n\n\/* === CTA === *\/\n.rd-cta-box {\n background: linear-gradient(135deg, var(--rd-primary) 0%, var(--rd-primary-dark) 100%);\n border-radius: var(--rd-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.rd-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.rd-cta-box p strong {\n color: #fff;\n}\n\n\/* === DISCLAIMER === *\/\n.rd-disclaimer {\n font-size: 12px;\n color: var(--rd-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .rd-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .rd-card {\n padding: 1.125rem;\n }\n\n .rd-section {\n margin-bottom: 1.75rem;\n }\n\n .rd-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rd-radius-sm);\n }\n\n .rd-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .rd-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .rd-grid-compact {\n gap: .625rem;\n }\n\n .rd-grid-compact .rd-card {\n padding: .75rem;\n }\n\n .rd-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .rd-timeline-content {\n padding: .875rem 1rem;\n }\n\n .rd-timeline-content h3 {\n font-size: 14px;\n }\n\n .rd-timeline-content p {\n font-size: 13px;\n }\n\n .rd-composition-box {\n padding: 1.25rem;\n }\n\n .rd-composition-inci {\n font-size: 17px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rd-card {\n animation: rdFadeInUp .5s ease backwards;\n }\n .rd-card:nth-child(1) { animation-delay: .05s; }\n .rd-card:nth-child(2) { animation-delay: .1s; }\n .rd-card:nth-child(3) { animation-delay: .15s; }\n .rd-card:nth-child(4) { animation-delay: .2s; }\n .rd-card:nth-child(5) { animation-delay: .25s; }\n .rd-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes rdFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .rd-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54931316048249,"sku":"NJ0265","price":11.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/eau-florale-rose-de-damas-200-ml-najel-ingredients_0168a0b8-3f24-45bb-975c-18934256ea4e.webp?v=1772881383"},{"product_id":"eau-florale-de-fleur-doranger-najel","title":"Eau Florale de Fleur d'Oranger Bio – 200 ml – Najel","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Eau Florale de Fleur d'Oranger Bio – 200 ml – Najel\nPalette détectée:\n - Primaire: #E8923A (orange chaud du packaging \/ fleur d'oranger)\n - Secondaire: #5C3318 (brun ambré du flacon)\n - Accent: #F5D4A0 (orange clair\/doré)\nAmbiance: Naturel, bio, méditerranéen, douceur florale, bien-être\nPréfixe CSS: efo\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Un soin naturel adapté à tous les types de peau\"\n 2. \"Comment utiliser l'hydrolat de Fleur d'Oranger Bio ?\"\n 3. \"Un produit 100 % naturel et bio\"\n 4. \"Pourquoi choisir l'hydrolat de fleur d'oranger Najel ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"efo-premium\"\u003e\n\n \u003cdiv class=\"efo-hero\"\u003e\n \u003cdiv class=\"efo-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"efo-hero-content\"\u003e\n \u003cdiv class=\"efo-badges-top\"\u003e\n \u003cspan class=\"efo-badge\"\u003e🌸 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"efo-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"efo-badge\"\u003e🍃 +99 % naturel\u003c\/span\u003e\n \u003cspan class=\"efo-badge\"\u003e🧴 200 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"efo-hero-title\"\u003eEau florale de fleur d'oranger bio\u003c\/span\u003e\n \u003cp class=\"efo-subtitle\"\u003eNajel Méditerranée\u003c\/p\u003e\n \u003cp class=\"efo-description\"\u003ePlongez dans un univers de douceur et de bien-être avec l'hydrolat de Fleur d'Oranger Bio de Najel. Obtenue par distillation des fleurs du bigaradier, cette eau florale précieuse est reconnue pour ses vertus apaisantes, régénérantes et rafraîchissantes. Son parfum délicat et envoûtant enveloppe la peau d'un voile de douceur tout en procurant un véritable moment de détente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"efo-section\"\u003e\n \u003ch2\u003eUn soin naturel adapté à tous les types de peau\u003c\/h2\u003e\n \u003cp class=\"efo-section-intro\"\u003eGrâce à ses propriétés calmantes et adoucissantes, cet hydrolat est idéal pour les peaux sensibles, sèches ou irritées.\u003c\/p\u003e\n \u003cdiv class=\"efo-grid\"\u003e\n \u003cdiv class=\"efo-card\"\u003e\n \u003ch3\u003e😌 Apaise les rougeurs\u003c\/h3\u003e\n \u003cp\u003eCalme les peaux réactives et sensibles grâce aux vertus naturellement adoucissantes de la fleur d'oranger.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efo-card\"\u003e\n \u003ch3\u003e✨ Rafraîchit le teint\u003c\/h3\u003e\n \u003cp\u003eRedonne éclat et luminosité à votre visage pour un teint frais et reposé dès la première application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efo-card\"\u003e\n \u003ch3\u003e💧 Tonifie en douceur\u003c\/h3\u003e\n \u003cp\u003eResserre les pores et revitalise la peau sans agresser, pour un grain de peau affiné et uniforme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efo-tip\"\u003e\n \u003cspan class=\"efo-tip-icon\"\u003e🌿\u003c\/span\u003e\n \u003cp\u003eSa composition naturelle et biologique en fait un allié incontournable pour une routine beauté respectueuse de votre peau et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"efo-section\"\u003e\n \u003ch2\u003eComment utiliser l'hydrolat de Fleur d'Oranger Bio ?\u003c\/h2\u003e\n \u003cdiv class=\"efo-timeline\"\u003e\n \u003cdiv class=\"efo-timeline-item\"\u003e\n \u003cdiv class=\"efo-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"efo-timeline-content\"\u003e\n \u003ch3\u003eEn lotion tonique\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur le visage matin et soir à l'aide d'un coton ou en vaporisation pour un effet rafraîchissant immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efo-timeline-item\"\u003e\n \u003cdiv class=\"efo-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"efo-timeline-content\"\u003e\n \u003ch3\u003eEn soin capillaire\u003c\/h3\u003e\n \u003cp\u003eAjoutez quelques pulvérisations sur vos cheveux pour les parfumer délicatement et leur apporter de la brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efo-timeline-item\"\u003e\n \u003cdiv class=\"efo-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"efo-timeline-content\"\u003e\n \u003ch3\u003eDans vos préparations cosmétiques\u003c\/h3\u003e\n \u003cp\u003eIntégrez cet hydrolat à vos masques ou crèmes maison pour profiter pleinement de ses bienfaits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efo-timeline-item\"\u003e\n \u003cdiv class=\"efo-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"efo-timeline-content\"\u003e\n \u003ch3\u003eEn brume d'oreiller\u003c\/h3\u003e\n \u003cp\u003eVaporisez sur votre oreiller avant le coucher pour favoriser la relaxation et un sommeil paisible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"efo-section\"\u003e\n \u003ch2\u003eUn produit 100 % naturel et bio\u003c\/h2\u003e\n \u003cp class=\"efo-section-intro\"\u003eCertifié biologique, l'hydrolat de Fleur d'Oranger Najel est garanti sans alcool, sans conservateurs ni additifs chimiques.\u003c\/p\u003e\n \u003cdiv class=\"efo-grid-compact\"\u003e\n \u003cdiv class=\"efo-card\"\u003e\n \u003ch3\u003e🌾 Distillation traditionnelle\u003c\/h3\u003e\n \u003cp\u003eUn procédé ancestral qui préserve toutes les propriétés actives de la fleur d'oranger.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efo-card\"\u003e\n \u003ch3\u003e🚫 Sans alcool\u003c\/h3\u003e\n \u003cp\u003eAucun alcool ajouté pour respecter les peaux les plus délicates.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efo-card\"\u003e\n \u003ch3\u003e🧪 Sans conservateurs\u003c\/h3\u003e\n \u003cp\u003eAucun additif chimique ni conservateur de synthèse dans la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efo-card\"\u003e\n \u003ch3\u003e🧴 200 ml pratique\u003c\/h3\u003e\n \u003cp\u003eUn format économique pour une utilisation quotidienne et un bien-être prolongé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"efo-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'hydrolat de fleur d'oranger Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"efo-grid\"\u003e\n \u003cdiv class=\"efo-card\"\u003e\n \u003ch3\u003e🏅 Certifié bio et 100 % naturel\u003c\/h3\u003e\n \u003cp\u003eUn engagement qualité reconnu par les certifications Cosmos Organic les plus exigeantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efo-card\"\u003e\n \u003ch3\u003e🤝 Adapté à tous les types de peau\u003c\/h3\u003e\n \u003cp\u003ePeaux sensibles, sèches, mixtes ou normales : tout le monde peut en profiter au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efo-card\"\u003e\n \u003ch3\u003e🌬️ Apaisant, rafraîchissant et tonifiant\u003c\/h3\u003e\n \u003cp\u003eUn trio d'actions complémentaires pour une peau équilibrée et un teint éclatant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efo-card\"\u003e\n \u003ch3\u003e🧴 Sans alcool ni conservateurs\u003c\/h3\u003e\n \u003cp\u003eUne formule pure et transparente, fidèle à la tradition méditerranéenne de Najel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efo-card\"\u003e\n \u003ch3\u003e💆 Visage, cheveux et corps\u003c\/h3\u003e\n \u003cp\u003eUn produit multi-usage qui s'intègre à toutes les étapes de votre routine bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"efo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"efo-cta-box\"\u003e\n \u003cp\u003e🌸 Faites entrer la nature dans votre routine beauté avec l'hydrolat de Fleur d'Oranger Bio de Najel. Son parfum floral envoûtant et ses multiples bienfaits en font un indispensable au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"efo-disclaimer\"\u003eProduit cosmétique certifié bio. Usage externe uniquement. Conserver à l'abri de la chaleur et de la lumière.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --efo-cream: #FFF9F2;\n --efo-white: #ffffff;\n --efo-primary: #E8923A;\n --efo-primary-dark: #5C3318;\n --efo-primary-light: #FDF0E1;\n --efo-secondary: #D4782A;\n --efo-accent: #F5D4A0;\n --efo-text: #1a1a1a;\n --efo-text-light: #6B5A4E;\n --efo-border: #EDE3D8;\n --efo-shadow: 0 4px 24px rgba(92,51,24,.08);\n --efo-shadow-lg: 0 12px 48px rgba(92,51,24,.15);\n --efo-radius: 20px;\n --efo-radius-sm: 12px;\n}\n\n.efo-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--efo-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.efo-hero {\n position: relative;\n background: linear-gradient(135deg, #E8923A 0%, #D4782A 50%, #5C3318 100%);\n border-radius: var(--efo-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--efo-shadow-lg);\n}\n\n.efo-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.12) 1px, transparent 1px),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.08) 2px, transparent 2px),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.06) 1.5px, transparent 1.5px);\n background-size: 60px 60px, 80px 80px, 45px 45px;\n opacity: .5;\n}\n\n.efo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.efo-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.efo-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--efo-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.efo-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.efo-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.efo-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.efo-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.8;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.efo-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.efo-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--efo-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.efo-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--efo-primary), var(--efo-accent));\n border-radius: 2px;\n}\n\n.efo-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--efo-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.efo-card {\n background: var(--efo-white);\n border-radius: var(--efo-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--efo-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.efo-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--efo-shadow-lg);\n border-color: var(--efo-primary);\n}\n\n.efo-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--efo-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.efo-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--efo-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.efo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.efo-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.efo-grid-compact .efo-card {\n padding: 1rem;\n}\n\n.efo-grid-compact .efo-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.efo-grid-compact .efo-card p {\n font-size: 12px;\n}\n\n.efo-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.efo-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.efo-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--efo-primary), var(--efo-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.efo-timeline-content {\n flex: 1;\n background: var(--efo-white);\n padding: 1rem 1.25rem;\n border-radius: var(--efo-radius-sm);\n box-shadow: var(--efo-shadow);\n}\n\n.efo-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--efo-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.efo-timeline-content p {\n font-size: 14px;\n color: var(--efo-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.efo-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--efo-primary-light);\n border-radius: var(--efo-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.efo-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.efo-tip p {\n font-size: 14px;\n color: var(--efo-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.efo-cta-box {\n background: linear-gradient(135deg, var(--efo-primary) 0%, var(--efo-primary-dark) 100%);\n border-radius: var(--efo-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.efo-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.efo-disclaimer {\n font-size: 12px;\n color: var(--efo-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n.efo-testimonial {\n background: var(--efo-white);\n border-radius: var(--efo-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--efo-shadow);\n border-left: 4px solid var(--efo-primary);\n}\n\n.efo-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--efo-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .efo-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .efo-card {\n padding: 1.125rem;\n }\n\n .efo-section {\n margin-bottom: 1.75rem;\n }\n\n .efo-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--efo-radius-sm);\n }\n\n .efo-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .efo-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .efo-grid-compact {\n gap: .625rem;\n }\n\n .efo-grid-compact .efo-card {\n padding: .75rem;\n }\n\n .efo-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .efo-timeline-content {\n padding: .875rem 1rem;\n }\n\n .efo-timeline-content h3 {\n font-size: 14px;\n }\n\n .efo-timeline-content p {\n font-size: 13px;\n }\n\n .efo-testimonial {\n padding: 1.25rem;\n }\n\n .efo-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .efo-card {\n animation: efoFadeInUp .5s ease backwards;\n }\n .efo-card:nth-child(1) { animation-delay: .05s; }\n .efo-card:nth-child(2) { animation-delay: .1s; }\n .efo-card:nth-child(3) { animation-delay: .15s; }\n .efo-card:nth-child(4) { animation-delay: .2s; }\n .efo-card:nth-child(5) { animation-delay: .25s; }\n .efo-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes efoFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .efo-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54931346882937,"sku":"NJ0270","price":12.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/eau-florale-de-fleur-doranger-bio-200-ml-najel-lifestyle.webp?v=1770829797"},{"product_id":"eau-florale-feuille-olivier-najel","title":"Eau tonique de Feuille d'Olivier bio - 200 ml - Najel","description":"\u003cdiv class=\"nj-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"nj-hero\"\u003e\n \u003cdiv class=\"nj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nj-hero-content\"\u003e\n \u003cdiv class=\"nj-badges-top\"\u003e\n \u003cspan class=\"nj-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"nj-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"nj-badge\"\u003e🏆 Yuka 100\/100\u003c\/span\u003e\n \u003cspan class=\"nj-badge\"\u003e🍃 +99 % naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"nj-hero-title\"\u003eEau tonique de feuille d'olivier bio\u003c\/span\u003e\n \u003cp class=\"nj-subtitle\"\u003eNajel Méditerranée — 200 ml\u003c\/p\u003e\n \u003cp class=\"nj-description\"\u003eUn soin nettoyant antioxydant d'exception, inspiré des rituels de beauté méditerranéens, pour les peaux délicates et sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eEau nettoyante aux feuilles d'olivier bio Najel – Soin antioxydant pour peaux délicates\u003c\/h2\u003e\n \u003cp class=\"nj-section-intro\"\u003eVous cherchez une eau nettoyante douce, naturelle et vraiment respectueuse de votre peau ?\u003c\/p\u003e\n \u003cdiv class=\"nj-grid-compact\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🍃 +99 % naturel\u003c\/h3\u003e\n \u003cp\u003eIngrédients d'origine naturelle pour une formule ultra-pure et respectueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🏅 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertification bio exigeante, gage de qualité et de traçabilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriquée en France avec un savoir-faire artisanal méditerranéen.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🏆 Yuka 100\/100\u003c\/h3\u003e\n \u003cp\u003eUn score parfait qui témoigne d'une composition irréprochable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003ePourquoi choisir une eau nettoyante aux feuilles d'olivier ?\u003c\/h2\u003e\n \u003cdiv class=\"nj-testimonial\"\u003e\n \u003cp class=\"nj-testimonial-text\"\u003eLa feuille d'olivier (\u003cem\u003eOlea europaea\u003c\/em\u003e) est un trésor de la Méditerranée encore trop méconnu en cosmétique. Naturellement riche en \u003cstrong\u003epolyphénols et en oleuropéine\u003c\/strong\u003e, elle offre une action antioxydante remarquable qui aide à protéger la peau des agressions extérieures et du vieillissement prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-tip\"\u003e\n \u003cspan class=\"nj-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eContrairement aux eaux micellaires classiques souvent chargées en tensioactifs synthétiques, cette eau nettoyante bio respecte le film hydrolipidique de votre peau tout en la débarrassant efficacement des impuretés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets pour votre peau\u003c\/h2\u003e\n \u003cdiv class=\"nj-grid\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🧴 Nettoyage en douceur\u003c\/h3\u003e\n \u003cp\u003eÉlimine maquillage, pollution et excès de sébum sans assécher ni tirailler, même sur les peaux les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n \u003cp\u003eLes actifs issus des feuilles d'olivier aident à neutraliser les radicaux libres responsables du vieillissement cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🌸 Apaisement des peaux réactives\u003c\/h3\u003e\n \u003cp\u003eCalme les rougeurs, les irritations et les inconforts liés aux agressions quotidiennes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e✨ Éclat retrouvé\u003c\/h3\u003e\n \u003cp\u003eLa peau est fraîche, lumineuse et tonifiée dès la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e💧 Hydratation préservée\u003c\/h3\u003e\n \u003cp\u003eNe perturbe pas l'équilibre naturel de l'épiderme, laissant la peau souple et confortable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eComment utiliser cette eau nettoyante bio ?\u003c\/h2\u003e\n \u003cdiv class=\"nj-timeline\"\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eImbibez un coton\u003c\/h3\u003e\n \u003cp\u003eImbibez généreusement un coton réutilisable ou un disque de coton avec l'eau nettoyante aux feuilles d'olivier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003ePassez délicatement sur le visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur l'ensemble du visage, le cou et le contour des yeux en mouvements doux et circulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eRenouvelez si nécessaire\u003c\/h3\u003e\n \u003cp\u003eRenouvelez l'opération jusqu'à ce que le coton soit propre pour un nettoyage parfait.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🌅 Le matin\u003c\/h3\u003e\n \u003cp\u003eÉlimine les impuretés de la nuit et prépare la peau à recevoir votre sérum ou crème de jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🌙 Le soir\u003c\/h3\u003e\n \u003cp\u003eEn première ou seconde étape de démaquillage pour une peau parfaitement nette avant votre soin de nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-tip\"\u003e\n \u003cspan class=\"nj-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eVous pouvez aussi la vaporiser directement sur le visage comme brume tonifiante au fil de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eUne composition clean et transparente\u003c\/h2\u003e\n \u003cp class=\"nj-section-intro\"\u003eLa formule de cette eau nettoyante Najel est minimaliste et exigeante. Certifiée bio COSMOS Organic, elle contient plus de 99 % d'ingrédients d'origine naturelle.\u003c\/p\u003e\n \u003cdiv class=\"nj-grid-compact\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🚫 Sans alcool\u003c\/h3\u003e\n \u003cp\u003eAucun alcool asséchant pour préserver le confort de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🚫 Sans parfum synthétique\u003c\/h3\u003e\n \u003cp\u003eZéro parfum de synthèse ni fragrance artificielle ajoutée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🚫 Sans parabène\u003c\/h3\u003e\n \u003cp\u003eFormule saine, sans conservateur controversé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🚫 Sans colorant\u003c\/h3\u003e\n \u003cp\u003eAucun colorant artificiel pour une tolérance maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-tip\"\u003e\n \u003cspan class=\"nj-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eUn soin que vous pouvez adopter en toute confiance, y compris si votre peau ne tolère pas les cosmétiques conventionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eCe qui distingue Najel\u003c\/h2\u003e\n \u003cdiv class=\"nj-testimonial\"\u003e\n \u003cp class=\"nj-testimonial-text\"\u003eNajel est une maison familiale fondée à Alep, aujourd'hui installée en France, qui perpétue un savoir-faire ancestral autour de l'olivier. Chaque produit est élaboré avec une \u003cstrong\u003eexigence de naturalité et de traçabilité\u003c\/strong\u003e qui fait la réputation de la marque. Cette eau nettoyante s'inscrit dans la gamme \u003cstrong\u003eNajel Méditerranée\u003c\/strong\u003e, inspirée des rituels de beauté méditerranéens transmis de génération en génération.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eEn résumé\u003c\/h2\u003e\n \u003cdiv class=\"nj-accordion\"\u003e\n \u003cdetails class=\"nj-accordion-item\" open\u003e\n \u003csummary class=\"nj-accordion-header\"\u003e📋 Fiche récapitulative\u003c\/summary\u003e\n \u003cdiv class=\"nj-accordion-content mt-3\"\u003e\n \u003cdiv class=\"nj-grid-compact\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n \u003cp\u003e200 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🧬 Type de peau\u003c\/h3\u003e\n \u003cp\u003ePeaux délicates, sensibles, réactives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🏅 Certification\u003c\/h3\u003e\n \u003cp\u003eCOSMOS Organic\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🍃 Origine naturelle\u003c\/h3\u003e\n \u003cp\u003e+99 %\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🏆 Score Yuka\u003c\/h3\u003e\n \u003cp\u003e100\/100\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"nj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"nj-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau la douceur et la protection antioxydante des feuilles d'olivier bio — un geste de beauté méditerranéen, simple, pur et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"nj-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un avis dermatologique. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --nj-cream: #f5f3ef;\n --nj-white: #ffffff;\n --nj-primary: #7a9a7e;\n --nj-primary-dark: #3d5a40;\n --nj-primary-light: #e8f0e9;\n --nj-secondary: #a8b88c;\n --nj-accent: #c4a96a;\n --nj-text: #1a1a1a;\n --nj-text-light: #5a5a5a;\n --nj-border: #dde4dd;\n --nj-shadow: 0 4px 24px rgba(0,0,0,.08);\n --nj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --nj-radius: 20px;\n --nj-radius-sm: 12px;\n}\n\n.nj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nj-hero {\n position: relative;\n background: linear-gradient(135deg, #3d5a40 0%, #7a9a7e 50%, #a8b88c 100%);\n border-radius: var(--nj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--nj-shadow-lg);\n}\n\n.nj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(ellipse at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%);\n opacity: 1;\n}\n\n.nj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.nj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.nj-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.nj-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.nj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--nj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.nj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.nj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--nj-primary), var(--nj-accent));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.nj-card {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nj-shadow-lg);\n border-color: var(--nj-primary);\n}\n\n.nj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.nj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.nj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.nj-grid-compact .nj-card {\n padding: 1rem;\n}\n\n.nj-grid-compact .nj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nj-grid-compact .nj-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.nj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nj-primary), var(--nj-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.nj-timeline-content {\n flex: 1;\n background: var(--nj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nj-radius-sm);\n box-shadow: var(--nj-shadow);\n}\n\n.nj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nj-timeline-content p {\n font-size: 14px;\n color: var(--nj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.nj-testimonial {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nj-shadow);\n border-left: 4px solid var(--nj-primary);\n}\n\n.nj-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nj-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.nj-accordion {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n box-shadow: var(--nj-shadow);\n overflow: hidden;\n}\n\n.nj-accordion-item {\n border-bottom: 1px solid var(--nj-border);\n margin: 0;\n padding: 0;\n}\n\n.nj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.nj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--nj-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.nj-accordion-header:hover {\n background: var(--nj-primary-light);\n}\n\n.nj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.nj-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--nj-primary);\n transition: transform .2s ease;\n}\n\n.nj-accordion-item[open] .nj-accordion-header::after {\n content: '−';\n}\n\n.nj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--nj-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.nj-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.nj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nj-primary-light);\n border-radius: var(--nj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.nj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nj-tip p {\n font-size: 14px;\n color: var(--nj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.nj-cta-box {\n background: linear-gradient(135deg, var(--nj-primary) 0%, var(--nj-primary-dark) 100%);\n border-radius: var(--nj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.nj-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.nj-disclaimer {\n font-size: 12px;\n color: var(--nj-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.nj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nj-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .nj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .nj-card {\n padding: 1.125rem;\n }\n\n .nj-section {\n margin-bottom: 1.75rem;\n }\n\n .nj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nj-radius-sm);\n }\n\n .nj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .nj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .nj-grid-compact {\n gap: .625rem;\n }\n\n .nj-grid-compact .nj-card {\n padding: .75rem;\n }\n\n .nj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .nj-timeline-content {\n padding: .875rem 1rem;\n }\n\n .nj-timeline-content h3 {\n font-size: 14px;\n }\n\n .nj-timeline-content p {\n font-size: 13px;\n }\n\n .nj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .nj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .nj-testimonial {\n padding: 1.25rem;\n }\n\n .nj-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .nj-card {\n animation: njFadeInUp .5s ease backwards;\n }\n .nj-card:nth-child(1) { animation-delay: .05s; }\n .nj-card:nth-child(2) { animation-delay: .1s; }\n .nj-card:nth-child(3) { animation-delay: .15s; }\n .nj-card:nth-child(4) { animation-delay: .2s; }\n .nj-card:nth-child(5) { animation-delay: .25s; }\n .nj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes njFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .nj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54937503629689,"sku":"NJ0275","price":12.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/eau-tonique-de-feuille-dolivier-bio-200-ml-najel-ingredients.webp?v=1772881476"},{"product_id":"eau-florale-citron-aloe-vera-bio-najel","title":"Eau Florale de Citron et Aloe Vera Bio – 200 ml – Najel","description":"\u003cdiv class=\"nj-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"nj-hero\"\u003e\n \u003cdiv class=\"nj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nj-hero-content\"\u003e\n \u003cdiv class=\"nj-badges-top\"\u003e\n \u003cspan class=\"nj-badge\"\u003e🍋 Citron \u0026amp; Aloe Vera\u003c\/span\u003e\n \u003cspan class=\"nj-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"nj-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"nj-badge\"\u003e✨ 99 % naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"nj-hero-title\"\u003eEau florale de citron et aloe vera bio – 200 ml\u003c\/span\u003e\n \u003cp class=\"nj-subtitle\"\u003eNajel Méditerranée\u003c\/p\u003e\n \u003cp class=\"nj-description\"\u003eLe tonique rééquilibrant certifié bio qui purifie, illumine et hydrate votre peau au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eEau rééquilibrante au citron et aloe vera bio Najel : le tonique naturel pour un teint lumineux\u003c\/h2\u003e\n \u003cp class=\"nj-section-intro\"\u003eVous cherchez une \u003cstrong\u003eeau florale de citron\u003c\/strong\u003e capable de purifier votre peau tout en la respectant ?\u003c\/p\u003e\n \u003cdiv class=\"nj-highlight-box\"\u003e\n \u003cp\u003eL'\u003cstrong\u003eeau rééquilibrante Citron \u0026amp; Aloe Vera Bio de Najel\u003c\/strong\u003e combine le pouvoir tonifiant de l'\u003cstrong\u003ehydrolat de citron bio\u003c\/strong\u003e à la douceur apaisante de l'aloe vera. Certifiée \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e et composée à plus de 99 % d'ingrédients d'origine naturelle, cette lotion tonique fabriquée en France s'intègre facilement dans votre routine quotidienne pour révéler l'éclat naturel de votre visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'hydrolat de citron associé à l'aloe vera\u003c\/h2\u003e\n \u003cp class=\"nj-section-intro\"\u003eL'\u003cstrong\u003ehydrolat de citron\u003c\/strong\u003e est reconnu depuis longtemps pour ses propriétés astringentes et clarifiantes. Il aide à resserrer les pores dilatés, à atténuer les imperfections et les points noirs, et à redonner de la luminosité aux peaux ternes ou fatiguées. Contrairement à un \u003cstrong\u003ehydrolat de citron fait maison\u003c\/strong\u003e, cette formulation professionnelle garantit une concentration optimale en actifs et une stabilité parfaite du produit.\u003c\/p\u003e\n \u003cp class=\"nj-section-intro\"\u003eL'\u003cstrong\u003eeau florale d'aloe vera\u003c\/strong\u003e vient compléter cette action en apportant une hydratation douce et immédiate. Riche en vitamines, minéraux et polysaccharides, l'aloe vera apaise les rougeurs, calme les irritations et renforce la barrière cutanée. Résultat : votre peau est à la fois purifiée et confortée, sans tiraillement ni sécheresse.\u003c\/p\u003e\n \u003cdiv class=\"nj-grid\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🧴 Purifie et rééquilibre\u003c\/h3\u003e\n \u003cp\u003eResserre les pores, régule l'excès de sébum et aide à prévenir les imperfections au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e✨ Illumine le teint\u003c\/h3\u003e\n \u003cp\u003eEstompe les traces de fatigue et ravive l'éclat naturel de la peau grâce aux antioxydants du citron.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e💧 Hydrate et apaise\u003c\/h3\u003e\n \u003cp\u003eL'aloe vera calme les peaux sensibles et réactives tout en maintenant un bon niveau d'hydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🌸 Tonifie en douceur\u003c\/h3\u003e\n \u003cp\u003ePrépare la peau à recevoir votre sérum ou votre crème de soin pour une efficacité décuplée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eComment utiliser cette eau florale de citron et aloe vera ?\u003c\/h2\u003e\n \u003cdiv class=\"nj-timeline\"\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eNettoyez votre peau\u003c\/h3\u003e\n \u003cp\u003eCommencez par un nettoyage doux matin et soir pour éliminer les impuretés et préparer votre visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eAppliquez le tonique\u003c\/h3\u003e\n \u003cp\u003eImbibez un coton réutilisable et passez-le délicatement sur le visage, le cou et le décolleté. Vous pouvez également la vaporiser directement en brumisation pour un coup de fraîcheur immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eComplétez votre routine\u003c\/h3\u003e\n \u003cp\u003eEnchaînez avec votre sérum ou crème hydratante habituel(le). L'eau florale optimise l'absorption des soins suivants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-tip\"\u003e\n \u003cspan class=\"nj-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e conservez le flacon au réfrigérateur pour un effet décongestionnant encore plus agréable, surtout en été ou après une longue journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eUne composition bio et transparente\u003c\/h2\u003e\n \u003cp class=\"nj-section-intro\"\u003eCette eau rééquilibrante Najel est formulée \u003cstrong\u003esans alcool, sans conservateurs de synthèse et sans parfum artificiel\u003c\/strong\u003e. Certifiée bio, elle convient à \u003cstrong\u003etous les types de peaux\u003c\/strong\u003e, y compris les peaux mixtes à tendance grasse et les peaux sensibles.\u003c\/p\u003e\n \u003cp class=\"nj-section-intro\"\u003eSi vous comparez les \u003cstrong\u003ebienfaits de l'hydrolat de citron\u003c\/strong\u003e proposé ici avec des alternatives disponibles sur des plateformes comme Aroma-Zone, vous apprécierez la synergie unique avec l'aloe vera qui adoucit l'action astringente du citron.\u003c\/p\u003e\n \u003cdiv class=\"nj-accordion\"\u003e\n \u003cdetails class=\"nj-accordion-item\"\u003e\n \u003csummary class=\"nj-accordion-header\"\u003e📋 Liste des ingrédients (INCI)\u003c\/summary\u003e\n \u003cdiv class=\"nj-accordion-content mt-3\"\u003e\n \u003cp\u003eCitrus Limon (Lemon) Fruit Water*, Aloe Barbadensis Leaf Juice*, Glycerin, Sodium Benzoate, Potassium Sorbate, Citric Acid, Parfum (Fragrance). \u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"nj-accordion-item\"\u003e\n \u003csummary class=\"nj-accordion-header\"\u003e🌿 Certifications\u003c\/summary\u003e\n \u003cdiv class=\"nj-accordion-content mt-3\"\u003e\n \u003cp\u003eCertifiée \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e par Ecocert. Plus de 99 % d'ingrédients d'origine naturelle. Formule sans alcool, sans conservateurs de synthèse, sans parfum artificiel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"nj-accordion-item\"\u003e\n \u003csummary class=\"nj-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"nj-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver à l'abri de la chaleur et de la lumière directe. Pour un effet rafraîchissant optimal, placez le flacon au réfrigérateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"nj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir le tonique citron \u0026amp; aloe vera Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"nj-grid-compact\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🏅 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003ePlus de 99 % d'ingrédients naturels certifiés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué par Najel, spécialiste des soins méditerranéens\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🤝 Tous types de peau\u003c\/h3\u003e\n \u003cp\u003eConvient même aux peaux les plus réactives et sensibles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e📦 200 ml\u003c\/h3\u003e\n \u003cp\u003eFormat généreux pour plusieurs semaines d'utilisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e⚡ Action complète\u003c\/h3\u003e\n \u003cp\u003ePurifie, tonifie, hydrate et illumine en un seul geste\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🍋 Synergie unique\u003c\/h3\u003e\n \u003cp\u003eLe citron purifie, l'aloe vera apaise : duo parfait pour l'équilibre cutané\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-cta-box\"\u003e\n \u003cp\u003e🍋 Offrez à votre peau l'éclat et la fraîcheur d'un soin méditerranéen certifié bio – matin et soir, votre teint rayonne !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"nj-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème cutané persistant, consultez un dermatologue.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --nj-cream: #fdf8f0;\n --nj-white: #ffffff;\n --nj-primary: #e8982c;\n --nj-primary-dark: #b5701a;\n --nj-primary-light: #fef4e6;\n --nj-secondary: #d4a843;\n --nj-accent: #6b8c3f;\n --nj-text: #1a1a1a;\n --nj-text-light: #5a5a5a;\n --nj-border: #e8e0d4;\n --nj-shadow: 0 4px 24px rgba(0,0,0,.08);\n --nj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --nj-radius: 20px;\n --nj-radius-sm: 12px;\n}\n\n.nj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nj-hero {\n position: relative;\n background: linear-gradient(135deg, #e8982c 0%, #d4a843 45%, #6b8c3f 100%);\n border-radius: var(--nj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--nj-shadow-lg);\n}\n\n.nj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.nj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.nj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.nj-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.nj-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(15px, 2.5vw, 19px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.nj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--nj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.nj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.3;\n}\n\n.nj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--nj-primary), var(--nj-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.nj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nj-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.nj-section-intro strong {\n color: var(--nj-text);\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.nj-highlight-box {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nj-shadow);\n border-left: 4px solid var(--nj-primary);\n}\n\n.nj-highlight-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nj-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.nj-highlight-box p strong {\n color: var(--nj-primary-dark);\n}\n\n\/* === CARDS === *\/\n.nj-card {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nj-shadow-lg);\n border-color: var(--nj-primary);\n}\n\n.nj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.nj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.nj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.nj-grid-compact .nj-card {\n padding: 1rem;\n}\n\n.nj-grid-compact .nj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nj-grid-compact .nj-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.nj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nj-primary), var(--nj-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.nj-timeline-content {\n flex: 1;\n background: var(--nj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nj-radius-sm);\n box-shadow: var(--nj-shadow);\n}\n\n.nj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nj-timeline-content p {\n font-size: 14px;\n color: var(--nj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.nj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nj-primary-light);\n border-radius: var(--nj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.nj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nj-tip p {\n font-size: 14px;\n color: var(--nj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.nj-accordion {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n box-shadow: var(--nj-shadow);\n overflow: hidden;\n}\n\n.nj-accordion-item {\n border-bottom: 1px solid var(--nj-border);\n margin: 0;\n padding: 0;\n}\n\n.nj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.nj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--nj-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.nj-accordion-header:hover {\n background: var(--nj-primary-light);\n}\n\n.nj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.nj-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--nj-primary);\n transition: transform .2s ease;\n}\n\n.nj-accordion-item[open] .nj-accordion-header::after {\n content: '−';\n}\n\n.nj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--nj-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.nj-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.nj-cta-box {\n background: linear-gradient(135deg, var(--nj-primary) 0%, var(--nj-primary-dark) 100%);\n border-radius: var(--nj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.nj-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.nj-disclaimer {\n font-size: 12px;\n color: var(--nj-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .nj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .nj-card {\n padding: 1.125rem;\n }\n\n .nj-section {\n margin-bottom: 1.75rem;\n }\n\n .nj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nj-radius-sm);\n }\n\n .nj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .nj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .nj-grid-compact {\n gap: .625rem;\n }\n\n .nj-grid-compact .nj-card {\n padding: .75rem;\n }\n\n .nj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .nj-timeline-content {\n padding: .875rem 1rem;\n }\n\n .nj-timeline-content h3 {\n font-size: 14px;\n }\n\n .nj-timeline-content p {\n font-size: 13px;\n }\n\n .nj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .nj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .nj-highlight-box {\n padding: 1.25rem;\n }\n\n .nj-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .nj-card {\n animation: njFadeInUp .5s ease backwards;\n }\n .nj-card:nth-child(1) { animation-delay: .05s; }\n .nj-card:nth-child(2) { animation-delay: .1s; }\n .nj-card:nth-child(3) { animation-delay: .15s; }\n .nj-card:nth-child(4) { animation-delay: .2s; }\n .nj-card:nth-child(5) { animation-delay: .25s; }\n .nj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes njFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .nj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54937512739193,"sku":"NJ0280","price":11.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/eau-florale-de-citron-et-aloe-vera-bio-200-ml-najel-ingredients.webp?v=1772803196"},{"product_id":"argile-rouge-poudre-najel","title":"Argile Rouge en Poudre - 150 g - Najel","description":"\u003cdiv class=\"ar-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ar-hero\"\u003e\n \u003cdiv class=\"ar-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ar-hero-content\"\u003e\n \u003cdiv class=\"ar-badges-top\"\u003e\n \u003cspan class=\"ar-badge\"\u003e🌿 Certifié COSMOS Natural\u003c\/span\u003e\n \u003cspan class=\"ar-badge\"\u003e🧡 Soin bonne mine\u003c\/span\u003e\n \u003cspan class=\"ar-badge\"\u003e📦 150 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ar-hero-title\"\u003eArgile Rouge en Poudre Najel\u003c\/span\u003e\n \u003cp class=\"ar-subtitle\"\u003eLe trésor minéral ancestral pour un teint éclatant et des cheveux revitalisés\u003c\/p\u003e\n \u003cp class=\"ar-description\"\u003e100 % naturelle, séchée au soleil et finement broyée — un soin multi-usage riche en oxyde de fer et oligo-éléments pour sublimer votre peau et vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"ar-section\"\u003e\n \u003ch2\u003eArgile rouge en poudre Najel : le secret d'un teint éclatant et de cheveux revitalisés\u003c\/h2\u003e\n \u003cp class=\"ar-section-intro\"\u003eVotre peau manque d'éclat, votre teint paraît fatigué ? L'\u003cstrong\u003eargile rouge en poudre Najel\u003c\/strong\u003e est un soin ancestral, 100 % naturel et certifié \u003cstrong\u003eCOSMOS Natural\u003c\/strong\u003e, qui redonne vie aux peaux ternes et aux cheveux en manque de vitalité. Riche en \u003cstrong\u003eoxyde de fer\u003c\/strong\u003e et en oligo-éléments, cette argile sédimentaire est un véritable trésor minéral, apprécié depuis des siècles pour ses vertus cosmétiques.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"ar-section\"\u003e\n \u003ch2\u003eBienfaits de l'argile rouge pour le visage\u003c\/h2\u003e\n \u003cp class=\"ar-section-intro\"\u003eSi vous cherchez un \u003cstrong\u003emasque argile rouge visage\u003c\/strong\u003e efficace et doux, cette poudre est faite pour vous. Voici les principaux bienfaits :\u003c\/p\u003e\n \u003cdiv class=\"ar-grid\"\u003e\n \u003cdiv class=\"ar-card\"\u003e\n \u003ch3\u003e✨ Effet bonne mine immédiat\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa teneur exceptionnelle en oxyde de fer, elle stimule la microcirculation cutanée et ravive l'éclat des peaux ternes, fatiguées ou marquées par le froid.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ar-card\"\u003e\n \u003ch3\u003e🫧 Purification en douceur\u003c\/h3\u003e\n \u003cp\u003eSon pouvoir adsorbant capte les impuretés et l'excès de sébum sans dessécher ni agresser l'épiderme. Idéale pour les peaux normales à sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ar-card\"\u003e\n \u003ch3\u003e💎 Action reminéralisante\u003c\/h3\u003e\n \u003cp\u003eElle dépose un cocktail de minéraux essentiels (silice, magnésium, fer) qui tonifient et revitalisent la peau en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ar-card\"\u003e\n \u003ch3\u003e🌸 Décongestion et apaisement\u003c\/h3\u003e\n \u003cp\u003eElle aide à décongestionner les traits, atténuer les rougeurs diffuses et redonner du confort aux peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"ar-section\"\u003e\n \u003ch2\u003eBienfaits de l'argile rouge pour les cheveux\u003c\/h2\u003e\n \u003cp class=\"ar-section-intro\"\u003eL'\u003cstrong\u003eargile rouge pour cheveux\u003c\/strong\u003e est une alternative naturelle aux soins capillaires conventionnels. Utilisée en masque, elle offre de réels bienfaits :\u003c\/p\u003e\n \u003cdiv class=\"ar-grid\"\u003e\n \u003cdiv class=\"ar-card\"\u003e\n \u003ch3\u003e🧴 Purifie le cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eElle débarrasse les racines des résidus de produits coiffants, de la pollution et de l'excès de sébum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ar-card\"\u003e\n \u003ch3\u003e💫 Redonne volume et brillance\u003c\/h3\u003e\n \u003cp\u003eLes cheveux fins, plats ou ternes retrouvent légèreté, mouvement et un éclat naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ar-card\"\u003e\n \u003ch3\u003e🤍 Respecte les cuirs chevelus sensibles\u003c\/h3\u003e\n \u003cp\u003eDouce et non irritante, elle convient même aux cuirs chevelus sujets aux inconforts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"ar-section\"\u003e\n \u003ch2\u003eComment utiliser l'argile rouge en poudre ?\u003c\/h2\u003e\n \u003cdiv class=\"ar-timeline\"\u003e\n \u003cdiv class=\"ar-timeline-item\"\u003e\n \u003cdiv class=\"ar-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ar-timeline-content\"\u003e\n \u003ch3\u003eMasque visage argile rouge\u003c\/h3\u003e\n \u003cp\u003eDans un récipient non métallique, mélangez \u003cstrong\u003e1 à 2 cuillères à soupe\u003c\/strong\u003e d'argile rouge avec un peu d'eau florale (hydrolat de rose, par exemple) jusqu'à obtenir une pâte lisse et onctueuse. Appliquez en couche épaisse sur le visage en évitant le contour des yeux. Laissez poser \u003cstrong\u003e10 minutes maximum\u003c\/strong\u003e en brumisant régulièrement pour que le masque ne sèche pas sur la peau. Rincez à l'eau tiède. Utilisez ce soin une à deux fois par semaine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ar-timeline-item\"\u003e\n \u003cdiv class=\"ar-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ar-timeline-content\"\u003e\n \u003ch3\u003eMasque capillaire\u003c\/h3\u003e\n \u003cp\u003ePréparez une pâte avec de l'eau tiède et appliquez-la sur le cuir chevelu en massant délicatement. Laissez agir \u003cstrong\u003e10 à 15 minutes\u003c\/strong\u003e, puis rincez abondamment avec un shampooing doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ar-timeline-item\"\u003e\n \u003cdiv class=\"ar-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ar-timeline-content\"\u003e\n \u003ch3\u003eBain reminéralisant\u003c\/h3\u003e\n \u003cp\u003eAjoutez 3 à 4 cuillères à soupe d'\u003cstrong\u003eargile rouge en poudre\u003c\/strong\u003e directement dans l'eau du bain pour un moment de détente revitalisant. Votre peau ressortira douce et apaisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ar-tip\"\u003e\n \u003cspan class=\"ar-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e ne laissez jamais le masque sécher complètement sur votre peau — brumisez régulièrement pour préserver l'hydratation et maximiser les bienfaits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"ar-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"ar-accordion\"\u003e\n \u003cdetails class=\"ar-accordion-item\" open\u003e\n \u003csummary class=\"ar-accordion-header\"\u003e🧪 Ingrédient (INCI)\u003c\/summary\u003e\n \u003cdiv class=\"ar-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eIllite\u003c\/strong\u003e (argile rouge pure). Sans additifs, sans conservateurs, sans colorants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ar-composition-highlight\"\u003e\n \u003cdiv class=\"ar-grid-compact\"\u003e\n \u003cdiv class=\"ar-card\"\u003e\n \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n \u003cp\u003eAucun ajout chimique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ar-card\"\u003e\n \u003ch3\u003e🚫 Sans conservateurs\u003c\/h3\u003e\n \u003cp\u003ePureté totale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ar-card\"\u003e\n \u003ch3\u003e🚫 Sans colorants\u003c\/h3\u003e\n \u003cp\u003eCouleur 100 % naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ar-card\"\u003e\n \u003ch3\u003e☀️ Séchée au soleil\u003c\/h3\u003e\n \u003cp\u003eMéthode ancestrale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"ar-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir l'argile rouge Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"ar-cta-box\"\u003e\n \u003cp\u003eLa marque \u003cstrong\u003eNajel\u003c\/strong\u003e, héritière d'un savoir-faire ancestral syrien, propose une argile rouge \u003cstrong\u003esimplement séchée au soleil et finement broyée\u003c\/strong\u003e pour préserver l'intégralité de ses propriétés minérales. Le pot de \u003cstrong\u003e150 g\u003c\/strong\u003e vous assure plusieurs semaines de soins naturels. Certifiée COSMOS Natural, cette argile respecte votre peau autant que l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ar-disclaimer\"\u003eCe produit cosmétique ne remplace en aucun cas un avis ou un traitement médical. En cas de peau très réactive ou de pathologie cutanée, consultez un professionnel de santé avant utilisation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ar-cream: #faf6f1;\n --ar-white: #ffffff;\n --ar-primary: #c4622a;\n --ar-primary-dark: #3d2b1f;\n --ar-primary-light: #fceee4;\n --ar-secondary: #d4854a;\n --ar-accent: #e87a3a;\n --ar-text: #1a1a1a;\n --ar-text-light: #5a5a5a;\n --ar-border: #e8ddd3;\n --ar-shadow: 0 4px 24px rgba(61,43,31,.08);\n --ar-shadow-lg: 0 12px 48px rgba(61,43,31,.15);\n --ar-radius: 20px;\n --ar-radius-sm: 12px;\n}\n\n.ar-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ar-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ar-hero {\n position: relative;\n background: linear-gradient(135deg, var(--ar-primary-dark) 0%, #5a3424 40%, var(--ar-primary) 100%);\n border-radius: var(--ar-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ar-shadow-lg);\n}\n\n.ar-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 70% 30%, rgba(228,122,58,.25) 0%, transparent 50%),\n radial-gradient(circle at 20% 80%, rgba(196,98,42,.2) 0%, transparent 40%),\n radial-gradient(circle at 90% 70%, rgba(212,133,74,.15) 0%, transparent 35%);\n opacity: .6;\n}\n\n.ar-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ar-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ar-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ar-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ar-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ar-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ar-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.ar-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.ar-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ar-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ar-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ar-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ar-primary), var(--ar-secondary));\n border-radius: 2px;\n}\n\n.ar-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ar-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.ar-card {\n background: var(--ar-white);\n border-radius: var(--ar-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ar-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ar-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ar-shadow-lg);\n border-color: var(--ar-primary);\n}\n\n.ar-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ar-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ar-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ar-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ar-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ar-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-top: 1.25rem;\n}\n\n.ar-grid-compact .ar-card {\n padding: 1rem;\n}\n\n.ar-grid-compact .ar-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ar-grid-compact .ar-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ar-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ar-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ar-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ar-primary), var(--ar-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.ar-timeline-content {\n flex: 1;\n background: var(--ar-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ar-radius-sm);\n box-shadow: var(--ar-shadow);\n}\n\n.ar-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ar-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ar-timeline-content p {\n font-size: 14px;\n color: var(--ar-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.ar-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ar-primary-light);\n border-radius: var(--ar-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ar-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ar-tip p {\n font-size: 14px;\n color: var(--ar-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.ar-accordion {\n background: var(--ar-white);\n border-radius: var(--ar-radius);\n box-shadow: var(--ar-shadow);\n overflow: hidden;\n}\n\n.ar-accordion-item {\n border-bottom: 1px solid var(--ar-border);\n margin: 0;\n padding: 0;\n}\n\n.ar-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ar-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ar-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.ar-accordion-header:hover {\n background: var(--ar-primary-light);\n}\n\n.ar-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ar-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ar-primary);\n transition: transform .2s ease;\n}\n\n.ar-accordion-item[open] .ar-accordion-header::after {\n content: '−';\n}\n\n.ar-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ar-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ar-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ar-cta-box {\n background: linear-gradient(135deg, var(--ar-primary) 0%, var(--ar-primary-dark) 100%);\n border-radius: var(--ar-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ar-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ar-disclaimer {\n font-size: 12px;\n color: var(--ar-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === COMPOSITION HIGHLIGHT === *\/\n.ar-composition-highlight {\n margin-top: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ar-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ar-card {\n padding: 1.125rem;\n }\n\n .ar-section {\n margin-bottom: 1.75rem;\n }\n\n .ar-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ar-radius-sm);\n }\n\n .ar-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ar-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ar-grid-compact {\n gap: .625rem;\n }\n\n .ar-grid-compact .ar-card {\n padding: .75rem;\n }\n\n .ar-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ar-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ar-timeline-content h3 {\n font-size: 14px;\n }\n\n .ar-timeline-content p {\n font-size: 13px;\n }\n\n .ar-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ar-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ar-tip {\n padding: .875rem 1rem;\n }\n\n .ar-tip-icon {\n font-size: 20px;\n }\n\n .ar-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ar-card {\n animation: arFadeInUp .5s ease backwards;\n }\n .ar-card:nth-child(1) { animation-delay: .05s; }\n .ar-card:nth-child(2) { animation-delay: .1s; }\n .ar-card:nth-child(3) { animation-delay: .15s; }\n .ar-card:nth-child(4) { animation-delay: .2s; }\n .ar-card:nth-child(5) { animation-delay: .25s; }\n .ar-card:nth-child(6) { animation-delay: .3s; }\n\n .ar-timeline-item {\n animation: arFadeInUp .5s ease backwards;\n }\n .ar-timeline-item:nth-child(1) { animation-delay: .05s; }\n .ar-timeline-item:nth-child(2) { animation-delay: .15s; }\n .ar-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes arFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ar-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54937822626169,"sku":"NJ0285","price":5.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/argile-rouge-en-poudre-150-g-najel-lifestyle.webp?v=1772882639"},{"product_id":"argile-verte-najel","title":"Argile Verte pour Peaux Grasses – 150 g – Najel","description":"\u003cdiv class=\"av-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"av-hero\"\u003e\n\u003cdiv class=\"av-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"av-hero-content\"\u003e\n\u003cdiv class=\"av-badges-top\"\u003e\n\u003cspan class=\"av-badge\"\u003e🌿 100% Pure\u003c\/span\u003e \u003cspan class=\"av-badge\"\u003e🇫🇷 Origine France\u003c\/span\u003e \u003cspan class=\"av-badge\"\u003e✨ Cosmos Natural\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"av-hero-title\"\u003eArgile Verte Najel\u003c\/span\u003e\n\u003cp class=\"av-subtitle\"\u003eLe secret ancestral des peaux nettes et purifiées\u003c\/p\u003e\n\u003cp class=\"av-description\"\u003e150 g de pureté minérale pour révéler l'éclat naturel de votre peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"av-section\"\u003e\n\u003ch2\u003eL'argile verte Najel : un trésor naturel pour votre peau\u003c\/h2\u003e\n\u003cp class=\"av-section-intro\"\u003eVous cherchez une solution naturelle et efficace pour prendre soin de votre peau mixte à grasse ? L'\u003cstrong\u003eargile verte Najel\u003c\/strong\u003e est ce dont vous avez besoin.\u003c\/p\u003e\n\u003cdiv class=\"av-highlight-box\"\u003e\n\u003cp\u003eExtraite de carrières françaises et \u003cstrong\u003ecertifiée Cosmos Natural\u003c\/strong\u003e, cette poudre d'argile 100 % pure concentre des millénaires de savoir-faire au service de votre beauté. Que ce soit en masque visage, en \u003cstrong\u003ecataplasme d'argile verte\u003c\/strong\u003e pour le corps ou en soin capillaire, elle s'adapte à tous vos besoins avec une simplicité déconcertante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"av-section\"\u003e\n\u003ch2\u003eLes bienfaits de l'argile verte pour votre peau et votre corps\u003c\/h2\u003e\n\u003cp class=\"av-section-intro\"\u003eL'argile verte doit sa réputation à une composition exceptionnellement riche en minéraux : silice, magnésium, calcium, fer, potassium et zinc.\u003c\/p\u003e\n\u003cdiv class=\"av-grid\"\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e🧽 Pouvoir absorbant remarquable\u003c\/h3\u003e\n\u003cp\u003eElle capte l'excès de sébum comme une éponge naturelle, laissant votre peau nette sans la dessécher.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e🔬 Action purifiante en profondeur\u003c\/h3\u003e\n\u003cp\u003eElle attire et élimine les impuretés, toxines et cellules mortes qui ternissent votre teint.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e⚖️ Effet rééquilibrant\u003c\/h3\u003e\n\u003cp\u003eElle régule naturellement l'activité des glandes sébacées pour un résultat durable sur les peaux grasses.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e🌸 Propriétés apaisantes\u003c\/h3\u003e\n\u003cp\u003eElle calme les rougeurs, les irritations et les petites inflammations cutanées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e💎 Bienfaits reminéralisants\u003c\/h3\u003e\n\u003cp\u003eElle nourrit votre peau en oligo-éléments essentiels pour un teint éclatant de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e💆 Action décongestionnante\u003c\/h3\u003e\n\u003cp\u003eEn cataplasme, elle aide à soulager les tensions musculaires et articulaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"av-section\"\u003e\n\u003ch2\u003eComment utiliser l'argile verte Najel au quotidien ?\u003c\/h2\u003e\n\u003cdiv class=\"av-usage-block\"\u003e\n\u003ch3 class=\"av-usage-title\"\u003e🎭 Le masque visage purifiant\u003c\/h3\u003e\n\u003cp class=\"av-usage-intro\"\u003eC'est l'utilisation la plus répandue, et pour cause : les résultats sont visibles immédiatement.\u003c\/p\u003e\n\u003cdiv class=\"av-timeline\"\u003e\n\u003cdiv class=\"av-timeline-item\"\u003e\n\u003cspan class=\"av-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"av-timeline-content\"\u003e\n\u003ch3\u003ePréparez le mélange\u003c\/h3\u003e\n\u003cp\u003eVersez \u003cstrong\u003e2 cuillères à soupe d'argile verte\u003c\/strong\u003e dans un récipient non métallique (verre, céramique ou bois).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-timeline-item\"\u003e\n\u003cspan class=\"av-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"av-timeline-content\"\u003e\n\u003ch3\u003eAjoutez le liquide\u003c\/h3\u003e\n\u003cp\u003eVersez progressivement de l'eau minérale ou un hydrolat (rose, lavande, hamamélis) jusqu'à obtenir une pâte onctueuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-timeline-item\"\u003e\n\u003cspan class=\"av-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"av-timeline-content\"\u003e\n\u003ch3\u003eAppliquez généreusement\u003c\/h3\u003e\n\u003cp\u003eÉtalez en couche généreuse sur le visage en évitant le contour des yeux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-timeline-item\"\u003e\n\u003cspan class=\"av-timeline-number\"\u003e4\u003c\/span\u003e\n\u003cdiv class=\"av-timeline-content\"\u003e\n\u003ch3\u003eLaissez poser 10 minutes\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eImportant\u003c\/strong\u003e : ne laissez jamais l'argile sécher complètement sur votre peau, cela pourrait l'irriter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-timeline-item\"\u003e\n\u003cspan class=\"av-timeline-number\"\u003e5\u003c\/span\u003e\n\u003cdiv class=\"av-timeline-content\"\u003e\n\u003ch3\u003eRincez et admirez\u003c\/h3\u003e\n\u003cp\u003eRincez à l'eau tiède et admirez votre teint frais et lumineux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-tip\"\u003e\n\u003cspan class=\"av-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eNotre conseil\u003c\/strong\u003e : réalisez ce masque une à deux fois par semaine pour des résultats optimaux sans fragiliser votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-usage-block\"\u003e\n\u003ch3 class=\"av-usage-title\"\u003e🩹 Le cataplasme d'argile verte pour le corps\u003c\/h3\u003e\n\u003cp class=\"av-usage-intro\"\u003eL'\u003cstrong\u003eargile verte en cataplasme\u003c\/strong\u003e est une technique ancestrale particulièrement appréciée pour ses effets décongestionnants.\u003c\/p\u003e\n\u003cdiv class=\"av-grid-compact\"\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e😌 Zone fatiguée\u003c\/h3\u003e\n\u003cp\u003eApaiser après un effort physique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e💪 Détente musculaire\u003c\/h3\u003e\n\u003cp\u003eAccompagner la relaxation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e🦴 Bien-être articulaire\u003c\/h3\u003e\n\u003cp\u003eContribuer au confort\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e⏱️ 30 min à 1h\u003c\/h3\u003e\n\u003cp\u003eTemps de pose idéal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-tip\"\u003e\n\u003cspan class=\"av-tip-icon\"\u003e📋\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003ePréparation\u003c\/strong\u003e : mélangez l'argile avec de l'eau jusqu'à obtenir une pâte épaisse (environ 2 cm). Étalez-la sur un linge propre en coton, appliquez directement sur la zone souhaitée, puis rincez délicatement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-grid-compact\"\u003e\n\u003cdiv class=\"av-card av-card-accent\"\u003e\n\u003ch3\u003e🛁 Le bain reminéralisant\u003c\/h3\u003e\n\u003cp\u003eAjoutez \u003cstrong\u003e3 à 4 cuillères à soupe\u003c\/strong\u003e dans votre bain chaud. 20 minutes d'immersion pour une peau douce et un esprit apaisé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card av-card-accent\"\u003e\n\u003ch3\u003e💇 Le soin capillaire détoxifiant\u003c\/h3\u003e\n\u003cp\u003eMélangez l'argile avec de l'eau, appliquez sur le cuir chevelu, massez, laissez poser \u003cstrong\u003e15 minutes\u003c\/strong\u003e puis shampooing. Cheveux légers garantis !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"av-section\"\u003e\n\u003ch2\u003ePourquoi choisir l'argile verte Najel ?\u003c\/h2\u003e\n\u003cp class=\"av-section-intro\"\u003eToutes les argiles vertes ne se valent pas. Celle de Najel se distingue par plusieurs engagements concrets.\u003c\/p\u003e\n\u003cdiv class=\"av-grid\"\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e✅ Pureté garantie\u003c\/h3\u003e\n\u003cp\u003e100 % argile verte naturelle, sans aucun additif, colorant ni conservateur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e🏅 Certification Cosmos Natural\u003c\/h3\u003e\n\u003cp\u003eUn gage de qualité et de respect des normes cosmétiques naturelles européennes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e📍 Origine contrôlée\u003c\/h3\u003e\n\u003cp\u003eExtraite de carrières soigneusement sélectionnées en France.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e🐰 Engagement éthique\u003c\/h3\u003e\n\u003cp\u003eNon testée sur les animaux et conditionnée dans un emballage éco-responsable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"av-card\"\u003e\n\u003ch3\u003e📦 Format pratique 150 g\u003c\/h3\u003e\n\u003cp\u003eSuffisant pour plusieurs semaines de soins réguliers.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"av-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"av-composition-box\"\u003e\n\u003cp class=\"av-inci\"\u003e\u003cstrong\u003eINCI\u003c\/strong\u003e : Illite (Argile verte)\u003c\/p\u003e\n\u003cp class=\"av-composition-note\"\u003eC'est tout. Pas de liste interminable d'ingrédients imprononçables, juste de l'argile verte pure et naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"av-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"av-accordion\"\u003e\n\u003cdetails class=\"av-accordion-item\"\u003e\n\u003csummary class=\"av-accordion-header\"\u003e👁️ Contact avec les yeux\u003c\/summary\u003e\n\u003cdiv class=\"av-accordion-content\"\u003e\n\u003cp\u003eÉvitez le contact avec les yeux. En cas de contact, rincez abondamment à l'eau claire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"av-accordion-item\"\u003e\n\u003csummary class=\"av-accordion-header\"\u003e🥄 Ustensiles à éviter\u003c\/summary\u003e\n\u003cdiv class=\"av-accordion-content\"\u003e\n\u003cp\u003eN'utilisez jamais d'ustensiles métalliques pour préparer vos soins à l'argile (ils altèrent ses propriétés). Préférez le verre, la céramique ou le bois.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"av-accordion-item\"\u003e\n\u003csummary class=\"av-accordion-header\"\u003e🏠 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"av-accordion-content\"\u003e\n\u003cp\u003eConservez votre argile dans un endroit sec, à l'abri de l'humidité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"av-accordion-item\"\u003e\n\u003csummary class=\"av-accordion-header\"\u003e⚠️ Peaux sensibles\u003c\/summary\u003e\n\u003cdiv class=\"av-accordion-content\"\u003e\n\u003cp\u003eEn cas de peau sensible ou réactive, effectuez un test sur une petite zone avant la première utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"av-accordion-item\"\u003e\n\u003csummary class=\"av-accordion-header\"\u003eℹ️ Avis médical\u003c\/summary\u003e\n\u003cdiv class=\"av-accordion-content\"\u003e\n\u003cp\u003eLes cataplasmes d'argile verte constituent un soin de bien-être et ne remplacent en aucun cas un avis médical.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"av-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à votre peau le meilleur de la nature avec l'argile verte Najel \u003cstrong\u003epure, certifiée et efficace\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --av-cream: #f7f5f2;\n --av-white: #ffffff;\n --av-primary: #4a5240;\n --av-primary-dark: #3a4232;\n --av-primary-light: #e8ebe4;\n --av-secondary: #c9b8a8;\n --av-accent: #8b9b7a;\n\n \/* Textes *\/\n --av-text: #1a1a1a;\n --av-text-light: #5a5a5a;\n\n \/* Effets *\/\n --av-border: #e0ddd8;\n --av-shadow: 0 4px 24px rgba(74,82,64,.08);\n --av-shadow-lg: 0 12px 48px rgba(74,82,64,.15);\n --av-radius: 20px;\n --av-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.av-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--av-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.av-hero {\n position: relative;\n background: linear-gradient(135deg, #4a5240 0%, #5d6652 40%, #8b9b7a 100%);\n border-radius: var(--av-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--av-shadow-lg);\n}\n\n.av-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(139,155,122,.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(201,184,168,.2) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 60%);\n opacity: 1;\n}\n\n.av-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.av-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.av-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.av-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--av-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.av-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.av-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n}\n\n.av-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n margin: 0;\n max-width: 500px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === SECTIONS === *\/\n.av-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.av-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--av-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.av-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--av-primary), var(--av-accent));\n border-radius: 2px;\n}\n\n.av-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--av-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.av-highlight-box {\n background: var(--av-white);\n border-radius: var(--av-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--av-shadow);\n border-left: 4px solid var(--av-accent);\n}\n\n.av-highlight-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--av-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === GRILLES === *\/\n.av-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.av-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-top: 1.25rem;\n}\n\n\/* === CARDS === *\/\n.av-card {\n background: var(--av-white);\n border-radius: var(--av-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--av-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.av-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--av-shadow-lg);\n border-color: var(--av-primary);\n}\n\n.av-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--av-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.av-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--av-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.av-card-accent {\n background: linear-gradient(135deg, var(--av-primary-light) 0%, var(--av-white) 100%);\n border: 2px solid var(--av-accent);\n}\n\n.av-grid-compact .av-card {\n padding: 1rem;\n}\n\n.av-grid-compact .av-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.av-grid-compact .av-card p {\n font-size: 12px;\n}\n\n\/* === USAGE BLOCKS === *\/\n.av-usage-block {\n background: var(--av-white);\n border-radius: var(--av-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--av-shadow);\n margin-bottom: 1.5rem;\n}\n\n.av-usage-title {\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 800;\n color: var(--av-primary-dark);\n margin: 0 0 .75rem 0;\n text-align: center;\n}\n\n.av-usage-intro {\n text-align: center;\n font-size: clamp(14px, 2vw, 16px);\n color: var(--av-text-light);\n margin-bottom: 1.5rem;\n}\n\n\/* === TIMELINE === *\/\n.av-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.av-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.av-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--av-primary), var(--av-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.av-timeline-content {\n flex: 1;\n background: var(--av-primary-light);\n padding: 1rem 1.25rem;\n border-radius: var(--av-radius-sm);\n}\n\n.av-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--av-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.av-timeline-content p {\n font-size: 14px;\n color: var(--av-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.av-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--av-primary-light);\n border-radius: var(--av-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.av-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.av-tip p {\n font-size: 14px;\n color: var(--av-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.av-composition-box {\n background: var(--av-white);\n border-radius: var(--av-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--av-shadow);\n text-align: center;\n border: 2px solid var(--av-accent);\n}\n\n.av-inci {\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 800;\n color: var(--av-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.av-composition-note {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--av-text-light);\n margin: 0;\n font-style: italic;\n}\n\n\/* === ACCORDÉON === *\/\n.av-accordion {\n background: var(--av-white);\n border-radius: var(--av-radius);\n box-shadow: var(--av-shadow);\n overflow: hidden;\n}\n\n.av-accordion-item {\n border-bottom: 1px solid var(--av-border);\n margin: 0;\n padding: 0;\n}\n\n.av-accordion-item:last-child {\n border-bottom: none;\n}\n\n.av-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--av-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.av-accordion-header:hover {\n background: var(--av-primary-light);\n}\n\n.av-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.av-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--av-primary);\n transition: transform .2s ease;\n}\n\n.av-accordion-item[open] .av-accordion-header::after {\n content: '−';\n}\n\n.av-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--av-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.av-accordion-content p {\n margin: 0;\n}\n\n\/* === FAQ === *\/\n.av-faq {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 2rem;\n}\n\n.av-faq-item {\n background: var(--av-white);\n border-radius: var(--av-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--av-shadow);\n}\n\n.av-faq-item h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--av-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.av-faq-item p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--av-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === CTA FINAL === *\/\n.av-cta-box {\n background: linear-gradient(135deg, var(--av-primary) 0%, var(--av-primary-dark) 100%);\n border-radius: var(--av-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.av-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .av-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .av-card {\n padding: 1.125rem;\n }\n \n .av-section {\n margin-bottom: 1.75rem;\n }\n \n .av-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--av-radius-sm);\n }\n \n .av-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .av-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .av-grid-compact {\n gap: .625rem;\n }\n \n .av-grid-compact .av-card {\n padding: .75rem;\n }\n \n .av-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .av-timeline-content {\n padding: .875rem 1rem;\n }\n \n .av-timeline-content h3 {\n font-size: 14px;\n }\n \n .av-timeline-content p {\n font-size: 13px;\n }\n \n .av-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .av-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .av-usage-block {\n padding: 1.25rem;\n }\n \n .av-highlight-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .av-card {\n animation: fadeInUp .5s ease backwards;\n }\n .av-card:nth-child(1) { animation-delay: .05s; }\n .av-card:nth-child(2) { animation-delay: .1s; }\n .av-card:nth-child(3) { animation-delay: .15s; }\n .av-card:nth-child(4) { animation-delay: .2s; }\n .av-card:nth-child(5) { animation-delay: .25s; }\n .av-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .av-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54937961496953,"sku":"NJ0290","price":5.36,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/masque-argile-verte-najel_11zon.jpg?v=1770731670"},{"product_id":"gommage-douceur-dorient-najel","title":"Gommage visage Douceur d'Orient Bio – 75 ml – Najel","description":"\u003cdiv class=\"nj-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"nj-hero\"\u003e\n\u003cdiv class=\"nj-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"nj-hero-content\"\u003e\n\u003cdiv class=\"nj-badges-top\"\u003e\n\u003cspan class=\"nj-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"nj-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e \u003cspan class=\"nj-badge\"\u003e🌱 99% naturel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"nj-hero-title\"\u003eGommage Visage Douceur d'Orient Bio\u003c\/span\u003e\n\u003cp class=\"nj-subtitle\"\u003eNajel – 75 ml\u003c\/p\u003e\n\u003cp class=\"nj-description\"\u003eUn voyage sensoriel au cœur des rituels orientaux. Argile verte, huile d'olive et lavandin s'unissent pour révéler l'éclat naturel de votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"nj-section\"\u003e\n\u003ch2\u003ePourquoi votre peau a besoin d'un gommage visage bio ?\u003c\/h2\u003e\n\u003cp class=\"nj-section-intro\"\u003eAu quotidien, votre visage accumule pollution, sébum et cellules mortes qui ternissent le teint et obstruent les pores. Un gommage doux pratiqué régulièrement permet de :\u003c\/p\u003e\n\u003cdiv class=\"nj-grid\"\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e✨ Pores libérés\u003c\/h3\u003e\n\u003cp\u003eÉlimine les impuretés accumulées pour une peau qui respire enfin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🔄 Renouvellement cellulaire\u003c\/h3\u003e\n\u003cp\u003eStimule la régénération pour une peau visiblement plus jeune\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e💧 Absorption optimale\u003c\/h3\u003e\n\u003cp\u003ePrépare votre peau à mieux recevoir vos soins hydratants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🌸 Teint éclatant\u003c\/h3\u003e\n\u003cp\u003eRetrouvez un teint frais et naturellement lumineux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🪶 Grain affiné\u003c\/h3\u003e\n\u003cp\u003eAffine la texture de la peau sans jamais l'agresser\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e💆 Douceur absolue\u003c\/h3\u003e\n\u003cp\u003eRespecte même les peaux les plus réactives grâce à sa formulation naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"nj-section\"\u003e\n\u003ch2\u003eL'argile verte et l'huile d'olive : un duo purifiant d'exception\u003c\/h2\u003e\n\u003cp class=\"nj-section-intro\"\u003eLa force de ce soin réside dans sa composition soigneusement élaborée, inspirée des rituels de beauté orientaux ancestraux.\u003c\/p\u003e\n\u003cdiv class=\"nj-grid\"\u003e\n\u003cdiv class=\"nj-card nj-card-featured\"\u003e\n\u003ch3\u003e🍃 Argile verte\u003c\/h3\u003e\n\u003cp\u003eReconnue depuis des millénaires pour ses propriétés purifiantes remarquables. Absorbe l'excès de sébum, désincruste les pores en profondeur et matifie les zones brillantes. Idéale pour les peaux mixtes à grasses.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card nj-card-featured\"\u003e\n\u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n\u003cp\u003eContrebalance l'action purifiante en apportant nutrition et souplesse. Riche en vitamine E et antioxydants, elle protège du vieillissement prématuré. Votre peau reste confortable, jamais tiraillée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card nj-card-featured\"\u003e\n\u003ch3\u003e💜 Lavandin \u0026amp; agrumes\u003c\/h3\u003e\n\u003cp\u003eComplètent la formule avec leurs vertus apaisantes et tonifiantes. Le parfum délicat transforme chaque utilisation en un moment de détente absolue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"nj-section\"\u003e\n\u003ch2\u003eListe complète des ingrédients\u003c\/h2\u003e\n\u003cdiv class=\"nj-ingredients-box\"\u003e\n\u003cp class=\"nj-ingredients-list\"\u003eAqua, Glycerin*, Olea Europaea Fruit Oil*, Decyl Glucoside, Illite, Butyrospermum Parkii Butter*, Cetearyl Alcohol, Glyceryl Stearate Citrate, Olea Europaea Seed Powder, Lavandula Hybrida Oil*, Citrus Aurantium Dulcis Peel Oil*, Citrus Limon Peel Oil*, Xanthan Gum, Sodium Benzoate, Potassium Sorbate, Citric Acid, Tocopherol, Limonene**, Linalool**.\u003c\/p\u003e\n\u003cp class=\"nj-ingredients-note\"\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique\u003cbr\u003e**Naturellement présents dans les huiles essentielles\u003c\/em\u003e\u003c\/p\u003e\n\u003cdiv class=\"nj-ingredients-stats\"\u003e\n\u003cdiv class=\"nj-stat\"\u003e\n\u003cspan class=\"nj-stat-number\"\u003e99%\u003c\/span\u003e \u003cspan class=\"nj-stat-label\"\u003ed'origine naturelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-stat\"\u003e\n\u003cspan class=\"nj-stat-number\"\u003e20%\u003c\/span\u003e \u003cspan class=\"nj-stat-label\"\u003eagriculture biologique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"nj-section\"\u003e\n\u003ch2\u003eComment utiliser ce gommage pour un résultat optimal ?\u003c\/h2\u003e\n\u003cdiv class=\"nj-timeline\"\u003e\n\u003cdiv class=\"nj-timeline-item\"\u003e\n\u003cdiv class=\"nj-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-content\"\u003e\n\u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n\u003cp\u003eHumidifiez votre visage à l'eau tiède pour ouvrir les pores\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-item\"\u003e\n\u003cdiv class=\"nj-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-content\"\u003e\n\u003ch3\u003eAppliquez le gommage\u003c\/h3\u003e\n\u003cp\u003ePrélevez une noisette de produit et appliquez-la en évitant le contour des yeux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-item\"\u003e\n\u003cdiv class=\"nj-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-content\"\u003e\n\u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n\u003cp\u003eEffectuez de petits mouvements circulaires pendant 1 à 2 minutes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-item\"\u003e\n\u003cdiv class=\"nj-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-content\"\u003e\n\u003ch3\u003eInsistez sur la zone T\u003c\/h3\u003e\n\u003cp\u003eFront, nez, menton – particulièrement si vous avez la peau mixte\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-item\"\u003e\n\u003cdiv class=\"nj-timeline-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-content\"\u003e\n\u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n\u003cp\u003eÀ l'eau claire, puis séchez en tamponnant délicatement\u003cspan class=\"nj-tip-icon\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-tip\"\u003e\n\u003cp\u003e\u003cstrong\u003e💡 Fréquence recommandée :\u003c\/strong\u003e 1 à 2 fois par semaine. Les peaux sensibles privilégieront une application hebdomadaire, les peaux normales à grasses peuvent l'utiliser deux fois par semaine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"nj-section\"\u003e\n\u003ch2\u003ePour quels types de peau ce gommage est-il adapté ?\u003c\/h2\u003e\n\u003cdiv class=\"nj-grid-compact\"\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🌟 Peaux normales\u003c\/h3\u003e\n\u003cp\u003eMaintient l'éclat et la fraîcheur du teint\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e💎 Peaux mixtes à grasses\u003c\/h3\u003e\n\u003cp\u003eL'argile verte régule le sébum et resserre les pores\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e☀️ Peaux ternes\u003c\/h3\u003e\n\u003cp\u003eRéveil instantané du teint fatigué\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eFormule douce qui respecte les épidermes réactifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"nj-section\"\u003e\n\u003ch2\u003eLes engagements Najel pour une beauté responsable\u003c\/h2\u003e\n\u003cdiv class=\"nj-grid\"\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🏆 Cosmos Organic\u003c\/h3\u003e\n\u003cp\u003eCertification garantissant une formulation véritablement biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eSavoir-faire maîtrisé et empreinte carbone réduite\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🌱 Formule végane\u003c\/h3\u003e\n\u003cp\u003eSans aucun ingrédient d'origine animale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🚫 Sans controversé\u003c\/h3\u003e\n\u003cp\u003eSans silicone, sans paraben, sans phénoxyéthanol\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e♻️ Tube recyclable\u003c\/h3\u003e\n\u003cp\u003eDans une démarche éco-responsable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"nj-section\"\u003e\n\u003ch2\u003eNos conseils pour sublimer votre rituel beauté\u003c\/h2\u003e\n\u003cdiv class=\"nj-testimonial\"\u003e\n\u003cp class=\"nj-testimonial-text\"\u003e\u003cstrong\u003e🔥 Avant le gommage :\u003c\/strong\u003e Si vous en avez le temps, placez une serviette chaude sur votre visage pendant une minute. La chaleur ouvre les pores et prépare la peau à recevoir le soin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-testimonial\"\u003e\n\u003cp class=\"nj-testimonial-text\"\u003e\u003cstrong\u003e✨ Après le gommage :\u003c\/strong\u003e C'est le moment idéal pour appliquer un masque ou un sérum. Débarrassée de ses cellules mortes, votre peau absorbe bien mieux les actifs de vos soins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-testimonial\"\u003e\n\u003cp class=\"nj-testimonial-text\"\u003e\u003cstrong\u003e💧 Le bon réflexe :\u003c\/strong\u003e Terminez toujours par une crème hydratante pour sceller l'hydratation et protéger votre peau fraîchement exfoliée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"nj-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eFormat et conservation\u003c\/h2\u003e\n\u003cdiv class=\"nj-accordion\"\u003e\n\u003cdetails class=\"nj-accordion-item\"\u003e\n\u003csummary class=\"nj-accordion-header\"\u003e📦 Contenance\u003c\/summary\u003e\n\u003cdiv class=\"nj-accordion-content\"\u003e\n\u003cp\u003e75 ml – format idéal pour plusieurs semaines d'utilisation et pratique à emporter en voyage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"nj-accordion-item\"\u003e\n\u003csummary class=\"nj-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"nj-accordion-content\"\u003e\n\u003cp\u003eÀ conserver dans un endroit frais et sec, à l'abri de la lumière directe. Refermez bien le tube après chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"nj-accordion-item\"\u003e\n\u003csummary class=\"nj-accordion-header\"\u003e⏱️ Durée de vie\u003c\/summary\u003e\n\u003cdiv class=\"nj-accordion-content\"\u003e\n\u003cp\u003e\u003cstrong\u003ePAO (Période Après Ouverture) :\u003c\/strong\u003e 12 mois\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"nj-accordion-item\"\u003e\n\u003csummary class=\"nj-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"nj-accordion-content\"\u003e\n\u003cp\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas d'irritation, cessez l'utilisation et consultez un professionnel de santé. Évitez tout contact avec les yeux. Ce soin ne convient pas aux enfants de moins de 3 ans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-cta-box\"\u003e\n\u003cp\u003e🌹 Offrez à votre peau la douceur de l'Orient et révélez son éclat naturel dès aujourd'hui\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --nj-cream: #FDF8F5;\n --nj-white: #ffffff;\n --nj-primary: #C4707A;\n --nj-primary-dark: #8B5A5A;\n --nj-primary-light: #F5E6E8;\n --nj-secondary: #A67C6D;\n --nj-accent: #D4A574;\n --nj-text: #1a1a1a;\n --nj-text-light: #5a5a5a;\n --nj-border: #e8ddd8;\n --nj-shadow: 0 4px 24px rgba(139,90,90,.08);\n --nj-shadow-lg: 0 12px 48px rgba(139,90,90,.15);\n --nj-radius: 20px;\n --nj-radius-sm: 12px;\n}\n\n.nj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nj-hero {\n position: relative;\n background: linear-gradient(135deg, #C4707A 0%, #A67C6D 50%, #D4A574 100%);\n border-radius: var(--nj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--nj-shadow-lg);\n}\n\n.nj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.nj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.nj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--nj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.nj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.nj-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.nj-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.nj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.nj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--nj-primary), var(--nj-accent));\n border-radius: 2px;\n}\n\n.nj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nj-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.nj-card {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nj-shadow-lg);\n border-color: var(--nj-primary);\n}\n\n.nj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.nj-card-featured {\n border-left: 4px solid var(--nj-primary);\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.nj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.nj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.nj-grid-compact .nj-card {\n padding: 1rem;\n}\n\n.nj-grid-compact .nj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nj-grid-compact .nj-card p {\n font-size: 12px;\n}\n\n\/* === INGREDIENTS BOX === *\/\n.nj-ingredients-box {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nj-shadow);\n border: 2px solid var(--nj-primary-light);\n}\n\n.nj-ingredients-list {\n font-size: clamp(12px, 2vw, 14px);\n color: var(--nj-text-light);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n word-break: break-word;\n}\n\n.nj-ingredients-note {\n font-size: 13px;\n color: var(--nj-text-light);\n margin: 0 0 1.5rem 0;\n}\n\n.nj-ingredients-stats {\n display: flex;\n gap: 2rem;\n justify-content: center;\n flex-wrap: wrap;\n}\n\n.nj-stat {\n text-align: center;\n}\n\n.nj-stat-number {\n display: block;\n font-size: clamp(32px, 6vw, 48px);\n font-weight: 900;\n color: var(--nj-primary);\n line-height: 1;\n}\n\n.nj-stat-label {\n display: block;\n font-size: 13px;\n color: var(--nj-text-light);\n margin-top: .25rem;\n}\n\n\/* === TIMELINE === *\/\n.nj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nj-primary), var(--nj-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.nj-timeline-content {\n flex: 1;\n background: var(--nj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nj-radius-sm);\n box-shadow: var(--nj-shadow);\n}\n\n.nj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nj-timeline-content p {\n font-size: 14px;\n color: var(--nj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.nj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nj-primary-light);\n border-radius: var(--nj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.nj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nj-tip p {\n font-size: 14px;\n color: var(--nj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.nj-testimonial {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nj-shadow);\n border-left: 4px solid var(--nj-primary);\n margin-bottom: 1rem;\n}\n\n.nj-testimonial:last-of-type {\n margin-bottom: 0;\n}\n\n.nj-testimonial-text {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--nj-text);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.nj-accordion {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n box-shadow: var(--nj-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.nj-accordion-item {\n border-bottom: 1px solid var(--nj-border);\n margin: 0;\n padding: 0;\n}\n\n.nj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.nj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--nj-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.nj-accordion-header:hover {\n background: var(--nj-primary-light);\n}\n\n.nj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.nj-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--nj-primary);\n transition: transform .2s ease;\n}\n\n.nj-accordion-item[open] .nj-accordion-header::after {\n content: '−';\n}\n\n.nj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--nj-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.nj-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.nj-cta-box {\n background: linear-gradient(135deg, var(--nj-primary) 0%, var(--nj-primary-dark) 100%);\n border-radius: var(--nj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.nj-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .nj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .nj-card {\n padding: 1.125rem;\n }\n \n .nj-card-featured {\n text-align: center;\n border-left: none;\n border-top: 4px solid var(--nj-primary);\n }\n \n .nj-section {\n margin-bottom: 1.75rem;\n }\n \n .nj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nj-radius-sm);\n }\n \n .nj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .nj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .nj-grid-compact {\n gap: .625rem;\n }\n \n .nj-grid-compact .nj-card {\n padding: .75rem;\n }\n \n .nj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .nj-timeline-content {\n padding: .875rem 1rem;\n }\n \n .nj-timeline-content h3 {\n font-size: 14px;\n }\n \n .nj-timeline-content p {\n font-size: 13px;\n }\n \n .nj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .nj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .nj-testimonial {\n padding: 1rem;\n }\n \n .nj-testimonial-text {\n font-size: 14px;\n }\n \n .nj-ingredients-stats {\n gap: 1.5rem;\n }\n \n .nj-tip {\n flex-direction: column;\n gap: .5rem;\n text-align: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .nj-card {\n animation: fadeInUp .5s ease backwards;\n }\n .nj-card:nth-child(1) { animation-delay: .05s; }\n .nj-card:nth-child(2) { animation-delay: .1s; }\n .nj-card:nth-child(3) { animation-delay: .15s; }\n .nj-card:nth-child(4) { animation-delay: .2s; }\n .nj-card:nth-child(5) { animation-delay: .25s; }\n .nj-card:nth-child(6) { animation-delay: .3s; }\n \n .nj-timeline-item {\n animation: fadeInUp .5s ease backwards;\n }\n .nj-timeline-item:nth-child(1) { animation-delay: .1s; }\n .nj-timeline-item:nth-child(2) { animation-delay: .15s; }\n .nj-timeline-item:nth-child(3) { animation-delay: .2s; }\n .nj-timeline-item:nth-child(4) { animation-delay: .25s; }\n .nj-timeline-item:nth-child(5) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .nj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54938024444281,"sku":"NJ0295","price":8.49,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gommage-visage-douceur-dorient-bio-75-ml-najel-lifestyle_5bf3ed02-ff86-4d86-b4fe-404ad83874b9.webp?v=1769423400"},{"product_id":"creme-hydratante-bio-najel","title":"Crème Hydratante Huile d'olive et Baies de Laurier Bio – 50 ml – Najel","description":"\u003cdiv class=\"nj-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"nj-hero\"\u003e\n\u003cdiv class=\"nj-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"nj-hero-content\"\u003e\n\u003cdiv class=\"nj-badges-top\"\u003e\n\u003cspan class=\"nj-badge\"\u003e🌿 COSMOS Organic\u003c\/span\u003e \u003cspan class=\"nj-badge\"\u003e🫒 Huile d'olive bio\u003c\/span\u003e \u003cspan class=\"nj-badge\"\u003e🌍 Tous types de peaux\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"nj-hero-title\"\u003eCrème Hydratante Bio Najel\u003c\/span\u003e\n\u003cp class=\"nj-subtitle\"\u003eL'héritage méditerranéen au service de votre peau\u003c\/p\u003e\n\u003cp class=\"nj-description\"\u003eUne alliance précieuse d'huile d'olive et de baies de laurier, inspirée de la tradition du savon d'Alep, pour une hydratation profonde et un confort durable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"nj-section\"\u003e\n\u003ch2\u003ePourquoi l'huile d'olive et l'huile de baies de laurier sont un duo exceptionnel\u003c\/h2\u003e\n\u003cp class=\"nj-section-intro\"\u003eNajel s'inspire directement de la tradition du savon d'Alep pour créer cette crème hydratante visage. L'alliance de ces deux huiles précieuses n'est pas un hasard.\u003c\/p\u003e\n\u003cdiv class=\"nj-grid\"\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n\u003cp\u003eGorgée d'antioxydants et de vitamine E, elle nourrit en profondeur, assouplit la peau et renforce sa barrière naturelle contre les agressions extérieures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🌿 Huile de baies de laurier\u003c\/h3\u003e\n\u003cp\u003eReconnue pour ses propriétés purifiantes et apaisantes, elle aide à calmer les irritations et convient aux peaux réactives ou sujettes aux imperfections.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🍃 Feuilles d'olivier bio\u003c\/h3\u003e\n\u003cp\u003eRiches en polyphénols, elles apportent une action antioxydante complémentaire pour préserver la jeunesse de votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-tip\"\u003e\n\u003cspan class=\"nj-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003eCe trio d'actifs méditerranéens fait de cette crème une véritable alliée pour retrouver une peau souple, confortable et lumineuse au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"nj-section\"\u003e\n\u003ch2\u003eUne texture fondante adaptée à tous les types de peaux\u003c\/h2\u003e\n\u003cp class=\"nj-section-intro\"\u003eContrairement à certaines crèmes riches qui laissent un film gras, la crème visage hydratante Najel possède une texture onctueuse qui pénètre rapidement.\u003c\/p\u003e\n\u003cdiv class=\"nj-grid-compact\"\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🏜️ Peaux sèches\u003c\/h3\u003e\n\u003cp\u003eNutrition intense pour retrouver confort et souplesse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e⚖️ Peaux normales à mixtes\u003c\/h3\u003e\n\u003cp\u003eÉquilibre hydrique sans surcharger la zone T\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eFormule douce, sans parfum synthétique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e👨 Peau homme\u003c\/h3\u003e\n\u003cp\u003eTexture non grasse, parfum discret\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"nj-section\"\u003e\n\u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"nj-ingredients-box\"\u003e\n\u003cp class=\"nj-ingredients-list\"\u003eAqua, Olea Europaea Fruit Oil*, Glycerin, Cetearyl Alcohol, Laurus Nobilis Fruit Oil*, Olea Europaea Leaf Extract*, Glyceryl Stearate, Sodium Cetearyl Sulfate, Tocopherol, Benzyl Alcohol, Salicylic Acid, Sorbic Acid.\u003c\/p\u003e\n\u003cp class=\"nj-ingredients-note\"\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-grid-compact\"\u003e\n\u003cdiv class=\"nj-card nj-card-clean\"\u003e\n\u003ch3\u003e🚫 Sans parabènes\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card nj-card-clean\"\u003e\n\u003ch3\u003e🚫 Sans silicones\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card nj-card-clean\"\u003e\n\u003ch3\u003e🚫 Sans huiles minérales\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card nj-card-clean\"\u003e\n\u003ch3\u003e🚫 Sans colorants\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"nj-section\"\u003e\n\u003ch2\u003eComment utiliser cette crème hydratante bio au quotidien\u003c\/h2\u003e\n\u003cdiv class=\"nj-timeline\"\u003e\n\u003cdiv class=\"nj-timeline-item\"\u003e\n\u003cspan class=\"nj-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"nj-timeline-content\"\u003e\n\u003ch3\u003e☀️ Le matin\u003c\/h3\u003e\n\u003cp\u003eAprès avoir nettoyé votre visage, prélevez une noisette de crème et appliquez-la en massant délicatement du centre vers l'extérieur. Excellente base de maquillage grâce à sa texture non collante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-item\"\u003e\n\u003cspan class=\"nj-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"nj-timeline-content\"\u003e\n\u003ch3\u003e🌙 Le soir\u003c\/h3\u003e\n\u003cp\u003eUtilisez-la comme soin de nuit pour permettre à votre peau de se régénérer pendant votre sommeil. Les huiles d'olive et de laurier travaillent en synergie pour réparer et nourrir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-item\"\u003e\n\u003cspan class=\"nj-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"nj-timeline-content\"\u003e\n\u003ch3\u003e💡 Astuce\u003c\/h3\u003e\n\u003cp\u003eN'hésitez pas à l'appliquer également sur le cou et le décolleté, zones souvent négligées mais tout aussi exposées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"nj-section\"\u003e\n\u003ch2\u003eLes engagements Najel : tradition et naturalité\u003c\/h2\u003e\n\u003cp class=\"nj-section-intro\"\u003eNajel est une marque française qui perpétue depuis des décennies le savoir-faire ancestral du savon d'Alep.\u003c\/p\u003e\n\u003cdiv class=\"nj-grid\"\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🏅 Certification COSMOS Organic\u003c\/h3\u003e\n\u003cp\u003eUne garantie de qualité et de traçabilité des ingrédients, certifiée par Ecocert.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🧪 Formules minimalistes\u003c\/h3\u003e\n\u003cp\u003eUniquement les actifs essentiels, sans superflu ni ingrédients controversés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e♻️ Respect de l'environnement\u003c\/h3\u003e\n\u003cp\u003eEmballages recyclables et formules biodégradables pour une cosmétique responsable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🐰 Cosmétique éthique\u003c\/h3\u003e\n\u003cp\u003eNon testé sur les animaux, Najel s'engage pour une beauté cruelty-free.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"nj-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse cette crème ?\u003c\/h2\u003e\n\u003cdiv class=\"nj-grid-compact\"\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🌱 Adeptes du naturel\u003c\/h3\u003e\n\u003cp\u003ePour une routine beauté plus transparente\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e⏱️ Minimalistes\u003c\/h3\u003e\n\u003cp\u003eHydrater efficacement sans multiplier les produits\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eDes actifs doux pour les épidermes réactifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🔄 En quête d'alternative\u003c\/h3\u003e\n\u003cp\u003eUne option bio aux crèmes conventionnelles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"nj-section\"\u003e\n\u003ch2\u003eFormat et conservation\u003c\/h2\u003e\n\u003cdiv class=\"nj-accordion\"\u003e\n\u003cdetails class=\"nj-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"nj-accordion-header\"\u003e📦 Format pratique 50 ml\u003c\/summary\u003e\n\u003cdiv class=\"nj-accordion-content\"\u003e\n\u003cp\u003eCe tube est idéal pour un usage quotidien sur plusieurs semaines. Son format compact se glisse facilement dans votre trousse de toilette pour vous accompagner en voyage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"nj-accordion-item\"\u003e\n\u003csummary class=\"nj-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"nj-accordion-content\"\u003e\n\u003cp\u003eConservez votre crème à l'abri de la chaleur et de la lumière directe pour préserver toutes les qualités de ses actifs naturels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"nj-accordion-item\"\u003e\n\u003csummary class=\"nj-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"nj-accordion-content\"\u003e\n\u003cp\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas d'irritation, cessez l'utilisation et consultez un professionnel de santé. Ce soin ne remplace pas un avis médical en cas de problème dermatologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"nj-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"nj-cta-box\"\u003e\n\u003cp\u003e🫒 Offrez à votre peau le meilleur de la Méditerranée avec cette crème hydratante certifiée bio, inspirée de la tradition millénaire du savon d'Alep.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"nj-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. Les résultats peuvent varier selon les individus.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --nj-cream: #F5F0EB;\n --nj-white: #ffffff;\n --nj-primary: #8B7355;\n --nj-primary-dark: #5D4E3A;\n --nj-primary-light: #F0EBE5;\n --nj-secondary: #6B8E5A;\n --nj-accent: #A69080;\n --nj-text: #1a1a1a;\n --nj-text-light: #5a5a5a;\n --nj-border: #e0d8d0;\n --nj-shadow: 0 4px 24px rgba(139,115,85,.08);\n --nj-shadow-lg: 0 12px 48px rgba(139,115,85,.15);\n --nj-radius: 20px;\n --nj-radius-sm: 12px;\n}\n\n.nj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nj-hero {\n position: relative;\n background: linear-gradient(135deg, #8B7355 0%, #6B8E5A 50%, #A69080 100%);\n border-radius: var(--nj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--nj-shadow-lg);\n}\n\n.nj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23fff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.nj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.nj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--nj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.nj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.nj-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.nj-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.nj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.nj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--nj-primary), var(--nj-secondary));\n border-radius: 2px;\n}\n\n.nj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nj-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.nj-card {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nj-shadow-lg);\n border-color: var(--nj-primary);\n}\n\n.nj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.nj-card-clean {\n padding: 1rem;\n}\n\n.nj-card-clean h3 {\n margin: 0;\n}\n\n\/* === GRILLES === *\/\n.nj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.nj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.nj-grid-compact .nj-card {\n padding: 1rem;\n}\n\n.nj-grid-compact .nj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nj-grid-compact .nj-card p {\n font-size: 12px;\n}\n\n\/* === TIP === *\/\n.nj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nj-primary-light);\n border-radius: var(--nj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.nj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nj-tip p {\n font-size: 14px;\n color: var(--nj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INGREDIENTS === *\/\n.nj-ingredients-box {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nj-shadow);\n margin-bottom: 1.25rem;\n border-left: 4px solid var(--nj-secondary);\n}\n\n.nj-ingredients-list {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nj-text);\n line-height: 1.8;\n margin: 0 0 .75rem 0;\n font-family: 'Courier New', monospace;\n}\n\n.nj-ingredients-note {\n font-size: 13px;\n color: var(--nj-secondary);\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.nj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nj-primary), var(--nj-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.nj-timeline-content {\n flex: 1;\n background: var(--nj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nj-radius-sm);\n box-shadow: var(--nj-shadow);\n}\n\n.nj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nj-timeline-content p {\n font-size: 14px;\n color: var(--nj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.nj-accordion {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n box-shadow: var(--nj-shadow);\n overflow: hidden;\n}\n\n.nj-accordion-item {\n border-bottom: 1px solid var(--nj-border);\n margin: 0;\n padding: 0;\n}\n\n.nj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.nj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--nj-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.nj-accordion-header:hover {\n background: var(--nj-primary-light);\n}\n\n.nj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.nj-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--nj-primary);\n transition: transform .2s ease;\n}\n\n.nj-accordion-item[open] .nj-accordion-header::after {\n content: '−';\n}\n\n.nj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--nj-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.nj-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.nj-cta-box {\n background: linear-gradient(135deg, var(--nj-primary) 0%, var(--nj-primary-dark) 100%);\n border-radius: var(--nj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.nj-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.nj-disclaimer {\n font-size: 12px;\n color: var(--nj-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .nj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .nj-card {\n padding: 1.125rem;\n }\n \n .nj-section {\n margin-bottom: 1.75rem;\n }\n \n .nj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nj-radius-sm);\n }\n \n .nj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .nj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .nj-grid-compact {\n gap: .625rem;\n }\n \n .nj-grid-compact .nj-card {\n padding: .75rem;\n }\n \n .nj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .nj-timeline-content {\n padding: .875rem 1rem;\n }\n \n .nj-timeline-content h3 {\n font-size: 14px;\n }\n \n .nj-timeline-content p {\n font-size: 13px;\n }\n \n .nj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .nj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .nj-ingredients-box {\n padding: 1rem;\n }\n \n .nj-ingredients-list {\n font-size: 12px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .nj-card {\n animation: fadeInUp .5s ease backwards;\n }\n .nj-card:nth-child(1) { animation-delay: .05s; }\n .nj-card:nth-child(2) { animation-delay: .1s; }\n .nj-card:nth-child(3) { animation-delay: .15s; }\n .nj-card:nth-child(4) { animation-delay: .2s; }\n .nj-card:nth-child(5) { animation-delay: .25s; }\n .nj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .nj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54938154336633,"sku":"NJ0300","price":8.53,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-hydratante-bio-50-ml-najel-lifestyle_d3a69469-91e6-43e3-b68f-6a764d41346f.webp?v=1769428720"},{"product_id":"creme-raffermissante-anti-age-bio-najel","title":"Crème Raffermissante Anti-âge Bio – 50 ml – Najel","description":"\u003cdiv class=\"njl-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"njl-hero\"\u003e\n\u003cdiv class=\"njl-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"njl-hero-content\"\u003e\n\u003cdiv class=\"njl-badges-top\"\u003e\n\u003cspan class=\"njl-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"njl-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e \u003cspan class=\"njl-badge\"\u003e🌵 Figue de Barbarie\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"njl-hero-title\"\u003eCrème Raffermissante Anti-âge Bio\u003c\/span\u003e\n\u003cp class=\"njl-subtitle\"\u003eNajel – 50 ml\u003c\/p\u003e\n\u003cp class=\"njl-description\"\u003eL'extraordinaire pouvoir de l'huile de figue de Barbarie pour une peau raffermie, nourrie et éclatante de jeunesse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"njl-section\"\u003e\n\u003ch2\u003eCrème raffermissante anti-âge bio Najel : l'huile de figue de Barbarie au service de votre peau\u003c\/h2\u003e\n\u003cp class=\"njl-section-intro\"\u003eVous cherchez une \u003cstrong\u003ecrème anti-âge bio efficace\u003c\/strong\u003e qui respecte votre peau tout en lui offrant un soin complet ? La crème raffermissante de Najel associe l'extraordinaire \u003cstrong\u003ehuile de figue de Barbarie\u003c\/strong\u003e à des actifs naturels soigneusement sélectionnés pour préserver la fermeté et l'éclat de votre visage au fil du temps.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"njl-section\"\u003e\n\u003ch2\u003ePourquoi l'huile de figue de Barbarie est-elle si précieuse en soin anti-âge ?\u003c\/h2\u003e\n\u003cdiv class=\"njl-highlight-box\"\u003e\n\u003cp\u003eL'huile de pépins de figue de Barbarie est considérée comme l'un des \u003cstrong\u003etrésors de la cosmétique naturelle\u003c\/strong\u003e. Il faut près d'\u003cstrong\u003eune tonne de figues\u003c\/strong\u003e pour obtenir seulement \u003cstrong\u003eun litre\u003c\/strong\u003e de cette huile précieuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-grid\"\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e✨ Vitamine E exceptionnelle\u003c\/h3\u003e\n\u003cp\u003eConcentration supérieure à l'huile d'argan pour protéger les cellules du stress oxydatif\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e💧 Acide linoléique\u003c\/h3\u003e\n\u003cp\u003eCet acide gras essentiel renforce la barrière cutanée et maintient une hydratation optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e🌸 Stérols naturels\u003c\/h3\u003e\n\u003cp\u003eParticipent à améliorer l'élasticité et la souplesse de votre peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"njl-section\"\u003e\n\u003ch2\u003eUne formule certifiée Cosmos Organic pour tous les types de peau\u003c\/h2\u003e\n\u003cp class=\"njl-section-intro\"\u003eNajel a formulé cette \u003cstrong\u003ecrème bio anti-âge\u003c\/strong\u003e pour qu'elle convienne à toutes les peaux, des plus sèches aux mixtes. La certification \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e vous garantit une composition rigoureuse et respectueuse de l'environnement.\u003c\/p\u003e\n\u003cdiv class=\"njl-grid\"\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e🎯 Action raffermissante\u003c\/h3\u003e\n\u003cp\u003eAide à redonner tonicité et densité à la peau qui perd de sa fermeté\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e🥑 Nutrition profonde\u003c\/h3\u003e\n\u003cp\u003eLes huiles végétales bio nourrissent intensément sans effet gras\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n\u003cp\u003eAide à limiter les effets des agressions extérieures quotidiennes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e☁️ Confort durable\u003c\/h3\u003e\n\u003cp\u003eApaise les sensations de tiraillement et laisse la peau souple\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"njl-section\"\u003e\n\u003ch2\u003eComment utiliser cette crème raffermissante au quotidien ?\u003c\/h2\u003e\n\u003cdiv class=\"njl-timeline\"\u003e\n\u003cdiv class=\"njl-timeline-item\"\u003e\n\u003cdiv class=\"njl-timeline-number\"\u003e☀️\u003c\/div\u003e\n\u003cdiv class=\"njl-timeline-content\"\u003e\n\u003ch3\u003eLe matin\u003c\/h3\u003e\n\u003cp\u003eAppliquez une noisette sur visage et cou nettoyés. Effectuez de légers mouvements ascendants, du centre vers l'extérieur. Insistez sur l'ovale du visage et les pommettes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-timeline-item\"\u003e\n\u003cdiv class=\"njl-timeline-number\"\u003e🌙\u003c\/div\u003e\n\u003cdiv class=\"njl-timeline-content\"\u003e\n\u003ch3\u003eLe soir\u003c\/h3\u003e\n\u003cp\u003eAprès démaquillage, appliquez en couche légèrement plus généreuse. Massez quelques minutes pour stimuler la microcirculation et favoriser la pénétration des actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-tip\"\u003e\n\u003cspan class=\"njl-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e réchauffez une petite quantité de crème entre vos paumes avant l'application pour une meilleure absorption.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"njl-section\"\u003e\n\u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"njl-inci-box\"\u003e\n\u003cp\u003eAqua, Glycerin*, Butyrospermum Parkii Butter*, Olea Europaea Fruit Oil*, Cetearyl Alcohol, Prunus Amygdalus Dulcis Oil*, Argania Spinosa Kernel Oil*, \u003cstrong\u003eOpuntia Ficus-Indica Seed Oil*\u003c\/strong\u003e, Aloe Barbadensis Leaf Juice Powder*, Sodium Cetearyl Sulfate, Parfum, Xanthan Gum, Benzyl Alcohol, Tocopherol, Sodium Benzoate, Potassium Sorbate, Citric Acid, Limonene, Linalool.\u003c\/p\u003e\n\u003cp class=\"njl-inci-note\"\u003e*Ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"njl-section\"\u003e\n\u003ch2\u003eLes engagements Najel pour une cosmétique responsable\u003c\/h2\u003e\n\u003cdiv class=\"njl-grid-compact\"\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e🏅 Cosmos Organic\u003c\/h3\u003e\n\u003cp\u003eCertifié par Ecocert\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eSavoir-faire artisanal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e🐰 Cruelty-free\u003c\/h3\u003e\n\u003cp\u003eNon testé sur animaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e♻️ Éco-conçu\u003c\/h3\u003e\n\u003cp\u003eTube recyclable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"njl-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse cette crème anti-âge certifiée bio ?\u003c\/h2\u003e\n\u003cdiv class=\"njl-grid\"\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e🔬 Efficacité naturelle\u003c\/h3\u003e\n\u003cp\u003ePour celles qui recherchent une crème anti-âge bio aux actifs végétaux reconnus\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e⏳ Perte de fermeté\u003c\/h3\u003e\n\u003cp\u003eSi vous constatez un relâchement ou une perte de tonicité au niveau du visage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e🌱 Prévention 30-35 ans\u003c\/h3\u003e\n\u003cp\u003eIdéale pour prévenir l'apparition des premiers signes de l'âge\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eParfaite si votre peau réagit aux cosmétiques conventionnels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e🌍 Éco-responsable\u003c\/h3\u003e\n\u003cp\u003ePour celles qui privilégient les soins naturels et respectueux de l'environnement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 \u0026 9 regroupées en accordéon --\u003e\n\u003csection class=\"njl-section\"\u003e\n\u003ch2\u003eFormat et conservation\u003c\/h2\u003e\n\u003cp class=\"njl-section-intro\"\u003eCe soin se présente dans un \u003cstrong\u003etube de 50 ml\u003c\/strong\u003e, format idéal pour une utilisation quotidienne sur plusieurs semaines. Le tube permet de prélever la juste quantité de produit tout en préservant la formule des contaminations extérieures.\u003c\/p\u003e\n\u003cdiv class=\"njl-accordion\"\u003e\n\u003cdetails class=\"njl-accordion-item\"\u003e\n\u003csummary class=\"njl-accordion-header\"\u003e🧊 Conseils de conservation\u003c\/summary\u003e\n\u003cdiv class=\"njl-accordion-content\"\u003e\n\u003cp\u003eGardez votre crème à l'abri de la chaleur et de la lumière directe du soleil. Une fois ouvert, utilisez le produit dans les 12 mois.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"njl-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"njl-accordion\"\u003e\n\u003cdetails class=\"njl-accordion-item\"\u003e\n\u003csummary class=\"njl-accordion-header\"\u003e⚠️ Usage et précautions\u003c\/summary\u003e\n\u003cdiv class=\"njl-accordion-content\"\u003e\n\u003cp\u003eCe produit cosmétique est destiné à un usage externe uniquement. Évitez le contact avec les yeux. En cas de contact, rincez abondamment à l'eau claire. Si vous avez une peau particulièrement réactive, effectuez un test au préalable dans le pli du coude 24 heures avant la première utilisation sur le visage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"njl-disclaimer\"\u003eCe soin cosmétique ne constitue pas un traitement médical et ne prétend pas soigner ou guérir quelque affection que ce soit. Pour toute préoccupation dermatologique, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --njl-cream: #FAF8F5;\n --njl-white: #ffffff;\n --njl-primary: #8B6914;\n --njl-primary-dark: #6B5010;\n --njl-primary-light: #F5EFE0;\n --njl-secondary: #C4A86C;\n --njl-accent: #5D7A5D;\n --njl-text: #1a1a1a;\n --njl-text-light: #5a5a5a;\n --njl-border: #e8e4dc;\n --njl-shadow: 0 4px 24px rgba(139,105,20,.08);\n --njl-shadow-lg: 0 12px 48px rgba(139,105,20,.15);\n --njl-radius: 20px;\n --njl-radius-sm: 12px;\n}\n\n.njl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--njl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.njl-hero {\n position: relative;\n background: linear-gradient(135deg, #C4A86C 0%, #8B6914 50%, #6B5010 100%);\n border-radius: var(--njl-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--njl-shadow-lg);\n}\n\n.njl-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c2 8 8 14 16 16-8 2-14 8-16 16-2-8-8-14-16-16 8-2 14-8 16-16z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.njl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.njl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.njl-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--njl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.njl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.njl-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.njl-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.njl-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.njl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.njl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--njl-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.njl-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--njl-primary), var(--njl-secondary));\n border-radius: 2px;\n}\n\n.njl-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--njl-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.njl-section-intro strong {\n color: var(--njl-primary-dark);\n}\n\n.njl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.njl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.njl-card {\n background: var(--njl-white);\n border-radius: var(--njl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--njl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.njl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--njl-shadow-lg);\n border-color: var(--njl-primary);\n}\n\n.njl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--njl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.njl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--njl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.njl-grid-compact .njl-card {\n padding: 1rem;\n}\n\n.njl-grid-compact .njl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.njl-grid-compact .njl-card p {\n font-size: 12px;\n}\n\n.njl-highlight-box {\n background: linear-gradient(135deg, var(--njl-primary-light) 0%, rgba(196,168,108,.15) 100%);\n border-radius: var(--njl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n margin-bottom: 1.5rem;\n text-align: center;\n border-left: 4px solid var(--njl-primary);\n}\n\n.njl-highlight-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--njl-text);\n margin: 0;\n line-height: 1.7;\n}\n\n.njl-highlight-box strong {\n color: var(--njl-primary-dark);\n}\n\n.njl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.njl-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.njl-timeline-number {\n flex-shrink: 0;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, var(--njl-primary), var(--njl-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 22px;\n box-shadow: 0 4px 15px rgba(139,105,20,.3);\n}\n\n.njl-timeline-content {\n flex: 1;\n background: var(--njl-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--njl-radius-sm);\n box-shadow: var(--njl-shadow);\n}\n\n.njl-timeline-content h3 {\n font-size: 17px;\n font-weight: 700;\n color: var(--njl-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.njl-timeline-content p {\n font-size: 14px;\n color: var(--njl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.njl-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--njl-primary-light);\n border-radius: var(--njl-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.njl-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.njl-tip p {\n font-size: 14px;\n color: var(--njl-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.njl-inci-box {\n background: var(--njl-white);\n border-radius: var(--njl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--njl-shadow);\n}\n\n.njl-inci-box p {\n font-size: 14px;\n color: var(--njl-text-light);\n line-height: 1.8;\n margin: 0;\n}\n\n.njl-inci-box strong {\n color: var(--njl-primary-dark);\n background: var(--njl-primary-light);\n padding: 2px 6px;\n border-radius: 4px;\n}\n\n.njl-inci-note {\n margin-top: 1rem !important;\n font-style: italic;\n color: var(--njl-accent) !important;\n font-weight: 600;\n}\n\n.njl-accordion {\n background: var(--njl-white);\n border-radius: var(--njl-radius);\n box-shadow: var(--njl-shadow);\n overflow: hidden;\n}\n\n.njl-accordion-item {\n border-bottom: 1px solid var(--njl-border);\n margin: 0;\n padding: 0;\n}\n\n.njl-accordion-item:last-child {\n border-bottom: none;\n}\n\n.njl-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--njl-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.njl-accordion-header:hover {\n background: var(--njl-primary-light);\n}\n\n.njl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.njl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--njl-primary);\n transition: transform .2s ease;\n}\n\n.njl-accordion-item[open] .njl-accordion-header::after {\n content: '−';\n}\n\n.njl-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--njl-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.njl-accordion-content p {\n margin: 0;\n}\n\n.njl-disclaimer {\n font-size: 12px;\n color: var(--njl-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n .njl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .njl-card {\n padding: 1.125rem;\n }\n \n .njl-section {\n margin-bottom: 1.75rem;\n }\n \n .njl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--njl-radius-sm);\n }\n \n .njl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .njl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .njl-grid-compact {\n gap: .625rem;\n }\n \n .njl-grid-compact .njl-card {\n padding: .75rem;\n }\n \n .njl-timeline-number {\n width: 40px;\n height: 40px;\n font-size: 18px;\n }\n \n .njl-timeline-content {\n padding: .875rem 1rem;\n }\n \n .njl-timeline-content h3 {\n font-size: 15px;\n }\n \n .njl-timeline-content p {\n font-size: 13px;\n }\n \n .njl-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .njl-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .njl-highlight-box {\n padding: 1rem;\n }\n \n .njl-inci-box {\n padding: 1rem;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .njl-card {\n animation: njlFadeInUp .5s ease backwards;\n }\n .njl-card:nth-child(1) { animation-delay: .05s; }\n .njl-card:nth-child(2) { animation-delay: .1s; }\n .njl-card:nth-child(3) { animation-delay: .15s; }\n .njl-card:nth-child(4) { animation-delay: .2s; }\n .njl-card:nth-child(5) { animation-delay: .25s; }\n .njl-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes njlFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .njl-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54938430472569,"sku":"NJ0305","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-raffermissante-anti-age-bio-50-ml-najel-lifestyle_2ebee6e3-9ca7-41af-a219-6b244ab62064.webp?v=1769427654"},{"product_id":"creme-visage-matifiante-najel","title":"Crème Visage Matifiante Bio – 50 ml – Najel","description":"\u003cdiv class=\"njm-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"njm-hero\"\u003e\n\u003cdiv class=\"njm-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"njm-hero-content\"\u003e\n\u003cdiv class=\"njm-badges-top\"\u003e\n\u003cspan class=\"njm-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"njm-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e \u003cspan class=\"njm-badge\"\u003e💧 99% naturel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"njm-hero-title\"\u003eCrème visage matifiante Bio\u003c\/span\u003e\n\u003cp class=\"njm-subtitle\"\u003eAloe vera \u0026amp; rose myrthe • 50 ml\u003c\/p\u003e\n\u003cp class=\"njm-description\"\u003eFini velouté longue tenue pour peaux mixtes à grasses. Hydrate sans briller, régule le sébum naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"njm-section\"\u003e\n\u003ch2\u003ePourquoi votre peau grasse a besoin d'une vraie hydratation\u003c\/h2\u003e\n\u003cp class=\"njm-section-intro\"\u003eContrairement à une idée reçue tenace, les peaux grasses ont autant besoin d'hydratation que les autres.\u003c\/p\u003e\n\u003cdiv class=\"njm-grid-compact\"\u003e\n\u003cdiv class=\"njm-card\"\u003e\n\u003ch3\u003e💧 Peau déshydratée\u003c\/h3\u003e\n\u003cp\u003eQuand la peau manque d'eau, elle compense en produisant encore plus de sébum\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njm-card\"\u003e\n\u003ch3\u003e🔄 Cercle vicieux\u003c\/h3\u003e\n\u003cp\u003eCe déséquilibre accentue les brillances et les imperfections\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njm-card\"\u003e\n\u003ch3\u003e⚖️ Double action\u003c\/h3\u003e\n\u003cp\u003eHydrater en profondeur tout en régulant naturellement l'excès de sébum\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njm-card\"\u003e\n\u003ch3\u003e✨ Solution Najel\u003c\/h3\u003e\n\u003cp\u003eUne formule certifiée Cosmos Organic qui sait faire les deux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"njm-section\"\u003e\n\u003ch2\u003eUne formule bio aux actifs ciblés pour matifier sans dessécher\u003c\/h2\u003e\n\u003cdiv class=\"njm-grid\"\u003e\n\u003cdiv class=\"njm-card njm-card-ingredient\"\u003e\n\u003ch3\u003e🌵 Aloe vera bio\u003c\/h3\u003e\n\u003cp\u003eRéservoir d'hydratation qui apaise et rafraîchit sans film gras. Calme les irritations et rougeurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njm-card njm-card-ingredient\"\u003e\n\u003ch3\u003e🌹 Hydrolat de rose myrthe\u003c\/h3\u003e\n\u003cp\u003eActif tonifiant qui resserre les pores dilatés et purifie en douceur. Parfum délicat et frais.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njm-card njm-card-ingredient\"\u003e\n\u003ch3\u003e🫒 Huile de jojoba bio\u003c\/h3\u003e\n\u003cp\u003eComposition proche du sébum humain pour \"tromper\" la peau et réguler naturellement sa production.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njm-card njm-card-ingredient\"\u003e\n\u003ch3\u003e🍚 Poudre de riz\u003c\/h3\u003e\n\u003cp\u003eAgent matifiant naturel par excellence, absorbe l'excès de sébum tout au long de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"njm-section\"\u003e\n\u003ch2\u003eLes résultats que vous pouvez attendre\u003c\/h2\u003e\n\u003cp class=\"njm-section-intro\"\u003eDès les premières applications, vous remarquerez une différence notable sur votre peau.\u003c\/p\u003e\n\u003cdiv class=\"njm-grid\"\u003e\n\u003cdiv class=\"njm-card\"\u003e\n\u003ch3\u003e🪞 Fini mat velouté\u003c\/h3\u003e\n\u003cp\u003eUn effet qui dure plusieurs heures sans retouche\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njm-card\"\u003e\n\u003ch3\u003e💦 Hydratation parfaite\u003c\/h3\u003e\n\u003cp\u003ePeau nourrie mais jamais grasse ni collante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njm-card\"\u003e\n\u003ch3\u003e🔬 Pores resserrés\u003c\/h3\u003e\n\u003cp\u003eGrain de peau visiblement affiné\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njm-card\"\u003e\n\u003ch3\u003e🎨 Teint uniforme\u003c\/h3\u003e\n\u003cp\u003eBase idéale pour votre maquillage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njm-card\"\u003e\n\u003ch3\u003e✨ Zone T maîtrisée\u003c\/h3\u003e\n\u003cp\u003eMoins de brillances sur front, nez et menton\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njm-card\"\u003e\n\u003ch3\u003e⚡ Absorption express\u003c\/h3\u003e\n\u003cp\u003eTexture légère qui pénètre en quelques secondes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"njm-section\"\u003e\n\u003ch2\u003eComment bien utiliser votre crème matifiante Najel ?\u003c\/h2\u003e\n\u003cdiv class=\"njm-timeline\"\u003e\n\u003cdiv class=\"njm-timeline-item\"\u003e\n\u003cdiv class=\"njm-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"njm-timeline-content\"\u003e\n\u003ch3\u003e☀️ Le matin\u003c\/h3\u003e\n\u003cp\u003eSur peau propre et sèche, prélevez une noisette de crème et appliquez en massages légers. Insistez sur la zone T. Attendez une minute avant le maquillage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njm-timeline-item\"\u003e\n\u003cdiv class=\"njm-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"njm-timeline-content\"\u003e\n\u003ch3\u003e🌙 Le soir\u003c\/h3\u003e\n\u003cp\u003eAprès votre nettoyage, utilisez-la comme soin de nuit léger, particulièrement en été où les textures riches sont moins agréables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njm-timeline-item\"\u003e\n\u003cdiv class=\"njm-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"njm-timeline-content\"\u003e\n\u003ch3\u003e🌡️ Par temps chaud\u003c\/h3\u003e\n\u003cp\u003eEmportez le tube pour une retouche en milieu de journée sur les zones qui brillent.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"njm-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"njm-inci-box\"\u003e\n\u003cp class=\"njm-inci-list\"\u003eAqua, \u003cstrong\u003eAloe Barbadensis Leaf Juice*\u003c\/strong\u003e, \u003cstrong\u003eSimmondsia Chinensis Seed Oil*\u003c\/strong\u003e, Glycerin, Cetearyl Alcohol, Oryza Sativa Starch, \u003cstrong\u003eMyrtus Communis Flower Water*\u003c\/strong\u003e, Sodium Cetearyl Sulfate, Parfum, Benzyl Alcohol, Xanthan Gum, Tocopherol, Dehydroacetic Acid, Citric Acid.\u003c\/p\u003e\n\u003cp class=\"njm-inci-note\"\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique\u003c\/em\u003e\u003c\/p\u003e\n\u003cdiv class=\"njm-inci-badge\"\u003e\n\u003cspan\u003e🌿 99% d'ingrédients d'origine naturelle\u003c\/span\u003e \u003cspan\u003e✓ Certifié Cosmos Organic par Ecocert\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"njm-section\"\u003e\n\u003ch2\u003eLes engagements Najel pour votre peau et la planète\u003c\/h2\u003e\n\u003cdiv class=\"njm-grid\"\u003e\n\u003cdiv class=\"njm-card\"\u003e\n\u003ch3\u003e🏅 Cosmos Organic\u003c\/h3\u003e\n\u003cp\u003eCertification garantissant une formule contrôlée et respectueuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njm-card\"\u003e\n\u003ch3\u003e🚫 Sans indésirables\u003c\/h3\u003e\n\u003cp\u003eSans parabènes, sans silicones, sans huiles minérales\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njm-card\"\u003e\n\u003ch3\u003e🐰 Cruelty-free\u003c\/h3\u003e\n\u003cp\u003eNon testée sur les animaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njm-card\"\u003e\n\u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n\u003cp\u003ePackaging recyclable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njm-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabrication française par une marque experte depuis plus de 100 ans\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njm-card\"\u003e\n\u003ch3\u003e🌱 100% naturel\u003c\/h3\u003e\n\u003cp\u003eDes soins qui respectent votre peau et l'environnement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"njm-section\"\u003e\n\u003ch2\u003ePour qui est faite cette crème ?\u003c\/h2\u003e\n\u003cdiv class=\"njm-grid-compact\"\u003e\n\u003cdiv class=\"njm-card\"\u003e\n\u003ch3\u003e🧴 Peau mixte à grasse\u003c\/h3\u003e\n\u003cp\u003eFormule spécialement conçue pour réguler le sébum\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njm-card\"\u003e\n\u003ch3\u003e💄 Maquilleuses\u003c\/h3\u003e\n\u003cp\u003eBase idéale qui prolonge la tenue du fond de teint\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njm-card\"\u003e\n\u003ch3\u003e🌿 Adeptes du bio\u003c\/h3\u003e\n\u003cp\u003ePour celles qui préfèrent les cosmétiques naturels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njm-card\"\u003e\n\u003ch3\u003e😤 Anti-brillance\u003c\/h3\u003e\n\u003cp\u003ePour en finir avec les crèmes qui laissent un film gras\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"njm-section\"\u003e\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"njm-section\"\u003e\n\u003cdiv class=\"njm-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à votre peau le soin qu'elle mérite : hydratation parfaite, fini mat longue durée, formule 100% naturelle certifiée bio.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"njm-disclaimer\"\u003eContenance : 50 ml • Ce produit cosmétique ne constitue pas un traitement médical. En cas de problème dermatologique persistant, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --njm-cream: #F5F0EB;\n --njm-white: #ffffff;\n --njm-primary: #8B7355;\n --njm-primary-dark: #6B5A47;\n --njm-primary-light: #F0E8E0;\n --njm-secondary: #C4A77D;\n --njm-accent: #D4C4B0;\n --njm-text: #1a1a1a;\n --njm-text-light: #5a5a5a;\n --njm-border: #e0e0e0;\n --njm-shadow: 0 4px 24px rgba(139,115,85,.08);\n --njm-shadow-lg: 0 12px 48px rgba(139,115,85,.15);\n --njm-radius: 20px;\n --njm-radius-sm: 12px;\n}\n\n.njm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--njm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.njm-hero {\n position: relative;\n background: linear-gradient(135deg, #8B7355 0%, #A08060 50%, #C4A77D 100%);\n border-radius: var(--njm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--njm-shadow-lg);\n}\n\n.njm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.njm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.njm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.njm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--njm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.njm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.njm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.njm-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.njm-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.njm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.njm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--njm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.njm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--njm-primary), var(--njm-secondary));\n border-radius: 2px;\n}\n\n.njm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--njm-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.njm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.njm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.njm-card {\n background: var(--njm-white);\n border-radius: var(--njm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--njm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.njm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--njm-shadow-lg);\n border-color: var(--njm-primary);\n}\n\n.njm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--njm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.njm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--njm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.njm-card-ingredient {\n border-left: 4px solid var(--njm-secondary);\n text-align: left;\n}\n\n.njm-grid-compact .njm-card {\n padding: 1rem;\n}\n\n.njm-grid-compact .njm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.njm-grid-compact .njm-card p {\n font-size: 12px;\n}\n\n.njm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.njm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.njm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--njm-primary), var(--njm-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.njm-timeline-content {\n flex: 1;\n background: var(--njm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--njm-radius-sm);\n box-shadow: var(--njm-shadow);\n}\n\n.njm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--njm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.njm-timeline-content p {\n font-size: 14px;\n color: var(--njm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.njm-inci-box {\n background: var(--njm-white);\n border-radius: var(--njm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--njm-shadow);\n text-align: center;\n}\n\n.njm-inci-list {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--njm-text-light);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.njm-inci-note {\n font-size: 13px;\n color: var(--njm-primary);\n margin: 0 0 1.25rem 0;\n}\n\n.njm-inci-badge {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n}\n\n.njm-inci-badge span {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: var(--njm-primary-light);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--njm-primary-dark);\n}\n\n.njm-accordion {\n background: var(--njm-white);\n border-radius: var(--njm-radius);\n box-shadow: var(--njm-shadow);\n overflow: hidden;\n}\n\n.njm-accordion-item {\n border-bottom: 1px solid var(--njm-border);\n margin: 0;\n padding: 0;\n}\n\n.njm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.njm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--njm-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.njm-accordion-header:hover {\n background: var(--njm-primary-light);\n}\n\n.njm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.njm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--njm-primary);\n transition: transform .2s ease;\n}\n\n.njm-accordion-item[open] .njm-accordion-header::after {\n content: '−';\n}\n\n.njm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--njm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.njm-accordion-content p {\n margin: 0;\n}\n\n.njm-cta-box {\n background: linear-gradient(135deg, var(--njm-primary) 0%, var(--njm-primary-dark) 100%);\n border-radius: var(--njm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.njm-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.njm-disclaimer {\n font-size: 12px;\n color: var(--njm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .njm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .njm-card {\n padding: 1.125rem;\n }\n \n .njm-card-ingredient {\n text-align: center;\n border-left: none;\n border-top: 4px solid var(--njm-secondary);\n }\n \n .njm-section {\n margin-bottom: 1.75rem;\n }\n \n .njm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--njm-radius-sm);\n }\n \n .njm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .njm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .njm-grid-compact {\n gap: .625rem;\n }\n \n .njm-grid-compact .njm-card {\n padding: .75rem;\n }\n \n .njm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .njm-timeline-content {\n padding: .875rem 1rem;\n }\n \n .njm-timeline-content h3 {\n font-size: 14px;\n }\n \n .njm-timeline-content p {\n font-size: 13px;\n }\n \n .njm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .njm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .njm-inci-box {\n padding: 1.25rem;\n }\n \n .njm-inci-badge {\n flex-direction: column;\n align-items: center;\n }\n \n .njm-inci-badge span {\n font-size: 12px;\n padding: 6px 12px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .njm-card {\n animation: fadeInUp .5s ease backwards;\n }\n .njm-card:nth-child(1) { animation-delay: .05s; }\n .njm-card:nth-child(2) { animation-delay: .1s; }\n .njm-card:nth-child(3) { animation-delay: .15s; }\n .njm-card:nth-child(4) { animation-delay: .2s; }\n .njm-card:nth-child(5) { animation-delay: .25s; }\n .njm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .njm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54938493583737,"sku":"NJ0310","price":8.93,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-visage-matifiante-bio-50-ml-najel-lifestyle_100cb892-28a7-4dfb-8d71-5836f910593d.webp?v=1769428341"},{"product_id":"creme-mains-abricot-figuier-barbarie-najel","title":"Crème Mains Abricot, Ricin et Figue de Barbarie Bio – 75 ml – Najel","description":"\u003cdiv class=\"njl-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"njl-hero\"\u003e\n\u003cdiv class=\"njl-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"njl-hero-content\"\u003e\n\u003cdiv class=\"njl-badges-top\"\u003e\n\u003cspan class=\"njl-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"njl-badge\"\u003e🍑 Abricot \u0026amp; Figuier\u003c\/span\u003e \u003cspan class=\"njl-badge\"\u003e💅 Mains \u0026amp; Ongles\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"njl-hero-title\"\u003eCrème Mains Abricot et Figuier de Barbarie Bio\u003c\/span\u003e\n\u003cp class=\"njl-subtitle\"\u003e75 ml de douceur certifiée bio par Najel\u003c\/p\u003e\n\u003cp class=\"njl-description\"\u003eUne texture fondante qui pénètre instantanément pour une hydratation intense sans film gras. Vos mains retrouvent souplesse et éclat dès la première application.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"njl-section\"\u003e\n\u003ch2\u003eUne crème mains bio qui nourrit vraiment vos mains au quotidien\u003c\/h2\u003e\n\u003cp class=\"njl-section-intro\"\u003eVos mains sont sollicitées en permanence : lavages répétés, exposition au froid, travaux ménagers... Elles méritent un soin à la hauteur de leurs besoins.\u003c\/p\u003e\n\u003cdiv class=\"njl-grid-compact\"\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n\u003cp\u003ePénètre instantanément sans film gras\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e🌸 Texture fondante\u003c\/h3\u003e\n\u003cp\u003eConfort immédiat et longue durée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e🍃 100% naturelle\u003c\/h3\u003e\n\u003cp\u003eCertifiée Cosmos Organic\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e✨ Parfum délicat\u003c\/h3\u003e\n\u003cp\u003eNotes fruitées d'abricot et figue\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"njl-section\"\u003e\n\u003ch2\u003eLes trésors végétaux de cette crème réparatrice mains bio\u003c\/h2\u003e\n\u003cp class=\"njl-section-intro\"\u003eDes ingrédients actifs d'exception, sélectionnés pour leurs propriétés nourrissantes et protectrices.\u003c\/p\u003e\n\u003cdiv class=\"njl-grid\"\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e🍑 Huile de noyau d'abricot bio\u003c\/h3\u003e\n\u003cp\u003eConcentré de vitamines A et E, nourrit en profondeur et redonne souplesse et éclat aux mains desséchées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e🌵 Huile de figue de Barbarie bio\u003c\/h3\u003e\n\u003cp\u003eAntioxydant naturel puissant, préserve l'élasticité et lutte contre les signes du vieillissement cutané.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e💪 Huile de ricin bio\u003c\/h3\u003e\n\u003cp\u003ePropriétés fortifiantes pour les ongles, favorise leur croissance et les renforce naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n\u003cp\u003eFilm protecteur qui préserve l'hydratation naturelle et renforce la barrière cutanée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e🌱 Aloe vera bio\u003c\/h3\u003e\n\u003cp\u003eVertus apaisantes et réparatrices, idéal pour les peaux irritées ou fragilisées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"njl-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse cette crème bio pour les mains ?\u003c\/h2\u003e\n\u003cdiv class=\"njl-grid\"\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e❄️ Mains sèches ou très sèches\u003c\/h3\u003e\n\u003cp\u003eQui tiraillent, surtout en hiver ou après exposition au froid.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e🌸 Peau sensible ou réactive\u003c\/h3\u003e\n\u003cp\u003eAux cosmétiques conventionnels ou aux formules agressives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e🧴 Lavages fréquents\u003c\/h3\u003e\n\u003cp\u003ePersonnel soignant, parents de jeunes enfants, métiers manuels...\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e⚡ Besoin d'efficacité\u003c\/h3\u003e\n\u003cp\u003eCrème qui pénètre vite pour reprendre vos activités immédiatement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e🌍 Valeurs éco-responsables\u003c\/h3\u003e\n\u003cp\u003eSoin certifié bio et respectueux de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"njl-section\"\u003e\n\u003ch2\u003eComment utiliser votre crème mains Najel pour un résultat optimal ?\u003c\/h2\u003e\n\u003cdiv class=\"njl-timeline\"\u003e\n\u003cdiv class=\"njl-timeline-item\"\u003e\n\u003cdiv class=\"njl-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"njl-timeline-content\"\u003e\n\u003ch3\u003ePrélevez une noisette\u003c\/h3\u003e\n\u003cp\u003eUne petite quantité suffit pour couvrir les deux mains.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-timeline-item\"\u003e\n\u003cdiv class=\"njl-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"njl-timeline-content\"\u003e\n\u003ch3\u003eAppliquez sur mains propres et sèches\u003c\/h3\u003e\n\u003cp\u003ePour une absorption optimale des actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-timeline-item\"\u003e\n\u003cdiv class=\"njl-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"njl-timeline-content\"\u003e\n\u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n\u003cp\u003eInsistez sur les zones sèches : dos des mains, jointures, cuticules.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-timeline-item\"\u003e\n\u003cdiv class=\"njl-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"njl-timeline-content\"\u003e\n\u003ch3\u003eN'oubliez pas vos ongles\u003c\/h3\u003e\n\u003cp\u003eBénéficiez de l'action fortifiante de l'huile de ricin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-tip\"\u003e\n\u003cspan class=\"njl-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eNotre conseil :\u003c\/strong\u003e Gardez ce tube de 75 ml dans votre sac pour une application à tout moment. Appliquez en couche généreuse le soir pour un soin intensif nocturne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"njl-section\"\u003e\n\u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"njl-accordion\"\u003e\n\u003cdetails class=\"njl-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"njl-accordion-header\"\u003e📋 Composition détaillée\u003c\/summary\u003e\n\u003cdiv class=\"njl-accordion-content\"\u003e\n\u003cp\u003eAqua, Glycerin*, Prunus Armeniaca Seed Oil*, Butyrospermum Parkii Butter*, Cetearyl Alcohol, Glyceryl Stearate, Aloe Barbadensis Leaf Juice Powder*, Opuntia Ficus-Indica Seed Oil*, Ricinus Communis Seed Oil*, Tocopherol, Parfum, Xanthan Gum, Sodium Benzoate, Potassium Sorbate, Citric Acid, Linalool, Limonene.\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\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"njl-section\"\u003e\n\u003ch2\u003eLes engagements Najel pour une cosmétique responsable\u003c\/h2\u003e\n\u003cdiv class=\"njl-grid-compact\"\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e✅ Cosmos Organic\u003c\/h3\u003e\n\u003cp\u003eIngrédients bio, fabrication respectueuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e🐰 Cruelty-free\u003c\/h3\u003e\n\u003cp\u003eNon testée sur les animaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e🚫 Sans controversés\u003c\/h3\u003e\n\u003cp\u003eSans parabènes, silicones, huiles minérales\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"njl-card\"\u003e\n\u003ch3\u003e♻️ Tube recyclable\u003c\/h3\u003e\n\u003cp\u003eEmballage éco-responsable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"njl-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"njl-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à vos mains le soin qu'elles méritent avec la douceur des huiles précieuses d'abricot et de figuier de Barbarie bio.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"njl-disclaimer\"\u003eCosmétique certifiée bio. Conserver à l'abri de la chaleur. Usage externe uniquement.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --njl-cream: #FAF7F2;\n --njl-white: #ffffff;\n --njl-primary: #C9B896;\n --njl-primary-dark: #8B7355;\n --njl-primary-light: #F5EFE6;\n --njl-secondary: #A69070;\n --njl-accent: #E8A857;\n --njl-text: #1a1a1a;\n --njl-text-light: #5a5a5a;\n --njl-border: #e8e4dc;\n --njl-shadow: 0 4px 24px rgba(139,115,85,.08);\n --njl-shadow-lg: 0 12px 48px rgba(139,115,85,.15);\n --njl-radius: 20px;\n --njl-radius-sm: 12px;\n}\n\n.njl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--njl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.njl-hero {\n position: relative;\n background: linear-gradient(135deg, #D4C4A8 0%, #C9B896 40%, #B8A582 100%);\n border-radius: var(--njl-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--njl-shadow-lg);\n}\n\n.njl-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.njl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.njl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.njl-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--njl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.njl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.njl-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(139,115,85,.3);\n}\n\n.njl-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.njl-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.njl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.njl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--njl-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.njl-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--njl-primary), var(--njl-accent));\n border-radius: 2px;\n}\n\n.njl-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--njl-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.njl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.njl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.njl-card {\n background: var(--njl-white);\n border-radius: var(--njl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--njl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.njl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--njl-shadow-lg);\n border-color: var(--njl-primary);\n}\n\n.njl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--njl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.njl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--njl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.njl-grid-compact .njl-card {\n padding: 1rem;\n}\n\n.njl-grid-compact .njl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.njl-grid-compact .njl-card p {\n font-size: 12px;\n}\n\n.njl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.njl-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.njl-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--njl-primary), var(--njl-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(232,168,87,.3);\n}\n\n.njl-timeline-content {\n flex: 1;\n background: var(--njl-white);\n padding: 1rem 1.25rem;\n border-radius: var(--njl-radius-sm);\n box-shadow: var(--njl-shadow);\n}\n\n.njl-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--njl-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.njl-timeline-content p {\n font-size: 14px;\n color: var(--njl-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.njl-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--njl-primary-light);\n border-radius: var(--njl-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--njl-accent);\n}\n\n.njl-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.njl-tip p {\n font-size: 14px;\n color: var(--njl-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.njl-accordion {\n background: var(--njl-white);\n border-radius: var(--njl-radius);\n box-shadow: var(--njl-shadow);\n overflow: hidden;\n}\n\n.njl-accordion-item {\n border-bottom: 1px solid var(--njl-border);\n margin: 0;\n padding: 0;\n}\n\n.njl-accordion-item:last-child {\n border-bottom: none;\n}\n\n.njl-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--njl-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.njl-accordion-header:hover {\n background: var(--njl-primary-light);\n}\n\n.njl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.njl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--njl-accent);\n transition: transform .2s ease;\n}\n\n.njl-accordion-item[open] .njl-accordion-header::after {\n content: '−';\n}\n\n.njl-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--njl-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.njl-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.njl-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.njl-cta-box {\n background: linear-gradient(135deg, var(--njl-primary) 0%, var(--njl-primary-dark) 100%);\n border-radius: var(--njl-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 2rem;\n}\n\n.njl-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.njl-disclaimer {\n font-size: 12px;\n color: var(--njl-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .njl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .njl-card {\n padding: 1.125rem;\n }\n \n .njl-section {\n margin-bottom: 1.75rem;\n }\n \n .njl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--njl-radius-sm);\n }\n \n .njl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .njl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .njl-grid-compact {\n gap: .625rem;\n }\n \n .njl-grid-compact .njl-card {\n padding: .75rem;\n }\n \n .njl-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .njl-timeline-content {\n padding: .875rem 1rem;\n }\n \n .njl-timeline-content h3 {\n font-size: 14px;\n }\n \n .njl-timeline-content p {\n font-size: 13px;\n }\n \n .njl-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .njl-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .njl-tip {\n padding: .875rem 1rem;\n }\n \n .njl-tip-icon {\n font-size: 20px;\n }\n \n .njl-tip p {\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .njl-card {\n animation: fadeInUp .5s ease backwards;\n }\n .njl-card:nth-child(1) { animation-delay: .05s; }\n .njl-card:nth-child(2) { animation-delay: .1s; }\n .njl-card:nth-child(3) { animation-delay: .15s; }\n .njl-card:nth-child(4) { animation-delay: .2s; }\n .njl-card:nth-child(5) { animation-delay: .25s; }\n .njl-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .njl-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54938645725561,"sku":"NJ0315","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-mains-abricot-et-figuier-de-barbarie-bio-75-ml-najel-lifestyle_5dcf496b-f552-4dc0-be64-52c037b72ce9.webp?v=1769434194"},{"product_id":"boue-mer-morte-300-g-najel","title":"Masque régénérant à la Boue de la Mer Morte – 300 g – Najel","description":"\u003cdiv class=\"mm-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"mm-hero\"\u003e\n\u003cdiv class=\"mm-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mm-hero-content\"\u003e\n\u003cdiv class=\"mm-badges-top\"\u003e\n\u003cspan class=\"mm-badge\"\u003e🌊 21 minéraux essentiels\u003c\/span\u003e \u003cspan class=\"mm-badge\"\u003e🍃 COSMOS NATURAL\u003c\/span\u003e \u003cspan class=\"mm-badge\"\u003e✨ 100% pur\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"mm-hero-title\"\u003eMasque Boue de la Mer Morte\u003c\/span\u003e\n\u003cp class=\"mm-subtitle\"\u003eLe trésor minéral de Najel - 300 g\u003c\/p\u003e\n\u003cp class=\"mm-description\"\u003eUn soin régénérant d'exception, récolté dans l'une des régions les plus riches en minéraux au monde. Visage, corps et cheveux : une routine beauté complète et 100 % naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"mm-section\"\u003e\n\u003ch2\u003eQu'est-ce qui rend la boue de la mer Morte si exceptionnelle ?\u003c\/h2\u003e\n\u003cp class=\"mm-section-intro\"\u003eSituée à plus de 400 mètres sous le niveau de la mer, la mer Morte concentre une richesse minérale unique au monde.\u003c\/p\u003e\n\u003cdiv class=\"mm-grid-compact\"\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003ch3\u003e🌍 Origine unique\u003c\/h3\u003e\n\u003cp\u003eBoue noire formée durant des millénaires\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003ch3\u003e💎 21 minéraux\u003c\/h3\u003e\n\u003cp\u003eMagnésium, calcium, potassium, zinc, brome...\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003ch3\u003e🏛️ Tradition ancestrale\u003c\/h3\u003e\n\u003cp\u003eUtilisée depuis l'Antiquité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003ch3\u003e🌿 Pure \u0026amp; naturelle\u003c\/h3\u003e\n\u003cp\u003eNon transformée, sans additifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"mm-section\"\u003e\n\u003ch2\u003eLes bienfaits du masque boue de la mer Morte pour votre peau\u003c\/h2\u003e\n\u003cdiv class=\"mm-grid\"\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003ch3\u003e🧹 Détoxification profonde\u003c\/h3\u003e\n\u003cp\u003eLa boue absorbe les impuretés, l'excès de sébum et les toxines accumulées dans les pores. Votre peau respire enfin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003ch3\u003e🔬 Nettoyage des pores\u003c\/h3\u003e\n\u003cp\u003eLes particules fines pénètrent dans les pores pour les désobstruer sans agresser l'épiderme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003ch3\u003e🔄 Régénération cellulaire\u003c\/h3\u003e\n\u003cp\u003eLes minéraux stimulent le renouvellement naturel des cellules cutanées pour un effet peau neuve visible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003ch3\u003e💧 Hydratation \u0026amp; élasticité\u003c\/h3\u003e\n\u003cp\u003eLe magnésium et le calcium renforcent la barrière cutanée et maintiennent l'hydratation naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003ch3\u003e☁️ Apaisement des irritations\u003c\/h3\u003e\n\u003cp\u003eIdéal pour les peaux sensibles, réactives ou sujettes aux rougeurs. Ce masque calme et réconforte.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003ch3\u003e⏳ Action anti-âge naturelle\u003c\/h3\u003e\n\u003cp\u003eFavorise la microcirculation et l'oxygénation des tissus pour préserver fermeté et éclat du teint.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"mm-section\"\u003e\n\u003ch2\u003eMasque boue de la mer Morte pour les cheveux : un secret bien gardé\u003c\/h2\u003e\n\u003cdiv class=\"mm-testimonial\"\u003e\n\u003cp class=\"mm-testimonial-text\"\u003e\"Saviez-vous que ce masque fait des merveilles sur le cuir chevelu ? Si vous souffrez de démangeaisons, de pellicules ou d'un excès de sébum au niveau des racines, la boue de la mer Morte peut vous aider à rééquilibrer votre cuir chevelu naturellement.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-tip\"\u003e\n\u003cspan class=\"mm-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eAppliquez la boue en masque capillaire avant votre shampooing, laissez poser 15 à 20 minutes, puis rincez abondamment. Vos cheveux retrouvent légèreté et vitalité, sans résidus chimiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"mm-section\"\u003e\n\u003ch2\u003eComment utiliser votre masque boue visage et corps ?\u003c\/h2\u003e\n\u003cdiv class=\"mm-usage-split\"\u003e\n\u003cdiv class=\"mm-usage-block\"\u003e\n\u003ch3 class=\"mm-usage-title\"\u003e👩 Pour le visage\u003c\/h3\u003e\n\u003cdiv class=\"mm-timeline\"\u003e\n\u003cdiv class=\"mm-timeline-item\"\u003e\n\u003cspan class=\"mm-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"mm-timeline-content\"\u003e\n\u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n\u003cp\u003eNettoyez votre visage à l'eau tiède pour ouvrir les pores.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-timeline-item\"\u003e\n\u003cspan class=\"mm-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"mm-timeline-content\"\u003e\n\u003ch3\u003eAppliquez le masque\u003c\/h3\u003e\n\u003cp\u003eCouche uniforme en évitant le contour des yeux et des lèvres.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-timeline-item\"\u003e\n\u003cspan class=\"mm-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"mm-timeline-content\"\u003e\n\u003ch3\u003eLaissez poser 10-15 min\u003c\/h3\u003e\n\u003cp\u003eJusqu'à ce que le masque commence à sécher.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-timeline-item\"\u003e\n\u003cspan class=\"mm-timeline-number\"\u003e4\u003c\/span\u003e\n\u003cdiv class=\"mm-timeline-content\"\u003e\n\u003ch3\u003eRincez \u0026amp; hydratez\u003c\/h3\u003e\n\u003cp\u003eMouvements circulaires, puis huile végétale ou crème hydratante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-usage-block\"\u003e\n\u003ch3 class=\"mm-usage-title\"\u003e🧴 Pour le corps\u003c\/h3\u003e\n\u003cdiv class=\"mm-timeline\"\u003e\n\u003cdiv class=\"mm-timeline-item\"\u003e\n\u003cspan class=\"mm-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"mm-timeline-content\"\u003e\n\u003ch3\u003eApplication généreuse\u003c\/h3\u003e\n\u003cp\u003eSur les zones souhaitées : jambes, bras, ventre, dos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-timeline-item\"\u003e\n\u003cspan class=\"mm-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"mm-timeline-content\"\u003e\n\u003ch3\u003eLaissez agir 15-20 min\u003c\/h3\u003e\n\u003cp\u003eDétendez-vous pendant que les minéraux agissent.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-timeline-item\"\u003e\n\u003cspan class=\"mm-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"mm-timeline-content\"\u003e\n\u003ch3\u003eRincez sous la douche\u003c\/h3\u003e\n\u003cp\u003eAdmirez votre peau lisse et douce.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-tip\"\u003e\n\u003cspan class=\"mm-tip-icon\"\u003e⭐\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eConseil d'utilisation :\u003c\/strong\u003e Pour des résultats optimaux, utilisez ce masque 1 à 2 fois par semaine. Les peaux grasses ou à tendance acnéique peuvent l'utiliser plus fréquemment si besoin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"mm-section\"\u003e\n\u003ch2\u003ePour quels types de peau ce masque est-il adapté ?\u003c\/h2\u003e\n\u003cp class=\"mm-section-intro\"\u003eLa boue de la mer Morte Najel convient à \u003cstrong\u003etous les types de peau\u003c\/strong\u003e :\u003c\/p\u003e\n\u003cdiv class=\"mm-grid\"\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003ch3\u003e💧 Peaux grasses \u0026amp; mixtes\u003c\/h3\u003e\n\u003cp\u003eRégule la production de sébum et matifie le teint durablement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003ch3\u003e🎯 Peaux à imperfections\u003c\/h3\u003e\n\u003cp\u003eAide à réduire l'apparence des boutons et des points noirs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003ch3\u003e🏜️ Peaux sèches\u003c\/h3\u003e\n\u003cp\u003eApporte des minéraux essentiels pour renforcer l'hydratation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003ch3\u003e✨ Peaux matures\u003c\/h3\u003e\n\u003cp\u003eStimule la régénération cellulaire pour un teint plus lumineux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eApaise les rougeurs et irritations grâce à ses propriétés calmantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"mm-section\"\u003e\n\u003ch2\u003eComposition complète du produit\u003cspan class=\"mm-composition-icon\"\u003e\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"mm-composition\"\u003e\n\u003cdiv class=\"mm-composition-main\"\u003e\n\u003cdiv class=\"mm-composition-text\"\u003e\n\u003cp class=\"mm-inci\"\u003e\u003cstrong\u003e🧪 INCI :\u003c\/strong\u003e Silt (Dead Sea Mud)\u003c\/p\u003e\n\u003cp class=\"mm-composition-desc\"\u003eUn seul ingrédient, d'une pureté absolue. Cette boue de la mer Morte 100 % naturelle est exempte de conservateurs, de parfums synthétiques et d'additifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-certification\"\u003e\n\u003cspan class=\"mm-certification-badge\"\u003e🍃 COSMOS NATURAL\u003c\/span\u003e\n\u003cp\u003eCertifié respectueux de votre peau et de l'environnement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"mm-section\"\u003e\n\u003ch2\u003ePourquoi choisir le masque boue de la mer Morte Najel ?\u003c\/h2\u003e\n\u003cdiv class=\"mm-grid\"\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003ch3\u003e💎 Pureté garantie\u003c\/h3\u003e\n\u003cp\u003eBoue récoltée directement de la mer Morte, sans transformation industrielle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003ch3\u003e🏆 COSMOS NATURAL\u003c\/h3\u003e\n\u003cp\u003eUn gage de qualité et de respect des normes cosmétiques naturelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003ch3\u003e📦 Format généreux 300 g\u003c\/h3\u003e\n\u003cp\u003eSuffisant pour plusieurs mois d'utilisation régulière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003ch3\u003e🔄 Polyvalence\u003c\/h3\u003e\n\u003cp\u003eUtilisable sur le visage, le corps et les cheveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mm-card\"\u003e\n\u003ch3\u003e🇫🇷 Savoir-faire Najel\u003c\/h3\u003e\n\u003cp\u003eMarque française spécialisée depuis des décennies dans les soins naturels orientaux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 9 (DERNIÈRE) --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"mm-section\"\u003e\n\u003ch2\u003eIntégrez ce rituel minéral à votre routine beauté\u003c\/h2\u003e\n\u003cdiv class=\"mm-cta-box\"\u003e\n\u003cp\u003eAvec le \u003cstrong\u003emasque boue de la mer Morte Najel\u003c\/strong\u003e, vous offrez à votre peau un soin ancestral reconnu pour ses bienfaits exceptionnels. Ce pot de 300 g vous accompagnera pendant de longs mois pour des moments de bien-être authentiques, directement chez vous.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"mm-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --mm-cream: #F5F7F6;\n --mm-white: #ffffff;\n --mm-primary: #5B8A8A;\n --mm-primary-dark: #2C5C5C;\n --mm-primary-light: #E8F2F2;\n --mm-secondary: #3D3D3D;\n --mm-accent: #7BA3A3;\n --mm-text: #1a1a1a;\n --mm-text-light: #5a5a5a;\n --mm-border: #e0e0e0;\n --mm-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --mm-radius: 20px;\n --mm-radius-sm: 12px;\n}\n\n.mm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mm-hero {\n position: relative;\n background: linear-gradient(135deg, #2C5C5C 0%, #5B8A8A 50%, #7BA3A3 100%);\n border-radius: var(--mm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--mm-shadow-lg);\n}\n\n.mm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.mm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.mm-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.mm-hero .mm-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.mm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.mm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mm-primary), var(--mm-accent));\n border-radius: 2px;\n}\n\n.mm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mm-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.mm-section-intro strong {\n color: var(--mm-primary-dark);\n}\n\n\/* === CARDS === *\/\n.mm-card {\n background: var(--mm-white);\n border-radius: var(--mm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mm-shadow-lg);\n border-color: var(--mm-primary);\n}\n\n.mm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mm-grid-compact .mm-card {\n padding: 1rem;\n}\n\n.mm-grid-compact .mm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mm-grid-compact .mm-card p {\n font-size: 12px;\n}\n\n\/* === TESTIMON=== *\/\n.mm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mm-primary), var(--mm-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.mm-timeline-content {\n flex: 1;\n background: var(--mm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mm-radius-sm);\n box-shadow: var(--mm-shadow);\n}\n\n.mm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mm-timeline-content p {\n font-size: 14px;\n color: var(--mm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === USAGE SPLIT === *\/\n.mm-usage-split {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n margin-bottom: 1.5rem;\n}\n\n.mm-usage-block {\n background: var(--mm-primary-light);\n border-radius: var(--mm-radius);\n padding: 1.5rem;\n}\n\n.mm-usage-title {\n font-size: 18px;\n font-weight: 800;\n color: var(--mm-primary-dark);\n margin: 0 0 1rem 0;\n text-align: center;\n}\n\n.mm-usage-block .mm-timeline-content {\n background: var(--mm-white);\n}\n\n\/* === TESTIMONIAL === *\/\n.mm-testimonial {\n background: var(--mm-white);\n border-radius: var(--mm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mm-shadow);\n border-left: 4px solid var(--mm-primary);\n margin-bottom: 1rem;\n}\n\n.mm-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mm-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.mm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mm-primary-light);\n border-radius: var(--mm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mm-tip p {\n font-size: 14px;\n color: var(--mm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.mm-tip strong {\n color: var(--mm-primary-dark);\n}\n\n\/* === COMPOSITION === *\/\n.mm-composition {\n background: var(--mm-white);\n border-radius: var(--mm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mm-shadow);\n}\n\n.mm-composition-main {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n margin-bottom: 1.5rem;\n}\n\n.mm-composition-icon {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.mm-composition-text {\n flex: 1;\n}\n\n.mm-inci {\n font-size: 16px;\n color: var(--mm-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.mm-composition-desc {\n font-size: 14px;\n color: var(--mm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mm-certification {\n text-align: center;\n padding-top: 1.25rem;\n border-top: 1px solid var(--mm-border);\n}\n\n.mm-certification-badge {\n display: inline-block;\n background: linear-gradient(135deg, var(--mm-primary), var(--mm-primary-dark));\n color: white;\n padding: 8px 20px;\n border-radius: 999px;\n font-weight: 700;\n font-size: 14px;\n margin-bottom: .5rem;\n}\n\n.mm-certification p {\n font-size: 13px;\n color: var(--mm-text-light);\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.mm-accordion {\n background: var(--mm-white);\n border-radius: var(--mm-radius);\n box-shadow: var(--mm-shadow);\n overflow: hidden;\n}\n\n.mm-accordion-item {\n border-bottom: 1px solid var(--mm-border);\n margin: 0;\n padding: 0;\n}\n\n.mm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mm-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.mm-accordion-header:hover {\n background: var(--mm-primary-light);\n}\n\n.mm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mm-primary);\n transition: transform .2s ease;\n}\n\n.mm-accordion-item[open] .mm-accordion-header::after {\n content: '−';\n}\n\n.mm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mm-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.mm-cta-box {\n background: linear-gradient(135deg, var(--mm-primary) 0%, var(--mm-primary-dark) 100%);\n border-radius: var(--mm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mm-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.mm-cta-box strong {\n color: white;\n}\n\n\/* === DISCLAIMER === *\/\n.mm-disclaimer {\n font-size: 12px;\n color: var(--mm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .mm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .mm-card {\n padding: 1.125rem;\n }\n \n .mm-section {\n margin-bottom: 1.75rem;\n }\n \n .mm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mm-radius-sm);\n }\n \n .mm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .mm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .mm-grid-compact {\n gap: .625rem;\n }\n \n .mm-grid-compact .mm-card {\n padding: .75rem;\n }\n \n .mm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .mm-timeline-content {\n padding: .875rem 1rem;\n }\n \n .mm-timeline-content h3 {\n font-size: 14px;\n }\n \n .mm-timeline-content p {\n font-size: 13px;\n }\n \n .mm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .mm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .mm-testimonial {\n padding: 1.25rem;\n }\n \n .mm-testimonial-text {\n font-size: 14px;\n }\n \n .mm-usage-split {\n grid-template-columns: 1fr;\n gap: 1.25rem;\n }\n \n .mm-usage-block {\n padding: 1.25rem;\n }\n \n .mm-composition-main {\n flex-direction: column;\n text-align: center;\n }\n \n .mm-composition-icon {\n align-self: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mm-card {\n animation: fadeInUp .5s ease backwards;\n }\n .mm-card:nth-child(1) { animation-delay: .05s; }\n .mm-card:nth-child(2) { animation-delay: .1s; }\n .mm-card:nth-child(3) { animation-delay: .15s; }\n .mm-card:nth-child(4) { animation-delay: .2s; }\n .mm-card:nth-child(5) { animation-delay: .25s; }\n .mm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .mm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54939208941945,"sku":"NJ0320","price":10.7,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/masque-regenerant-a-la-boue-de-la-mer-morte-300-g-najel-lifestyle.webp?v=1778140517"},{"product_id":"eau-salee-mer-morte-najel","title":"Eau Salée de la Mer Morte - 200 ml - Najel","description":"\u003cdiv class=\"mm-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"mm-hero\"\u003e\n \u003cdiv class=\"mm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mm-hero-content\"\u003e\n \u003cdiv class=\"mm-badges-top\"\u003e\n \u003cspan class=\"mm-badge\"\u003e🌊 Mer Morte\u003c\/span\u003e\n \u003cspan class=\"mm-badge\"\u003e🌿 Cosmos Natural\u003c\/span\u003e\n \u003cspan class=\"mm-badge\"\u003e💯 Yuka 100\/100\u003c\/span\u003e\n \u003cspan class=\"mm-badge\"\u003e🧴 200 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mm-hero-title\"\u003eEau salée de la Mer Morte\u003c\/span\u003e\n \u003cp class=\"mm-subtitle\"\u003eNajel — Un concentré de minéraux pur et brut\u003c\/p\u003e\n \u003cp class=\"mm-description\"\u003eRiche en magnésium, calcium, potassium et zinc, cette eau exceptionnelle régénère, purifie et apaise toutes les peaux. Un seul ingrédient, 100 % naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"mm-section\"\u003e\n \u003ch2\u003eEau salée de la Mer Morte Najel : un concentré de minéraux pour votre peau\u003c\/h2\u003e\n \u003cp class=\"mm-section-intro\"\u003eVous recherchez un soin naturel capable de purifier, apaiser et régénérer votre peau ? L'eau salée de la Mer Morte Najel est un trésor de la nature, directement puisé dans l'un des sites les plus extraordinaires au monde.\u003c\/p\u003e\n \u003cdiv class=\"mm-grid-compact\"\u003e\n \u003cdiv class=\"mm-card\"\u003e\n \u003ch3\u003e🧂 10× plus concentrée\u003c\/h3\u003e\n \u003cp\u003eLa concentration en sel est environ dix fois supérieure à celle d'un océan classique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mm-card\"\u003e\n \u003ch3\u003e💎 Richesse minérale unique\u003c\/h3\u003e\n \u003cp\u003eUne densité et une composition en sels minéraux tout à fait exceptionnelles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mm-card\"\u003e\n \u003ch3\u003e🌿 Cosmos Natural\u003c\/h3\u003e\n \u003cp\u003eCertifiée par l'organisme de référence pour les cosmétiques naturels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mm-card\"\u003e\n \u003ch3\u003e💯 Score Yuka parfait\u003c\/h3\u003e\n \u003cp\u003e100\/100 — la meilleure note possible pour une composition irréprochable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"mm-section\"\u003e\n \u003ch2\u003ePourquoi l'eau de la Mer Morte est-elle si précieuse ?\u003c\/h2\u003e\n \u003cp class=\"mm-section-intro\"\u003eLa masse volumique de l'eau de la Mer Morte s'explique par sa teneur exceptionnelle en sels minéraux. Ce n'est pas un simple sel de table : c'est un cocktail naturel d'oligo-éléments essentiels, reconnus depuis l'Antiquité.\u003c\/p\u003e\n \u003cdiv class=\"mm-grid\"\u003e\n \u003cdiv class=\"mm-card\"\u003e\n \u003ch3\u003e🫧 Magnésium\u003c\/h3\u003e\n \u003cp\u003eApaise les inflammations cutanées et favorise l'hydratation naturelle de la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mm-card\"\u003e\n \u003ch3\u003e🦴 Calcium\u003c\/h3\u003e\n \u003cp\u003eRenforce la barrière cutanée et stimule le renouvellement cellulaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mm-card\"\u003e\n \u003ch3\u003e⚡ Potassium\u003c\/h3\u003e\n \u003cp\u003eRégule l'hydratation cellulaire et maintient l'équilibre de la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mm-card\"\u003e\n \u003ch3\u003e🌙 Brome\u003c\/h3\u003e\n \u003cp\u003ePropriétés relaxantes et apaisantes, idéal pour les peaux stressées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mm-card\"\u003e\n \u003ch3\u003e🛡️ Zinc\u003c\/h3\u003e\n \u003cp\u003eAction purifiante et cicatrisante, essentiel pour les peaux à imperfections\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mm-card\"\u003e\n \u003ch3\u003e🏛️ Vertus ancestrales\u003c\/h3\u003e\n \u003cp\u003eDepuis l'Antiquité, cette eau soulage les inconforts cutanés et régénère l'épiderme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"mm-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets sur votre peau\u003c\/h2\u003e\n \u003cdiv class=\"mm-grid\"\u003e\n \u003cdiv class=\"mm-card\"\u003e\n \u003ch3\u003e✨ Régénérante et purifiante\u003c\/h3\u003e\n \u003cp\u003eLes minéraux stimulent le renouvellement cellulaire et aident à éliminer les impuretés accumulées au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mm-card\"\u003e\n \u003ch3\u003e🤍 Apaisante pour les peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisée pour calmer les peaux sujettes à l'eczéma, au psoriasis ou à l'acné. Réduit les rougeurs et les irritations\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mm-card\"\u003e\n \u003ch3\u003e💪 Tonifiante et reminéralisante\u003c\/h3\u003e\n \u003cp\u003eRedonne vitalité et éclat aux peaux fatiguées tout en améliorant leur élasticité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mm-card\"\u003e\n \u003ch3\u003e🌈 Tous types de peaux\u003c\/h3\u003e\n \u003cp\u003ePeaux grasses, sèches, mixtes ou matures : cette eau s'adapte à chacun grâce à sa composition 100 % naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"mm-section\"\u003e\n \u003ch2\u003eComment utiliser l'eau de la Mer Morte sur le visage et le corps ?\u003c\/h2\u003e\n \u003cp class=\"mm-section-intro\"\u003eL'utilisation de l'eau de la Mer Morte est simple et polyvalente. Voici les principales façons d'en profiter :\u003c\/p\u003e\n \u003cdiv class=\"mm-timeline\"\u003e\n \u003cdiv class=\"mm-timeline-item\"\u003e\n \u003cdiv class=\"mm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mm-timeline-content\"\u003e\n \u003ch3\u003e🧴 En soin du visage\u003c\/h3\u003e\n \u003cp\u003eImbibez un coton d'eau de la Mer Morte et appliquez-le sur une peau propre. Laissez agir quelques minutes, puis rincez à l'eau claire. Idéal le matin pour tonifier ou le soir pour purifier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mm-timeline-item\"\u003e\n \u003cdiv class=\"mm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mm-timeline-content\"\u003e\n \u003ch3\u003e🩹 En compresse apaisante\u003c\/h3\u003e\n \u003cp\u003eAppliquez des compresses imbibées sur les zones irritées ou sujettes aux inconforts pendant 10 à 15 minutes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mm-timeline-item\"\u003e\n \u003cdiv class=\"mm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mm-timeline-content\"\u003e\n \u003ch3\u003e🛁 En bain reminéralisant\u003c\/h3\u003e\n \u003cp\u003eVersez quelques bouchons dans votre eau de bain tiède. La température de l'eau doit rester agréable, autour de 37 °C, pour favoriser l'absorption des minéraux et un véritable moment de détente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mm-timeline-item\"\u003e\n \u003cdiv class=\"mm-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"mm-timeline-content\"\u003e\n \u003ch3\u003e💆 En soin du cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eMassez directement le cuir chevelu avec quelques gouttes pour apaiser les démangeaisons et les pellicules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"mm-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"mm-composition-box\"\u003e\n \u003cp class=\"mm-composition-inci\"\u003e\u003cstrong\u003eINCI :\u003c\/strong\u003e Maris Sal (Dead Sea Water)\u003c\/p\u003e\n \u003cp class=\"mm-composition-desc\"\u003eComposition 100 % naturelle, sans parfum, sans conservateur chimique, sans colorant. Un seul ingrédient, pur et brut.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mm-grid-compact\"\u003e\n \u003cdiv class=\"mm-card\"\u003e\n \u003ch3\u003e🚫 Sans parfum\u003c\/h3\u003e\n \u003cp\u003eAucune fragrance ajoutée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mm-card\"\u003e\n \u003ch3\u003e🚫 Sans conservateur\u003c\/h3\u003e\n \u003cp\u003eAucun conservateur chimique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mm-card\"\u003e\n \u003ch3\u003e🚫 Sans colorant\u003c\/h3\u003e\n \u003cp\u003eAucun colorant artificiel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mm-card\"\u003e\n \u003ch3\u003e✅ 1 seul ingrédient\u003c\/h3\u003e\n \u003cp\u003ePur, brut et authentique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"mm-section\"\u003e\n \u003ch2\u003eL'engagement qualité Najel\u003c\/h2\u003e\n \u003cdiv class=\"mm-testimonial\"\u003e\n \u003cp class=\"mm-testimonial-text\"\u003eNajel, maison familiale syrienne installée à Alep depuis plusieurs générations, est spécialisée dans les soins naturels à base d'ingrédients authentiques. Cette eau salée de la Mer Morte est extraite et conditionnée avec soin pour préserver l'intégralité de ses propriétés minérales. Le flacon de 200 ml vous accompagne sur plusieurs semaines grâce à une utilisation économique au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Précautions \u0026 CTA --\u003e\n \u003csection class=\"mm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mm-accordion\"\u003e\n \u003cdetails class=\"mm-accordion-item\"\u003e\n \u003csummary class=\"mm-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"mm-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez le contact avec les yeux. En cas d'irritation, cessez l'utilisation. Ce produit cosmétique ne se substitue pas à un avis ou un traitement médical. Consultez un dermatologue en cas de problème cutané persistant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mm-cta-box\"\u003e\n \u003cp\u003e🌊 Offrez à votre peau la puissance régénérante de la Mer Morte — un soin ancestral, pur et certifié, pour une peau apaisée et revitalisée au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"mm-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un traitement médical. Consultez un dermatologue en cas de problème cutané persistant.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mm-cream: #f5f2ed;\n --mm-white: #ffffff;\n --mm-primary: #4a9b8e;\n --mm-primary-dark: #2c6e63;\n --mm-primary-light: #e8f4f1;\n --mm-secondary: #8b6f47;\n --mm-accent: #c4a265;\n --mm-text: #1a1a1a;\n --mm-text-light: #5a5a5a;\n --mm-border: #e0ddd8;\n --mm-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --mm-radius: 20px;\n --mm-radius-sm: 12px;\n}\n\n.mm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mm-hero {\n position: relative;\n background: linear-gradient(135deg, #2c6e63 0%, #4a9b8e 40%, #8b6f47 100%);\n border-radius: var(--mm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--mm-shadow-lg);\n}\n\n.mm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: \n radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.mm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.mm-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: -.01em;\n}\n\n.mm-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.mm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.mm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mm-primary), var(--mm-secondary));\n border-radius: 2px;\n}\n\n.mm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mm-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.mm-card {\n background: var(--mm-white);\n border-radius: var(--mm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mm-shadow-lg);\n border-color: var(--mm-primary);\n}\n\n.mm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mm-grid-compact .mm-card {\n padding: 1rem;\n}\n\n.mm-grid-compact .mm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mm-grid-compact .mm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mm-primary), var(--mm-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.mm-timeline-content {\n flex: 1;\n background: var(--mm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mm-radius-sm);\n box-shadow: var(--mm-shadow);\n}\n\n.mm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mm-timeline-content p {\n font-size: 14px;\n color: var(--mm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.mm-composition-box {\n background: var(--mm-white);\n border-radius: var(--mm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mm-shadow);\n text-align: center;\n margin-bottom: 1.25rem;\n border: 2px solid var(--mm-primary-light);\n}\n\n.mm-composition-inci {\n font-size: clamp(16px, 2.5vw, 20px);\n color: var(--mm-primary-dark);\n margin: 0 0 .5rem 0;\n font-weight: 600;\n}\n\n.mm-composition-desc {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--mm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.mm-testimonial {\n background: var(--mm-white);\n border-radius: var(--mm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mm-shadow);\n border-left: 4px solid var(--mm-primary);\n}\n\n.mm-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mm-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.mm-accordion {\n background: var(--mm-white);\n border-radius: var(--mm-radius);\n box-shadow: var(--mm-shadow);\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.mm-accordion-item {\n border-bottom: 1px solid var(--mm-border);\n margin: 0;\n padding: 0;\n}\n\n.mm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mm-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.mm-accordion-header:hover {\n background: var(--mm-primary-light);\n}\n\n.mm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mm-primary);\n transition: transform .2s ease;\n}\n\n.mm-accordion-item[open] .mm-accordion-header::after {\n content: '−';\n}\n\n.mm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mm-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.mm-cta-box {\n background: linear-gradient(135deg, var(--mm-primary) 0%, var(--mm-primary-dark) 100%);\n border-radius: var(--mm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mm-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.mm-disclaimer {\n font-size: 12px;\n color: var(--mm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .mm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mm-card {\n padding: 1.125rem;\n }\n\n .mm-section {\n margin-bottom: 1.75rem;\n }\n\n .mm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mm-radius-sm);\n }\n\n .mm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mm-grid-compact {\n gap: .625rem;\n }\n\n .mm-grid-compact .mm-card {\n padding: .75rem;\n }\n\n .mm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mm-timeline-content h3 {\n font-size: 14px;\n }\n\n .mm-timeline-content p {\n font-size: 13px;\n }\n\n .mm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mm-testimonial {\n padding: 1.25rem;\n }\n\n .mm-testimonial-text {\n font-size: 14px;\n }\n\n .mm-composition-box {\n padding: 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mm-card {\n animation: mmFadeInUp .5s ease backwards;\n }\n .mm-card:nth-child(1) { animation-delay: .05s; }\n .mm-card:nth-child(2) { animation-delay: .1s; }\n .mm-card:nth-child(3) { animation-delay: .15s; }\n .mm-card:nth-child(4) { animation-delay: .2s; }\n .mm-card:nth-child(5) { animation-delay: .25s; }\n .mm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .mm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54939262550393,"sku":"NJ0325","price":5.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/eau-salee-de-la-mer-morte-200-ml-najel-lifestyle.webp?v=1772881461"},{"product_id":"savon-alep-najel","title":"Savon d’Alep détachant - 200 g – Najel","description":"\u003cdiv class=\"naj-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"naj-hero\"\u003e\n\u003cdiv class=\"naj-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"naj-hero-content\"\u003e\n\u003cdiv class=\"naj-badges-top\"\u003e\n\u003cspan class=\"naj-badge\"\u003e🫒 100% huile d'olive\u003c\/span\u003e \u003cspan class=\"naj-badge\"\u003e🏺 Savoir-faire millénaire\u003c\/span\u003e \u003cspan class=\"naj-badge\"\u003e🌿 Biodégradable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"naj-hero-title\"\u003eSavon d'Alep Détachant\u003c\/span\u003e\n\u003cp class=\"naj-subtitle\"\u003e200 g • Najel\u003c\/p\u003e\n\u003cp class=\"naj-description\"\u003eL'authentique savon d'Alep au service de votre linge. Une alternative naturelle et efficace aux détachants industriels, fabriqué selon une tradition vieille de plus de 3000 ans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eLe savon d'Alep détachant Najel : l'héritage millénaire au service de votre linge\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eVous cherchez une alternative naturelle et efficace aux détachants industriels ? Ce savon d'Alep détachant de 200 g signé Najel pourrait bien devenir votre meilleur allié lessive.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🏛️ Tradition ancestrale\u003c\/h3\u003e\n\u003cp\u003eFabriqué selon un savoir-faire vieux de plus de 3000 ans\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🫒 Huile d'olive pure\u003c\/h3\u003e\n\u003cp\u003eComposé exclusivement d'huile d'olive saponifiée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e💪 Ultra efficace\u003c\/h3\u003e\n\u003cp\u003ePropriétés dégraissantes naturelles exceptionnelles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌍 Écologique\u003c\/h3\u003e\n\u003cp\u003eRéduisez votre empreinte environnementale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003ePourquoi le savon d'Alep est-il si efficace comme détachant ?\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eL'âme du savon d'Alep réside dans sa composition minimaliste et authentique. Contrairement aux détachants conventionnels bourrés d'agents chimiques, ce savon tire toute son efficacité d'un seul ingrédient : l'huile d'olive.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e⚡ Action dégraissante puissante\u003c\/h3\u003e\n\u003cp\u003eL'huile d'olive saponifiée dissout naturellement les corps gras incrustés dans les fibres textiles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🔬 Pénétration en profondeur\u003c\/h3\u003e\n\u003cp\u003eLa texture dense du savon permet de travailler directement sur la tache, fibre par fibre\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e👕 Respect des tissus\u003c\/h3\u003e\n\u003cp\u003eAucun agent blanchissant agressif, vos vêtements conservent leurs couleurs et leur intégrité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e💧 Rinçage facile\u003c\/h3\u003e\n\u003cp\u003eNe laisse aucun résidu après le passage en machine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eComposition du savon d'Alep détachant Najel\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eLa composition du savon d'Alep Najel est d'une simplicité remarquable. Pas de liste interminable d'ingrédients imprononçables, juste l'essentiel.\u003c\/p\u003e\n\u003cdiv class=\"naj-composition-box\"\u003e\n\u003cdiv class=\"naj-ingredient\"\u003e\n\u003cspan class=\"naj-ingredient-name\"\u003eSodium Olivate\u003c\/span\u003e \u003cspan class=\"naj-ingredient-desc\"\u003eHuile d'olive saponifiée (min. 30%)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-ingredient\"\u003e\n\u003cspan class=\"naj-ingredient-name\"\u003eAqua\u003c\/span\u003e \u003cspan class=\"naj-ingredient-desc\"\u003eEau\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-ingredient\"\u003e\n\u003cspan class=\"naj-ingredient-name\"\u003eSodium Hydroxide\u003c\/span\u003e \u003cspan class=\"naj-ingredient-desc\"\u003eSoude (transformée lors de la saponification)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-ingredient\"\u003e\n\u003cspan class=\"naj-ingredient-name\"\u003eSodium Chloride\u003c\/span\u003e \u003cspan class=\"naj-ingredient-desc\"\u003eSel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-tip\"\u003e\n\u003cspan class=\"naj-tip-icon\"\u003e🚫\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eCe que vous ne trouverez pas :\u003c\/strong\u003e parfums synthétiques, colorants, conservateurs, tensioactifs pétrochimiques, phosphates ou agents blanchissants optiques. Un savon véritablement naturel, sans compromis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eComment utiliser ce savon détachant au quotidien ?\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eL'utilisation de ce savon d'Alep est intuitive et ne demande que quelques minutes avant votre lessive habituelle.\u003c\/p\u003e\n\u003cdiv class=\"naj-timeline\"\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003ePréparez la zone tachée\u003c\/h3\u003e\n\u003cp\u003eHumidifiez légèrement le tissu à l'endroit de la tache. Cette étape permet au savon de mieux adhérer et de commencer à agir immédiatement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eAppliquez le savon\u003c\/h3\u003e\n\u003cp\u003eMouillez le savon et frottez-le directement sur la tache en effectuant des mouvements circulaires. N'hésitez pas à être généreux : plus vous travaillez la zone, plus le savon pénètre en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eLaissez agir si nécessaire\u003c\/h3\u003e\n\u003cp\u003ePour les taches anciennes ou particulièrement récalcitrantes, laissez le savon agir 15 à 30 minutes avant le lavage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-timeline-item\"\u003e\n\u003cspan class=\"naj-timeline-number\"\u003e4\u003c\/span\u003e\n\u003cdiv class=\"naj-timeline-content\"\u003e\n\u003ch3\u003eLavez normalement\u003c\/h3\u003e\n\u003cp\u003ePlacez votre linge en machine avec votre lessive habituelle. Le savon d'Alep complète l'action de votre lessive pour un résultat optimal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eSur quels types de taches utiliser ce savon ?\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eCe savon détachant naturel se montre particulièrement efficace sur de nombreux types de taches du quotidien.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🍳 Taches de gras\u003c\/h3\u003e\n\u003cp\u003eHuile, beurre, sauce, maquillage gras\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🍷 Taches alimentaires\u003c\/h3\u003e\n\u003cp\u003eFruits rouges, vin, café, chocolat\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e💦 Taches de transpiration\u003c\/h3\u003e\n\u003cp\u003eAuréoles jaunâtres sur les cols et aisselles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌿 Taches végétales\u003c\/h3\u003e\n\u003cp\u003eHerbe, terre, résine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🩸 Taches de sang\u003c\/h3\u003e\n\u003cp\u003eTraitées à l'eau froide avant application\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🖊️ Taches d'encre\u003c\/h3\u003e\n\u003cp\u003eStylo bille, feutre (résultats variables selon le type)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-tip\"\u003e\n\u003cspan class=\"naj-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Pour les taches de sang, travaillez toujours à l'eau froide. L'eau chaude fixe les protéines et rend la tache permanente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eLes bienfaits du savon d'Alep au-delà du détachage\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eSi les bienfaits du savon d'Alep pour la peau sont largement reconnus, ce savon détachant peut également servir à d'autres usages domestiques.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid-compact\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🧶 Textiles délicats\u003c\/h3\u003e\n\u003cp\u003eLavage à la main de la laine, soie, lingerie fine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e💄 Pinceaux maquillage\u003c\/h3\u003e\n\u003cp\u003eDissout efficacement les résidus de fond de teint et poudres\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e👟 Chaussures en toile\u003c\/h3\u003e\n\u003cp\u003eRedonne un coup de fraîcheur aux baskets blanches\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🏠 Tapis et moquettes\u003c\/h3\u003e\n\u003cp\u003eAppliquez localement et frottez avec une brosse humide\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eSavon d'Alep authentique : comment le reconnaître ?\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eVous vous demandez où acheter du savon d'Alep authentique ? Voici les critères qui distinguent un véritable savon d'Alep des imitations.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🎨 La couleur\u003c\/h3\u003e\n\u003cp\u003eBrun-doré à l'extérieur (oxydation naturelle), vert olive à l'intérieur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🔖 Le sceau\u003c\/h3\u003e\n\u003cp\u003eEstampille du maître savonnier traditionnellement imprimée sur le savon\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌊 La flottaison\u003c\/h3\u003e\n\u003cp\u003eUn savon d'Alep authentique flotte dans l'eau grâce à son long séchage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e👃 L'odeur\u003c\/h3\u003e\n\u003cp\u003eParfum caractéristique d'olive, sans fragrance artificielle ajoutée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e⚙️ La fabrication\u003c\/h3\u003e\n\u003cp\u003eMéthode ancestrale de saponification à chaud suivie d'un séchage de plusieurs mois\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-tip\"\u003e\n\u003cspan class=\"naj-tip-icon\"\u003e✅\u003c\/span\u003e\n\u003cp\u003eLe savon Najel répond à tous ces critères. La marque travaille directement avec des maîtres savonniers syriens perpétuant ce savoir-faire millénaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eUn choix écologique et responsable\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eOpter pour ce savon d'Alep détachant, c'est faire un geste concret pour l'environnement.\u003c\/p\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card naj-card-eco\"\u003e\n\u003ch3\u003e♻️ Biodégradable à 100%\u003c\/h3\u003e\n\u003cp\u003eNe pollue pas les eaux usées\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card naj-card-eco\"\u003e\n\u003ch3\u003e📦 Zéro plastique superflu\u003c\/h3\u003e\n\u003cp\u003eUn simple bandeau en carton recyclable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card naj-card-eco\"\u003e\n\u003ch3\u003e⏳ Longue durée de vie\u003c\/h3\u003e\n\u003cp\u003eUn pain de 200 g dure plusieurs mois d'utilisation régulière\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card naj-card-eco\"\u003e\n\u003ch3\u003e🤲 Fabrication artisanale\u003c\/h3\u003e\n\u003cp\u003eFaible impact énergétique comparé aux productions industrielles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card naj-card-eco\"\u003e\n\u003ch3\u003e🌱 Origine végétale\u003c\/h3\u003e\n\u003cp\u003eAucun dérivé pétrochimique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"naj-section-intro\" style=\"margin-top: 1.5rem;\"\u003eEn remplaçant vos sprays détachants et vos dosettes chimiques par ce savon solide, vous réduisez significativement les déchets plastiques et les substances nocives déversées dans l'environnement.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 9 \u0026 10 - ACCORDION --\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003eConseils de conservation\u003c\/h2\u003e\n\u003cdiv class=\"naj-accordion\"\u003e\n\u003cdetails class=\"naj-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"naj-accordion-header\"\u003e🏠 Stockage optimal\u003c\/summary\u003e\n\u003cdiv class=\"naj-accordion-content\"\u003e\n\u003cp\u003eConservez-le dans un \u003cstrong\u003eendroit sec et aéré\u003c\/strong\u003e entre chaque utilisation. Utilisez un \u003cstrong\u003eporte-savon avec drainage\u003c\/strong\u003e pour éviter qu'il ne stagne dans l'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"naj-accordion-item\"\u003e\n\u003csummary class=\"naj-accordion-header\"\u003e🌡️ Température\u003c\/summary\u003e\n\u003cdiv class=\"naj-accordion-content\"\u003e\n\u003cp\u003eÉloignez-le des sources de chaleur directe qui pourraient le faire fondre prématurément.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"naj-accordion-item\"\u003e\n\u003csummary class=\"naj-accordion-header\"\u003e💧 Savon desséché\u003c\/summary\u003e\n\u003cdiv class=\"naj-accordion-content\"\u003e\n\u003cp\u003eSi le savon devient trop sec et craquelé, humidifiez-le légèrement avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"naj-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"naj-warning-box\"\u003e\n\u003cul\u003e\n\u003cli\u003eUsage externe uniquement – ne pas ingérer\u003c\/li\u003e\n\u003cli\u003eEn cas de contact avec les yeux, rincez abondamment à l'eau claire\u003c\/li\u003e\n\u003cli\u003eTenir hors de portée des enfants\u003c\/li\u003e\n\u003cli\u003eTestez sur une zone peu visible pour les textiles fragiles ou de couleur vive\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 11 - FINAL --\u003e\n\u003csection class=\"naj-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eEn résumé : pour qui est fait ce savon ?\u003c\/h2\u003e\n\u003cp class=\"naj-section-intro\"\u003eCe savon d'Alep détachant Najel s'adresse à vous si...\u003c\/p\u003e\n\u003cdiv class=\"naj-grid\"\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🧪 Adieu la chimie\u003c\/h3\u003e\n\u003cp\u003eVous souhaitez éliminer les produits chimiques de votre routine ménagère\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🎯 Efficacité maximale\u003c\/h3\u003e\n\u003cp\u003eVous recherchez un détachant efficace et polyvalent pour tous types de taches\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🏺 Authenticité\u003c\/h3\u003e\n\u003cp\u003eVous appréciez les produits authentiques fabriqués selon des méthodes traditionnelles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e🌍 Éco-responsabilité\u003c\/h3\u003e\n\u003cp\u003eVous voulez réduire votre impact environnemental sans compromis sur l'efficacité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-card\"\u003e\n\u003ch3\u003e👶 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eVous avez des peaux sensibles dans la famille et préférez éviter les résidus de détachants agressifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"naj-cta-box\"\u003e\n\u003cp\u003eAvec ses 200 g d'huile d'olive saponifiée et son savoir-faire ancestral, ce savon d'Alep détachant vous accompagnera pendant de longs mois pour un linge impeccable, naturellement. 🫒\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --naj-cream: #f9f7f4;\n --naj-white: #ffffff;\n --naj-primary: #4a5240;\n --naj-primary-dark: #3a4132;\n --naj-primary-light: #e8ebe4;\n --naj-secondary: #8fad70;\n --naj-accent: #c9a87c;\n --naj-text: #1a1a1a;\n --naj-text-light: #5a5a5a;\n --naj-border: #e0e0e0;\n --naj-shadow: 0 4px 24px rgba(0,0,0,.08);\n --naj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --naj-radius: 20px;\n --naj-radius-sm: 12px;\n}\n\n.naj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--naj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.naj-hero {\n position: relative;\n background: linear-gradient(135deg, var(--naj-primary) 0%, var(--naj-primary-dark) 40%, #2d3326 100%);\n border-radius: var(--naj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--naj-shadow-lg);\n}\n\n.naj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 C35 15, 45 20, 45 30 C45 40, 35 45, 30 55 C25 45, 15 40, 15 30 C15 20, 25 15, 30 5' fill='none' stroke='%23ffffff' stroke-width='1' opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.naj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.naj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.naj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--naj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.naj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.naj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.naj-subtitle {\n color: var(--naj-secondary);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .05em;\n}\n\n.naj-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.naj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.naj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--naj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.naj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--naj-primary), var(--naj-secondary));\n border-radius: 2px;\n}\n\n.naj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--naj-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.naj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.naj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.naj-card {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--naj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.naj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--naj-shadow-lg);\n border-color: var(--naj-secondary);\n}\n\n.naj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--naj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.naj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--naj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.naj-card-eco {\n border-left: 4px solid var(--naj-secondary);\n}\n\n.naj-grid-compact .naj-card {\n padding: 1rem;\n}\n\n.naj-grid-compact .naj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.naj-grid-compact .naj-card p {\n font-size: 12px;\n}\n\n.naj-composition-box {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--naj-shadow);\n margin-bottom: 1.25rem;\n}\n\n.naj-ingredient {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: .875rem 0;\n border-bottom: 1px dashed var(--naj-border);\n flex-wrap: wrap;\n gap: .5rem;\n}\n\n.naj-ingredient:last-child {\n border-bottom: none;\n}\n\n.naj-ingredient-name {\n font-weight: 700;\n color: var(--naj-primary-dark);\n font-size: 15px;\n}\n\n.naj-ingredient-desc {\n color: var(--naj-text-light);\n font-size: 14px;\n}\n\n.naj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.naj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.naj-timeline-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--naj-primary), var(--naj-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 18px;\n box-shadow: 0 4px 12px rgba(74,82,64,.3);\n}\n\n.naj-timeline-content {\n flex: 1;\n background: var(--naj-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--naj-radius-sm);\n box-shadow: var(--naj-shadow);\n}\n\n.naj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--naj-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.naj-timeline-content p {\n font-size: 14px;\n color: var(--naj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.naj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: linear-gradient(135deg, var(--naj-primary-light) 0%, #f0f3eb 100%);\n border-radius: var(--naj-radius-sm);\n padding: 1.25rem 1.5rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--naj-secondary);\n}\n\n.naj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.naj-tip p {\n font-size: 14px;\n color: var(--naj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.naj-accordion {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n box-shadow: var(--naj-shadow);\n overflow: hidden;\n}\n\n.naj-accordion-item {\n border-bottom: 1px solid var(--naj-border);\n margin: 0;\n padding: 0;\n}\n\n.naj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.naj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--naj-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.naj-accordion-header:hover {\n background: var(--naj-primary-light);\n}\n\n.naj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.naj-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--naj-secondary);\n transition: transform .2s ease;\n}\n\n.naj-accordion-item[open] .naj-accordion-header::after {\n content: '−';\n}\n\n.naj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--naj-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.naj-accordion-content p {\n margin: 0;\n}\n\n.naj-warning-box {\n background: var(--naj-white);\n border-radius: var(--naj-radius);\n padding: 1.5rem 2rem;\n box-shadow: var(--naj-shadow);\n border-left: 4px solid var(--naj-accent);\n}\n\n.naj-warning-box ul {\n margin: 0;\n padding-left: 1.25rem;\n}\n\n.naj-warning-box li {\n font-size: 14px;\n color: var(--naj-text-light);\n line-height: 1.8;\n margin-bottom: .5rem;\n}\n\n.naj-warning-box li:last-child {\n margin-bottom: 0;\n}\n\n.naj-cta-box {\n background: linear-gradient(135deg, var(--naj-primary) 0%, var(--naj-primary-dark) 100%);\n border-radius: var(--naj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n margin-top: 2rem;\n position: relative;\n overflow: hidden;\n}\n\n.naj-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 100%;\n height: 200%;\n background: radial-gradient(circle, rgba(143,173,112,.3) 0%, transparent 70%);\n pointer-events: none;\n}\n\n.naj-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .naj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .naj-card {\n padding: 1.125rem;\n }\n \n .naj-section {\n margin-bottom: 1.75rem;\n }\n \n .naj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--naj-radius-sm);\n }\n \n .naj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .naj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .naj-grid-compact {\n gap: .625rem;\n }\n \n .naj-grid-compact .naj-card {\n padding: .75rem;\n }\n \n .naj-timeline-number {\n width: 36px;\n height: 36px;\n font-size: 15px;\n }\n \n .naj-timeline-content {\n padding: 1rem 1.125rem;\n }\n \n .naj-timeline-content h3 {\n font-size: 14px;\n }\n \n .naj-timeline-content p {\n font-size: 13px;\n }\n \n .naj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .naj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .naj-composition-box {\n padding: 1.25rem;\n }\n \n .naj-ingredient {\n flex-direction: column;\n align-items: flex-start;\n gap: .25rem;\n padding: .75rem 0;\n }\n \n .naj-ingredient-name {\n font-size: 14px;\n }\n \n .naj-ingredient-desc {\n font-size: 13px;\n }\n \n .naj-tip {\n padding: 1rem;\n gap: .75rem;\n }\n \n .naj-tip-icon {\n font-size: 20px;\n }\n \n .naj-tip p {\n font-size: 13px;\n }\n \n .naj-warning-box {\n padding: 1.25rem 1.5rem;\n }\n \n .naj-warning-box li {\n font-size: 13px;\n }\n \n .naj-cta-box {\n padding: 1.5rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .naj-card {\n animation: najFadeInUp .5s ease backwards;\n }\n .naj-card:nth-child(1) { animation-delay: .05s; }\n .naj-card:nth-child(2) { animation-delay: .1s; }\n .naj-card:nth-child(3) { animation-delay: .15s; }\n .naj-card:nth-child(4) { animation-delay: .2s; }\n .naj-card:nth-child(5) { animation-delay: .25s; }\n .naj-card:nth-child(6) { animation-delay: .3s; }\n \n .naj-timeline-item {\n animation: najFadeInUp .5s ease backwards;\n }\n .naj-timeline-item:nth-child(1) { animation-delay: .1s; }\n .naj-timeline-item:nth-child(2) { animation-delay: .2s; }\n .naj-timeline-item:nth-child(3) { animation-delay: .3s; }\n .naj-timeline-item:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes najFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .naj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54939346239865,"sku":"NJ0365","price":4.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-200-g-najel-lifestyle_497f282b-50e6-4801-a833-1b0ddf0a1ae7.webp?v=1770196719"},{"product_id":"rhassoul-poudre-150g-najel","title":"Rhassoul en poudre – 150 g – Najel","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Rhassoul en poudre – 150 g – Najel\nPalette détectée:\n - Primaire: #D4782F (orange chaud du packaging Najel)\n - Secondaire: #3D2B1F (brun foncé\/chocolat du pot)\n - Accent: #C4956A (terre rosée\/argile)\nAmbiance: Naturel, hammam oriental, authentique, bien-être ancestral, terre\/argile\nPréfixe CSS: rh\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Rhassoul en poudre Najel : l'argile volcanique marocaine pour la peau et les cheveux\"\n 2. \"Pourquoi choisir le rhassoul plutôt qu'un nettoyant classique ?\"\n 3. \"Les bienfaits du rhassoul pour le visage et le corps\"\n 4. \"Masque au rhassoul pour cheveux : un soin capillaire naturel redoutable\"\n 5. \"Comment préparer et utiliser le rhassoul en poudre ?\"\n 6. \"Composition\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"rh-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"rh-hero\"\u003e\n \u003cdiv class=\"rh-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rh-hero-content\"\u003e\n \u003cdiv class=\"rh-badges-top\"\u003e\n \u003cspan class=\"rh-badge\"\u003e🌋 Argile volcanique\u003c\/span\u003e\n \u003cspan class=\"rh-badge\"\u003e🇲🇦 Origine Maroc\u003c\/span\u003e\n \u003cspan class=\"rh-badge\"\u003e🌿 100 % naturel\u003c\/span\u003e\n \u003cspan class=\"rh-badge\"\u003e🏅 Certifié COSMOS NATURAL\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rh-hero-title\"\u003eRhassoul en poudre Najel\u003c\/span\u003e\n \u003cp class=\"rh-subtitle\"\u003eLe secret ancestral des hammams marocains\u003c\/p\u003e\n \u003cp class=\"rh-description\"\u003eUne argile volcanique d'exception, extraite du Moyen-Atlas depuis le VIIIe siècle, pour purifier la peau et sublimer les cheveux — sans aucun additif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"rh-section\"\u003e\n \u003ch2\u003eRhassoul en poudre Najel : l'argile volcanique marocaine pour la peau et les cheveux\u003c\/h2\u003e\n \u003cp class=\"rh-section-intro\"\u003eConnaissez-vous le secret de beauté le plus ancien des hammams marocains ? Le \u003cstrong\u003erhassoul en poudre\u003c\/strong\u003e est une argile volcanique extraite des gisements du Moyen-Atlas, utilisée depuis le VIIIe siècle pour purifier la peau et sublimer les cheveux.\u003c\/p\u003e\n \u003cdiv class=\"rh-grid-compact\"\u003e\n \u003cdiv class=\"rh-card\"\u003e\n \u003ch3\u003e🏔️ Moyen-Atlas\u003c\/h3\u003e\n \u003cp\u003eArgile volcanique extraite de gisements ancestraux marocains\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-card\"\u003e\n \u003ch3\u003e📜 Depuis le VIIIe siècle\u003c\/h3\u003e\n \u003cp\u003eUn rituel de beauté millénaire transmis de génération en génération\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-card\"\u003e\n \u003ch3\u003e🌿 Pureté absolue\u003c\/h3\u003e\n \u003cp\u003e100 % naturel, sans aucun additif ni conservateur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-card\"\u003e\n \u003ch3\u003e🏅 COSMOS NATURAL\u003c\/h3\u003e\n \u003cp\u003eCertification Ecocert Greenlife, gage de qualité et de traçabilité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"rh-section\"\u003e\n \u003ch2\u003ePourquoi choisir le rhassoul plutôt qu'un nettoyant classique ?\u003c\/h2\u003e\n \u003cdiv class=\"rh-highlight-box\"\u003e\n \u003cp\u003eContrairement aux savons et shampooings conventionnels, la \u003cstrong\u003epoudre de rhassoul\u003c\/strong\u003e ne contient aucun tensioactif. Elle nettoie par \u003cstrong\u003eabsorption\u003c\/strong\u003e : ses fines particules d'argile captent les impuretés, l'excès de sébum et les cellules mortes comme un aimant, sans jamais décaper ni agresser votre peau ou votre cuir chevelu.\u003c\/p\u003e\n \u003cp\u003eRésultat : une sensation de propreté et de douceur remarquable, même sur les peaux les plus réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-grid\"\u003e\n \u003cdiv class=\"rh-card\"\u003e\n \u003ch3\u003e🧲 Absorption naturelle\u003c\/h3\u003e\n \u003cp\u003eCapte impuretés, sébum et cellules mortes sans tensioactif agressif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-card\"\u003e\n \u003ch3\u003e🛡️ Respecte votre peau\u003c\/h3\u003e\n \u003cp\u003eNi décapage ni agression, même sur les peaux les plus réactives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-card\"\u003e\n \u003ch3\u003e💎 Reminéralisant\u003c\/h3\u003e\n \u003cp\u003eRiche en silice, magnésium, fer et oligo-éléments essentiels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"rh-section\"\u003e\n \u003ch2\u003eLes bienfaits du rhassoul pour le visage et le corps\u003c\/h2\u003e\n \u003cdiv class=\"rh-grid\"\u003e\n \u003cdiv class=\"rh-card\"\u003e\n \u003ch3\u003e🧴 Purifie en profondeur\u003c\/h3\u003e\n \u003cp\u003eAbsorbe le sébum et les toxines sans dessécher la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-card\"\u003e\n \u003ch3\u003e🔬 Resserre les pores\u003c\/h3\u003e\n \u003cp\u003eAffine le grain de peau pour un teint plus lisse et uniforme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-card\"\u003e\n \u003ch3\u003e🤲 Adoucit et lisse\u003c\/h3\u003e\n \u003cp\u003eDouceur et confort ressentis dès la première application\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-card\"\u003e\n \u003ch3\u003e🌸 Tous types de peaux\u003c\/h3\u003e\n \u003cp\u003eConvient aux peaux sensibles, mixtes, grasses ou normales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-card\"\u003e\n \u003ch3\u003e✨ Gommage doux\u003c\/h3\u003e\n \u003cp\u003eS'utilise aussi en gommage ou en enveloppement corporel revitalisant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-card\"\u003e\n \u003ch3\u003e🏛️ Rituel hammam\u003c\/h3\u003e\n \u003cp\u003eRecréez l'expérience authentique du hammam directement chez vous\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"rh-section\"\u003e\n \u003ch2\u003eMasque au rhassoul pour cheveux : un soin capillaire naturel redoutable\u003c\/h2\u003e\n \u003cp class=\"rh-section-intro\"\u003eLe \u003cstrong\u003erhassoul pour les cheveux\u003c\/strong\u003e est un allié précieux, particulièrement si vous cherchez à espacer vos shampooings ou à adopter une routine plus naturelle.\u003c\/p\u003e\n \u003cdiv class=\"rh-grid\"\u003e\n \u003cdiv class=\"rh-card\"\u003e\n \u003ch3\u003e🧖‍♀️ Purifie le cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eNettoie en douceur sans sulfate ni silicone, régule la production de sébum\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-card\"\u003e\n \u003ch3\u003e💆 Apaise les démangeaisons\u003c\/h3\u003e\n \u003cp\u003eCalme les irritations et les inconforts du cuir chevelu sensible\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-card\"\u003e\n \u003ch3\u003e💇 Volume et brillance\u003c\/h3\u003e\n \u003cp\u003eVos cheveux retrouvent légèreté, volume et brillance naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-tip\"\u003e\n \u003cspan class=\"rh-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour un masque encore plus nourrissant, ajoutez une cuillère à café d'huile d'argan ou quelques gouttes d'huile essentielle d'ylang-ylang à votre préparation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"rh-section\"\u003e\n \u003ch2\u003eComment préparer et utiliser le rhassoul en poudre ?\u003c\/h2\u003e\n \u003cdiv class=\"rh-timeline\"\u003e\n \u003cdiv class=\"rh-timeline-item\"\u003e\n \u003cdiv class=\"rh-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rh-timeline-content\"\u003e\n \u003ch3\u003e🧖 Masque visage purifiant\u003c\/h3\u003e\n \u003cp\u003eMélangez 1 cuillère à soupe de rhassoul avec 3 cuillères à café d'eau tiède ou d'hydrolat de rose. Remuez jusqu'à obtenir une pâte lisse et homogène. Appliquez sur le visage en évitant le contour des yeux, laissez poser \u003cstrong\u003e10 à 15 minutes\u003c\/strong\u003e, puis rincez à l'eau claire. 1 à 2 fois par semaine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-timeline-item\"\u003e\n \u003cdiv class=\"rh-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rh-timeline-content\"\u003e\n \u003ch3\u003e💇 Masque capillaire\u003c\/h3\u003e\n \u003cp\u003ePréparez une pâte plus fluide : 2 cuillères à soupe de rhassoul pour 4 à 5 cuillères à soupe d'eau. Appliquez sur le cuir chevelu en massant doucement, laissez agir \u003cstrong\u003e15 minutes\u003c\/strong\u003e, puis rincez abondamment. Peut remplacer votre shampooing une fois par semaine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-timeline-item\"\u003e\n \u003cdiv class=\"rh-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rh-timeline-content\"\u003e\n \u003ch3\u003e🛁 Enveloppement corporel\u003c\/h3\u003e\n \u003cp\u003eUtilisez la pâte en enveloppement sur les zones souhaitées. Laissez poser \u003cstrong\u003e15 minutes\u003c\/strong\u003e avant de rincer. Idéal pour recréer un rituel hammam chez vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"rh-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"rh-composition-box\"\u003e\n \u003cp class=\"rh-composition-main\"\u003e\u003cstrong\u003eIngrédient unique :\u003c\/strong\u003e Moroccan Lava Clay — \u003cstrong\u003e100 % d'origine naturelle\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cp class=\"rh-composition-details\"\u003eSans parfum, sans colorant, sans conservateur. Produit fabriqué au Maroc, certifié \u003cstrong\u003eCOSMOS NATURAL\u003c\/strong\u003e par Ecocert Greenlife. Contenance : \u003cstrong\u003e150 g\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rh-accordion\"\u003e\n \u003cdetails class=\"rh-accordion-item\"\u003e\n \u003csummary class=\"rh-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"rh-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez le contact avec les yeux. En cas d'irritation, cessez l'utilisation. Ce produit cosmétique ne remplace en aucun cas un avis ou un traitement dermatologique.\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=\"rh-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"rh-cta-box\"\u003e\n \u003cp\u003e🌋 Offrez à votre peau et vos cheveux un soin millénaire d'exception — 100 % naturel, certifié COSMOS NATURAL, directement des gisements du Moyen-Atlas marocain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"rh-disclaimer\"\u003eLes résultats peuvent varier selon les individus. Ce produit cosmétique ne se substitue pas à un avis dermatologique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --rh-cream: #FDF6F0;\n --rh-white: #ffffff;\n --rh-primary: #D4782F;\n --rh-primary-dark: #8B4513;\n --rh-primary-light: #FFF0E0;\n --rh-secondary: #3D2B1F;\n --rh-accent: #C4956A;\n --rh-text: #1a1a1a;\n --rh-text-light: #5a5a5a;\n --rh-border: #e8ddd4;\n --rh-shadow: 0 4px 24px rgba(61,43,31,.08);\n --rh-shadow-lg: 0 12px 48px rgba(61,43,31,.15);\n --rh-radius: 20px;\n --rh-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.rh-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rh-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.rh-hero {\n position: relative;\n background: linear-gradient(135deg, #3D2B1F 0%, #6B4226 40%, #D4782F 100%);\n border-radius: var(--rh-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--rh-shadow-lg);\n}\n\n.rh-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(196,149,106,.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(212,120,47,.2) 0%, transparent 50%),\n repeating-conic-gradient(from 0deg at 50% 50%, transparent 0deg, rgba(255,255,255,.02) 15deg, transparent 30deg);\n opacity: .4;\n}\n\n.rh-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rh-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.rh-subtitle {\n color: var(--rh-accent);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.rh-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.rh-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rh-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--rh-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rh-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.rh-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rh-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rh-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.rh-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--rh-primary), var(--rh-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.rh-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rh-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.rh-card {\n background: var(--rh-white);\n border-radius: var(--rh-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rh-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rh-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rh-shadow-lg);\n border-color: var(--rh-primary);\n}\n\n.rh-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rh-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rh-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rh-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.rh-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.rh-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.rh-grid-compact .rh-card {\n padding: 1rem;\n}\n\n.rh-grid-compact .rh-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.rh-grid-compact .rh-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.rh-highlight-box {\n background: var(--rh-white);\n border-radius: var(--rh-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rh-shadow);\n border-left: 4px solid var(--rh-primary);\n margin-bottom: 1.5rem;\n}\n\n.rh-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--rh-text);\n line-height: 1.8;\n margin: 0 0 .75rem 0;\n}\n\n.rh-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIMELINE === *\/\n.rh-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rh-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rh-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rh-primary), var(--rh-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.rh-timeline-content {\n flex: 1;\n background: var(--rh-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rh-radius-sm);\n box-shadow: var(--rh-shadow);\n}\n\n.rh-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rh-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rh-timeline-content p {\n font-size: 14px;\n color: var(--rh-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.rh-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rh-primary-light);\n border-radius: var(--rh-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.rh-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rh-tip p {\n font-size: 14px;\n color: var(--rh-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.rh-composition-box {\n background: var(--rh-white);\n border-radius: var(--rh-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rh-shadow);\n text-align: center;\n margin-bottom: 1.25rem;\n border: 2px solid var(--rh-accent);\n}\n\n.rh-composition-main {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 700;\n color: var(--rh-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.rh-composition-details {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rh-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === ACCORDÉON === *\/\n.rh-accordion {\n background: var(--rh-white);\n border-radius: var(--rh-radius);\n box-shadow: var(--rh-shadow);\n overflow: hidden;\n}\n\n.rh-accordion-item {\n border-bottom: 1px solid var(--rh-border);\n margin: 0;\n padding: 0;\n}\n\n.rh-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rh-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rh-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.rh-accordion-header:hover {\n background: var(--rh-primary-light);\n}\n\n.rh-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rh-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--rh-primary);\n transition: transform .2s ease;\n}\n\n.rh-accordion-item[open] .rh-accordion-header::after {\n content: '−';\n}\n\n.rh-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rh-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.rh-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.rh-cta-box {\n background: linear-gradient(135deg, var(--rh-primary) 0%, var(--rh-primary-dark) 100%);\n border-radius: var(--rh-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.rh-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.rh-disclaimer {\n font-size: 12px;\n color: var(--rh-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .rh-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .rh-card {\n padding: 1.125rem;\n }\n\n .rh-section {\n margin-bottom: 1.75rem;\n }\n\n .rh-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rh-radius-sm);\n }\n\n .rh-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .rh-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .rh-grid-compact {\n gap: .625rem;\n }\n\n .rh-grid-compact .rh-card {\n padding: .75rem;\n }\n\n .rh-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .rh-timeline-content {\n padding: .875rem 1rem;\n }\n\n .rh-timeline-content h3 {\n font-size: 14px;\n }\n\n .rh-timeline-content p {\n font-size: 13px;\n }\n\n .rh-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .rh-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .rh-highlight-box {\n padding: 1.25rem;\n }\n\n .rh-highlight-box p {\n font-size: 14px;\n }\n\n .rh-composition-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rh-card {\n animation: rh-fadeInUp .5s ease backwards;\n }\n .rh-card:nth-child(1) { animation-delay: .05s; }\n .rh-card:nth-child(2) { animation-delay: .1s; }\n .rh-card:nth-child(3) { animation-delay: .15s; }\n .rh-card:nth-child(4) { animation-delay: .2s; }\n .rh-card:nth-child(5) { animation-delay: .25s; }\n .rh-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes rh-fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .rh-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":55077471814009,"sku":"NJ0375","price":6.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/rhassoul-en-poudre-150-g-najel-lifestyle_5ada9dd3-3ae1-4e3e-930c-801df050dad4.webp?v=1770902023"},{"product_id":"deodorant-baume-solide-parfum-embrun-najel","title":"Déodorant Solide Baume bio \u0026 vegan - Embrun - Najel","description":"\u003cp\u003eDécouvrez le \u003cstrong\u003edéodorant baume solide au parfum Embrun\u003c\/strong\u003e de Najel, un soin efficace et naturel qui neutralise les mauvaises odeurs tout en respectant votre peau. Formulé à base d’ingrédients doux comme l’huile d’olive, le beurre de karité et l’argile blanche, il hydrate, purifie et assure une fraîcheur durable. Certifié Cosmos Organic, vegan et fabriqué en France, ce déodorant vous offre la protection dont vous avez besoin avec un impact minimal sur l’environnement.\u003c\/p\u003e\n\u003ch2\u003eIngrédients clés de ce déodorant et leurs bienfaits\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile d’olive :\u003c\/strong\u003e Hydrate, protège et apaise la peau grâce à sa richesse en antioxydants et vitamines.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eArgile blanche (Kaolin) :\u003c\/strong\u003e Purifie et absorbe l’humidité sans irriter, pour une peau saine et sèche.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBeurre de karité :\u003c\/strong\u003e Nourrit en profondeur et apaise les irritations grâce à ses propriétés anti-inflammatoires.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile de baies de laurier :\u003c\/strong\u003e Propriétés antibactériennes et antifongiques idéales pour neutraliser les odeurs.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePoudre de tapioca :\u003c\/strong\u003e Adoucit la peau et renforce la sensation de fraîcheur tout au long de la journée.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eAvec 100 % d’ingrédients d’origine naturelle, ce baume assure protection, douceur, et fraîcheur marine tout au long de la journée.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePoids : 45 grammes.\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch2\u003eConseil d'application\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eAprès la douche, séchez soigneusement vos aisselles.\u003c\/li\u003e\n\u003cli\u003ePrélevez une petite noisette de baume avec les doigts (environ la taille d’un pois).\u003c\/li\u003e\n\u003cli\u003eMassez délicatement le produit sous les aisselles jusqu’à absorption complète.\u003c\/li\u003e\n\u003cli\u003eAppliquez chaque matin pour une protection durable et un confort optimal.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003ePourquoi choisir le déodorant baume embrun de Najel ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eEfficacité :\u003c\/strong\u003e Neutralise les odeurs efficacement grâce à une formule enrichie en actifs naturels.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTexture agréable :\u003c\/strong\u003e Fondante et douce, elle s’applique facilement et sans laisser de résidus.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule responsable :\u003c\/strong\u003e Certifié Cosmos Organic, vegan et sans eau pour une empreinte écologique réduite.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabriqué en France :\u003c\/strong\u003e Une qualité locale conjuguant modernité et respect de l’environnement.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e Olea Europaea (Olive) Fruit Oil*, Sodium Bicarbonate, Kaolin, Tapioca Starch*, Butyrospermum Parkii (Shea) Butter*, Parfum (Fragrance), Hydrogenated Olive Oil**, Helianthus Annuus (Sunflower) Seed Wax, Laurus Nobilis (Laurel) Fruit Oil*, Tocopherol, Beta-Sitosterol, Squalene, Geraniol, Limonene, Linalool.\u003c\/p\u003e\n\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e* Ingrédients issus de l’agriculture biologique | ** Transformés à partir d’ingrédients biologiques.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e100% des ingrédients sont d’origine naturelle, et \u003c\/strong\u003e\u003cstrong\u003e54% sont issus de l'agriculture biologique.\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch2\u003ePrécautions d’usage\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003ePour usage externe uniquement.\u003c\/li\u003e\n\u003cli\u003eÀ conserver à l’abri de la chaleur et de l’humidité pour préserver la qualité du produit.\u003c\/li\u003e\n\u003cli\u003eÉvitez le contact avec les yeux.\u003c\/li\u003e\n\u003cli\u003eEffectuez un test cutané en cas de peau particulièrement sensible.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eLe \u003cstrong\u003edéodorant baume solide à l'Embrun\u003c\/strong\u003e de Najel est la parfaite combinaison d’efficacité, de douceur et d’éco-responsabilité. Avec sa formulation naturelle et son parfum frais et marin, il protège durablement votre peau tout en respectant l’environnement. Une solution indispensable pour allier bien-être et éco-conscience.\u003c\/p\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":55208666628473,"sku":"NJ0005","price":6.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant_baume_solide_embrun_najel_ambiance_564159e8-904c-4067-a721-40681a21a94b.webp?v=1748852734"},{"product_id":"baume-a-levres-vanille-certifie-bio-12-g-najel","title":"Baume à Lèvres Vanille Bio – Protection \u0026 douceur – Najel","description":"\u003cdiv class=\"njv-premium\"\u003e\n \u003cdiv class=\"njv-hero\"\u003e\n \u003cdiv class=\"njv-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"njv-hero-content\"\u003e\n \u003cdiv class=\"njv-badges-top\"\u003e\n \u003cspan class=\"njv-badge\"\u003e🌿 Certifié Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"njv-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"njv-badge\"\u003e🌸 Parfum 100% naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"njv-hero-title\"\u003eBaume à Lèvres Vanille Bio\u003c\/span\u003e\n \u003cp class=\"njv-subtitle\" style=\"color: #ffffff;\"\u003eProtection \u0026amp; douceur — Najel\u003c\/p\u003e\n\u003cp class=\"njv-description\" style=\"color: #ffffff;\"\u003eUn véritable rituel de douceur pour vos lèvres. Une texture fondante, non collante, qui nourrit, répare et protège durablement face au froid, au vent et aux agressions du quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"njv-section\"\u003e\n \u003ch2\u003eUn soin lèvres bio aux actifs précieux\u003c\/h2\u003e\n \u003cp class=\"njv-section-intro\"\u003eChaque ingrédient a été sélectionné pour offrir un soin des lèvres à la fois efficace et sensoriel.\u003c\/p\u003e\n \u003cdiv class=\"njv-grid\"\u003e\n \u003cdiv class=\"njv-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eNourrit intensément, répare les lèvres sèches et gercées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njv-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras essentiels, hydrate en profondeur et prévient les tiraillements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njv-card\"\u003e\n \u003ch3\u003e🌻 Cire de graines de tournesol\u003c\/h3\u003e\n \u003cp\u003eForme un film protecteur respirant qui apaise les irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njv-card\"\u003e\n \u003ch3\u003e🌿 Huile de baie de laurier bio\u003c\/h3\u003e\n \u003cp\u003ePurifie, régénère et favorise la réparation des petites lésions.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njv-card\"\u003e\n \u003ch3\u003e💧 Huile de ricin\u003c\/h3\u003e\n \u003cp\u003eRestaure l'élasticité et adoucit les lèvres abîmées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njv-card\"\u003e\n \u003ch3\u003e✨ Vitamine E (tocophérol)\u003c\/h3\u003e\n \u003cp\u003eAntioxydante, elle protège les lèvres du vieillissement cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"njv-section\"\u003e\n \u003ch2\u003ePourquoi choisir un baume à lèvres bio plutôt qu'un stick classique ?\u003c\/h2\u003e\n \u003cp\u003eContrairement aux sticks conventionnels souvent à base de paraffine ou d'huiles minérales, ce \u003cstrong\u003ebaume à lèvres bio\u003c\/strong\u003e agit en profondeur sans assécher. Il évite l'effet « dépendance » que ressentent certaines personnes avec les baumes pétrochimiques. Sa formule garantit une vraie réparation, sans additifs controversés.\u003c\/p\u003e\n \u003cp\u003eC'est aussi une excellente alternative pour celles et ceux qui cherchent une recette de \u003cstrong\u003esoin lèvres maison\u003c\/strong\u003e mais souhaitent un produit prêt à l'emploi, contrôlé et certifié.\u003c\/p\u003e\n \u003cdiv class=\"njv-grid-compact\"\u003e\n \u003cdiv class=\"njv-card\"\u003e\n \u003ch3\u003e🚫 Sans paraffine\u003c\/h3\u003e\n \u003cp\u003eAucune huile minérale issue de la pétrochimie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njv-card\"\u003e\n \u003ch3\u003e✅ Réparation réelle\u003c\/h3\u003e\n \u003cp\u003eUne action en profondeur, pas seulement en surface.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njv-card\"\u003e\n \u003ch3\u003e🍃 100% naturel\u003c\/h3\u003e\n \u003cp\u003e58,9 % issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njv-card\"\u003e\n \u003ch3\u003e🏅 Certifié Ecocert\u003c\/h3\u003e\n \u003cp\u003eCosmos Organic par Ecocert Greenlife.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"njv-section\"\u003e\n \u003ch2\u003eComment utiliser votre baume à lèvres vanille ?\u003c\/h2\u003e\n \u003cdiv class=\"njv-timeline\"\u003e\n \u003cdiv class=\"njv-timeline-item\"\u003e\n \u003cdiv class=\"njv-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"njv-timeline-content\"\u003e\n \u003ch3\u003e☀️ Application quotidienne\u003c\/h3\u003e\n \u003cp\u003eDéposez une fine couche du bout du doigt dès que vos lèvres tiraillent, à renouveler autant de fois que nécessaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njv-timeline-item\"\u003e\n \u003cdiv class=\"njv-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"njv-timeline-content\"\u003e\n \u003ch3\u003e🌙 Soin de nuit réparateur\u003c\/h3\u003e\n \u003cp\u003eAppliquez une couche généreuse avant le coucher pour une régénération intense.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njv-timeline-item\"\u003e\n \u003cdiv class=\"njv-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"njv-timeline-content\"\u003e\n \u003ch3\u003e🍯 Astuce gommage doux\u003c\/h3\u003e\n \u003cp\u003eAssociez-le à un peu de sucre pour exfolier en douceur, puis réappliquez en couche fine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njv-timeline-item\"\u003e\n \u003cdiv class=\"njv-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"njv-timeline-content\"\u003e\n \u003ch3\u003e💋 Soin contour des lèvres\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement le pourtour pour assouplir et nourrir cette zone fragile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"njv-tip\"\u003e\n \u003cspan class=\"njv-tip-icon\"\u003e👜\u003c\/span\u003e\n \u003cp\u003eAdapté aux adultes comme aux enfants, son format compact (12 g) se glisse partout : sac, poche, trousse de voyage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"njv-section\"\u003e\n \u003ch2\u003eComposition INCI complète\u003c\/h2\u003e\n \u003cdiv class=\"njv-accordion\"\u003e\n \u003cdetails class=\"njv-accordion-item\" open\u003e\n \u003csummary class=\"njv-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"njv-accordion-content mt-3\"\u003e\n \u003cp\u003eOlea Europaea (Olive) Fruit Oil*, Hydrogenated Olive Oil, Ricinus Communis (Castor) Seed Oil*, Helianthus Annuus (Sunflower) Seed Wax, Jojoba Esters, Parfum (Fragrance), Butyrospermum Parkii (Shea) Butter*, Octyldodecanol, Laurus Nobilis Oil*, Acacia Decurrens Flower Wax, Polyglycerin-3, Tocopherol, Beta-Sitosterol, Squalene, Benzyl Alcohol, Limonene.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'Agriculture Biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"njv-accordion-item\"\u003e\n \u003csummary class=\"njv-accordion-header\"\u003e🌱 Origine \u0026amp; certification\u003c\/summary\u003e\n \u003cdiv class=\"njv-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eOrigine\u003c\/strong\u003e : 100 % naturelle, dont 58,9 % issus de l'agriculture biologique.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eCertification\u003c\/strong\u003e : Cosmos Organic par Ecocert Greenlife.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eContenance\u003c\/strong\u003e : 12 g.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"njv-section\"\u003e\n \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"njv-accordion\"\u003e\n \u003cdetails class=\"njv-accordion-item\"\u003e\n \u003csummary class=\"njv-accordion-header\"\u003e💋 Ce baume est-il un soin lèvres repulpant ?\u003c\/summary\u003e\n \u003cdiv class=\"njv-accordion-content mt-3\"\u003e\n \u003cp\u003eIl n'a pas vocation à créer un effet volumateur immédiat, mais ses actifs nourrissants redonnent souplesse et galbe aux lèvres déshydratées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"njv-accordion-item\"\u003e\n \u003csummary class=\"njv-accordion-header\"\u003e🌸 Convient-il aux peaux sensibles ?\u003c\/summary\u003e\n \u003cdiv class=\"njv-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, sa formule naturelle est douce. En cas de doute, réalisez un test au creux du poignet 24 h avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"njv-accordion-item\"\u003e\n \u003csummary class=\"njv-accordion-header\"\u003e💄 Peut-on l'utiliser sous le rouge à lèvres ?\u003c\/summary\u003e\n \u003cdiv class=\"njv-accordion-content mt-3\"\u003e\n \u003cp\u003eAbsolument : il prépare et lisse les lèvres pour une application impeccable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"njv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"njv-cta-box\"\u003e\n \u003cp\u003e✨ Offrez à vos lèvres un rituel de soin certifié bio, à la douceur enveloppante de la vanille naturelle. Réparation, hydratation et protection au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"njv-disclaimer\"\u003eCe produit est un soin cosmétique. Il ne remplace en aucun cas un avis ou un traitement médical. En cas de lésion persistante, consultez un professionnel de santé. Usage externe uniquement.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --njv-cream: #faf6f0;\n --njv-white: #ffffff;\n --njv-primary: #c9a961;\n --njv-primary-dark: #8b6f3a;\n --njv-primary-light: #f5ecd9;\n --njv-secondary: #2a2520;\n --njv-accent: #d4b87a;\n --njv-text: #1a1a1a;\n --njv-text-light: #5a5a5a;\n --njv-border: #e8dfc9;\n --njv-shadow: 0 4px 24px rgba(139, 111, 58, .12);\n --njv-shadow-lg: 0 12px 48px rgba(42, 37, 32, .2);\n --njv-radius: 20px;\n --njv-radius-sm: 12px;\n}\n\n.njv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--njv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--njv-text);\n line-height: 1.6;\n}\n\n.njv-hero {\n position: relative;\n background: linear-gradient(135deg, #1a1612 0%, #2a2520 50%, #3d2f1f 100%);\n border-radius: var(--njv-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--njv-shadow-lg);\n}\n\n.njv-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, var(--njv-primary) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, var(--njv-accent) 0%, transparent 40%);\n opacity: .15;\n}\n\n.njv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.njv-hero-title {\n display: block;\n color: var(--njv-primary);\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n line-height: 1.1;\n}\n\n.njv-subtitle {\n color: var(--njv-accent);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .02em;\n}\n\n.njv-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.njv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.njv-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--njv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.15);\n transition: all .3s ease;\n}\n\n.njv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.njv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.njv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--njv-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.njv-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--njv-primary), var(--njv-accent));\n border-radius: 2px;\n}\n\n.njv-premium p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--njv-text);\n line-height: 1.7;\n margin: 0 0 1rem 0;\n}\n\n.njv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px) !important;\n color: var(--njv-text-light) !important;\n margin-bottom: 1.5rem !important;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.njv-card {\n background: var(--njv-white);\n border-radius: var(--njv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--njv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.njv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--njv-shadow-lg);\n border-color: var(--njv-primary);\n}\n\n.njv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--njv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.njv-card p {\n font-size: clamp(13px, 2vw, 15px) !important;\n color: var(--njv-text-light) !important;\n margin: 0 !important;\n line-height: 1.6;\n}\n\n.njv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.njv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-top: 1.5rem;\n}\n\n.njv-grid-compact .njv-card {\n padding: 1rem;\n}\n\n.njv-grid-compact .njv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.njv-grid-compact .njv-card p {\n font-size: 12px !important;\n}\n\n.njv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.njv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.njv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--njv-primary), var(--njv-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(139, 111, 58, .3);\n}\n\n.njv-timeline-content {\n flex: 1;\n background: var(--njv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--njv-radius-sm);\n box-shadow: var(--njv-shadow);\n}\n\n.njv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--njv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.njv-timeline-content p {\n font-size: 14px !important;\n color: var(--njv-text-light) !important;\n margin: 0 !important;\n line-height: 1.5;\n}\n\n.njv-accordion {\n background: var(--njv-white);\n border-radius: var(--njv-radius);\n box-shadow: var(--njv-shadow);\n overflow: hidden;\n}\n\n.njv-accordion-item {\n border-bottom: 1px solid var(--njv-border);\n margin: 0;\n padding: 0;\n}\n\n.njv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.njv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--njv-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.njv-accordion-header:hover {\n background: var(--njv-primary-light);\n}\n\n.njv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.njv-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--njv-primary);\n transition: transform .2s ease;\n margin-left: 1rem;\n}\n\n.njv-accordion-item[open] .njv-accordion-header::after {\n content: '−';\n}\n\n.njv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--njv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.njv-accordion-content p {\n margin: 0 0 .5rem 0 !important;\n font-size: 14px !important;\n color: var(--njv-text-light) !important;\n}\n\n.njv-accordion-content p:last-child {\n margin-bottom: 0 !important;\n}\n\n.njv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--njv-primary-light);\n border-radius: var(--njv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--njv-primary);\n}\n\n.njv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.njv-tip p {\n font-size: 14px !important;\n color: var(--njv-text) !important;\n margin: 0 !important;\n line-height: 1.6;\n}\n\n.njv-cta-box {\n background: linear-gradient(135deg, var(--njv-primary-dark) 0%, var(--njv-secondary) 100%);\n border-radius: var(--njv-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.njv-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, var(--njv-primary) 0%, transparent 70%);\n opacity: .2;\n}\n\n.njv-cta-box p {\n color: white !important;\n font-size: clamp(15px, 2.5vw, 19px) !important;\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.2);\n margin: 0 !important;\n position: relative;\n z-index: 1;\n}\n\n.njv-disclaimer {\n font-size: 12px !important;\n color: var(--njv-text-light) !important;\n text-align: center;\n margin-top: 1rem !important;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .njv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .njv-card {\n padding: 1.125rem;\n }\n .njv-section {\n margin-bottom: 1.75rem;\n }\n .njv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--njv-radius-sm);\n }\n .njv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .njv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .njv-grid-compact {\n gap: .625rem;\n }\n .njv-grid-compact .njv-card {\n padding: .75rem;\n }\n .njv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .njv-timeline-content {\n padding: .875rem 1rem;\n }\n .njv-timeline-content h3 {\n font-size: 14px;\n }\n .njv-timeline-content p {\n font-size: 13px !important;\n }\n .njv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .njv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .njv-card {\n animation: fadeInUp .5s ease backwards;\n }\n .njv-card:nth-child(1) { animation-delay: .05s; }\n .njv-card:nth-child(2) { animation-delay: .1s; }\n .njv-card:nth-child(3) { animation-delay: .15s; }\n .njv-card:nth-child(4) { animation-delay: .2s; }\n .njv-card:nth-child(5) { animation-delay: .25s; }\n .njv-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .njv-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":55212831375737,"sku":"NJ0255","price":4.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/baume-a-levres-vanille-bio-protection-douceur-najel-lifestyle.webp?v=1778139363"},{"product_id":"savon-alep-olive-laurier-parfum-ambre-oud-najel","title":"Savon d’Alep Olive \u0026 Laurier – parfum Ambre \u0026 Oud (150g) – Najel","description":"\u003cdiv class=\"nj-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"nj-hero\"\u003e\n \u003cdiv class=\"nj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nj-hero-content\"\u003e\n \u003cdiv class=\"nj-badges-top\"\u003e\n \u003cspan class=\"nj-badge\"\u003e🕌 Savoir-faire millénaire\u003c\/span\u003e\n \u003cspan class=\"nj-badge\"\u003e🌿 Olive \u0026amp; laurier\u003c\/span\u003e\n \u003cspan class=\"nj-badge\"\u003e✨ Parfum ambre \u0026amp; oud\u003c\/span\u003e\n \u003cspan class=\"nj-badge\"\u003e🧼 150 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"nj-hero-title\"\u003eSavon d'Alep Olive \u0026amp; Laurier – Parfum Ambre \u0026amp; Oud\u003c\/span\u003e\n \u003cp class=\"nj-subtitle\"\u003ePar Najel — Maître savonnier depuis des générations\u003c\/p\u003e\n \u003cp class=\"nj-description\"\u003eL'ancêtre de tous les savons, sublimé par des notes orientales envoûtantes d'ambre et de bois d'agar. Un objet de soin aussi beau que bienfaisant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eSavon d'Alep olive et laurier parfumé ambre \u0026amp; oud : un soin ancestral aux notes orientales\u003c\/h2\u003e\n \u003cp class=\"nj-section-intro\"\u003eHéritier d'un savoir-faire vieux de plus de \u003cstrong\u003e3 000 ans\u003c\/strong\u003e, le savon d'Alep est considéré comme l'ancêtre de tous les savons solides, y compris le célèbre savon de Marseille.\u003c\/p\u003e\n \u003cdiv class=\"nj-grid-compact\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🏛️ Héritage ancestral\u003c\/h3\u003e\n \u003cp\u003eAvec cette version Premium signée \u003cstrong\u003eNajel\u003c\/strong\u003e, retrouvez toute l'âme du savon d'Alep — sa douceur, sa simplicité, ses bienfaits intemporels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🌙 Voyage sensoriel\u003c\/h3\u003e\n \u003cp\u003eSublimé par un \u003cstrong\u003eparfum envoûtant d'ambre et d'oud\u003c\/strong\u003e (bois d'agar), chaque toilette devient un véritable rituel oriental.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🎨 Design ornemental\u003c\/h3\u003e\n \u003cp\u003eSa forme ronde gravée de \u003cstrong\u003ecalligraphie arabe\u003c\/strong\u003e en fait un objet décoratif unique dans votre salle de bain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🪢 Cordelette naturelle\u003c\/h3\u003e\n \u003cp\u003eSa \u003cstrong\u003ecordelette en fibre naturelle\u003c\/strong\u003e permet de le suspendre pour un séchage optimal et une touche esthétique authentique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eLes bienfaits du savon d'Alep pour votre peau\u003c\/h2\u003e\n \u003cp class=\"nj-section-intro\"\u003eSa formule repose sur deux ingrédients nobles aux vertus complémentaires, plébiscités depuis des millénaires.\u003c\/p\u003e\n \u003cdiv class=\"nj-grid\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras et en vitamine E, elle \u003cstrong\u003enourrit la peau en profondeur\u003c\/strong\u003e, l'assouplit et aide à maintenir son hydratation naturelle. Elle nettoie sans jamais agresser ni tirailler.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🌿 Huile de baies de laurier\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés \u003cstrong\u003epurifiantes et apaisantes\u003c\/strong\u003e, elle contribue à calmer les petites irritations et laisse la peau nette et confortable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🪵 Parfum ambre \u0026amp; oud\u003c\/h3\u003e\n \u003cp\u003eUne signature olfactive \u003cstrong\u003echaude, boisée et profonde\u003c\/strong\u003e qui enveloppe la peau d'une senteur orientale élégante et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-tip\"\u003e\n \u003cspan class=\"nj-tip-icon\"\u003e👩‍⚕️\u003c\/span\u003e\n \u003cp\u003eD'après de nombreux \u003cstrong\u003eavis de dermatologues\u003c\/strong\u003e, le savon d'Alep convient parfaitement aux \u003cstrong\u003epeaux sensibles\u003c\/strong\u003e, réactives ou sujettes aux inconforts quotidiens. Sa base végétale douce en fait un savon naturel idéal pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eComment utiliser ce savon d'Alep au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"nj-timeline\"\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eMouillez votre peau\u003c\/h3\u003e\n \u003cp\u003ePuis faites mousser le savon entre vos mains ou directement sur le corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eLe visage, le corps ou les mains en mouvements circulaires pour libérer les actifs et le parfum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eÀ l'eau claire pour révéler une peau douce, nourrie et délicatement parfumée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-item\"\u003e\n \u003cdiv class=\"nj-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"nj-timeline-content\"\u003e\n \u003ch3\u003eSuspendez le savon\u003c\/h3\u003e\n \u003cp\u003eAprès chaque utilisation, suspendez-le par sa cordelette pour qu'il sèche correctement et dure plus longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-tip\"\u003e\n \u003cspan class=\"nj-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e glissez ce savon dans une armoire ou un tiroir pour parfumer naturellement votre linge grâce à ses notes d'ambre et d'oud. Un désodorisant naturel aussi agréable qu'original.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003ePour quel type de peau ?\u003c\/h2\u003e\n \u003cdiv class=\"nj-grid-compact\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🤍 Peau normale\u003c\/h3\u003e\n \u003cp\u003eMaintient l'équilibre naturel et apporte douceur au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e💧 Peau sèche\u003c\/h3\u003e\n \u003cp\u003eNourrit et assouplit sans jamais dessécher grâce à l'huile d'olive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e✨ Peau mixte à grasse\u003c\/h3\u003e\n \u003cp\u003ePurifie en douceur grâce au laurier sans agresser le film hydrolipidique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🌸 Peau sensible\u003c\/h3\u003e\n \u003cp\u003eFormulation douce respectant l'équilibre cutané, adaptée à un usage quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"nj-section-intro\" style=\"margin-top:1rem;\"\u003eCe \u003cstrong\u003esavon d'Alep pour le visage et le corps\u003c\/strong\u003e convient à \u003cstrong\u003etous les types de peau\u003c\/strong\u003e et peut être utilisé au quotidien sans risque d'assèchement.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eCaractéristiques du produit\u003c\/h2\u003e\n \u003cdiv class=\"nj-grid-compact\"\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e⚖️ Poids net\u003c\/h3\u003e\n \u003cp\u003e150 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🔵 Format\u003c\/h3\u003e\n \u003cp\u003eSavon rond ornemental avec cordelette\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🏭 Fabrication\u003c\/h3\u003e\n \u003cp\u003eArtisanale, savonnerie familiale à Alep (Syrie)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🧴 Zones d'utilisation\u003c\/h3\u003e\n \u003cp\u003eVisage, corps, mains\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e📅 Fréquence\u003c\/h3\u003e\n \u003cp\u003eUsage quotidien recommandé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nj-card\"\u003e\n \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n \u003cp\u003eAlep, Syrie — tradition millénaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"nj-testimonial\"\u003e\n \u003cp class=\"nj-testimonial-text\"\u003eSodium Olivate, Aqua, Sodium Laurelate, Glycerin, Parfum, Sodium Chloride, Sodium Hydroxide, Benzyl Alcohol, Coumarin, Citral, Citronellol, Eugenol, Limonene, Linalool, Alpha-Isomethyl Ionone.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"nj-disclaimer\"\u003eContient des allergènes naturellement présents dans le parfum.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"nj-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"nj-accordion\"\u003e\n \u003cdetails class=\"nj-accordion-item\"\u003e\n \u003csummary class=\"nj-accordion-header\"\u003e👁️ Contact avec les yeux\u003c\/summary\u003e\n \u003cdiv class=\"nj-accordion-content mt-3\"\u003e\n \u003cp\u003eÉviter le contact avec les yeux. En cas de projection, rincer immédiatement et abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"nj-accordion-item\"\u003e\n \u003csummary class=\"nj-accordion-header\"\u003e⚠️ Allergies\u003c\/summary\u003e\n \u003cdiv class=\"nj-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas utiliser en cas d'allergie connue à l'un des composants parfumants listés dans la composition.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"nj-accordion-item\"\u003e\n \u003csummary class=\"nj-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"nj-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver au sec, à l'abri de la chaleur directe, et toujours suspendre le savon entre deux utilisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"nj-accordion-item\"\u003e\n \u003csummary class=\"nj-accordion-header\"\u003e🩺 Usage externe\u003c\/summary\u003e\n \u003cdiv class=\"nj-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Ce produit cosmétique ne remplace en aucun cas un traitement médical ou dermatologique.\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=\"nj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"nj-cta-box\"\u003e\n \u003cp\u003e🕌 Offrez-vous un rituel de soin ancestral aux notes envoûtantes d'ambre et d'oud.\u003cbr\u003eLe savon d'Alep Premium Najel — 3 000 ans de tradition dans vos mains.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --nj-cream: #f7f4ef;\n --nj-white: #ffffff;\n --nj-primary: #1b6b5a;\n --nj-primary-dark: #0e4a3d;\n --nj-primary-light: #e8f3ef;\n --nj-secondary: #c8973e;\n --nj-accent: #d4a84b;\n --nj-text: #1a1a1a;\n --nj-text-light: #5a5a5a;\n --nj-border: #e0ddd6;\n --nj-shadow: 0 4px 24px rgba(0,0,0,.08);\n --nj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --nj-radius: 20px;\n --nj-radius-sm: 12px;\n}\n\n.nj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nj-hero {\n position: relative;\n background: linear-gradient(135deg, #0e4a3d 0%, #1b6b5a 40%, #c8973e 100%);\n border-radius: var(--nj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--nj-shadow-lg);\n}\n\n.nj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-gradient(circle at 20% 30%, rgba(200,151,62,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.08) 0%, transparent 40%),\n repeating-linear-gradient(45deg, transparent, transparent 40px, rgba(255,255,255,.02) 40px, rgba(255,255,255,.02) 80px);\n opacity: 1;\n}\n\n.nj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.nj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.nj-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.nj-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.nj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--nj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.nj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.nj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--nj-primary), var(--nj-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.nj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nj-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.nj-card {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nj-shadow-lg);\n border-color: var(--nj-primary);\n}\n\n.nj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.nj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.nj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.nj-grid-compact .nj-card {\n padding: 1rem;\n}\n\n.nj-grid-compact .nj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nj-grid-compact .nj-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.nj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nj-primary), var(--nj-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.nj-timeline-content {\n flex: 1;\n background: var(--nj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nj-radius-sm);\n box-shadow: var(--nj-shadow);\n}\n\n.nj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nj-timeline-content p {\n font-size: 14px;\n color: var(--nj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.nj-testimonial {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nj-shadow);\n border-left: 4px solid var(--nj-secondary);\n}\n\n.nj-testimonial-text {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nj-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n word-break: break-word;\n}\n\n\/* === ACCORDÉON === *\/\n.nj-accordion {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n box-shadow: var(--nj-shadow);\n overflow: hidden;\n}\n\n.nj-accordion-item {\n border-bottom: 1px solid var(--nj-border);\n margin: 0;\n padding: 0;\n}\n\n.nj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.nj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--nj-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.nj-accordion-header:hover {\n background: var(--nj-primary-light);\n}\n\n.nj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.nj-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--nj-primary);\n transition: transform .2s ease;\n}\n\n.nj-accordion-item[open] .nj-accordion-header::after {\n content: '−';\n}\n\n.nj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--nj-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.nj-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.nj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nj-primary-light);\n border-radius: var(--nj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.nj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nj-tip p {\n font-size: 14px;\n color: var(--nj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.nj-cta-box {\n background: linear-gradient(135deg, var(--nj-primary) 0%, var(--nj-primary-dark) 50%, #8b6914 100%);\n border-radius: var(--nj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.nj-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.nj-disclaimer {\n font-size: 12px;\n color: var(--nj-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .nj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .nj-card {\n padding: 1.125rem;\n }\n\n .nj-section {\n margin-bottom: 1.75rem;\n }\n\n .nj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nj-radius-sm);\n }\n\n .nj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .nj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .nj-grid-compact {\n gap: .625rem;\n }\n\n .nj-grid-compact .nj-card {\n padding: .75rem;\n }\n\n .nj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .nj-timeline-content {\n padding: .875rem 1rem;\n }\n\n .nj-timeline-content h3 {\n font-size: 14px;\n }\n\n .nj-timeline-content p {\n font-size: 13px;\n }\n\n .nj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .nj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .nj-testimonial {\n padding: 1.25rem;\n }\n\n .nj-testimonial-text {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .nj-card {\n animation: njFadeInUp .5s ease backwards;\n }\n .nj-card:nth-child(1) { animation-delay: .05s; }\n .nj-card:nth-child(2) { animation-delay: .1s; }\n .nj-card:nth-child(3) { animation-delay: .15s; }\n .nj-card:nth-child(4) { animation-delay: .2s; }\n .nj-card:nth-child(5) { animation-delay: .25s; }\n .nj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes njFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .nj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":55769595117945,"sku":"SAVAONALEP_OLIVELAURIER_NAJEL","price":5.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-olive-laurier-parfum-ambre-oud-150g-najel-lifestyle.webp?v=1772881694"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/logo_najel.jpg?v=1750684926","url":"https:\/\/www.naturellement-bio.com\/collections\/najel.oembed?page=2","provider":"Naturellement Bio","version":"1.0","type":"link"}