{"title":"Najel","description":"","products":[{"product_id":"savon-dalep-a-la-rose-de-damas-bio-najel","title":"Savon d'Alep à la rose de Damas bio – Najel","description":"\n\u003cdiv class=\"soi-alep-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-alep-hero\"\u003e\n \u003cdiv class=\"soi-alep-hero-tag\"\u003e\n \u003cspan class=\"soi-alep-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène \u0026amp; soin · Najel Méditerranée\n \u003c\/div\u003e\n \u003cspan class=\"soi-alep-hero-title\"\u003eSavon d'Alep à la rose de Damas bio\u003c\/span\u003e\n \u003cp class=\"soi-alep-hero-subtitle\"\u003ePurifiant, nourrissant et naturel : un soin ancestral enrichi à l'eau florale de rose de Damas certifiée bio, pour le visage, le corps et les cheveux.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS SILICONES\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSAVON SOLIDE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Qu'est-ce que le savon d'Alep ? Un savoir-faire vieux de 3 000 ans --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eQu'est-ce que le savon d'Alep ? Un savoir-faire vieux de 3 000 ans\u003c\/h2\u003e\n \u003cp\u003eOriginaire de la ville d'Alep en Syrie, le savon d'Alep est considéré comme l'un des premiers savons solides jamais fabriqués. Sa recette repose sur deux huiles emblématiques de la région méditerranéenne : l'huile d'olive et l'huile de baies de laurier.\u003c\/p\u003e\n \u003cp\u003eNajel perpétue ce savoir-faire artisanal en y intégrant des actifs naturels soigneusement sélectionnés, comme ici l'eau florale de rose de Damas bio, pour répondre aux besoins contemporains de votre peau.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Composition du savon d'Alep Najel rose de Damas bio --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep Najel rose de Damas bio\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eLa force de ce savon réside dans la qualité et la simplicité de ses ingrédients.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras essentiels et en antioxydants (vitamine E), elle nourrit et protège la peau des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🌿 Huile de baies de laurier\u003c\/h3\u003e\n \u003cp\u003eL'actif signature du savon d'Alep. Reconnue pour ses vertus apaisantes, purifiantes et désinfectantes, elle est particulièrement précieuse pour les peaux irritées, acnéiques ou sujettes à l'eczéma ou au psoriasis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🌹 Eau florale de rose de Damas bio\u003c\/h3\u003e\n \u003cp\u003eAstringente naturelle, elle resserre les pores, tonifie la peau et contribue à son renouvellement cellulaire. Son parfum délicat et floral est un vrai bonheur sensoriel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-tip\"\u003e\n \u003cdiv class=\"soi-alep-tip-icon\"\u003e🧼\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eFormulé dans le respect de votre peau\u003c\/strong\u003e\n \u003cp\u003eSans silicone, sans parabène, sans colorant artificiel. Une composition pure et respectueuse de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Bienfaits du savon d'Alep à la rose de Damas : ce qu'il fait concrètement pour votre peau --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eBienfaits du savon d'Alep à la rose de Damas : ce qu'il fait concrètement pour votre peau\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-benefits\"\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePurifie en profondeur\u003c\/h3\u003e\n \u003cp\u003eIdéal pour nettoyer le visage sans agresser la barrière cutanée, il élimine impuretés et excès de sébum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eApaise les peaux réactives\u003c\/h3\u003e\n \u003cp\u003eLes propriétés apaisantes de l'huile de baies de laurier soulagent les rougeurs, démangeaisons et inconforts liés à l'eczéma ou au psoriasis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydrate et régénère\u003c\/h3\u003e\n \u003cp\u003eL'huile d'olive et la rose de Damas agissent en synergie pour préserver le film hydrolipidique et favoriser le renouvellement cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🔄\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eUtilisation polyvalente\u003c\/h3\u003e\n \u003cp\u003eVisage, corps, cheveux : un seul savon pour toute votre routine, même quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eParfum naturel et enveloppant\u003c\/h3\u003e\n \u003cp\u003eLa rose de Damas diffuse un sillage floral discret et authentique, loin des parfums synthétiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Comment utiliser le savon d'Alep Najel au quotidien ? --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComment utiliser le savon d'Alep Najel au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-timeline\"\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFaites mousser le savon entre vos paumes ou directement sur une peau humide. Appliquez en massages circulaires doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède. Pour le visage, évitez les frottements excessifs et terminez par une eau froide pour refermer les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eConservez au sec\u003c\/h3\u003e\n \u003cp\u003eEntre deux utilisations, laissez le savon sécher à l'air libre sur un porte-savon drainant pour prolonger sa durée de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Avis dermatologue et peaux sensibles : le savon d'Alep est-il recommandé ? --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eAvis dermatologue et peaux sensibles : le savon d'Alep est-il recommandé ?\u003c\/h2\u003e\n \u003cp\u003eLe savon d'Alep est souvent cité par les dermatologues comme une alternative douce aux savons surgras classiques, notamment pour les peaux atopiques ou réactives. Sa composition minimaliste, sans perturbateurs endocriniens ni conservateurs agressifs, en fait un choix pertinent pour les personnes cherchant à simplifier leur routine tout en prenant soin de leur peau efficacement.\u003c\/p\u003e\n \u003cp\u003eIl ne remplace pas un traitement médical prescrit, mais peut s'intégrer dans une routine apaisante au quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Informations pratiques --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-compo\"\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eNajel Méditerranée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eSavon solide\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eUsage\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eVisage, corps, cheveux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eType de peau\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eTous types, peaux sensibles, mixtes, à imperfections\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eRose de Damas certifiée bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eParabènes, silicones, colorants artificiels\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-alep-cta-box\"\u003e\n \u003cp class=\"soi-alep-cta-tag\" style=\"color: white;\"\u003eUn geste ancestral, chaque matin\u003c\/p\u003e\n \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eUne composition pure, un parfum floral envoûtant et une peau visiblement plus nette, apaisée et lumineuse. Prendre soin de vous, aussi simplement et naturellement que cela.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-alep-marine: #1A2D3D;\n --soi-alep-marine-dark: #0F1E2B;\n --soi-alep-marine-light: #2C4458;\n --soi-alep-pomme: #A1C544;\n --soi-alep-pomme-dark: #84A636;\n --soi-alep-pomme-light: rgba(161,197,68,0.10);\n\n --soi-alep-white: #FFFFFF;\n --soi-alep-off-white: #F8FAF6;\n --soi-alep-stone: #F1F3EE;\n --soi-alep-line: #E5E8E0;\n\n --soi-alep-primary: #C47A7A;\n --soi-alep-primary-soft: #E8B5B0;\n --soi-alep-accent: #8B6D4A;\n\n --soi-alep-text: #1A2D3D;\n --soi-alep-text-soft: #4A5B6B;\n --soi-alep-text-muted: #7B8693;\n\n --soi-alep-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-alep-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-alep-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-alep-radius: 12px;\n --soi-alep-radius-sm: 8px;\n --soi-alep-radius-pill: 999px;\n}\n\n.soi-alep-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-alep-fiche img { max-width: 100%; height: auto; }\n\n.soi-alep-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-alep-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-alep-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-alep-hero {\n position: relative;\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-alep-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-alep-pomme);\n}\n\n.soi-alep-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-alep-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-alep-pomme);\n border-radius: 50%;\n}\n\n.soi-alep-hero-title {\n display: block;\n color: var(--soi-alep-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-alep-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-alep-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-alep-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-alep-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-alep-label-accent {\n background: var(--soi-alep-pomme);\n border-color: var(--soi-alep-pomme);\n color: var(--soi-alep-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-alep-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-alep-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-alep-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-alep-pomme);\n border-radius: 2px;\n}\n\n.soi-alep-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-alep-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-alep-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-alep-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-alep-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-alep-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-alep-benefit {\n background: var(--soi-alep-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-alep-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-alep-shadow-md);\n}\n\n.soi-alep-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-alep-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-alep-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-alep-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-alep-benefit:hover .soi-alep-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-alep-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-benefit p {\n font-size: 13px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-alep-card {\n background: var(--soi-alep-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border-left: 3px solid var(--soi-alep-pomme);\n}\n\n.soi-alep-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-card p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-alep-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-alep-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n align-items: flex-start;\n}\n\n.soi-alep-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-alep-marine);\n color: var(--soi-alep-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-alep-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-alep-step-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-alep-compo {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-alep-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-alep-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-alep-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-alep-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-alep-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-alep-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-alep-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-alep-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-alep-pomme-light);\n border-left: 4px solid var(--soi-alep-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-alep-radius) var(--soi-alep-radius) 0;\n align-items: flex-start;\n}\n\n.soi-alep-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-alep-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-alep-marine);\n margin-bottom: 4px;\n}\n\n.soi-alep-tip p {\n font-size: 14px;\n color: var(--soi-alep-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-alep-cta-box {\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-alep-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-alep-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-alep-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-alep-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-alep-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-alep-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-alep-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-alep-compo-value {\n text-align: left;\n }\n\n .soi-alep-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-alep-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-alep-fiche {\n --soi-alep-text-soft: #2C3E50;\n --soi-alep-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603632611658,"sku":"NJ0060","price":2.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-a-la-rose-de-damas-bio-najel-packshot.webp?v=1779627736"},{"product_id":"savon-dalep-au-jasmin-bio-najel","title":"Savon d'Alep au jasmin bio – Najel","description":"\n\u003cdiv class=\"soi-jasp-fiche\"\u003e\n\n \u003csection class=\"soi-jasp-hero\"\u003e\n \u003cdiv class=\"soi-jasp-hero-tag\"\u003e\n \u003cspan class=\"soi-jasp-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène naturelle · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-jasp-hero-title\"\u003eSavon d'Alep au jasmin bio\u003c\/span\u003e\n \u003cp class=\"soi-jasp-hero-subtitle\"\u003eUn savoir-faire millénaire enrichi à l'eau florale de jasmin bio pour un soin revitalisant du visage, du corps et des cheveux, adapté à tous les types de peaux.\u003c\/p\u003e\n \u003cdiv class=\"soi-jasp-hero-labels\"\u003e\n \u003cspan class=\"soi-jasp-label soi-jasp-label-accent\"\u003eJASMIN BIO\u003c\/span\u003e\n \u003cspan class=\"soi-jasp-label\"\u003e100 % NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-jasp-label\"\u003eSANS PARABEN\u003c\/span\u003e\n \u003cspan class=\"soi-jasp-label\"\u003eSANS SULFATE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-jasp-section\"\u003e\n \u003ch2\u003eSavon d'Alep au jasmin bio Najel : le soin revitalisant à l'ancienne\u003c\/h2\u003e\n \u003cp\u003eIl existe des savons que l'on garde toute la vie. Le savon d'Alep au jasmin bio de Najel en fait partie. Né d'un savoir-faire vieux de plus de 3 000 ans, perfectionné par des artisans syriens de génération en génération, ce savon naturel allie la richesse de l'huile d'olive, la puissance de l'huile de baies de laurier et la douceur florale de l'eau de jasmin bio. Le résultat : un soin complet pour le visage, le corps et les cheveux, adapté à tous les types de peaux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-jasp-section\"\u003e\n \u003ch2\u003ePourquoi ce savon d'Alep est différent\u003c\/h2\u003e\n \u003cp\u003eContrairement à un simple savon surgras, le savon d'Alep repose sur une recette unique : une cuisson lente des huiles à l'eau chaude, suivie d'un séchage naturel en entrepôt pendant \u003cstrong\u003eneuf mois minimum\u003c\/strong\u003e. C'est ce repos prolongé qui lui confère sa texture dense, son cœur vert caractéristique et son efficacité reconnue, y compris par les dermatologues pour les peaux réactives.\u003c\/p\u003e\n \u003cp\u003eLa version au jasmin bio de Najel va plus loin : l'eau florale de jasmin intégrée à la formule apporte des propriétés revitalisantes supplémentaires et un parfum floral subtil qui transforme chaque douche en un vrai moment de bien-être.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-jasp-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cdiv class=\"soi-jasp-compo\"\u003e\n \u003cdiv class=\"soi-jasp-compo-row\"\u003e\n \u003cspan class=\"soi-jasp-compo-label\"\u003eHuile d'olive (Olea Europaea Fruit Oil)\u003c\/span\u003e\n \u003cspan class=\"soi-jasp-compo-value\"\u003eBase nourrissante et protectrice, riche en acides gras essentiels\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-compo-row\"\u003e\n \u003cspan class=\"soi-jasp-compo-label\"\u003eHuile de baies de laurier (Laurus Nobilis Fruit Oil)\u003c\/span\u003e\n \u003cspan class=\"soi-jasp-compo-value\"\u003ePurifiante et régénérante, idéale pour les peaux à tendance acnéique, eczémateuse ou sujettes au psoriasis\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-compo-row\"\u003e\n \u003cspan class=\"soi-jasp-compo-label\"\u003eEau florale de jasmin bio (Jasminum Officinale Flower Water)\u003c\/span\u003e\n \u003cspan class=\"soi-jasp-compo-value\"\u003eApaisante, revitalisante, délicatement parfumée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-compo-row\"\u003e\n \u003cspan class=\"soi-jasp-compo-label\"\u003eHydroxyde de sodium\u003c\/span\u003e\n \u003cspan class=\"soi-jasp-compo-value\"\u003eAgent saponifiant naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-compo-row\"\u003e\n \u003cspan class=\"soi-jasp-compo-label\"\u003eEau\u003c\/span\u003e\n \u003cspan class=\"soi-jasp-compo-value\"\u003eSolvant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-tip\"\u003e\n \u003cdiv class=\"soi-jasp-tip-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eFormule 100 % naturelle\u003c\/strong\u003e\n \u003cp\u003eSans conservateur synthétique, sans sulfate, sans paraben, sans colorant artificiel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-jasp-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets pour votre peau\u003c\/h2\u003e\n \u003cdiv class=\"soi-jasp-benefits\"\u003e\n \u003cdiv class=\"soi-jasp-benefit\"\u003e\n \u003cdiv class=\"soi-jasp-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eNettoyage en profondeur\u003c\/h3\u003e\n \u003cp\u003eÉlimine impuretés et excès de sébum tout en respectant le film hydrolipidique naturel de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-benefit\"\u003e\n \u003cdiv class=\"soi-jasp-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydratation durable\u003c\/h3\u003e\n \u003cp\u003eL'huile d'olive pénètre les couches supérieures de l'épiderme et limite la perte en eau, même sur peau sèche ou déshydratée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-benefit\"\u003e\n \u003cdiv class=\"soi-jasp-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eApaisement des peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eRecommandé par de nombreux dermatologues comme alternative douce aux nettoyants conventionnels pour les peaux atopiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-benefit\"\u003e\n \u003cdiv class=\"soi-jasp-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eTeint revitalisé\u003c\/h3\u003e\n \u003cp\u003eLe jasmin bio stimule l'éclat naturel de la peau et atténue la sensation de fatigue cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-grid\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-jasp-card\"\u003e\n \u003ch3\u003e💆 Utilisable sur le corps et les cheveux\u003c\/h3\u003e\n \u003cp\u003eNettoie le cuir chevelu en douceur, réduit les démangeaisons et apporte de la légèreté aux cheveux ternes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-jasp-section\"\u003e\n \u003ch2\u003eComment utiliser le savon d'Alep au jasmin bio\u003c\/h2\u003e\n \u003cdiv class=\"soi-jasp-timeline\"\u003e\n \u003cdiv class=\"soi-jasp-step\"\u003e\n \u003cdiv class=\"soi-jasp-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFrottez le savon entre vos mains mouillées pour former une mousse crémeuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-step\"\u003e\n \u003cdiv class=\"soi-jasp-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-step-content\"\u003e\n \u003ch3\u003eAppliquez et massez\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur le visage, le corps ou les cheveux en massant délicatement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-step\"\u003e\n \u003cdiv class=\"soi-jasp-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède. Pour les peaux très sensibles, commencez par une utilisation trois fois par semaine avant d'adopter un usage quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-jasp-tip\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-jasp-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePosez le savon sur un porte-savon aéré entre chaque utilisation pour prolonger sa durée de vie. Un pain correctement entretenu dure plusieurs semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-jasp-section\"\u003e\n \u003ch2\u003eCe que disent les utilisateurs (et les dermatologues)\u003c\/h2\u003e\n \u003cp\u003eLe savon d'Alep bénéficie d'un avis dermatologique globalement très positif : sa composition simple, sans allergènes majeurs, en fait un choix de référence pour les peaux à problèmes. Les utilisateurs témoignent d'une peau plus douce dès les premières semaines, d'une réduction des rougeurs et d'un confort retrouvé, même en hiver.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-jasp-section\"\u003e\n \u003cdiv class=\"soi-jasp-accordion\"\u003e\n \u003cdetails class=\"soi-jasp-accordion-item\"\u003e\n \u003csummary class=\"soi-jasp-accordion-header\"\u003e⚠️ Précaution d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-jasp-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique naturel. Il ne remplace pas un traitement médical prescrit par un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-jasp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-jasp-cta-box\"\u003e\n \u003cp class=\"soi-jasp-cta-tag\" style=\"color: white;\"\u003eUn geste artisanal, un parfum floral, une tradition millénaire\u003c\/p\u003e\n \u003cp class=\"soi-jasp-cta-text\" style=\"color: white;\"\u003eAvec Najel, vous choisissez une formule pure et un savoir-faire ancestral. Le jasmin bio fait du bien à la peau autant qu'à l'âme. La tradition au service de votre quotidien, tout simplement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-jasp-marine: #1A2D3D;\n --soi-jasp-marine-dark: #0F1E2B;\n --soi-jasp-marine-light: #2C4458;\n --soi-jasp-pomme: #A1C544;\n --soi-jasp-pomme-dark: #84A636;\n --soi-jasp-pomme-light: rgba(161,197,68,0.10);\n --soi-jasp-white: #FFFFFF;\n --soi-jasp-off-white: #F8FAF6;\n --soi-jasp-stone: #F1F3EE;\n --soi-jasp-line: #E5E8E0;\n --soi-jasp-primary: #B5A44A;\n --soi-jasp-primary-soft: #D4C98A;\n --soi-jasp-accent: #8A7A3E;\n --soi-jasp-text: #1A2D3D;\n --soi-jasp-text-soft: #4A5B6B;\n --soi-jasp-text-muted: #7B8693;\n --soi-jasp-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-jasp-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-jasp-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-jasp-radius: 12px;\n --soi-jasp-radius-sm: 8px;\n --soi-jasp-radius-pill: 999px;\n}\n\n.soi-jasp-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-jasp-fiche img { max-width: 100%; height: auto; }\n\n.soi-jasp-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-jasp-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-jasp-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-jasp-hero {\n position: relative;\n background: var(--soi-jasp-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-jasp-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-jasp-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-jasp-pomme);\n}\n\n.soi-jasp-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-jasp-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-jasp-pomme);\n border-radius: 50%;\n}\n\n.soi-jasp-hero-title {\n display: block;\n color: var(--soi-jasp-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-jasp-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-jasp-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-jasp-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-jasp-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-jasp-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-jasp-label-accent {\n background: var(--soi-jasp-pomme);\n border-color: var(--soi-jasp-pomme);\n color: var(--soi-jasp-marine);\n font-weight: 600;\n}\n\n.soi-jasp-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-jasp-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-jasp-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-jasp-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-jasp-pomme);\n border-radius: 2px;\n}\n\n.soi-jasp-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-jasp-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-jasp-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-jasp-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-jasp-benefit {\n background: var(--soi-jasp-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-jasp-radius);\n border: 1px solid var(--soi-jasp-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-jasp-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-jasp-shadow-md);\n}\n\n.soi-jasp-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-jasp-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-jasp-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-jasp-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-jasp-benefit:hover .soi-jasp-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-jasp-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-jasp-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-jasp-benefit p {\n font-size: 13px;\n color: var(--soi-jasp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-jasp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-jasp-card {\n background: var(--soi-jasp-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-jasp-radius);\n border-left: 3px solid var(--soi-jasp-pomme);\n}\n\n.soi-jasp-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-jasp-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-jasp-card p {\n font-size: 14px;\n color: var(--soi-jasp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-jasp-compo {\n background: var(--soi-jasp-off-white);\n border-radius: var(--soi-jasp-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.soi-jasp-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-jasp-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-jasp-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-jasp-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-jasp-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-jasp-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-jasp-marine);\n text-align: right;\n}\n\n.soi-jasp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-jasp-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-jasp-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-jasp-radius);\n border: 1px solid var(--soi-jasp-line);\n align-items: flex-start;\n}\n\n.soi-jasp-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-jasp-marine);\n color: var(--soi-jasp-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-jasp-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-jasp-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-jasp-step-content p {\n font-size: 14px;\n color: var(--soi-jasp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-jasp-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-jasp-pomme-light);\n border-left: 4px solid var(--soi-jasp-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-jasp-radius) var(--soi-jasp-radius) 0;\n align-items: flex-start;\n}\n\n.soi-jasp-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-jasp-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-jasp-marine);\n margin-bottom: 4px;\n}\n\n.soi-jasp-tip p {\n font-size: 14px;\n color: var(--soi-jasp-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-jasp-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-jasp-accordion-item {\n background: var(--soi-jasp-off-white);\n border-radius: var(--soi-jasp-radius-sm);\n border: 1px solid var(--soi-jasp-line);\n overflow: hidden;\n}\n\n.soi-jasp-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-jasp-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-jasp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-jasp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-jasp-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-jasp-accordion-item[open] .soi-jasp-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-jasp-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-jasp-accordion-content p {\n font-size: 14px;\n color: var(--soi-jasp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-jasp-cta-box {\n background: var(--soi-jasp-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-jasp-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-jasp-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-jasp-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-jasp-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-jasp-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-jasp-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-jasp-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-jasp-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-jasp-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-jasp-compo-value {\n text-align: left;\n }\n\n .soi-jasp-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-jasp-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-jasp-fiche {\n --soi-jasp-text-soft: #2C3E50;\n --soi-jasp-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603634053450,"sku":"NJ0065","price":2.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-au-jasmin-bio-najel-packshot.webp?v=1780560452"},{"product_id":"savon-dalep-a-lhuile-de-nigelle-najel","title":"Savon d'Alep à l'huile de nigelle – Najel","description":"\n\u003cdiv class=\"soi-nige-fiche\"\u003e\n\n \u003csection class=\"soi-nige-hero\"\u003e\n \u003cdiv class=\"soi-nige-hero-tag\"\u003e\n \u003cspan class=\"soi-nige-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène naturelle · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-nige-hero-title\"\u003eSavon d'Alep à l'huile de nigelle\u003c\/span\u003e\n \u003cp class=\"soi-nige-hero-subtitle\"\u003eUn savon solide apaisant et régénérant, héritier de 3 000 ans de savoir-faire syrien, enrichi à l'huile de nigelle pressée à froid pour les peaux sensibles et irritées.\u003c\/p\u003e\n \u003cdiv class=\"soi-nige-hero-labels\"\u003e\n \u003cspan class=\"soi-nige-label soi-nige-label-accent\"\u003e100% NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-nige-label\"\u003eFABRICATION ARTISANALE\u003c\/span\u003e\n \u003cspan class=\"soi-nige-label\"\u003eSANS PARFUM AJOUTÉ\u003c\/span\u003e\n \u003cspan class=\"soi-nige-label\"\u003eSANS COLORANT\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nige-section\"\u003e\n \u003ch2\u003ePourquoi le savon d'Alep est-il si différent des autres savons ?\u003c\/h2\u003e\n \u003cp\u003eConsidéré comme l'un des plus anciens savons du monde, le savon d'Alep est fabriqué selon un procédé artisanal transmis depuis plus de 3 000 ans dans la région de la ville d'Alep, en Syrie. Sa base d'huile d'olive saponifiée le rend naturellement doux, sans détergent synthétique ni sulfate.\u003c\/p\u003e\n \u003cp\u003eÀ la différence d'un savon industriel classique, il respecte le film hydrolipidique de la peau et convient même aux peaux les plus réactives. Vous retrouvez ici un soin authentique, ancré dans une tradition millénaire.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nige-section\"\u003e\n \u003ch2\u003eLa force de ce savon : trois huiles complémentaires\u003c\/h2\u003e\n \u003cp class=\"soi-nige-section-intro\"\u003eCe savon d'Alep réunit trois huiles aux vertus complémentaires pour offrir à votre peau un soin complet et respectueux.\u003c\/p\u003e\n \u003cdiv class=\"soi-nige-benefits\"\u003e\n \u003cdiv class=\"soi-nige-benefit\"\u003e\n \u003cdiv class=\"soi-nige-benefit-icon\"\u003e\u003cspan\u003e🫒\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile d'olive\u003c\/h3\u003e\n \u003cp\u003eNourrit et adoucit la peau en profondeur. Elle forme un voile protecteur qui limite la déshydratation cutanée au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-benefit\"\u003e\n \u003cdiv class=\"soi-nige-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile de baies de laurier\u003c\/h3\u003e\n \u003cp\u003eActive caractéristique du savon d'Alep authentique. Elle apaise les irritations, assainit les pores et soutient la régénération cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-benefit\"\u003e\n \u003cdiv class=\"soi-nige-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile de nigelle\u003c\/h3\u003e\n \u003cp\u003eRiche en thymoquinone et acides gras essentiels, elle apporte des propriétés apaisantes et contribue à la régénération des peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nige-section\"\u003e\n \u003ch2\u003ePour qui est ce savon au nigelle ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-nige-grid\"\u003e\n \u003cdiv class=\"soi-nige-card\"\u003e\n \u003ch3\u003e🤍 Peaux sensibles et réactives\u003c\/h3\u003e\n \u003cp\u003eLa douceur de l'huile d'olive combinée à la nigelle calme les tiraillements et les rougeurs au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-card\"\u003e\n \u003ch3\u003e🩹 Peaux sujettes à l'eczéma ou au psoriasis\u003c\/h3\u003e\n \u003cp\u003eLes propriétés apaisantes et rééquilibrantes de l'huile de nigelle en font un allié du quotidien, sans se substituer à un suivi médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-card\"\u003e\n \u003ch3\u003e✨ Peaux mixtes ou à tendance acnéique\u003c\/h3\u003e\n \u003cp\u003eL'huile de baies de laurier assainit les pores sans agresser la peau ni perturber son équilibre naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eUtilisable sur le visage, le corps, et même en shampoing solide doux pour un rituel de soin complet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nige-section\"\u003e\n \u003ch2\u003eComment utiliser le savon d'Alep sur le visage et le corps ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-nige-timeline\"\u003e\n \u003cdiv class=\"soi-nige-step\"\u003e\n \u003cdiv class=\"soi-nige-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-nige-step-content\"\u003e\n \u003ch3\u003eMouillez\u003c\/h3\u003e\n \u003cp\u003eHumidifiez votre peau ou vos cheveux avec de l'eau tiède pour ouvrir les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-step\"\u003e\n \u003cdiv class=\"soi-nige-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-nige-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFrottez le savon entre vos mains mouillées pour former une mousse onctueuse, puis appliquez en massages circulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-step\"\u003e\n \u003cdiv class=\"soi-nige-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-nige-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire et séchez en tamponnant délicatement avec une serviette propre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-step\"\u003e\n \u003cdiv class=\"soi-nige-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-nige-step-content\"\u003e\n \u003ch3\u003eConservez\u003c\/h3\u003e\n \u003cp\u003eConservez le savon à l'abri de l'eau entre chaque utilisation pour prolonger sa durée de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-tip\"\u003e\n \u003cdiv class=\"soi-nige-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePosez votre savon d'Alep sur un porte-savon ajouré afin qu'il sèche correctement entre chaque usage. Vous prolongerez ainsi considérablement sa durée de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nige-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep à l'huile de nigelle Najel\u003c\/h2\u003e\n \u003cdiv class=\"soi-nige-compo\"\u003e\n \u003cdiv class=\"soi-nige-compo-row\"\u003e\n \u003cspan class=\"soi-nige-compo-label\"\u003eIngrédients (INCI)\u003c\/span\u003e\n \u003cspan class=\"soi-nige-compo-value\"\u003eSodium Olivate, Sodium Laurate, Aqua, Nigella Sativa Seed Oil, Sodium Hydroxide, Sodium Chloride\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-compo-row\"\u003e\n \u003cspan class=\"soi-nige-compo-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-nige-compo-value\"\u003e100% naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-compo-row\"\u003e\n \u003cspan class=\"soi-nige-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-nige-compo-value\"\u003eConservateur synthétique, colorant artificiel, parfum ajouté\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-compo-row\"\u003e\n \u003cspan class=\"soi-nige-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-nige-compo-value\"\u003eProcédé traditionnel artisanal d'Alep\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nige-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-nige-grid-compact\"\u003e\n \u003cdiv class=\"soi-nige-card-mini\"\u003e\n \u003cspan class=\"soi-nige-card-mini-icon\"\u003e🏷️\u003c\/span\u003e\n \u003cspan class=\"soi-nige-card-mini-label\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"soi-nige-card-mini-value\"\u003eNajel, Rêve d'Orient\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-card-mini\"\u003e\n \u003cspan class=\"soi-nige-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-nige-card-mini-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-nige-card-mini-value\"\u003eSavon solide\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-card-mini\"\u003e\n \u003cspan class=\"soi-nige-card-mini-icon\"\u003e🧑\u003c\/span\u003e\n \u003cspan class=\"soi-nige-card-mini-label\"\u003eUsage\u003c\/span\u003e\n \u003cspan class=\"soi-nige-card-mini-value\"\u003eVisage, corps, cheveux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-card-mini\"\u003e\n \u003cspan class=\"soi-nige-card-mini-icon\"\u003e🌸\u003c\/span\u003e\n \u003cspan class=\"soi-nige-card-mini-label\"\u003eType de peau\u003c\/span\u003e\n \u003cspan class=\"soi-nige-card-mini-value\"\u003eTous types, peaux sensibles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-accordion\"\u003e\n \u003cdetails class=\"soi-nige-accordion-item\"\u003e\n \u003csummary class=\"soi-nige-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-nige-accordion-content\"\u003e\n \u003cp\u003eCe produit ne remplace pas un traitement médical. En cas de pathologie cutanée diagnostiquée, consultez votre dermatologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nige-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-nige-cta-box\"\u003e\n \u003cp class=\"soi-nige-cta-tag\" style=\"color: white;\"\u003e3 000 ans de sagesse orientale dans vos mains\u003c\/p\u003e\n \u003cp class=\"soi-nige-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau un rituel de soin naturel, doux et respectueux. Un geste simple, chaque jour, pour une peau visiblement plus douce et apaisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-nige-marine: #1A2D3D;\n --soi-nige-marine-dark: #0F1E2B;\n --soi-nige-marine-light: #2C4458;\n --soi-nige-pomme: #A1C544;\n --soi-nige-pomme-dark: #84A636;\n --soi-nige-pomme-light: rgba(161,197,68,0.10);\n\n --soi-nige-white: #FFFFFF;\n --soi-nige-off-white: #F8FAF6;\n --soi-nige-stone: #F1F3EE;\n --soi-nige-line: #E5E8E0;\n\n --soi-nige-primary: #C87941;\n --soi-nige-primary-soft: #F5E6D3;\n --soi-nige-accent: #D4944A;\n\n --soi-nige-text: #1A2D3D;\n --soi-nige-text-soft: #4A5B6B;\n --soi-nige-text-muted: #7B8693;\n\n --soi-nige-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-nige-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-nige-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-nige-radius: 12px;\n --soi-nige-radius-sm: 8px;\n --soi-nige-radius-pill: 999px;\n}\n\n.soi-nige-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-nige-fiche img { max-width: 100%; height: auto; }\n\n.soi-nige-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-nige-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-nige-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-nige-hero {\n position: relative;\n background: var(--soi-nige-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-nige-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-nige-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-nige-pomme);\n}\n\n.soi-nige-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-nige-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-nige-pomme);\n border-radius: 50%;\n}\n\n.soi-nige-hero-title {\n display: block;\n color: var(--soi-nige-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-nige-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-nige-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-nige-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-nige-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-nige-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-nige-label-accent {\n background: var(--soi-nige-pomme);\n border-color: var(--soi-nige-pomme);\n color: var(--soi-nige-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-nige-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-nige-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-nige-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-nige-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-nige-pomme);\n border-radius: 2px;\n}\n\n.soi-nige-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-nige-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-nige-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-nige-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-nige-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-nige-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-nige-benefit {\n background: var(--soi-nige-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-nige-radius);\n border: 1px solid var(--soi-nige-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-nige-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-nige-shadow-md);\n}\n\n.soi-nige-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-nige-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-nige-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-nige-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-nige-benefit:hover .soi-nige-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-nige-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-nige-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-nige-benefit p {\n font-size: 13px;\n color: var(--soi-nige-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-nige-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-nige-card {\n background: var(--soi-nige-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-nige-radius);\n border-left: 3px solid var(--soi-nige-pomme);\n}\n\n.soi-nige-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-nige-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-nige-card p {\n font-size: 14px;\n color: var(--soi-nige-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-nige-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-bottom: 1.25rem;\n}\n\n.soi-nige-card-mini {\n background: var(--soi-nige-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-nige-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-nige-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-nige-card-mini-label {\n font-size: 11px;\n color: var(--soi-nige-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-nige-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-nige-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-nige-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-nige-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-nige-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-nige-radius);\n border: 1px solid var(--soi-nige-line);\n align-items: flex-start;\n}\n\n.soi-nige-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-nige-marine);\n color: var(--soi-nige-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-nige-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-nige-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-nige-step-content p {\n font-size: 14px;\n color: var(--soi-nige-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-nige-compo {\n background: var(--soi-nige-off-white);\n border-radius: var(--soi-nige-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-nige-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-nige-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-nige-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-nige-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-nige-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-nige-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-nige-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-nige-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-nige-pomme-light);\n border-left: 4px solid var(--soi-nige-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-nige-radius) var(--soi-nige-radius) 0;\n align-items: flex-start;\n}\n\n.soi-nige-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-nige-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-nige-marine);\n margin-bottom: 4px;\n}\n\n.soi-nige-tip p {\n font-size: 14px;\n color: var(--soi-nige-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-nige-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-nige-accordion-item {\n background: var(--soi-nige-off-white);\n border-radius: var(--soi-nige-radius-sm);\n border: 1px solid var(--soi-nige-line);\n overflow: hidden;\n}\n\n.soi-nige-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-nige-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-nige-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-nige-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-nige-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-nige-accordion-item[open] .soi-nige-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-nige-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-nige-accordion-content p {\n font-size: 14px;\n color: var(--soi-nige-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-nige-cta-box {\n background: var(--soi-nige-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-nige-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-nige-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-nige-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-nige-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-nige-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-nige-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-nige-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-nige-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-nige-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-nige-compo-value {\n text-align: left;\n }\n\n .soi-nige-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-nige-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-nige-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-nige-fiche {\n --soi-nige-text-soft: #2C3E50;\n --soi-nige-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603634577738,"sku":"NJ0090","price":3.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-a-lhuile-de-nigelle-najel-packshot.webp?v=1781338095"},{"product_id":"gel-douche-huile-de-figues-de-barbarie-najel","title":"Gel douche Huile de figues de Barbarie - Najel","description":"\u003cdiv class=\"soi-fgbr-fiche\"\u003e\n\n\u003csection class=\"soi-fgbr-hero\"\u003e\n \u003cdiv class=\"soi-fgbr-hero-tag\"\u003e\n \u003cspan class=\"soi-fgbr-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-fgbr-hero-title\"\u003eGel douche Huile de Figues de Barbarie\u003c\/span\u003e\n \u003cp class=\"soi-fgbr-hero-subtitle\"\u003eDeux trésors botaniques réunis dans un seul geste : l'huile de figue de Barbarie à 20 % et le savon d'Alep traditionnel, pour une douche apaisante et naturelle au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-fgbr-hero-labels\"\u003e\n \u003cspan class=\"soi-fgbr-label soi-fgbr-label-accent\"\u003eCOSMOS NATURAL ECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-fgbr-label\"\u003eMADE IN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-fgbr-label\"\u003e99 % ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-fgbr-label\"\u003eSANS PARFUM AJOUTÉ\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-fgbr-section\"\u003e\n \u003ch2\u003ePourquoi l'huile de figue de Barbarie change tout pour votre peau\u003c\/h2\u003e\n \u003cp\u003eL'huile de graines de figue de Barbarie est l'un des actifs les plus concentrés en vitamine E et en acides gras essentiels (oméga 6 et oméga 9) que la nature nous offre. Résultat concret : elle renforce la barrière cutanée, limite la perte en eau et laisse la peau visiblement plus souple dès les premières utilisations. C'est précisément pour cela que Najel en incorpore 20 % dans sa formule, une concentration généreuse qui fait toute la différence face à des gels conventionnels qui n'en contiennent que des traces.\u003c\/p\u003e\n \u003cp\u003eCombinée au savon d'Alep, composé d'huile d'olive et d'huile de baies de laurier, elle nourrit, apaise les rougeurs et soulage les sensations de tiraillement. Le tout sans parfum ajouté, ce qui en fait un gel douche parfaitement adapté aux peaux sensibles, réactives et sujettes aux irritations, aussi bien pour les femmes que pour les hommes.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-fgbr-section\"\u003e\n \u003ch2\u003eCe que ce gel douche Cosmos Natural vous apporte concrètement\u003c\/h2\u003e\n \u003cdiv class=\"soi-fgbr-benefits\"\u003e\n \u003cdiv class=\"soi-fgbr-benefit\"\u003e\n \u003cdiv class=\"soi-fgbr-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eNettoyage doux\u003c\/h3\u003e\n \u003cp\u003eLa mousse légère élimine les impuretés sans dessécher ni déséquilibrer le film hydrolipidique de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-benefit\"\u003e\n \u003cdiv class=\"soi-fgbr-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydratation immédiate\u003c\/h3\u003e\n \u003cp\u003eL'huile de figue de Barbarie forme un voile protecteur qui maintient la peau souple plusieurs heures après la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-benefit\"\u003e\n \u003cdiv class=\"soi-fgbr-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAction apaisante\u003c\/h3\u003e\n \u003cp\u003eLe savon d'Alep calme les irritations et les démangeaisons, idéal pour les peaux réactives au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-grid\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"soi-fgbr-card\"\u003e\n \u003ch3\u003e🔄 Multi-usages\u003c\/h3\u003e\n \u003cp\u003eUtilisable sur le corps, le visage et les cheveux pour simplifier votre routine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-card\"\u003e\n \u003ch3\u003e🚫 Sans parfum ajouté\u003c\/h3\u003e\n \u003cp\u003eZéro risque d'allergie liée aux fragrances, même pour les peaux les plus délicates.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-card\"\u003e\n \u003ch3\u003e♻️ Flacon recyclé et recyclable\u003c\/h3\u003e\n \u003cp\u003e100 % plastique recyclé : un geste pour votre peau et pour la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-fgbr-section\"\u003e\n \u003ch2\u003eComment utiliser ce gel douche naturel pour un résultat optimal\u003c\/h2\u003e\n \u003cdiv class=\"soi-fgbr-timeline\"\u003e\n \u003cdiv class=\"soi-fgbr-step\"\u003e\n \u003cdiv class=\"soi-fgbr-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-step-content\"\u003e\n \u003ch3\u003eDosez\u003c\/h3\u003e\n \u003cp\u003eVersez une noisette de gel sur vos mains ou sur un gant de toilette humide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-step\"\u003e\n \u003cdiv class=\"soi-fgbr-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-step-content\"\u003e\n \u003ch3\u003eMoussez\u003c\/h3\u003e\n \u003cp\u003eFaites mousser en effectuant des mouvements circulaires doux sur la peau humide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-step\"\u003e\n \u003cdiv class=\"soi-fgbr-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède. Pour un bénéfice hydratant renforcé, évitez l'eau trop chaude qui accentue la sécheresse cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-tip\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"soi-fgbr-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eUtilisable quotidiennement, matin ou soir, sur le corps, le visage et les cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-fgbr-section\"\u003e\n \u003ch2\u003eComposition du gel douche Najel Figue de Barbarie\u003c\/h2\u003e\n \u003cp class=\"soi-fgbr-section-intro\"\u003eFormule à 99 % d'ingrédients d'origine naturelle, certifiée Cosmos Natural par Ecocert, fabriquée en France.\u003c\/p\u003e\n \u003cdiv class=\"soi-fgbr-compo\"\u003e\n \u003cdiv class=\"soi-fgbr-compo-row\"\u003e\n \u003cspan class=\"soi-fgbr-compo-label\"\u003eActif phare\u003c\/span\u003e\n \u003cspan class=\"soi-fgbr-compo-value\"\u003e20 % d'huile de graines de figue de Barbarie (Opuntia Ficus-Indica Seed Oil)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-compo-row\"\u003e\n \u003cspan class=\"soi-fgbr-compo-label\"\u003eBase lavante\u003c\/span\u003e\n \u003cspan class=\"soi-fgbr-compo-value\"\u003eSavon d'Alep (huile d'olive + huile de baies de laurier)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-compo-row\"\u003e\n \u003cspan class=\"soi-fgbr-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-fgbr-compo-value\"\u003eCosmos Natural Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-compo-row\"\u003e\n \u003cspan class=\"soi-fgbr-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-fgbr-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-compo-row\"\u003e\n \u003cspan class=\"soi-fgbr-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-fgbr-compo-value\"\u003eParfum ajouté, sulfates agressifs, silicones\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-accordion\" style=\"margin-top:1rem;\"\u003e\n \u003cdetails class=\"soi-fgbr-accordion-item\"\u003e\n \u003csummary class=\"soi-fgbr-accordion-header\"\u003e🌱 Propriétés des actifs principaux\u003c\/summary\u003e\n \u003cdiv class=\"soi-fgbr-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eHuile de graines de figue de Barbarie :\u003c\/strong\u003e riche en vitamine E et acides gras essentiels, hydratante et antioxydante.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eSavon d'Alep :\u003c\/strong\u003e nettoyant doux, apaisant et nourrissant, utilisé depuis des siècles pour les peaux fragiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-fgbr-accordion-item\"\u003e\n \u003csummary class=\"soi-fgbr-accordion-header\"\u003e📋 Liste INCI\u003c\/summary\u003e\n \u003cdiv class=\"soi-fgbr-accordion-content\"\u003e\n \u003cp\u003eListe INCI complète disponible sur l'emballage du produit. Ce produit est un cosmétique, il ne se substitue pas à un avis médical en cas de pathologie cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-fgbr-section\"\u003e\n \u003ch2\u003eCe gel douche est-il fait pour vous ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-fgbr-grid\"\u003e\n \u003cdiv class=\"soi-fgbr-card\"\u003e\n \u003ch3\u003e🤲 Peaux sèches et sensibles\u003c\/h3\u003e\n \u003cp\u003eParticulièrement recommandé pour les peaux réactives, sujettes aux tiraillements ou aux irritations au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient aussi bien aux femmes qu'aux hommes. Sans parfum ajouté, il accompagne chaque membre de la famille dès que la peau a besoin de douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fgbr-card\"\u003e\n \u003ch3\u003e✅ Formule transparente\u003c\/h3\u003e\n \u003cp\u003eSi vous cherchez un gel douche naturel sans compromis qui tient vraiment ses promesses, vous avez trouvé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-fgbr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-fgbr-cta-box\"\u003e\n \u003cp class=\"soi-fgbr-cta-text\" style=\"color: white;\"\u003eChaque matin sous la douche, votre peau mérite la douceur d'un actif précieux, la tradition millénaire du savon d'Alep et la sérénité d'une formule certifiée naturelle. Prenez soin de vous, vraiment.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-fgbr-marine: #1A2D3D;\n --soi-fgbr-marine-dark: #0F1E2B;\n --soi-fgbr-marine-light: #2C4458;\n --soi-fgbr-pomme: #A1C544;\n --soi-fgbr-pomme-dark: #84A636;\n --soi-fgbr-pomme-light: rgba(161,197,68,0.10);\n --soi-fgbr-white: #FFFFFF;\n --soi-fgbr-off-white: #F8FAF6;\n --soi-fgbr-stone: #F1F3EE;\n --soi-fgbr-line: #E5E8E0;\n --soi-fgbr-primary: #C49A5C;\n --soi-fgbr-primary-soft: rgba(196,154,92,0.12);\n --soi-fgbr-accent: #B5694A;\n --soi-fgbr-text: #1A2D3D;\n --soi-fgbr-text-soft: #4A5B6B;\n --soi-fgbr-text-muted: #7B8693;\n --soi-fgbr-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-fgbr-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-fgbr-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-fgbr-radius: 12px;\n --soi-fgbr-radius-sm: 8px;\n --soi-fgbr-radius-pill: 999px;\n}\n\n.soi-fgbr-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-fgbr-fiche img { max-width: 100%; height: auto; }\n\n.soi-fgbr-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-fgbr-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-fgbr-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-fgbr-hero {\n position: relative;\n background: var(--soi-fgbr-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-fgbr-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-fgbr-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-fgbr-pomme);\n}\n\n.soi-fgbr-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-fgbr-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-fgbr-pomme);\n border-radius: 50%;\n}\n\n.soi-fgbr-hero-title {\n display: block;\n color: var(--soi-fgbr-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-fgbr-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-fgbr-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-fgbr-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-fgbr-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-fgbr-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-fgbr-label-accent {\n background: var(--soi-fgbr-pomme);\n border-color: var(--soi-fgbr-pomme);\n color: var(--soi-fgbr-marine);\n font-weight: 600;\n}\n\n.soi-fgbr-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-fgbr-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-fgbr-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-fgbr-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-fgbr-pomme);\n border-radius: 2px;\n}\n\n.soi-fgbr-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-fgbr-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-fgbr-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-fgbr-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-fgbr-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-fgbr-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-fgbr-benefit {\n background: var(--soi-fgbr-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-fgbr-radius);\n border: 1px solid var(--soi-fgbr-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-fgbr-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-fgbr-shadow-md);\n}\n\n.soi-fgbr-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-fgbr-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-fgbr-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-fgbr-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-fgbr-benefit:hover .soi-fgbr-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-fgbr-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-fgbr-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-fgbr-benefit p {\n font-size: 13px;\n color: var(--soi-fgbr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-fgbr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-fgbr-card {\n background: var(--soi-fgbr-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-fgbr-radius);\n border-left: 3px solid var(--soi-fgbr-pomme);\n}\n\n.soi-fgbr-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-fgbr-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-fgbr-card p {\n font-size: 14px;\n color: var(--soi-fgbr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-fgbr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-fgbr-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-fgbr-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-fgbr-radius);\n border: 1px solid var(--soi-fgbr-line);\n align-items: flex-start;\n}\n\n.soi-fgbr-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-fgbr-marine);\n color: var(--soi-fgbr-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-fgbr-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-fgbr-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-fgbr-step-content p {\n font-size: 14px;\n color: var(--soi-fgbr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-fgbr-compo {\n background: var(--soi-fgbr-off-white);\n border-radius: var(--soi-fgbr-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-fgbr-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-fgbr-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-fgbr-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-fgbr-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-fgbr-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-fgbr-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-fgbr-marine);\n text-align: right;\n}\n\n.soi-fgbr-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-fgbr-pomme-light);\n border-left: 4px solid var(--soi-fgbr-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-fgbr-radius) var(--soi-fgbr-radius) 0;\n align-items: flex-start;\n}\n\n.soi-fgbr-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-fgbr-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-fgbr-marine);\n margin-bottom: 4px;\n}\n\n.soi-fgbr-tip p {\n font-size: 14px;\n color: var(--soi-fgbr-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-fgbr-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-fgbr-accordion-item {\n background: var(--soi-fgbr-off-white);\n border-radius: var(--soi-fgbr-radius-sm);\n border: 1px solid var(--soi-fgbr-line);\n overflow: hidden;\n}\n\n.soi-fgbr-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-fgbr-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-fgbr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-fgbr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-fgbr-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-fgbr-accordion-item[open] .soi-fgbr-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-fgbr-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-fgbr-accordion-content p {\n font-size: 14px;\n color: var(--soi-fgbr-text-soft);\n line-height: 1.6;\n margin: 0 0 0.5rem 0;\n}\n\n.soi-fgbr-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.soi-fgbr-cta-box {\n background: var(--soi-fgbr-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-fgbr-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-fgbr-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-fgbr-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-fgbr-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-fgbr-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-fgbr-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-fgbr-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-fgbr-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-fgbr-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-fgbr-compo-value {\n text-align: left;\n }\n\n .soi-fgbr-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-fgbr-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-fgbr-fiche {\n --soi-fgbr-text-soft: #2C3E50;\n --soi-fgbr-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603634741578,"sku":"NJ0015","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/gel-douche-huile-de-figues-de-barbarie-najel-packshot_11zon.jpg?v=1781340135"},{"product_id":"savon-dalep-au-miel-najel","title":"Savon d'Alep au miel - Najel","description":"\u003cdiv class=\"soi-almi-fiche\"\u003e\n\n \u003csection class=\"soi-almi-hero\"\u003e\n \u003cdiv class=\"soi-almi-hero-tag\"\u003e\n \u003cspan class=\"soi-almi-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène naturelle · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-almi-hero-title\"\u003eLa recette ancestrale d'Alep, au miel\u003c\/span\u003e\n \u003cp class=\"soi-almi-hero-subtitle\"\u003eUn savon né il y a plus de 3 000 ans à Alep, enrichi de la douceur dorée du miel. Nourrissant, apaisant et polyvalent : visage, corps et cheveux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-almi-section\"\u003e\n \u003ch2\u003eSavon d'Alep au miel Najel : douceur millénaire et bienfaits du miel pour votre peau\u003c\/h2\u003e\n \u003cp\u003eImaginez un savon né il y a plus de \u003cstrong\u003e3 000 ans à Alep, en Syrie\u003c\/strong\u003e, enrichi de la douceur dorée du miel. C'est exactement ce que vous offre le \u003cstrong\u003esavon d'Alep au miel de Najel\u003c\/strong\u003e : une recette ancestrale, des ingrédients nobles et une peau transformée dès les premières utilisations. Que vous ayez la peau sèche, sensible ou simplement envie d'un soin naturel au quotidien, ce savon est fait pour vous.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-almi-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep au miel Najel\u003c\/h2\u003e\n \u003cp class=\"soi-almi-section-intro\"\u003eLa force de ce savon réside dans sa composition transparente et authentique. Pas de parfum synthétique, pas de conservateur chimique : vous savez exactement ce que vous appliquez sur votre peau, et sur celle de votre famille.\u003c\/p\u003e\n \u003cdiv class=\"soi-almi-grid\"\u003e\n \u003cdiv class=\"soi-almi-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive (Olea Europaea Fruit Oil)\u003c\/h3\u003e\n \u003cp\u003eBase principale du savon d'Alep traditionnel, elle nourrit et protège la peau en profondeur grâce à ses acides gras et à sa richesse en vitamine E.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-card\"\u003e\n \u003ch3\u003e🌿 Huile de baies de laurier (Laurus Nobilis Fruit Oil)\u003c\/h3\u003e\n \u003cp\u003eL'ingrédient signature du vrai savon d'Alep, reconnue pour ses propriétés apaisantes et purifiantes, particulièrement appréciée sur les peaux réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-card\"\u003e\n \u003ch3\u003e🍯 Miel naturel (Mel \/ Honey)\u003c\/h3\u003e\n \u003cp\u003eActif humectant et réparateur utilisé depuis l'Antiquité, il attire l'eau dans les cellules cutanées, aide à apaiser les irritations et laisse la peau douce et souple.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-card\"\u003e\n \u003ch3\u003e🧪 Hydroxyde de sodium (agent saponifiant)\u003c\/h3\u003e\n \u003cp\u003eEntièrement consommé lors du processus de saponification à froid, il ne reste aucune trace dans le produit fini.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-card\"\u003e\n \u003ch3\u003e💧 Eau\u003c\/h3\u003e\n \u003cp\u003ePour une texture idéale et une mousse onctueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-almi-section\"\u003e\n \u003ch2\u003eQuels sont les bienfaits du savon d'Alep au miel ?\u003c\/h2\u003e\n \u003cp class=\"soi-almi-section-intro\"\u003eCe savon se distingue par une action triple : nourrissante, apaisante et hydratante. Voici concrètement ce que vous pouvez en attendre.\u003c\/p\u003e\n \u003cdiv class=\"soi-almi-benefits\"\u003e\n \u003cdiv class=\"soi-almi-benefit\"\u003e\n \u003cdiv class=\"soi-almi-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeau douce et nourrie\u003c\/h3\u003e\n \u003cp\u003eL'huile d'olive et le miel forment un duo hydratant puissant, idéal pour les peaux sèches ou tiraillées en hiver.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-benefit\"\u003e\n \u003cdiv class=\"soi-almi-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eApaisement des irritations\u003c\/h3\u003e\n \u003cp\u003eL'huile de baies de laurier et le miel soulagent les peaux sensibles, sujettes aux rougeurs ou aux légères irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-benefit\"\u003e\n \u003cdiv class=\"soi-almi-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eÉlasticité cutanée préservée\u003c\/h3\u003e\n \u003cp\u003eLe miel aide à conserver la souplesse de la peau en limitant la perte en eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-benefit\"\u003e\n \u003cdiv class=\"soi-almi-benefit-icon\"\u003e\u003cspan\u003e🫧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMousse douce et enveloppante\u003c\/h3\u003e\n \u003cp\u003eMême sur les peaux les plus fragiles, la mousse crémeuse ne décape pas la barrière cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-almi-section\"\u003e\n \u003ch2\u003eSavon d'Alep visage, corps et cheveux : comment l'utiliser ?\u003c\/h2\u003e\n \u003cp class=\"soi-almi-section-intro\"\u003eL'un des grands atouts du savon d'Alep authentique, c'est sa polyvalence totale. Vous pouvez l'utiliser de trois façons.\u003c\/p\u003e\n \u003cdiv class=\"soi-almi-timeline\"\u003e\n \u003cdiv class=\"soi-almi-step\"\u003e\n \u003cdiv class=\"soi-almi-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-almi-step-content\"\u003e\n \u003ch3\u003eSur le visage\u003c\/h3\u003e\n \u003cp\u003eFaites mousser entre vos mains, appliquez en douceur, puis rincez à l'eau tiède. La peau est nette, jamais desséchée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-step\"\u003e\n \u003cdiv class=\"soi-almi-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-almi-step-content\"\u003e\n \u003ch3\u003eSur le corps\u003c\/h3\u003e\n \u003cp\u003eEn remplacement du gel douche, il convient à toute la famille, y compris aux bébés et aux enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-step\"\u003e\n \u003cdiv class=\"soi-almi-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-almi-step-content\"\u003e\n \u003ch3\u003eSur les cheveux\u003c\/h3\u003e\n \u003cp\u003eUtilisé en shampoing solide, il nettoie sans agresser le cuir chevelu, notamment pour les personnes sensibles aux shampoings conventionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-almi-tip\"\u003e\n \u003cdiv class=\"soi-almi-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour prolonger sa durée de vie, pensez à laisser sécher votre savon entre deux utilisations sur un porte-savon bien drainé. Un pain de savon d'Alep dure généralement 6 à 8 semaines avec un usage quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-almi-section\"\u003e\n \u003ch2\u003ePourquoi choisir le savon d'Alep Najel plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cp\u003eNajel est l'une des marques de référence lorsqu'il s'agit de savon d'Alep authentique. Ses savons sont fabriqués selon les méthodes ancestrales des savonneries familiales syriennes, avec un contrôle rigoureux des ingrédients. La version au miel enrichit la formule classique d'un actif naturel particulièrement apprécié pour les peaux sensibles ou sèches. C'est un choix plébiscité par de nombreux dermatologues recommandant des soins doux et sans allergènes courants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-almi-section\"\u003e\n \u003cdiv class=\"soi-almi-accordion\"\u003e\n \u003cdetails class=\"soi-almi-accordion-item\"\u003e\n \u003csummary class=\"soi-almi-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-almi-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique naturel. Il ne se substitue pas à un traitement médical. En cas de problème cutané persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-almi-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-almi-cta-box\"\u003e\n \u003cp class=\"soi-almi-cta-tag\" style=\"color: white;\"\u003eUn rituel de soin ancestral, naturel et familial\u003c\/p\u003e\n \u003cp class=\"soi-almi-cta-text\" style=\"color: white;\"\u003eDoux comme le miel, ancestral comme la ville d'Alep : offrez à votre peau un soin complet qui la respecte et la nourrit en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-almi-marine: #1A2D3D;\n --soi-almi-marine-dark: #0F1E2B;\n --soi-almi-marine-light: #2C4458;\n --soi-almi-pomme: #A1C544;\n --soi-almi-pomme-dark: #84A636;\n --soi-almi-pomme-light: rgba(161,197,68,0.10);\n --soi-almi-white: #FFFFFF;\n --soi-almi-off-white: #F8FAF6;\n --soi-almi-stone: #F1F3EE;\n --soi-almi-line: #E5E8E0;\n --soi-almi-primary: #D4A82A;\n --soi-almi-primary-soft: #F5E6B8;\n --soi-almi-accent: #B5944A;\n --soi-almi-text: #1A2D3D;\n --soi-almi-text-soft: #4A5B6B;\n --soi-almi-text-muted: #7B8693;\n --soi-almi-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-almi-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-almi-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-almi-radius: 12px;\n --soi-almi-radius-sm: 8px;\n --soi-almi-radius-pill: 999px;\n}\n\n.soi-almi-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-almi-fiche img { max-width: 100%; height: auto; }\n\n.soi-almi-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-almi-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-almi-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-almi-hero {\n position: relative;\n background: var(--soi-almi-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-almi-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-almi-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-almi-primary);\n}\n\n.soi-almi-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-almi-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-almi-primary);\n border-radius: 50%;\n}\n\n.soi-almi-hero-title {\n display: block;\n color: var(--soi-almi-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-almi-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-almi-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-almi-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-almi-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-almi-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-almi-pomme);\n border-radius: 2px;\n}\n\n.soi-almi-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-almi-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-almi-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-almi-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-almi-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-almi-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-almi-benefit {\n background: var(--soi-almi-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-almi-radius);\n border: 1px solid var(--soi-almi-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-almi-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-almi-shadow-md);\n}\n\n.soi-almi-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-almi-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-almi-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-almi-primary);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-almi-benefit:hover .soi-almi-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-almi-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-almi-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-almi-benefit p {\n font-size: 13px;\n color: var(--soi-almi-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-almi-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-almi-card {\n background: var(--soi-almi-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-almi-radius);\n border-left: 3px solid var(--soi-almi-primary);\n}\n\n.soi-almi-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-almi-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-almi-card p {\n font-size: 14px;\n color: var(--soi-almi-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-almi-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-almi-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-almi-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-almi-radius);\n border: 1px solid var(--soi-almi-line);\n align-items: flex-start;\n}\n\n.soi-almi-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-almi-marine);\n color: var(--soi-almi-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-almi-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-almi-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-almi-step-content p {\n font-size: 14px;\n color: var(--soi-almi-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-almi-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-almi-pomme-light);\n border-left: 4px solid var(--soi-almi-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-almi-radius) var(--soi-almi-radius) 0;\n align-items: flex-start;\n}\n\n.soi-almi-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-almi-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-almi-marine);\n margin-bottom: 4px;\n}\n\n.soi-almi-tip p {\n font-size: 14px;\n color: var(--soi-almi-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-almi-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-almi-accordion-item {\n background: var(--soi-almi-off-white);\n border-radius: var(--soi-almi-radius-sm);\n border: 1px solid var(--soi-almi-line);\n overflow: hidden;\n}\n\n.soi-almi-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-almi-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-almi-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-almi-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-almi-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-almi-accordion-item[open] .soi-almi-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-almi-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-almi-accordion-content p {\n font-size: 14px;\n color: var(--soi-almi-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-almi-cta-box {\n background: var(--soi-almi-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-almi-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-almi-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-almi-primary);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-almi-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-almi-primary);\n margin-bottom: 0.75rem;\n}\n\n.soi-almi-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-almi-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-almi-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-almi-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-almi-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-almi-fiche {\n --soi-almi-text-soft: #2C3E50;\n --soi-almi-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603635167562,"sku":"NJ0110","price":3.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-au-miel-najel-packshot_e32d4776-c5b0-4a95-8f44-a30fbfb79ac4.webp?v=1779976577"},{"product_id":"shampooing-solide-certifie-bio-najel","title":"Shampooing solide certifié bio – Najel","description":"\n\u003cdiv class=\"soi-shmp-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-shmp-hero\"\u003e\n \u003cdiv class=\"soi-shmp-hero-tag\"\u003e\n \u003cspan class=\"soi-shmp-tag-dot\"\u003e\u003c\/span\u003e\n Soin cheveux · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-shmp-hero-title\"\u003eShampooing solide certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-shmp-hero-subtitle\"\u003eSouplesse et brillance pour vos cheveux normaux, avec le beurre de karité bio et l'huile d'olive bio. Format solide, fabriqué en France.\u003c\/p\u003e\n \u003cdiv class=\"soi-shmp-hero-labels\"\u003e\n \u003cspan class=\"soi-shmp-label soi-shmp-label-accent\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-label\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-label\"\u003e99 % NATUREL\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 1 : Format solide --\u003e\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003ch2\u003eUn shampooing solide bio : pourquoi choisir le format solide ?\u003c\/h2\u003e\n \u003cp\u003eContrairement à un shampooing liquide classique, le format solide contient \u003cstrong\u003e96 % d'eau en moins\u003c\/strong\u003e lors de sa fabrication. Résultat : une formule ultra concentrée, plus longue à l'usage, sans emballage plastique, et idéale pour voyager sans contrainte. Un seul pain équivaut en moyenne à deux ou trois flacons de shampooing liquide. Pratique, économique et vraiment écoresponsable.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 2 : Actifs clés --\u003e\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003ch2\u003eLes actifs clés : karité bio et huile d'olive bio\u003c\/h2\u003e\n \u003cp class=\"soi-shmp-section-intro\"\u003eChez Najel, la sélection des ingrédients n'est pas laissée au hasard. Ce shampooing solide bio s'appuie sur deux actifs naturels complémentaires.\u003c\/p\u003e\n \u003cdiv class=\"soi-shmp-grid\"\u003e\n \u003cdiv class=\"soi-shmp-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eIssue de la pression des olives, elle nourrit les fibres capillaires en profondeur, renforce la résistance du cheveu et apporte une brillance naturelle visible dès le premier lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eReconnu pour sa richesse en acides gras, il gaine le cheveu, limite les frisottis et laisse une sensation de douceur persistante après le rinçage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-compo\"\u003e\n \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n \u003cspan class=\"soi-shmp-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-compo-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n \u003cspan class=\"soi-shmp-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-compo-value\"\u003e99 % d'ingrédients d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n \u003cspan class=\"soi-shmp-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-shmp-compo-value\"\u003eSulfate agressif, silicone occlusif\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 3 : Pour qui --\u003e\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003ch2\u003ePour qui est fait ce shampooing solide bio Najel ?\u003c\/h2\u003e\n \u003cp\u003eCe soin est spécifiquement formulé pour les \u003cstrong\u003echeveux normaux\u003c\/strong\u003e, ni trop secs, ni trop gras. Si vous cherchez à maintenir un équilibre capillaire sain tout en apportant légèreté et brillance à votre chevelure, vous êtes exactement dans la cible. Il convient aussi bien aux adultes qu'aux enfants, et peut accompagner toute la famille au quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 4 : Comment utiliser --\u003e\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003ch2\u003eComment utiliser votre shampooing solide ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shmp-timeline\"\u003e\n \u003cdiv class=\"soi-shmp-step\"\u003e\n \u003cdiv class=\"soi-shmp-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-step-content\"\u003e\n \u003ch3\u003eMouiller\u003c\/h3\u003e\n \u003cp\u003eMouillez abondamment vos cheveux à l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-step\"\u003e\n \u003cdiv class=\"soi-shmp-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-step-content\"\u003e\n \u003ch3\u003eAppliquer\u003c\/h3\u003e\n \u003cp\u003eFrottez le pain directement sur le cuir chevelu ou entre vos mains pour créer une mousse onctueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-step\"\u003e\n \u003cdiv class=\"soi-shmp-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-step-content\"\u003e\n \u003ch3\u003eMasser\u003c\/h3\u003e\n \u003cp\u003eMassez doucement le cuir chevelu en mouvements circulaires pendant quelques secondes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-step\"\u003e\n \u003cdiv class=\"soi-shmp-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-step-content\"\u003e\n \u003ch3\u003eRincer et conserver\u003c\/h3\u003e\n \u003cp\u003eRincez soigneusement à l'eau claire et laissez sécher à l'air libre sur un porte-savon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-tip\"\u003e\n \u003cdiv class=\"soi-shmp-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour optimiser la tenue du pain, conservez-le dans un endroit sec entre chaque utilisation. Un porte-savon drainant prolonge significativement sa durée de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 5 : Engagement qualité --\u003e\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003ch2\u003eUn engagement qualité signé Najel, fabriqué en France\u003c\/h2\u003e\n \u003cp\u003eLe \u003cstrong\u003eLaboratoire Najjar\u003c\/strong\u003e, maison française reconnue pour son expertise en cosmétiques naturels, fabrique ce shampooing solide dans le respect des standards les plus exigeants. La certification \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e atteste d'une composition contrôlée, transparente et respectueuse des écosystèmes. Aucune promesse vide : chaque ingrédient a sa raison d'être.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 6 : Ce que vous y gagnez --\u003e\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003ch2\u003eCe que vous y gagnez au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"soi-shmp-benefits\"\u003e\n \u003cdiv class=\"soi-shmp-benefit\"\u003e\n \u003cdiv class=\"soi-shmp-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSouplesse et brillance\u003c\/h3\u003e\n \u003cp\u003eDes cheveux souples, brillants et équilibrés dès les premières utilisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-benefit\"\u003e\n \u003cdiv class=\"soi-shmp-benefit-icon\"\u003e\u003cspan\u003e🌍\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eGeste écoresponsable\u003c\/h3\u003e\n \u003cp\u003eMoins d'eau à la fabrication, zéro plastique. Un geste concret pour la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-benefit\"\u003e\n \u003cdiv class=\"soi-shmp-benefit-icon\"\u003e\u003cspan\u003e✈️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCompact et léger\u003c\/h3\u003e\n \u003cp\u003eUn format pratique pour voyager sans contrainte, sans risque de fuite.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-benefit\"\u003e\n \u003cdiv class=\"soi-shmp-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCertifié bio\u003c\/h3\u003e\n \u003cp\u003eUne formule certifiée Cosmos Organic, sans ingrédients controversés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shmp-benefit\"\u003e\n \u003cdiv class=\"soi-shmp-benefit-icon\"\u003e\u003cspan\u003e💰\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eÉconomique\u003c\/h3\u003e\n \u003cp\u003eUn rapport qualité-prix avantageux grâce à la longue durée d'utilisation, équivalent à deux ou trois flacons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Accordéon : Précautions --\u003e\n \u003csection class=\"soi-shmp-section\"\u003e\n \u003cdiv class=\"soi-shmp-accordion\"\u003e\n \u003cdetails class=\"soi-shmp-accordion-item\"\u003e\n \u003csummary class=\"soi-shmp-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-shmp-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique. Il ne constitue pas un traitement médical et ne remplace pas l'avis d'un professionnel de santé en cas de problème capillaire persistant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-shmp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-shmp-cta-box\"\u003e\n \u003cp class=\"soi-shmp-cta-tag\" style=\"color: white;\"\u003eSe laver naturellement\u003c\/p\u003e\n \u003cp class=\"soi-shmp-cta-text\" style=\"color: white;\"\u003eFini les compromis entre efficacité et conscience écologique. Le shampooing solide bio Najel prend soin de vos cheveux avec des actifs certifiés bio, fabriqués en France. Un geste simple pour une chevelure rayonnante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* === Couleurs Soinat (FIXES) === *\/\n --soi-shmp-marine: #1A2D3D;\n --soi-shmp-marine-dark: #0F1E2B;\n --soi-shmp-marine-light: #2C4458;\n --soi-shmp-pomme: #A1C544;\n --soi-shmp-pomme-dark: #84A636;\n --soi-shmp-pomme-light: rgba(161,197,68,0.10);\n\n \/* === Neutres Soinat === *\/\n --soi-shmp-white: #FFFFFF;\n --soi-shmp-off-white: #F8FAF6;\n --soi-shmp-stone: #F1F3EE;\n --soi-shmp-line: #E5E8E0;\n\n \/* === Couleurs dynamiques (packaging bleu ciel Najel) === *\/\n --soi-shmp-primary: #5BA3C0;\n --soi-shmp-primary-soft: #D6EBF3;\n --soi-shmp-accent: #7BBAD4;\n\n \/* === Textes === *\/\n --soi-shmp-text: #1A2D3D;\n --soi-shmp-text-soft: #4A5B6B;\n --soi-shmp-text-muted: #7B8693;\n\n \/* === Effets === *\/\n --soi-shmp-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-shmp-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-shmp-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-shmp-radius: 12px;\n --soi-shmp-radius-sm: 8px;\n --soi-shmp-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-shmp-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shmp-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-shmp-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-shmp-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-shmp-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shmp-hero {\n position: relative;\n background: var(--soi-shmp-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-shmp-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-shmp-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-shmp-pomme);\n}\n\n.soi-shmp-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-shmp-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-shmp-pomme);\n border-radius: 50%;\n}\n\n.soi-shmp-hero-title {\n display: block;\n color: var(--soi-shmp-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-shmp-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-shmp-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-shmp-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-shmp-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-shmp-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-shmp-label-accent {\n background: var(--soi-shmp-pomme);\n border-color: var(--soi-shmp-pomme);\n color: var(--soi-shmp-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shmp-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shmp-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-shmp-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-shmp-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-shmp-pomme);\n border-radius: 2px;\n}\n\n.soi-shmp-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-shmp-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-shmp-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-shmp-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-shmp-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-shmp-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-shmp-benefit {\n background: var(--soi-shmp-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-shmp-radius);\n border: 1px solid var(--soi-shmp-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shmp-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-shmp-shadow-md);\n}\n\n.soi-shmp-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-shmp-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-shmp-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-shmp-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-shmp-benefit:hover .soi-shmp-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-shmp-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shmp-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shmp-benefit p {\n font-size: 13px;\n color: var(--soi-shmp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-shmp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-shmp-card {\n background: var(--soi-shmp-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shmp-radius);\n border-left: 3px solid var(--soi-shmp-pomme);\n}\n\n.soi-shmp-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shmp-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shmp-card p {\n font-size: 14px;\n color: var(--soi-shmp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-shmp-compo {\n background: var(--soi-shmp-off-white);\n border-radius: var(--soi-shmp-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-shmp-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-shmp-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-shmp-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-shmp-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-shmp-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-shmp-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-shmp-marine);\n text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-shmp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-shmp-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-shmp-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shmp-radius);\n border: 1px solid var(--soi-shmp-line);\n align-items: flex-start;\n}\n\n.soi-shmp-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-shmp-marine);\n color: var(--soi-shmp-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-shmp-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shmp-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-shmp-step-content p {\n font-size: 14px;\n color: var(--soi-shmp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-shmp-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-shmp-pomme-light);\n border-left: 4px solid var(--soi-shmp-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-shmp-radius) var(--soi-shmp-radius) 0;\n align-items: flex-start;\n}\n\n.soi-shmp-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-shmp-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-shmp-marine);\n margin-bottom: 4px;\n}\n\n.soi-shmp-tip p {\n font-size: 14px;\n color: var(--soi-shmp-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-shmp-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-shmp-accordion-item {\n background: var(--soi-shmp-off-white);\n border-radius: var(--soi-shmp-radius-sm);\n border: 1px solid var(--soi-shmp-line);\n overflow: hidden;\n}\n\n.soi-shmp-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-shmp-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-shmp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-shmp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-shmp-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-shmp-accordion-item[open] .soi-shmp-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-shmp-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-shmp-accordion-content p {\n font-size: 14px;\n color: var(--soi-shmp-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-shmp-cta-box {\n background: var(--soi-shmp-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-shmp-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-shmp-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-shmp-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-shmp-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-shmp-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-shmp-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-shmp-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-shmp-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-shmp-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-shmp-compo-value {\n text-align: left;\n }\n\n .soi-shmp-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-shmp-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-shmp-fiche {\n --soi-shmp-text-soft: #2C3E50;\n --soi-shmp-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603635396938,"sku":"NJ0025","price":7.27,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampooing-solide-certifie-bio-najel-packshot.webp?v=1779437243"},{"product_id":"elixir-aux-trois-huiles-certifie-bio-najel","title":"Élixir aux trois huiles certifié bio – Najel","description":"\n\u003cdiv class=\"soi-elix-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-elix-hero\"\u003e\n \u003cdiv class=\"soi-elix-hero-tag\"\u003e\n \u003cspan class=\"soi-elix-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétique bio · Najel Méditerranée\n \u003c\/div\u003e\n \u003cspan class=\"soi-elix-hero-title\"\u003eÉlixir aux trois huiles certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-elix-hero-subtitle\"\u003eTrois huiles végétales précieuses réunies dans un seul flacon pour nourrir, apaiser et sublimer votre peau, votre corps et vos cheveux au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-elix-hero-labels\"\u003e\n \u003cspan class=\"soi-elix-label soi-elix-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-elix-label\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-elix-label\"\u003e100% NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-elix-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-elix-label\"\u003eNON COMÉDOGÈNE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INTRO --\u003e\n \u003csection class=\"soi-elix-section\"\u003e\n \u003cp class=\"soi-elix-section-intro\"\u003eVous cherchez une huile bio pour le visage qui fait vraiment la différence, sans liste d'ingrédients interminable ni promesse creuse ? L'Élixir aux trois huiles certifié bio de Najel réunit trois huiles végétales précieuses, extraites par première pression à froid et issues de l'agriculture biologique, pour nourrir, apaiser et sublimer votre peau au quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Trois huiles bio, une formule d'exception --\u003e\n \u003csection class=\"soi-elix-section\"\u003e\n \u003ch2\u003eTrois huiles bio, une formule d'exception\u003c\/h2\u003e\n \u003cp\u003eChaque huile est extraite par première pression à froid, issue de l'agriculture biologique et certifiée Cosmos Organic. Ensemble, elles forment une synergie rare :\u003c\/p\u003e\n \u003cdiv class=\"soi-elix-grid\"\u003e\n \u003cdiv class=\"soi-elix-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eRiche en acide oléique, elle nourrit en profondeur, protège la barrière cutanée et aide à préserver l'élasticité de la peau dans le temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-card\"\u003e\n \u003ch3\u003e🌿 Huile de nigelle bio\u003c\/h3\u003e\n \u003cp\u003eVéritable concentré régénérateur, elle apaise les irritations, soutient la réparation cellulaire et redonne de l'éclat aux peaux fatiguées ou ternes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-card\"\u003e\n \u003ch3\u003e🌸 Huile d'amande douce bio\u003c\/h3\u003e\n \u003cp\u003eGorgée de vitamines A et E, d'oméga-6 et d'oméga-9, elle hydrate intensément les peaux sensibles et apporte souplesse et brillance aux cheveux secs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-tip\"\u003e\n \u003cdiv class=\"soi-elix-tip-icon\"\u003e🌺\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe petit plus Soinat\u003c\/strong\u003e\n \u003cp\u003eAucun parfum synthétique dans cette formule : la fragrance délicate provient uniquement de la fleur d'oranger, pour un moment sensoriel authentique à chaque application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Un soin 3-en-1 pour simplifier votre routine beauté --\u003e\n \u003csection class=\"soi-elix-section\"\u003e\n \u003ch2\u003eUn soin 3-en-1 pour simplifier votre routine beauté\u003c\/h2\u003e\n \u003cp\u003eCe que vous apprécierez dans cet élixir, c'est sa capacité à remplacer plusieurs produits à la fois :\u003c\/p\u003e\n \u003cdiv class=\"soi-elix-benefits\"\u003e\n \u003cdiv class=\"soi-elix-benefit\"\u003e\n \u003cdiv class=\"soi-elix-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVisage\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes matin ou soir sur une peau propre. La texture sèche pénètre sans effet gras, sans occlusion des pores. Idéal comme huile visage bio en soin quotidien ou en booster sous votre crème habituelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-benefit\"\u003e\n \u003cdiv class=\"soi-elix-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCorps\u003c\/h3\u003e\n \u003cp\u003eMassez après la douche pour apaiser les tiraillements, nourrir les zones sèches (coudes, genoux, ventre) et prolonger le confort cutané même par temps froid.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-benefit\"\u003e\n \u003cdiv class=\"soi-elix-benefit-icon\"\u003e\u003cspan\u003e💇\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCheveux\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes en masque avant-shampoing ou en sérum de finition sur les pointes pour discipliner, nourrir et redonner brillance aux longueurs abîmées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Composition complète de l'élixir Najel --\u003e\n \u003csection class=\"soi-elix-section\"\u003e\n \u003ch2\u003eComposition complète de l'élixir Najel\u003c\/h2\u003e\n \u003cdiv class=\"soi-elix-compo\"\u003e\n \u003cdiv class=\"soi-elix-compo-row\"\u003e\n \u003cspan class=\"soi-elix-compo-label\"\u003eINCI\u003c\/span\u003e\n \u003cspan class=\"soi-elix-compo-value\"\u003eOlea Europaea Fruit Oil*, Prunus Amygdalus Dulcis Oil*, Nigella Sativa Seed Oil*, Citrus Aurantium Amara Flower Oil*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-compo-row\"\u003e\n \u003cspan class=\"soi-elix-compo-label\"\u003eOrigine bio\u003c\/span\u003e\n \u003cspan class=\"soi-elix-compo-value\"\u003e96,3 % d'origine biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-compo-row\"\u003e\n \u003cspan class=\"soi-elix-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-elix-compo-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-compo-row\"\u003e\n \u003cspan class=\"soi-elix-compo-label\"\u003eExtraction\u003c\/span\u003e\n \u003cspan class=\"soi-elix-compo-value\"\u003ePremière pression à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-compo-row\"\u003e\n \u003cspan class=\"soi-elix-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-elix-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 1rem;\"\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e Aucun parfum de synthèse, aucun ingrédient superflu : seulement ce dont votre peau a besoin.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Comment utiliser l'élixir aux trois huiles Najel ? --\u003e\n \u003csection class=\"soi-elix-section\"\u003e\n \u003ch2\u003eComment utiliser l'élixir aux trois huiles Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-elix-timeline\"\u003e\n \u003cdiv class=\"soi-elix-step\"\u003e\n \u003cdiv class=\"soi-elix-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-elix-step-content\"\u003e\n \u003ch3\u003eVersage\u003c\/h3\u003e\n \u003cp\u003eActionnez la pompe 2 à 3 fois dans le creux de votre main.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-step\"\u003e\n \u003cdiv class=\"soi-elix-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-elix-step-content\"\u003e\n \u003ch3\u003eActivation\u003c\/h3\u003e\n \u003cp\u003eFrottez vos paumes pour tiédir l'huile et libérer le parfum de fleur d'oranger.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-step\"\u003e\n \u003cdiv class=\"soi-elix-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-elix-step-content\"\u003e\n \u003ch3\u003eApplication\u003c\/h3\u003e\n \u003cp\u003eMassez en mouvements circulaires sur le visage, le corps ou les cheveux selon votre besoin du moment.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Ce que vous devez savoir avant d'acheter --\u003e\n \u003csection class=\"soi-elix-section\"\u003e\n \u003ch2\u003eCe que vous devez savoir avant d'acheter\u003c\/h2\u003e\n \u003cdiv class=\"soi-elix-grid-compact\"\u003e\n \u003cdiv class=\"soi-elix-card-mini\"\u003e\n \u003cspan class=\"soi-elix-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-elix-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-elix-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-card-mini\"\u003e\n \u003cspan class=\"soi-elix-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-elix-card-mini-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-elix-card-mini-value\"\u003e100 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-card-mini\"\u003e\n \u003cspan class=\"soi-elix-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-elix-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-elix-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-card-mini\"\u003e\n \u003cspan class=\"soi-elix-card-mini-icon\"\u003e🧬\u003c\/span\u003e\n \u003cspan class=\"soi-elix-card-mini-label\"\u003eTexture\u003c\/span\u003e\n \u003cspan class=\"soi-elix-card-mini-value\"\u003eSèche, non comédogène\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-elix-accordion\"\u003e\n \u003cdetails class=\"soi-elix-accordion-item\"\u003e\n \u003csummary class=\"soi-elix-accordion-header\"\u003e🧑 Pour quels types de peau ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-elix-accordion-content\"\u003e\n \u003cp\u003eCet élixir convient aux peaux sensibles et aux peaux normales à sèches. Sa texture sèche non comédogène est adaptée à une utilisation sur le visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-elix-accordion-item\"\u003e\n \u003csummary class=\"soi-elix-accordion-header\"\u003e⚠️ Précaution d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-elix-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique et ne remplace pas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-elix-accordion-item\"\u003e\n \u003csummary class=\"soi-elix-accordion-header\"\u003e📦 Conditionnement\u003c\/summary\u003e\n \u003cdiv class=\"soi-elix-accordion-content\"\u003e\n \u003cp\u003eFlacon pompe ambré de 100 ml, pratique et hygiénique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-elix-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-elix-cta-box\"\u003e\n \u003cp class=\"soi-elix-cta-tag\" style=\"color: white;\"\u003eVotre rituel beauté simplifié\u003c\/p\u003e\n \u003cp class=\"soi-elix-cta-text\" style=\"color: white;\"\u003eTrois huiles bio emblématiques réunies dans un seul geste quotidien. De votre visage à vos pointes, nourrissez, réparez et embellissez avec la douceur naturelle de la fleur d'oranger.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-elix-marine: #1A2D3D;\n --soi-elix-marine-dark: #0F1E2B;\n --soi-elix-marine-light: #2C4458;\n --soi-elix-pomme: #A1C544;\n --soi-elix-pomme-dark: #84A636;\n --soi-elix-pomme-light: rgba(161,197,68,0.10);\n\n --soi-elix-white: #FFFFFF;\n --soi-elix-off-white: #F8FAF6;\n --soi-elix-stone: #F1F3EE;\n --soi-elix-line: #E5E8E0;\n\n --soi-elix-primary: #D8924A;\n --soi-elix-primary-soft: #F5E6D3;\n --soi-elix-accent: #3A2518;\n\n --soi-elix-text: #1A2D3D;\n --soi-elix-text-soft: #4A5B6B;\n --soi-elix-text-muted: #7B8693;\n\n --soi-elix-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-elix-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-elix-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-elix-radius: 12px;\n --soi-elix-radius-sm: 8px;\n --soi-elix-radius-pill: 999px;\n}\n\n.soi-elix-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-elix-fiche img { max-width: 100%; height: auto; }\n\n.soi-elix-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-elix-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-elix-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-elix-hero {\n position: relative;\n background: var(--soi-elix-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-elix-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-elix-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-elix-primary);\n}\n\n.soi-elix-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-elix-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-elix-primary);\n border-radius: 50%;\n}\n\n.soi-elix-hero-title {\n display: block;\n color: var(--soi-elix-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-elix-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-elix-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-elix-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-elix-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-elix-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-elix-label-accent {\n background: var(--soi-elix-primary);\n border-color: var(--soi-elix-primary);\n color: var(--soi-elix-white);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-elix-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-elix-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-elix-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-elix-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-elix-primary);\n border-radius: 2px;\n}\n\n.soi-elix-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-elix-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.soi-elix-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-elix-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-elix-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-elix-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1rem;\n}\n\n.soi-elix-benefit {\n background: var(--soi-elix-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-elix-radius);\n border: 1px solid var(--soi-elix-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-elix-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-elix-shadow-md);\n}\n\n.soi-elix-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-elix-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-elix-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-elix-primary);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-elix-benefit:hover .soi-elix-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-elix-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-elix-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-elix-benefit p {\n font-size: 13px;\n color: var(--soi-elix-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-elix-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-elix-card {\n background: var(--soi-elix-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-elix-radius);\n border-left: 3px solid var(--soi-elix-primary);\n}\n\n.soi-elix-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-elix-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-elix-card p {\n font-size: 14px;\n color: var(--soi-elix-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-elix-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-bottom: 1.25rem;\n}\n\n.soi-elix-card-mini {\n background: var(--soi-elix-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-elix-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-elix-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-elix-card-mini-label {\n font-size: 11px;\n color: var(--soi-elix-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-elix-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-elix-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-elix-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-elix-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-elix-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-elix-radius);\n border: 1px solid var(--soi-elix-line);\n align-items: flex-start;\n}\n\n.soi-elix-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-elix-marine);\n color: var(--soi-elix-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-elix-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-elix-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-elix-step-content p {\n font-size: 14px;\n color: var(--soi-elix-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-elix-compo {\n background: var(--soi-elix-off-white);\n border-radius: var(--soi-elix-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-elix-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-elix-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-elix-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-elix-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-elix-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n flex-shrink: 0;\n}\n\n.soi-elix-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-elix-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-elix-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-elix-primary-soft);\n border-left: 4px solid var(--soi-elix-primary);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-elix-radius) var(--soi-elix-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-elix-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-elix-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-elix-marine);\n margin-bottom: 4px;\n}\n\n.soi-elix-tip p {\n font-size: 14px;\n color: var(--soi-elix-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-elix-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-elix-accordion-item {\n background: var(--soi-elix-off-white);\n border-radius: var(--soi-elix-radius-sm);\n border: 1px solid var(--soi-elix-line);\n overflow: hidden;\n}\n\n.soi-elix-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-elix-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-elix-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-elix-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-elix-primary);\n transition: transform 0.2s ease;\n}\n\n.soi-elix-accordion-item[open] .soi-elix-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-elix-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-elix-accordion-content p {\n font-size: 14px;\n color: var(--soi-elix-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-elix-cta-box {\n background: var(--soi-elix-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-elix-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-elix-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-elix-primary);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-elix-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-elix-primary);\n margin-bottom: 0.75rem;\n}\n\n.soi-elix-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-elix-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-elix-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-elix-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-elix-compo-value {\n text-align: left;\n }\n\n .soi-elix-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-elix-tip {\n flex-direction: column;\n gap: 0.75rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-elix-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-elix-fiche {\n --soi-elix-text-soft: #2C3E50;\n --soi-elix-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603637526858,"sku":"NJ0190","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/elixir-aux-trois-huiles-certifie-bio-najel-packshot_11zon.webp?v=1780299063"},{"product_id":"huile-de-nigelle-certifiee-bio-najel","title":"Huile de nigelle certifiée bio – Najel","description":"\n\n\u003cdiv class=\"soi-nige-fiche\"\u003e\n\n \u003csection class=\"soi-nige-hero\"\u003e\n \u003cdiv class=\"soi-nige-hero-tag\"\u003e\n \u003cspan class=\"soi-nige-tag-dot\"\u003e\u003c\/span\u003e\n Huile végétale · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-nige-hero-title\"\u003eL'huile des Pharaons, certifiée bio\n\n\u003c\/span\u003e\n \u003cp class=\"soi-nige-hero-subtitle\"\u003eHéritière de 2 500 ans de sagesse orientale, cette huile purifiante prend soin de votre peau, de vos cheveux et de votre corps avec une richesse exceptionnelle en actifs naturels.\u003c\/p\u003e\n \u003cdiv class=\"soi-nige-hero-labels\"\u003e\n \u003cspan class=\"soi-nige-label soi-nige-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-nige-label\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-nige-label\"\u003e100% NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-nige-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-nige-label\"\u003ePRESSION À FROID\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nige-section\"\u003e\n \u003cp class=\"soi-nige-section-intro\"\u003eUtilisée depuis plus de 2 500 ans en Orient et connue comme \u003cstrong\u003e« l'huile des Pharaons »\u003c\/strong\u003e, l'huile de nigelle bio Najel est extraite par pression à froid des graines de \u003cem\u003eNigella Sativa\u003c\/em\u003e, sans aucun solvant ni conservateur. Certifiée Cosmos Organic par Ecocert, elle offre une huile d'une richesse exceptionnelle pour votre rituel beauté quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nige-section\"\u003e\n \u003ch2\u003eComposition de l'huile de nigelle bio Najel\u003c\/h2\u003e\n \u003cp\u003eLa force de cette huile repose sur une composition naturelle particulièrement dense en actifs :\u003c\/p\u003e\n \u003cdiv class=\"soi-nige-compo\"\u003e\n \u003cdiv class=\"soi-nige-compo-row\"\u003e\n \u003cspan class=\"soi-nige-compo-label\"\u003eAcides gras insaturés (oméga-6 et oméga-9)\u003c\/span\u003e\n \u003cspan class=\"soi-nige-compo-value\"\u003eNourrissent en profondeur, renforcent la barrière cutanée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-compo-row\"\u003e\n \u003cspan class=\"soi-nige-compo-label\"\u003eThymoquinone\u003c\/span\u003e\n \u003cspan class=\"soi-nige-compo-value\"\u003eComposé phare, propriétés apaisantes et antioxydantes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-compo-row\"\u003e\n \u003cspan class=\"soi-nige-compo-label\"\u003eVitamine E (tocophérols)\u003c\/span\u003e\n \u003cspan class=\"soi-nige-compo-value\"\u003eProtection contre les radicaux libres, anti-âge cutané\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-compo-row\"\u003e\n \u003cspan class=\"soi-nige-compo-label\"\u003ePhytostérols\u003c\/span\u003e\n \u003cspan class=\"soi-nige-compo-value\"\u003eRégénération cellulaire, élasticité de la peau\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-tip\"\u003e\n \u003cdiv class=\"soi-nige-tip-icon\"\u003e🧬\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eIngrédient INCI\u003c\/strong\u003e\n \u003cp\u003eNigella Sativa Seed Oil*. (*Ingrédient issu de l'agriculture biologique.)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nige-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile de nigelle : ce qu'elle fait vraiment pour vous\u003c\/h2\u003e\n \u003cdiv class=\"soi-nige-grid\"\u003e\n \u003cdiv class=\"soi-nige-card\"\u003e\n \u003ch3\u003e💧 Peau sèche et inconfortable\u003c\/h3\u003e\n \u003cp\u003eL'huile de nigelle pénètre rapidement sans laisser de film gras. Elle nourrit intensément les peaux sèches, déshydratées ou qui tiraillent, et restaure un toucher souple dès les premières applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles, irritées ou réactives\u003c\/h3\u003e\n \u003cp\u003eGrâce à la thymoquinone, l'huile de nigelle apaise les rougeurs, les démangeaisons et les petites irritations. Elle est particulièrement appréciée pour les peaux à tendance atopique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-card\"\u003e\n \u003ch3\u003e✨ Anti-âge et éclat du teint\u003c\/h3\u003e\n \u003cp\u003eSes antioxydants naturels aident à neutraliser les radicaux libres responsables du vieillissement cutané prématuré. La peau retrouve de la luminosité et les rides semblent atténuées sur la durée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-card\"\u003e\n \u003ch3\u003e💆 Cheveux et cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eAppliquée en masque avant shampoing, elle nourrit les longueurs abîmées, réduit les frisottis et apaise les cuirs chevelus secs ou qui desquament.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nige-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de nigelle Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-nige-timeline\"\u003e\n \u003cdiv class=\"soi-nige-step\"\u003e\n \u003cdiv class=\"soi-nige-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-nige-step-content\"\u003e\n \u003ch3\u003eVisage\u003c\/h3\u003e\n \u003cp\u003e2 à 3 pressions de la pompe, à masser délicatement matin ou soir sur peau propre et légèrement humide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-step\"\u003e\n \u003cdiv class=\"soi-nige-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-nige-step-content\"\u003e\n \u003ch3\u003eCorps\u003c\/h3\u003e\n \u003cp\u003eAppliquez en massage après la douche, en insistant sur les zones sèches (coudes, talons, genoux).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-step\"\u003e\n \u003cdiv class=\"soi-nige-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-nige-step-content\"\u003e\n \u003ch3\u003eCheveux\u003c\/h3\u003e\n \u003cp\u003eDéposez quelques gouttes sur les longueurs ou le cuir chevelu, laissez poser 20 minutes avant de rincer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-step\"\u003e\n \u003cdiv class=\"soi-nige-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-nige-step-content\"\u003e\n \u003ch3\u003eMuscles\u003c\/h3\u003e\n \u003cp\u003eMassez les zones de tension pour un effet apaisant et décontractant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nige-section\"\u003e\n \u003ch2\u003eL'huile de nigelle est-elle dangereuse ? Ce qu'il faut savoir\u003c\/h2\u003e\n \u003cp\u003eL'huile de nigelle est bien tolérée par la majorité des peaux, y compris les peaux sensibles. Cependant, quelques précautions s'imposent pour une utilisation sereine.\u003c\/p\u003e\n \u003cdiv class=\"soi-nige-accordion\"\u003e\n \u003cdetails class=\"soi-nige-accordion-item\"\u003e\n \u003csummary class=\"soi-nige-accordion-header\"\u003e🧪 Test cutané recommandé\u003c\/summary\u003e\n \u003cdiv class=\"soi-nige-accordion-content\"\u003e\n \u003cp\u003eComme pour toute huile végétale, nous vous recommandons un test cutané préalable sur une petite zone (intérieur du poignet) avant une application généralisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-nige-accordion-item\"\u003e\n \u003csummary class=\"soi-nige-accordion-header\"\u003e⚠️ Allergie aux Renonculacées\u003c\/summary\u003e\n \u003cdiv class=\"soi-nige-accordion-content\"\u003e\n \u003cp\u003eEn cas d'allergie connue aux plantes de la famille des Renonculacées, consultez votre médecin avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-nige-accordion-item\"\u003e\n \u003csummary class=\"soi-nige-accordion-header\"\u003e📋 Usage cosmétique externe uniquement\u003c\/summary\u003e\n \u003cdiv class=\"soi-nige-accordion-content\"\u003e\n \u003cp\u003eCe produit est destiné à un usage cosmétique externe uniquement et ne se substitue pas à un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nige-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile de nigelle bio Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-nige-benefits\"\u003e\n \u003cdiv class=\"soi-nige-benefit\"\u003e\n \u003cdiv class=\"soi-nige-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCosmos Organic Ecocert\u003c\/h3\u003e\n \u003cp\u003eCertifiée bio, garantie sans produits chimiques de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-benefit\"\u003e\n \u003cdiv class=\"soi-nige-benefit-icon\"\u003e\u003cspan\u003e❄️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePression à froid\u003c\/h3\u003e\n \u003cp\u003eTous les actifs naturels sont préservés grâce à ce procédé d'extraction doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-benefit\"\u003e\n \u003cdiv class=\"soi-nige-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFlacon ambré avec pompe\u003c\/h3\u003e\n \u003cp\u003eProtège l'huile de la lumière et facilite le dosage au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-nige-benefit\"\u003e\n \u003cdiv class=\"soi-nige-benefit-icon\"\u003e\u003cspan\u003e🐇\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVegan, sans conservateurs\u003c\/h3\u003e\n \u003cp\u003eConvient à tous les types de peaux, même les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-nige-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-nige-cta-box\"\u003e\n \u003cp class=\"soi-nige-cta-tag\" style=\"color: white;\"\u003eL'huile des Pharaons, certifiée bio\u003c\/p\u003e\n \u003cp class=\"soi-nige-cta-text\" style=\"color: white;\"\u003ePure, certifiée Cosmos Organic, d'une efficacité éprouvée depuis 2 500 ans : l'huile de nigelle Najel mérite sa place dans votre routine beauté naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-nige-marine: #1A2D3D;\n --soi-nige-marine-dark: #0F1E2B;\n --soi-nige-marine-light: #2C4458;\n --soi-nige-pomme: #A1C544;\n --soi-nige-pomme-dark: #84A636;\n --soi-nige-pomme-light: rgba(161,197,68,0.10);\n\n --soi-nige-white: #FFFFFF;\n --soi-nige-off-white: #F8FAF6;\n --soi-nige-stone: #F1F3EE;\n --soi-nige-line: #E5E8E0;\n\n --soi-nige-primary: #E87722;\n --soi-nige-primary-soft: #F5D4B3;\n --soi-nige-accent: #3A2518;\n\n --soi-nige-text: #1A2D3D;\n --soi-nige-text-soft: #4A5B6B;\n --soi-nige-text-muted: #7B8693;\n\n --soi-nige-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-nige-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-nige-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-nige-radius: 12px;\n --soi-nige-radius-sm: 8px;\n --soi-nige-radius-pill: 999px;\n}\n\n.soi-nige-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-nige-fiche img { max-width: 100%; height: auto; }\n\n.soi-nige-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-nige-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-nige-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-nige-hero {\n position: relative;\n background: var(--soi-nige-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-nige-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-nige-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-nige-pomme);\n}\n\n.soi-nige-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-nige-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-nige-pomme);\n border-radius: 50%;\n}\n\n.soi-nige-hero-title {\n display: block;\n color: var(--soi-nige-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-nige-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-nige-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-nige-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-nige-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-nige-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-nige-label-accent {\n background: var(--soi-nige-pomme);\n border-color: var(--soi-nige-pomme);\n color: var(--soi-nige-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-nige-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-nige-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-nige-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-nige-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-nige-pomme);\n border-radius: 2px;\n}\n\n.soi-nige-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-nige-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.soi-nige-section-intro strong {\n color: var(--soi-nige-marine);\n}\n\n.soi-nige-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-nige-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-nige-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-nige-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-nige-benefit {\n background: var(--soi-nige-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-nige-radius);\n border: 1px solid var(--soi-nige-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-nige-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-nige-shadow-md);\n}\n\n.soi-nige-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-nige-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-nige-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-nige-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-nige-benefit:hover .soi-nige-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-nige-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-nige-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-nige-benefit p {\n font-size: 13px;\n color: var(--soi-nige-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-nige-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-nige-card {\n background: var(--soi-nige-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-nige-radius);\n border-left: 3px solid var(--soi-nige-pomme);\n}\n\n.soi-nige-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-nige-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-nige-card p {\n font-size: 14px;\n color: var(--soi-nige-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-nige-compo {\n background: var(--soi-nige-off-white);\n border-radius: var(--soi-nige-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.soi-nige-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-nige-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-nige-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-nige-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-nige-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-nige-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-nige-marine);\n text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-nige-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-nige-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-nige-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-nige-radius);\n border: 1px solid var(--soi-nige-line);\n align-items: flex-start;\n}\n\n.soi-nige-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-nige-marine);\n color: var(--soi-nige-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-nige-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-nige-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-nige-step-content p {\n font-size: 14px;\n color: var(--soi-nige-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-nige-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-nige-pomme-light);\n border-left: 4px solid var(--soi-nige-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-nige-radius) var(--soi-nige-radius) 0;\n align-items: flex-start;\n}\n\n.soi-nige-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-nige-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-nige-marine);\n margin-bottom: 4px;\n}\n\n.soi-nige-tip p {\n font-size: 14px;\n color: var(--soi-nige-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-nige-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-nige-accordion-item {\n background: var(--soi-nige-off-white);\n border-radius: var(--soi-nige-radius-sm);\n border: 1px solid var(--soi-nige-line);\n overflow: hidden;\n}\n\n.soi-nige-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-nige-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-nige-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-nige-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-nige-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-nige-accordion-item[open] .soi-nige-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-nige-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-nige-accordion-content p {\n font-size: 14px;\n color: var(--soi-nige-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-nige-cta-box {\n background: var(--soi-nige-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-nige-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-nige-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-nige-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-nige-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-nige-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-nige-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-nige-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-nige-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-nige-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-nige-compo-value {\n text-align: left;\n }\n\n .soi-nige-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-nige-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-nige-fiche {\n --soi-nige-text-soft: #2C3E50;\n --soi-nige-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603637789002,"sku":"NJ0185","price":13.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-de-nigelle-certifiee-bio-najel-packshot.webp?v=1780298466"},{"product_id":"huile-de-coco-certifiee-bio-najel","title":"Huile de coco certifiée bio – Najel","description":"\u003cdiv class=\"soi-coco-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-coco-hero\"\u003e\n \u003cdiv class=\"soi-coco-hero-tag\"\u003e\n \u003cspan class=\"soi-coco-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétiques et soins beauté · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-coco-hero-title\"\u003eHuile de coco certifiée bio\u003c\/span\u003e\n \u003cp class=\"soi-coco-hero-subtitle\"\u003eUne huile végétale vierge, extraite par première pression à froid, pour nourrir et protéger votre peau, vos cheveux et votre visage au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-coco-hero-labels\"\u003e\n \u003cspan class=\"soi-coco-label soi-coco-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-coco-label\"\u003eECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-coco-label\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-coco-label\"\u003eHUILE VIERGE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Huile vierge de coco bio --\u003e\n \u003csection class=\"soi-coco-section\"\u003e\n \u003ch2\u003eUne huile vierge de coco bio : ce que ça change vraiment\u003c\/h2\u003e\n \u003cp\u003eToutes les huiles de coco ne se valent pas. La version vierge et bio de Najel est obtenue sans solvant, sans raffinage et sans déodorisation. Résultat : ses acides gras naturels, notamment l'acide laurique (environ 50 %), sont pleinement conservés. C'est précisément cet acide gras qui lui confère ses propriétés nourrissantes, apaisantes et protectrices si appréciées.\u003c\/p\u003e\n \u003cp\u003eSon léger parfum gourmand de coco est tout simplement celui de l'huile brute, naturelle et vivante.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Bienfaits --\u003e\n \u003csection class=\"soi-coco-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile de coco bio : peau, cheveux et visage\u003c\/h2\u003e\n \u003cdiv class=\"soi-coco-benefits\"\u003e\n \u003cdiv class=\"soi-coco-benefit\"\u003e\n \u003cdiv class=\"soi-coco-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeau du corps\u003c\/h3\u003e\n \u003cp\u003eAppliquée après la douche, elle nourrit en profondeur les peaux sèches, rugueuses ou sensibles. Elle forme une barrière protectrice contre les agressions extérieures tout en laissant la peau douce et confortable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coco-benefit\"\u003e\n \u003cdiv class=\"soi-coco-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCheveux et pointes\u003c\/h3\u003e\n \u003cp\u003eEn masque avant shampooing ou en soin des pointes, l'huile de coco bio vierge lisse la fibre capillaire, réduit les frisottis et apporte brillance et souplesse. Idéale aussi pour les cheveux secs ou abîmés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coco-benefit\"\u003e\n \u003cdiv class=\"soi-coco-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVisage et contour des yeux\u003c\/h3\u003e\n \u003cp\u003eEn démaquillant doux ou en soin du contour des yeux, elle hydrate la peau délicate sans agresser. Elle contribue à atténuer l'apparence des rides de déshydratation et apaise les rougeurs et irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Comment utiliser --\u003e\n \u003csection class=\"soi-coco-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de coco bio pour le corps et les cheveux ?\u003c\/h2\u003e\n \u003cp class=\"soi-coco-section-intro\"\u003eQuelques conseils pratiques pour en tirer le meilleur :\u003c\/p\u003e\n \u003cdiv class=\"soi-coco-timeline\"\u003e\n \u003cdiv class=\"soi-coco-step\"\u003e\n \u003cdiv class=\"soi-coco-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-coco-step-content\"\u003e\n \u003ch3\u003eCorps\u003c\/h3\u003e\n \u003cp\u003eFaites fondre une noisette entre vos paumes (elle se liquéfie dès 25 °C) et massez sur la peau propre et légèrement humide pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coco-step\"\u003e\n \u003cdiv class=\"soi-coco-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-coco-step-content\"\u003e\n \u003ch3\u003eCheveux\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur les longueurs et pointes 30 minutes avant le shampooing, ou une petite touche sur pointes sèches après coiffage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coco-step\"\u003e\n \u003cdiv class=\"soi-coco-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-coco-step-content\"\u003e\n \u003ch3\u003eVisage\u003c\/h3\u003e\n \u003cp\u003eLe soir, une micro-dose suffit pour démaquiller ou nourrir le contour des yeux. Évitez en journée si votre peau est mixte à grasse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coco-step\"\u003e\n \u003cdiv class=\"soi-coco-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-coco-step-content\"\u003e\n \u003ch3\u003eRasage\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes sur la zone à raser réduisent les tiraillements et laissent la peau lisse après le passage du rasoir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Composition --\u003e\n \u003csection class=\"soi-coco-section\"\u003e\n \u003ch2\u003eComposition de l'huile de coco vierge bio Najel\u003c\/h2\u003e\n \u003cp class=\"soi-coco-section-intro\"\u003eIngrédient unique : \u003cem\u003eCocos Nucifera (Coconut) Oil\u003c\/em\u003e. C'est tout. Aucun additif, aucun conservateur, aucun parfum ajouté. La certification Cosmos Organic Ecocert garantit une agriculture biologique contrôlée et une transformation respectueuse des matières premières.\u003c\/p\u003e\n \u003cdiv class=\"soi-coco-compo\"\u003e\n \u003cdiv class=\"soi-coco-compo-row\"\u003e\n \u003cspan class=\"soi-coco-compo-label\"\u003eAcide laurique\u003c\/span\u003e\n \u003cspan class=\"soi-coco-compo-value\"\u003eEnviron 48 à 52 % — actif principal aux propriétés nourrissantes et protectrices\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coco-compo-row\"\u003e\n \u003cspan class=\"soi-coco-compo-label\"\u003eAcide myristique\u003c\/span\u003e\n \u003cspan class=\"soi-coco-compo-value\"\u003eEnviron 18 % — contribue à la texture fondante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coco-compo-row\"\u003e\n \u003cspan class=\"soi-coco-compo-label\"\u003eAcide palmitique\u003c\/span\u003e\n \u003cspan class=\"soi-coco-compo-value\"\u003eEnviron 9 % — soutient l'effet barrière cutané\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Pour qui --\u003e\n \u003csection class=\"soi-coco-section\"\u003e\n \u003ch2\u003ePour qui est faite cette huile de coco bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-coco-grid\"\u003e\n \u003cdiv class=\"soi-coco-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eElle convient aux peaux sensibles, aux enfants (hors nourrissons sans avis médical) et aux femmes enceintes pour prévenir l'apparence des vergetures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coco-card\"\u003e\n \u003ch3\u003e⚠️ Peaux acnéiques\u003c\/h3\u003e\n \u003cp\u003eSi vous avez une peau acnéique, réservez-la plutôt au corps et aux cheveux, car l'huile de coco est comédogène pour certains types de peaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 : Pourquoi choisir Najel --\u003e\n \u003csection class=\"soi-coco-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile de coco bio Najel plutôt qu'une autre ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-coco-grid\"\u003e\n \u003cdiv class=\"soi-coco-card\"\u003e\n \u003ch3\u003e🏅 Cosmos Organic Ecocert\u003c\/h3\u003e\n \u003cp\u003eGage de traçabilité et de qualité indépendante pour une huile végétale bio contrôlée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coco-card\"\u003e\n \u003ch3\u003e❄️ Première pression à froid\u003c\/h3\u003e\n \u003cp\u003eAucune chaleur excessive, tous les actifs préservés pour une huile vivante et riche en nutriments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coco-card\"\u003e\n \u003ch3\u003e🥥 Texture naturelle\u003c\/h3\u003e\n \u003cp\u003eSolide naturellement sous 25 °C, sans aucun additif stabilisateur. Juste de l'huile de coco, pure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-coco-card\"\u003e\n \u003ch3\u003e🌿 Marque Najel\u003c\/h3\u003e\n \u003cp\u003eRéférence reconnue dans les soins naturels et bio depuis des décennies.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-coco-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-coco-cta-box\"\u003e\n \u003cp class=\"soi-coco-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement\u003c\/p\u003e\n \u003cp class=\"soi-coco-cta-text\" style=\"color: white;\"\u003eDouce, pure et polyvalente, l'huile de coco bio vierge Najel s'invite dans toute votre routine beauté. Pour une peau nourrie, des cheveux soyeux et un soin du visage naturel, sans compromis sur la qualité ni sur l'authenticité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* === Couleurs Soinat (FIXES) === *\/\n --soi-coco-marine: #1A2D3D;\n --soi-coco-marine-dark: #0F1E2B;\n --soi-coco-marine-light: #2C4458;\n --soi-coco-pomme: #A1C544;\n --soi-coco-pomme-dark: #84A636;\n --soi-coco-pomme-light: rgba(161,197,68,0.10);\n\n \/* === Neutres Soinat === *\/\n --soi-coco-white: #FFFFFF;\n --soi-coco-off-white: #F8FAF6;\n --soi-coco-stone: #F1F3EE;\n --soi-coco-line: #E5E8E0;\n\n \/* === Couleurs dynamiques (packaging : or\/sable, brun chocolat, crème) === *\/\n --soi-coco-primary: #C4A265;\n --soi-coco-primary-soft: #E8D5B0;\n --soi-coco-accent: #5C3D2E;\n\n \/* === Textes === *\/\n --soi-coco-text: #1A2D3D;\n --soi-coco-text-soft: #4A5B6B;\n --soi-coco-text-muted: #7B8693;\n\n \/* === Effets === *\/\n --soi-coco-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-coco-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-coco-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-coco-radius: 12px;\n --soi-coco-radius-sm: 8px;\n --soi-coco-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-coco-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-coco-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-coco-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-coco-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-coco-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-coco-hero {\n position: relative;\n background: var(--soi-coco-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-coco-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-coco-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-coco-pomme);\n}\n\n.soi-coco-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-coco-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-coco-pomme);\n border-radius: 50%;\n}\n\n.soi-coco-hero-title {\n display: block;\n color: var(--soi-coco-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-coco-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-coco-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-coco-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-coco-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-coco-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-coco-label-accent {\n background: var(--soi-coco-pomme);\n border-color: var(--soi-coco-pomme);\n color: var(--soi-coco-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-coco-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-coco-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-coco-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-coco-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-coco-pomme);\n border-radius: 2px;\n}\n\n.soi-coco-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-coco-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-coco-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-coco-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-coco-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-coco-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-coco-benefit {\n background: var(--soi-coco-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-coco-radius);\n border: 1px solid var(--soi-coco-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-coco-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-coco-shadow-md);\n}\n\n.soi-coco-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-coco-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-coco-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-coco-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-coco-benefit:hover .soi-coco-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-coco-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-coco-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-coco-benefit p {\n font-size: 13px;\n color: var(--soi-coco-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-coco-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-coco-card {\n background: var(--soi-coco-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-coco-radius);\n border-left: 3px solid var(--soi-coco-pomme);\n}\n\n.soi-coco-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-coco-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-coco-card p {\n font-size: 14px;\n color: var(--soi-coco-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-coco-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-coco-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-coco-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-coco-radius);\n border: 1px solid var(--soi-coco-line);\n align-items: flex-start;\n}\n\n.soi-coco-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-coco-marine);\n color: var(--soi-coco-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-coco-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-coco-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-coco-step-content p {\n font-size: 14px;\n color: var(--soi-coco-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-coco-compo {\n background: var(--soi-coco-off-white);\n border-radius: var(--soi-coco-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-coco-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-coco-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-coco-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-coco-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-coco-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-coco-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-coco-marine);\n text-align: right;\n}\n\n\/* === CTA BOX === *\/\n.soi-coco-cta-box {\n background: var(--soi-coco-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-coco-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-coco-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-coco-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-coco-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-coco-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-coco-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 500;\n color: var(--soi-coco-white);\n line-height: 1.5;\n margin: 0;\n max-width: 620px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-coco-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-coco-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-coco-compo-value {\n text-align: left;\n }\n\n .soi-coco-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-coco-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-coco-fiche {\n --soi-coco-text-soft: #2C3E50;\n --soi-coco-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603638608202,"sku":"NJ0210","price":6.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/najel_nj0210_huile_coco_349785ab-7b9d-4daa-b062-80d976b703e5.jpg?v=1778843259"},{"product_id":"huile-de-dattier-du-desert-certifiee-bio-najel","title":"Huile de Dattier du Désert certifiée bio – Najel","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eDécouvrez \u003cstrong\u003el'Huile de Dattier du Désert\u003c\/strong\u003e certifiée bio de Najel, un soin naturel d'exception \u003cstrong\u003epour le visage, le corps et les cheveux\u003c\/strong\u003e. Extraite par une pression à froid unique des graines du dattier, cette huile précieuse est votre alliée \u003cstrong\u003epour une peau nourrie et des cheveux revitalisés.\u003c\/strong\u003e Offrez à votre routine beauté un véritable trésor venu du cœur de l'Afrique tropicale.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_NJ0220_fd2586c9-bb7a-4ba3-b5fb-0e96df3b8f58.jpg?v=1776181142\" alt=\"Dattier du Désert et son huile\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques et bienfaits de l'Huile de Dattier du Désert certifiée bio de Najel\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003eL'Huile de Dattier du Désert de Najel est \u003cstrong\u003eune huile végétale pure\u003c\/strong\u003e, reconnue pour ses multiples bienfaits. \u003cstrong\u003eSa texture au toucher sec \u003c\/strong\u003een fait un \u003cstrong\u003esoin polyvalent\u003c\/strong\u003e et idéal pour différents types de peau et de cheveux.\u003c\/p\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eRépare et protège les peaux sèches\u003c\/strong\u003e\u003cbr\u003eGrâce à ses propriétés émollientes, cette huile nourrit et répare les peaux sèches et abîmées. Elle offre un confort immédiat en adoucissant la peau tout en créant une barrière protectrice contre les agressions extérieures.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIdéale pour les peaux mixtes\u003c\/strong\u003e\u003cbr\u003eL'Huile de Dattier du Désert est parfaite pour les peaux mixtes. Sa texture légère hydrate sans surgraisser, laissant la peau douce et équilibrée.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoin nourrissant pour les cheveux\u003c\/strong\u003e\u003cbr\u003eAppliquée sur les cheveux, elle redonne souplesse et vitalité aux cheveux secs et abîmés. Utilisez-la en masque avant shampoing pour nourrir en profondeur, ou en soin des pointes pour prévenir la casse et les fourches.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertifiée Cosmos Organic par Ecocert\u003c\/strong\u003e\u003cbr\u003eConditionnée dans un flacon ambré de 80 ml avec une pompe goutte à goutte, cette huile est un produit 100 % naturel et certifié bio, garantissant une utilisation respectueuse de votre peau et de l’environnement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eOrigine et culture\u003c\/strong\u003e\u003cbr\u003eLe dattier du désert, originaire du Sahel, est un arbre robuste qui joue un rôle clé dans la lutte contre la désertification. Ses fruits et ses feuilles sont consommés par les populations locales, et il est également reconnu pour ses propriétés anti-inflammatoires en médecine traditionnelle.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003e\u003cstrong\u003eL'Huile de Dattier du Désert certifiée bio de Najel\u003c\/strong\u003e est ainsi véritable élixir de beauté venu du désert, adapté à toutes vos envies : hydratation, réparation, protection. Intégrez-la à votre routine quotidienne \u003cstrong\u003epour une peau et des cheveux éclatants de santé\u003c\/strong\u003e. Offrez-vous un voyage sensoriel au cœur de l'Afrique avec ce \u003cstrong\u003esoin naturel et bio\u003c\/strong\u003e qui sublime votre beauté jour après jour.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603639755082,"sku":"NJ0220","price":13.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/najel_nj0220_huile_dattier_081dff72-0cc4-43af-b758-b11f6d7e7668.jpg?v=1778843258"},{"product_id":"beurre-de-karite-parfum-cacao-certifie-bio-najel","title":"Beurre de karité parfum cacao certifié bio – Najel","description":"\n\u003cdiv class=\"soi-kari-fiche\"\u003e\n\n \u003csection class=\"soi-kari-hero\"\u003e\n \u003cdiv class=\"soi-kari-hero-tag\"\u003e\n \u003cspan class=\"soi-kari-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétique naturelle · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-kari-hero-title\"\u003eUn seul pot, mille bienfaits\u003c\/span\u003e\n \u003cp class=\"soi-kari-hero-subtitle\"\u003eUn soin universel, nourrissant et protecteur pour le visage, le corps et les cheveux, aux notes gourmandes de cacao.\u003c\/p\u003e\n \u003cdiv class=\"soi-kari-hero-labels\"\u003e\n \u003cspan class=\"soi-kari-label soi-kari-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-kari-label\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-kari-label\"\u003eCOMMERCE ÉQUITABLE\u003c\/span\u003e\n \u003cspan class=\"soi-kari-label\"\u003eFABRICATION ARTISANALE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-kari-section\"\u003e\n \u003ch2\u003eUn beurre de karité bio parfum cacao conçu pour nourrir, protéger \u0026amp; se faire plaisir\u003c\/h2\u003e\n \u003cp\u003eSi vous cherchez un soin universel, naturel et vraiment efficace, le \u003cstrong\u003ebeurre de karité parfum cacao Najel\u003c\/strong\u003e est fait pour vous. Certifié \u003cstrong\u003eCosmos Organic par Ecocert\u003c\/strong\u003e, fabriqué artisanalement par une coopérative de femmes ghanéennes dans le respect du commerce équitable, ce beurre allie la puissance nutritive du karité aux notes gourmandes du cacao. Visage, corps, cheveux : il s'adapte à tous vos besoins, en toutes saisons.\u003c\/p\u003e\n \u003cdiv class=\"soi-kari-grid-compact\"\u003e\n \u003cdiv class=\"soi-kari-card-mini\"\u003e\n \u003cspan class=\"soi-kari-card-mini-icon\"\u003e🫙\u003c\/span\u003e\n \u003cspan class=\"soi-kari-card-mini-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-kari-card-mini-value\"\u003ePot de 100 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-card-mini\"\u003e\n \u003cspan class=\"soi-kari-card-mini-icon\"\u003e🌍\u003c\/span\u003e\n \u003cspan class=\"soi-kari-card-mini-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-kari-card-mini-value\"\u003eGhana\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-card-mini\"\u003e\n \u003cspan class=\"soi-kari-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-kari-card-mini-label\"\u003eQualité\u003c\/span\u003e\n \u003cspan class=\"soi-kari-card-mini-value\"\u003e100 % brut, non raffiné\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-card-mini\"\u003e\n \u003cspan class=\"soi-kari-card-mini-icon\"\u003e🤎\u003c\/span\u003e\n \u003cspan class=\"soi-kari-card-mini-label\"\u003eParfum\u003c\/span\u003e\n \u003cspan class=\"soi-kari-card-mini-value\"\u003eCacao naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-kari-section\"\u003e\n \u003ch2\u003ePourquoi le beurre de karité est-il si précieux pour la peau et les cheveux ?\u003c\/h2\u003e\n \u003cp class=\"soi-kari-section-intro\"\u003eLe \u003cstrong\u003ebeurre de karité\u003c\/strong\u003e est extrait des noix de l'arbre \u003cem\u003eVitellaria paradoxa\u003c\/em\u003e, poussant dans les savanes d'Afrique de l'Ouest. Sa richesse exceptionnelle en \u003cstrong\u003eacides gras\u003c\/strong\u003e (oléique, stéarique, linoléique) et en \u003cstrong\u003evitamines A, D, E et F\u003c\/strong\u003e en fait un ingrédient de référence en cosmétique naturelle.\u003c\/p\u003e\n \u003cdiv class=\"soi-kari-benefits\"\u003e\n \u003cdiv class=\"soi-kari-benefit\"\u003e\n \u003cdiv class=\"soi-kari-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFilm protecteur\u003c\/h3\u003e\n \u003cp\u003eRestaure le film hydrolipidique de la peau et des cheveux pour une protection durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-benefit\"\u003e\n \u003cdiv class=\"soi-kari-benefit-icon\"\u003e\u003cspan\u003e🔄\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRégénération cellulaire\u003c\/h3\u003e\n \u003cp\u003eFavorise le renouvellement cellulaire grâce à sa teneur en vitamine A.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-benefit\"\u003e\n \u003cdiv class=\"soi-kari-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAntioxydant naturel\u003c\/h3\u003e\n \u003cp\u003eProtège contre le stress oxydatif grâce à la vitamine E naturellement présente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-benefit\"\u003e\n \u003cdiv class=\"soi-kari-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eÉlasticité renforcée\u003c\/h3\u003e\n \u003cp\u003eRenforce l'élasticité cutanée et réduit l'aspect des peaux très sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-tip\"\u003e\n \u003cdiv class=\"soi-kari-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe saviez-vous ?\u003c\/strong\u003e\n \u003cp\u003eContrairement à de nombreux produits du marché, ce beurre est \u003cstrong\u003e100 % brut et non raffiné\u003c\/strong\u003e : toutes ses propriétés actives sont intégralement préservées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-kari-section\"\u003e\n \u003ch2\u003eLe beurre de karité dans les cheveux : un soin réparateur complet\u003c\/h2\u003e\n \u003cp class=\"soi-kari-section-intro\"\u003eVous vous demandez comment utiliser le \u003cstrong\u003ebeurre de karité sur vos cheveux\u003c\/strong\u003e ? C'est l'un des soins capillaires les plus polyvalents qui existent. Voici comment en tirer le meilleur parti.\u003c\/p\u003e\n \u003cdiv class=\"soi-kari-grid\"\u003e\n \u003cdiv class=\"soi-kari-card\"\u003e\n \u003ch3\u003e🧖 Masque nourrissant\u003c\/h3\u003e\n \u003cp\u003eAppliquez une noisette de beurre fondu entre vos paumes sur les longueurs et pointes, laissez poser 20 à 30 minutes sous une serviette chaude, puis rincez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-card\"\u003e\n \u003ch3\u003e💎 Soin sans rinçage\u003c\/h3\u003e\n \u003cp\u003eUne infime quantité sur les pointes sèches suffit à dompter les frisottis et apporter de la brillance au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-card\"\u003e\n \u003ch3\u003e🌡️ Bouclier thermique naturel\u003c\/h3\u003e\n \u003cp\u003eAppliqué avant le brushing, il protège la fibre capillaire de la chaleur et limite les dommages liés au coiffage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eLes \u003cstrong\u003echeveux secs, abîmés ou crépus\u003c\/strong\u003e répondent particulièrement bien au beurre de karité : ils retrouvent souplesse, brillance et densité visuelle dès les premières applications.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-kari-section\"\u003e\n \u003ch2\u003eUn soin complet pour le visage et le corps\u003c\/h2\u003e\n \u003cp class=\"soi-kari-section-intro\"\u003eAu-delà des cheveux, ce \u003cstrong\u003ebeurre de karité bio\u003c\/strong\u003e s'utilise partout. Sa texture solide fond instantanément au contact de la chaleur des mains, pour une application fluide et agréable. Le \u003cstrong\u003eparfum naturel de cacao\u003c\/strong\u003e transforme chaque geste en une pause sensorielle vraiment plaisante.\u003c\/p\u003e\n \u003cdiv class=\"soi-kari-grid\"\u003e\n \u003cdiv class=\"soi-kari-card\"\u003e\n \u003ch3\u003e🌸 Visage\u003c\/h3\u003e\n \u003cp\u003eCrème de nuit naturelle sur peaux sèches ou sensibles, soin des lèvres gercées. Une protection douce et enveloppante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-card\"\u003e\n \u003ch3\u003e🧴 Corps\u003c\/h3\u003e\n \u003cp\u003eProtection contre le froid et le vent, soin après-soleil apaisant, baume pour les talons abîmés. Votre allié en toutes saisons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-card\"\u003e\n \u003ch3\u003e🤲 Mains\u003c\/h3\u003e\n \u003cp\u003eRestaure les mains desséchées après de fréquents lavages. Quelques secondes suffisent pour retrouver confort et douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-kari-section\"\u003e\n \u003ch2\u003eComposition et certification\u003c\/h2\u003e\n \u003cdiv class=\"soi-kari-compo\"\u003e\n \u003cdiv class=\"soi-kari-compo-row\"\u003e\n \u003cspan class=\"soi-kari-compo-label\"\u003eIngrédients INCI\u003c\/span\u003e\n \u003cspan class=\"soi-kari-compo-value\"\u003eButyrospermum Parkii (Shea) Butter*, Parfum (Fragrance)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-compo-row\"\u003e\n \u003cspan class=\"soi-kari-compo-label\"\u003e* Origine\u003c\/span\u003e\n \u003cspan class=\"soi-kari-compo-value\"\u003eIngrédient issu de l'agriculture biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-compo-row\"\u003e\n \u003cspan class=\"soi-kari-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-kari-compo-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-compo-row\"\u003e\n \u003cspan class=\"soi-kari-compo-label\"\u003eProvenance\u003c\/span\u003e\n \u003cspan class=\"soi-kari-compo-value\"\u003eGhana, commerce équitable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-compo-row\"\u003e\n \u003cspan class=\"soi-kari-compo-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-kari-compo-value\"\u003ePot de 100 g, texture solide fondant à la chaleur des mains\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-kari-section\"\u003e\n \u003ch2\u003eComment utiliser le beurre de karité Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-kari-timeline\"\u003e\n \u003cdiv class=\"soi-kari-step\"\u003e\n \u003cdiv class=\"soi-kari-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-kari-step-content\"\u003e\n \u003ch3\u003ePrélevez\u003c\/h3\u003e\n \u003cp\u003ePrélevez une petite quantité de beurre avec les doigts propres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-step\"\u003e\n \u003cdiv class=\"soi-kari-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-kari-step-content\"\u003e\n \u003ch3\u003eFaites fondre\u003c\/h3\u003e\n \u003cp\u003eFaites fondre le beurre entre vos paumes pendant quelques secondes jusqu'à obtenir une texture fluide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-step\"\u003e\n \u003cdiv class=\"soi-kari-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-kari-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eAppliquez en massant doucement sur la zone souhaitée : peau, cheveux, mains ou pieds.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-step\"\u003e\n \u003cdiv class=\"soi-kari-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-kari-step-content\"\u003e\n \u003ch3\u003eDosez progressivement\u003c\/h3\u003e\n \u003cp\u003eCommencez par de petites quantités, surtout sur le visage, pour habituer votre peau au soin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-kari-section\"\u003e\n \u003cdiv class=\"soi-kari-accordion\"\u003e\n \u003cdetails class=\"soi-kari-accordion-item\"\u003e\n \u003csummary class=\"soi-kari-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-kari-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique. Il ne remplace pas un traitement médical. En cas d'irritation, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-kari-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-kari-cta-box\"\u003e\n \u003cp class=\"soi-kari-cta-tag\" style=\"color: white;\"\u003eUn seul pot, mille bienfaits\u003c\/p\u003e\n \u003cp class=\"soi-kari-cta-text\" style=\"color: white;\"\u003eHydrater, protéger, réparer et se faire du bien : le beurre de karité cacao Najel vous accompagne au quotidien, avec toute la générosité de la nature et le savoir-faire artisanal des femmes du Ghana.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-kari-marine: #1A2D3D;\n --soi-kari-marine-dark: #0F1E2B;\n --soi-kari-marine-light: #2C4458;\n --soi-kari-pomme: #A1C544;\n --soi-kari-pomme-dark: #84A636;\n --soi-kari-pomme-light: rgba(161,197,68,0.10);\n\n --soi-kari-white: #FFFFFF;\n --soi-kari-off-white: #F8FAF6;\n --soi-kari-stone: #F1F3EE;\n --soi-kari-line: #E5E8E0;\n\n --soi-kari-primary: #D4A460;\n --soi-kari-primary-soft: #E8C88A;\n --soi-kari-accent: #4A2F24;\n\n --soi-kari-text: #1A2D3D;\n --soi-kari-text-soft: #4A5B6B;\n --soi-kari-text-muted: #7B8693;\n\n --soi-kari-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-kari-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-kari-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-kari-radius: 12px;\n --soi-kari-radius-sm: 8px;\n --soi-kari-radius-pill: 999px;\n}\n\n.soi-kari-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-kari-fiche img { max-width: 100%; height: auto; }\n\n.soi-kari-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-kari-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-kari-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-kari-hero {\n position: relative;\n background: var(--soi-kari-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-kari-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-kari-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-kari-pomme);\n}\n\n.soi-kari-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-kari-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-kari-pomme);\n border-radius: 50%;\n}\n\n.soi-kari-hero-title {\n display: block;\n color: var(--soi-kari-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-kari-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-kari-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-kari-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-kari-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-kari-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-kari-label-accent {\n background: var(--soi-kari-pomme);\n border-color: var(--soi-kari-pomme);\n color: var(--soi-kari-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-kari-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-kari-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-kari-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-kari-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-kari-pomme);\n border-radius: 2px;\n}\n\n.soi-kari-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-kari-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-kari-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-kari-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-kari-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-kari-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-kari-benefit {\n background: var(--soi-kari-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-kari-radius);\n border: 1px solid var(--soi-kari-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-kari-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-kari-shadow-md);\n}\n\n.soi-kari-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-kari-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-kari-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-kari-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-kari-benefit:hover .soi-kari-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-kari-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-kari-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-kari-benefit p {\n font-size: 13px;\n color: var(--soi-kari-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-kari-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-kari-card {\n background: var(--soi-kari-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-kari-radius);\n border-left: 3px solid var(--soi-kari-pomme);\n}\n\n.soi-kari-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-kari-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-kari-card p {\n font-size: 14px;\n color: var(--soi-kari-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-kari-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-top: 1.5rem;\n}\n\n.soi-kari-card-mini {\n background: var(--soi-kari-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-kari-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-kari-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-kari-card-mini-label {\n font-size: 11px;\n color: var(--soi-kari-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-kari-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-kari-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-kari-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-kari-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-kari-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-kari-radius);\n border: 1px solid var(--soi-kari-line);\n align-items: flex-start;\n}\n\n.soi-kari-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-kari-marine);\n color: var(--soi-kari-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-kari-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-kari-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-kari-step-content p {\n font-size: 14px;\n color: var(--soi-kari-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-kari-compo {\n background: var(--soi-kari-off-white);\n border-radius: var(--soi-kari-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-kari-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-kari-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-kari-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-kari-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-kari-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-kari-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-kari-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-kari-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-kari-pomme-light);\n border-left: 4px solid var(--soi-kari-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-kari-radius) var(--soi-kari-radius) 0;\n align-items: flex-start;\n}\n\n.soi-kari-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-kari-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-kari-marine);\n margin-bottom: 4px;\n}\n\n.soi-kari-tip p {\n font-size: 14px;\n color: var(--soi-kari-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-kari-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-kari-accordion-item {\n background: var(--soi-kari-off-white);\n border-radius: var(--soi-kari-radius-sm);\n border: 1px solid var(--soi-kari-line);\n overflow: hidden;\n}\n\n.soi-kari-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-kari-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-kari-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-kari-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-kari-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-kari-accordion-item[open] .soi-kari-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-kari-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-kari-accordion-content p {\n font-size: 14px;\n color: var(--soi-kari-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-kari-cta-box {\n background: var(--soi-kari-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-kari-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-kari-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-kari-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-kari-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-kari-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-kari-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-kari-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-kari-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-kari-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-kari-compo-value {\n text-align: left;\n }\n\n .soi-kari-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-kari-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-kari-fiche {\n --soi-kari-text-soft: #2C3E50;\n --soi-kari-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603639853386,"sku":"NJ0230","price":6.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/beurre-de-karite-parfum-cacao-certifie-bio-najel-packshot.webp?v=1779807920"},{"product_id":"baume-soin-coco-certifie-bio-najel","title":"Baume soin coco certifié bio – Najel","description":"\u003cdiv class=\"soi-bcoco-fiche\"\u003e\n\n \u003csection class=\"soi-bcoco-hero\"\u003e\n \u003cdiv class=\"soi-bcoco-hero-tag\"\u003e\n \u003cspan class=\"soi-bcoco-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétique corps \u0026amp; cheveux · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-bcoco-hero-title\"\u003eNourri, Répare \u0026amp; Protège\u003c\/span\u003e\n \u003cp class=\"soi-bcoco-hero-subtitle\"\u003eUne texture fondante aux actifs biologiques généreux pour nourrir, réparer et protéger votre peau et vos cheveux en un seul geste.\u003c\/p\u003e\n \u003cdiv class=\"soi-bcoco-hero-labels\"\u003e\n \u003cspan class=\"soi-bcoco-label soi-bcoco-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-bcoco-label\"\u003e100 % ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-bcoco-label\"\u003eCERTIFIÉ ECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-bcoco-label\"\u003eMADE IN FRANCE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-bcoco-section\"\u003e\n \u003ch2\u003eUn baume fondant nourrissant coco bio, riche en actifs naturels d'exception\u003c\/h2\u003e\n \u003cp class=\"soi-bcoco-section-intro\"\u003eCe baume au karité et à la noix de coco bio tire sa force d'une synergie d'ingrédients botaniques soigneusement dosés.\u003c\/p\u003e\n \u003cdiv class=\"soi-bcoco-grid\"\u003e\n \u003cdiv class=\"soi-bcoco-card\"\u003e\n \u003ch3\u003e🥥 Huile de noix de coco bio\u003c\/h3\u003e\n \u003cp\u003eLégère et pénétrante, elle hydrate sans alourdir et laisse un parfum doux et enveloppant sur votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bcoco-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eVéritable bouclier naturel, il nourrit en profondeur et protège votre peau des agressions extérieures, notamment en hiver.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bcoco-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive vierge bio et beurre d'olive bio\u003c\/h3\u003e\n \u003cp\u003eReconnus pour leurs propriétés émollientes, ils assouplissent les peaux les plus sèches et rugueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bcoco-tip\"\u003e\n \u003cdiv class=\"soi-bcoco-tip-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eUne formule certifiée Cosmos Organic par Ecocert, sans conservateur de synthèse, sans parfum artificiel. Elle respecte à la fois votre peau et l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-bcoco-section\"\u003e\n \u003ch2\u003eCorps et cheveux : comment utiliser ce baume extra riche coco bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-bcoco-benefits\"\u003e\n \u003cdiv class=\"soi-bcoco-benefit\"\u003e\n \u003cdiv class=\"soi-bcoco-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSur le corps\u003c\/h3\u003e\n \u003cp\u003eAppliquez une noisette sur les zones très sèches (talons, coudes, genoux) après la douche, sur peau légèrement humide pour optimiser l'absorption. La peau est instantanément apaisée et protégée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bcoco-benefit\"\u003e\n \u003cdiv class=\"soi-bcoco-benefit-icon\"\u003e\u003cspan\u003e💆\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eEn masque capillaire\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur longueurs et pointes sèches ou abîmées, laissez poser 20 à 30 minutes (ou toute une nuit), puis rincez. Vos cheveux retrouvent souplesse, brillance et légèreté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bcoco-benefit\"\u003e\n \u003cdiv class=\"soi-bcoco-benefit-icon\"\u003e\u003cspan\u003e👄\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eLèvres et zones sensibles\u003c\/h3\u003e\n \u003cp\u003eSa formule douce et naturelle convient aux lèvres gercées, au contour des yeux ou aux petites zones irritées qui réclament un soin intensif rapide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bcoco-benefit\"\u003e\n \u003cdiv class=\"soi-bcoco-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eEn soin visage nourrissant\u003c\/h3\u003e\n \u003cp\u003eAppliqué en fine couche le soir sur peaux sèches ou déshydratées, il agit comme un baume de nuit réparateur, pour un teint repulpé au réveil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-bcoco-section\"\u003e\n \u003ch2\u003eComposition complète du baume soin Coco Najel\u003c\/h2\u003e\n \u003cp class=\"soi-bcoco-section-intro\"\u003eVoici la liste INCI complète pour une totale transparence :\u003c\/p\u003e\n \u003cdiv class=\"soi-bcoco-compo\"\u003e\n \u003cdiv class=\"soi-bcoco-compo-row\"\u003e\n \u003cspan class=\"soi-bcoco-compo-label\"\u003eCocos Nucifera (Coconut) Oil*\u003c\/span\u003e\n \u003cspan class=\"soi-bcoco-compo-value\"\u003eHuile de noix de coco bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bcoco-compo-row\"\u003e\n \u003cspan class=\"soi-bcoco-compo-label\"\u003eButyrospermum Parkii (Shea) Butter*\u003c\/span\u003e\n \u003cspan class=\"soi-bcoco-compo-value\"\u003eBeurre de karité bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bcoco-compo-row\"\u003e\n \u003cspan class=\"soi-bcoco-compo-label\"\u003eOlea Europaea (Olive) Fruit Oil*\u003c\/span\u003e\n \u003cspan class=\"soi-bcoco-compo-value\"\u003eHuile d'olive vierge bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bcoco-compo-row\"\u003e\n \u003cspan class=\"soi-bcoco-compo-label\"\u003eOlea Europaea (Olive) Fruit Butter*\u003c\/span\u003e\n \u003cspan class=\"soi-bcoco-compo-value\"\u003eBeurre d'olive bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bcoco-compo-row\"\u003e\n \u003cspan class=\"soi-bcoco-compo-label\"\u003eParfum (Fragrance)**\u003c\/span\u003e\n \u003cspan class=\"soi-bcoco-compo-value\"\u003eParfum naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"font-size: 12px; color: var(--soi-bcoco-text-muted); margin-top: 0.75rem; line-height: 1.6;\"\u003e* Ingrédients issus de l'agriculture biologique. ** Parfum naturel. Produit certifié Cosmos Organic par Ecocert.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-bcoco-section\"\u003e\n \u003ch2\u003eCe baume coco bio est-il fait pour vous ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-bcoco-grid\"\u003e\n \u003cdiv class=\"soi-bcoco-card\"\u003e\n \u003ch3\u003e🤲 Peaux sèches, très sèches ou réactives\u003c\/h3\u003e\n \u003cp\u003eVous recherchez une hydratation intense sans ingrédients chimiques. Ce baume apporte une nutrition profonde et durable à votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bcoco-card\"\u003e\n \u003ch3\u003e💇 Cheveux abîmés, cassants ou déshydratés\u003c\/h3\u003e\n \u003cp\u003eChaleur, soleil, colorations : vos cheveux ont besoin d'un soin réparateur. Ce baume leur redonne souplesse et brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-bcoco-card\"\u003e\n \u003ch3\u003e🌱 Adeptes du naturel et du bio\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez simplifier votre routine beauté avec un produit multi-usages, certifié bio et fabriqué en France, sans parfums de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-bcoco-section\"\u003e\n \u003cdiv class=\"soi-bcoco-accordion\"\u003e\n \u003cdetails class=\"soi-bcoco-accordion-item\"\u003e\n \u003csummary class=\"soi-bcoco-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-bcoco-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique. Il ne constitue pas un traitement médical et ne se substitue pas à un avis dermatologique en cas de pathologie cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-bcoco-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-bcoco-cta-box\"\u003e\n \u003cp class=\"soi-bcoco-cta-tag\" style=\"color: white;\"\u003eUn seul pot, mille douceurs\u003c\/p\u003e\n \u003cp class=\"soi-bcoco-cta-text\" style=\"color: white;\"\u003eDes actifs biologiques vrais, une formule transparente et un parfum de coco qui transforme chaque geste en moment de plaisir. Pour votre peau comme pour vos cheveux, découvrez le soin dont vous ne pourrez plus vous passer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-bcoco-marine: #1A2D3D;\n --soi-bcoco-marine-dark: #0F1E2B;\n --soi-bcoco-marine-light: #2C4458;\n --soi-bcoco-pomme: #A1C544;\n --soi-bcoco-pomme-dark: #84A636;\n --soi-bcoco-pomme-light: rgba(161,197,68,0.10);\n --soi-bcoco-white: #FFFFFF;\n --soi-bcoco-off-white: #F8FAF6;\n --soi-bcoco-stone: #F1F3EE;\n --soi-bcoco-line: #E5E8E0;\n --soi-bcoco-primary: #C4A882;\n --soi-bcoco-primary-soft: #E8D8C4;\n --soi-bcoco-accent: #8B6F52;\n --soi-bcoco-text: #1A2D3D;\n --soi-bcoco-text-soft: #4A5B6B;\n --soi-bcoco-text-muted: #7B8693;\n --soi-bcoco-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-bcoco-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-bcoco-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-bcoco-radius: 12px;\n --soi-bcoco-radius-sm: 8px;\n --soi-bcoco-radius-pill: 999px;\n}\n\n.soi-bcoco-fiche * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n.soi-bcoco-fiche img {\n max-width: 100%;\n height: auto;\n}\n\n.soi-bcoco-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-bcoco-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-bcoco-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-bcoco-hero {\n position: relative;\n background: var(--soi-bcoco-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-bcoco-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-bcoco-hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: var(--soi-bcoco-pomme);\n}\n\n.soi-bcoco-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-bcoco-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-bcoco-pomme);\n border-radius: 50%;\n}\n\n.soi-bcoco-hero-title {\n display: block;\n color: var(--soi-bcoco-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-bcoco-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-bcoco-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-bcoco-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-bcoco-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-bcoco-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-bcoco-label-accent {\n background: var(--soi-bcoco-pomme);\n border-color: var(--soi-bcoco-pomme);\n color: var(--soi-bcoco-marine);\n font-weight: 600;\n}\n\n.soi-bcoco-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-bcoco-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-bcoco-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-bcoco-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-bcoco-pomme);\n border-radius: 2px;\n}\n\n.soi-bcoco-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-bcoco-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-bcoco-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-bcoco-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-bcoco-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-bcoco-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-bcoco-benefit {\n background: var(--soi-bcoco-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-bcoco-radius);\n border: 1px solid var(--soi-bcoco-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-bcoco-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-bcoco-shadow-md);\n}\n\n.soi-bcoco-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-bcoco-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-bcoco-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-bcoco-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-bcoco-benefit:hover .soi-bcoco-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-bcoco-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-bcoco-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-bcoco-benefit p {\n font-size: 13px;\n color: var(--soi-bcoco-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-bcoco-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-bcoco-card {\n background: var(--soi-bcoco-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-bcoco-radius);\n border-left: 3px solid var(--soi-bcoco-pomme);\n}\n\n.soi-bcoco-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-bcoco-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-bcoco-card p {\n font-size: 14px;\n color: var(--soi-bcoco-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-bcoco-compo {\n background: var(--soi-bcoco-off-white);\n border-radius: var(--soi-bcoco-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-bcoco-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-bcoco-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-bcoco-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-bcoco-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-bcoco-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-family: 'Inter', sans-serif;\n}\n\n.soi-bcoco-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-bcoco-marine);\n text-align: right;\n}\n\n.soi-bcoco-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-bcoco-pomme-light);\n border-left: 4px solid var(--soi-bcoco-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-bcoco-radius) var(--soi-bcoco-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-bcoco-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-bcoco-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-bcoco-marine);\n margin-bottom: 4px;\n}\n\n.soi-bcoco-tip p {\n font-size: 14px;\n color: var(--soi-bcoco-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-bcoco-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-bcoco-accordion-item {\n background: var(--soi-bcoco-off-white);\n border-radius: var(--soi-bcoco-radius-sm);\n border: 1px solid var(--soi-bcoco-line);\n overflow: hidden;\n}\n\n.soi-bcoco-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-bcoco-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-bcoco-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-bcoco-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-bcoco-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-bcoco-accordion-item[open] .soi-bcoco-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-bcoco-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-bcoco-accordion-content p {\n font-size: 14px;\n color: var(--soi-bcoco-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-bcoco-cta-box {\n background: var(--soi-bcoco-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-bcoco-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-bcoco-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-bcoco-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-bcoco-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-bcoco-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-bcoco-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-bcoco-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-bcoco-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-bcoco-compo-value {\n text-align: left;\n }\n\n .soi-bcoco-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-bcoco-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-bcoco-fiche {\n --soi-bcoco-text-soft: #2C3E50;\n --soi-bcoco-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603640639818,"sku":"NJ0250","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/baume-soin-coco-certifie-bio-najel-packshot.webp?v=1779807581"},{"product_id":"hydrolat-de-rose-de-damas-certifie-bio-najel","title":"Hydrolat de rose de Damas certifié bio – Najel","description":"\u003cdiv class=\"soi-rose-fiche\"\u003e\n\n \u003csection class=\"soi-rose-hero\"\u003e\n \u003cdiv class=\"soi-rose-hero-tag\"\u003e\n \u003cspan class=\"soi-rose-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétique visage · Najel Méditerranée\n \u003c\/div\u003e\n \u003cspan class=\"soi-rose-hero-title\"\u003eHydrolat de Rose de Damas certifié Bio\u003c\/span\u003e\n \u003cp class=\"soi-rose-hero-subtitle\"\u003eUn rituel de soin ancestral distillé en France : fraîcheur, éclat et douceur pour votre peau, chaque jour.\u003c\/p\u003e\n \u003cdiv class=\"soi-rose-hero-labels\"\u003e\n \u003cspan class=\"soi-rose-label soi-rose-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-rose-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-rose-label\"\u003e+99 % ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-rose-label\"\u003eTOUS TYPES DE PEAUX\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-rose-section\"\u003e\n \u003ch2\u003eQu'est-ce qu'un hydrolat de rose de Damas, exactement ?\u003c\/h2\u003e\n \u003cp\u003eL'hydrolat de rose est le produit aqueux obtenu lors de la distillation à la vapeur d'eau des pétales de \u003cem\u003eRosa damascena\u003c\/em\u003e. Contrairement à l'huile essentielle, il est doux, non concentré, et s'utilise directement sur la peau sans dilution.\u003c\/p\u003e\n \u003cp\u003eCelui de Najel est fabriqué en France, à partir de matières premières d'origine naturelle à plus de 99 %, et répond aux exigences strictes du label biologique européen.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-rose-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'eau de rose sur le visage\u003c\/h2\u003e\n \u003cdiv class=\"soi-rose-benefits\"\u003e\n \u003cdiv class=\"soi-rose-benefit\"\u003e\n \u003cdiv class=\"soi-rose-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eTonique et astringent\u003c\/h3\u003e\n \u003cp\u003eResserre les pores, unifie le teint et prépare votre peau à mieux absorber les soins suivants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rose-benefit\"\u003e\n \u003cdiv class=\"soi-rose-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eApaisant et anti-rougeurs\u003c\/h3\u003e\n \u003cp\u003eSes propriétés anti-inflammatoires naturelles soulagent les peaux réactives, les irritations et les tiraillements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rose-benefit\"\u003e\n \u003cdiv class=\"soi-rose-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAnti-âge et régénérant\u003c\/h3\u003e\n \u003cp\u003eRiche en principes actifs floraux, il soutient la régénération cellulaire et atténue les signes du vieillissement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rose-benefit\"\u003e\n \u003cdiv class=\"soi-rose-benefit-icon\"\u003e\u003cspan\u003e🧘\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRééquilibrant émotionnel\u003c\/h3\u003e\n \u003cp\u003eLe parfum subtil et enveloppant de la rose de Damas agit sur la sphère émotionnelle pour un instant de sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rose-tip\"\u003e\n \u003cdiv class=\"soi-rose-tip-icon\"\u003e🌹\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eUniversel\u003c\/strong\u003e\n \u003cp\u003eConvient à tous les types de peau : peaux sensibles, mixtes, grasses ou matures. Aucune contre-indication connue pour un usage externe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-rose-section\"\u003e\n \u003ch2\u003eComment utiliser l'eau de rose pour le visage ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-rose-timeline\"\u003e\n \u003cdiv class=\"soi-rose-step\"\u003e\n \u003cdiv class=\"soi-rose-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-rose-step-content\"\u003e\n \u003ch3\u003eAprès le nettoyage\u003c\/h3\u003e\n \u003cp\u003eAppliquez l'hydrolat sur un coton ou vaporisez directement sur le visage après votre démaquillage. Il remplace avantageusement votre lotion tonique habituelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rose-step\"\u003e\n \u003cdiv class=\"soi-rose-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-rose-step-content\"\u003e\n \u003ch3\u003eEn brume fraîcheur\u003c\/h3\u003e\n \u003cp\u003eVaporisez l'eau de rose au fil de la journée pour hydrater, fixer le maquillage ou simplement vous rafraîchir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rose-step\"\u003e\n \u003cdiv class=\"soi-rose-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-rose-step-content\"\u003e\n \u003ch3\u003eEn soin complémentaire\u003c\/h3\u003e\n \u003cp\u003eImbibez deux disques de coton et posez-les en compresse sur les yeux fatigués. Cinq minutes suffisent pour dégonfler et apaiser le regard.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-rose-section\"\u003e\n \u003ch2\u003eComposition de l'hydrolat de rose de Damas Najel\u003c\/h2\u003e\n \u003cp class=\"soi-rose-section-intro\"\u003eLa formule est volontairement minimaliste, pour préserver toute la pureté de l'ingrédient actif.\u003c\/p\u003e\n \u003cdiv class=\"soi-rose-compo\"\u003e\n \u003cdiv class=\"soi-rose-compo-row\"\u003e\n \u003cspan class=\"soi-rose-compo-label\"\u003eINCI\u003c\/span\u003e\n \u003cspan class=\"soi-rose-compo-value\"\u003eRosa Damascena Flower Water\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rose-compo-row\"\u003e\n \u003cspan class=\"soi-rose-compo-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-rose-compo-value\"\u003eHydrodistillation de pétales de rose de Damas, 100 % d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rose-compo-row\"\u003e\n \u003cspan class=\"soi-rose-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-rose-compo-value\"\u003eCosmos Organic (BIO), fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rose-compo-row\"\u003e\n \u003cspan class=\"soi-rose-compo-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-rose-compo-value\"\u003eSans alcool, sans conservateur synthétique, sans parfum artificiel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-rose-section\"\u003e\n \u003ch2\u003ePour qui est fait cet hydrolat de rose ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-rose-grid\"\u003e\n \u003cdiv class=\"soi-rose-card\"\u003e\n \u003ch3\u003e🌷 Peaux sensibles et réactives\u003c\/h3\u003e\n \u003cp\u003eUn soin apaisant sans risque d'irritation, idéal pour les peaux les plus délicates.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rose-card\"\u003e\n \u003ch3\u003e💧 Peaux grasses ou à imperfections\u003c\/h3\u003e\n \u003cp\u003eSes propriétés astringentes aident à resserrer les pores et à rééquilibrer la production de sébum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rose-card\"\u003e\n \u003ch3\u003e🌺 Peaux matures\u003c\/h3\u003e\n \u003cp\u003eSon action régénérante et tonifiante redonne éclat et élasticité à la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-rose-tip\"\u003e\n \u003cdiv class=\"soi-rose-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eCet hydrolat peut également s'utiliser en cas de coup de soleil, de piqûre ou de légère irritation cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-rose-section\"\u003e\n \u003ch2\u003eConservation et précautions\u003c\/h2\u003e\n \u003cdiv class=\"soi-rose-accordion\"\u003e\n \u003cdetails class=\"soi-rose-accordion-item\"\u003e\n \u003csummary class=\"soi-rose-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"soi-rose-accordion-content\"\u003e\n \u003cp\u003eConservez votre hydrolat de rose de Damas à l'abri de la chaleur et de la lumière directe. Une fois ouvert, il est conseillé de l'utiliser dans les 6 à 8 semaines et de le conserver au réfrigérateur pour prolonger sa fraîcheur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-rose-accordion-item\"\u003e\n \u003csummary class=\"soi-rose-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-rose-accordion-content\"\u003e\n \u003cp\u003eCe produit est destiné à un usage externe uniquement et ne se substitue à aucun traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-rose-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-rose-cta-box\"\u003e\n \u003cp class=\"soi-rose-cta-tag\" style=\"color: white;\"\u003eUn flacon, mille usages\u003c\/p\u003e\n \u003cp class=\"soi-rose-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau un soin d'une pureté rare, hérité d'un savoir-faire ancestral. Chaque vaporisation, c'est un souffle de nature sur votre visage : fraîcheur, douceur, éclat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-rose-marine: #1A2D3D;\n --soi-rose-marine-dark: #0F1E2B;\n --soi-rose-marine-light: #2C4458;\n --soi-rose-pomme: #A1C544;\n --soi-rose-pomme-dark: #84A636;\n --soi-rose-pomme-light: rgba(161,197,68,0.10);\n\n --soi-rose-white: #FFFFFF;\n --soi-rose-off-white: #F8FAF6;\n --soi-rose-stone: #F1F3EE;\n --soi-rose-line: #E5E8E0;\n\n --soi-rose-primary: #C0627A;\n --soi-rose-primary-soft: #F5E0E5;\n --soi-rose-accent: #D4A8A4;\n\n --soi-rose-text: #1A2D3D;\n --soi-rose-text-soft: #4A5B6B;\n --soi-rose-text-muted: #7B8693;\n\n --soi-rose-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-rose-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-rose-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-rose-radius: 12px;\n --soi-rose-radius-sm: 8px;\n --soi-rose-radius-pill: 999px;\n}\n\n.soi-rose-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-rose-fiche img { max-width: 100%; height: auto; }\n\n.soi-rose-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-rose-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-rose-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-rose-hero {\n position: relative;\n background: var(--soi-rose-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-rose-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-rose-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-rose-primary);\n}\n\n.soi-rose-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-rose-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-rose-primary);\n border-radius: 50%;\n}\n\n.soi-rose-hero-title {\n display: block;\n color: var(--soi-rose-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-rose-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-rose-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-rose-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-rose-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-rose-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-rose-label-accent {\n background: var(--soi-rose-primary);\n border-color: var(--soi-rose-primary);\n color: var(--soi-rose-white);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-rose-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-rose-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-rose-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-rose-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-rose-primary);\n border-radius: 2px;\n}\n\n.soi-rose-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-rose-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-rose-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-rose-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-rose-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-rose-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-rose-benefit {\n background: var(--soi-rose-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-rose-radius);\n border: 1px solid var(--soi-rose-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-rose-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-rose-shadow-md);\n}\n\n.soi-rose-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-rose-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-rose-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-rose-primary);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-rose-benefit:hover .soi-rose-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-rose-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-rose-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-rose-benefit p {\n font-size: 13px;\n color: var(--soi-rose-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-rose-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-rose-card {\n background: var(--soi-rose-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-rose-radius);\n border-left: 3px solid var(--soi-rose-primary);\n}\n\n.soi-rose-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-rose-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-rose-card p {\n font-size: 14px;\n color: var(--soi-rose-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-rose-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-rose-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-rose-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-rose-radius);\n border: 1px solid var(--soi-rose-line);\n align-items: flex-start;\n}\n\n.soi-rose-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-rose-marine);\n color: var(--soi-rose-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-rose-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-rose-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-rose-step-content p {\n font-size: 14px;\n color: var(--soi-rose-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-rose-compo {\n background: var(--soi-rose-off-white);\n border-radius: var(--soi-rose-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-rose-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-rose-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-rose-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-rose-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-rose-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-rose-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-rose-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-rose-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-rose-primary-soft);\n border-left: 4px solid var(--soi-rose-primary);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-rose-radius) var(--soi-rose-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-rose-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-rose-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-rose-marine);\n margin-bottom: 4px;\n}\n\n.soi-rose-tip p {\n font-size: 14px;\n color: var(--soi-rose-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-rose-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-rose-accordion-item {\n background: var(--soi-rose-off-white);\n border-radius: var(--soi-rose-radius-sm);\n border: 1px solid var(--soi-rose-line);\n overflow: hidden;\n}\n\n.soi-rose-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-rose-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-rose-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-rose-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-rose-primary);\n transition: transform 0.2s ease;\n}\n\n.soi-rose-accordion-item[open] .soi-rose-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-rose-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-rose-accordion-content p {\n font-size: 14px;\n color: var(--soi-rose-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-rose-cta-box {\n background: var(--soi-rose-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-rose-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-rose-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-rose-primary);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-rose-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-rose-primary);\n margin-bottom: 0.75rem;\n}\n\n.soi-rose-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-rose-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-rose-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-rose-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-rose-compo-value {\n text-align: left;\n }\n\n .soi-rose-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-rose-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-rose-fiche {\n --soi-rose-text-soft: #2C3E50;\n --soi-rose-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603640770890,"sku":"NJ0265","price":9.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/najel_nj0265_hydrolat_rose_ebc788de-9518-4616-9392-a0caf5872869.jpg?v=1778843258"},{"product_id":"argile-rouge-en-pot-najel","title":"Argile rouge en pot – Najel","description":"\u003cdiv class=\"soi-argr-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-argr-hero\"\u003e\n \u003cdiv class=\"soi-argr-hero-tag\"\u003e\n \u003cspan class=\"soi-argr-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétiques et soins beauté · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-argr-hero-title\"\u003eUn geste nature hérité de siècles de sagesse\n\n\u003c\/span\u003e\n \u003cp class=\"soi-argr-hero-subtitle\"\u003eLe soin « bonne mine » par excellence : purifiez, reminéralisez et réveillez l'éclat de votre peau grâce à une argile pure extraite des carrières d'Auvergne.\u003c\/p\u003e\n \u003cdiv class=\"soi-argr-hero-labels\"\u003e\n \u003cspan class=\"soi-argr-label soi-argr-label-accent\"\u003eCOSMOS NATURAL\u003c\/span\u003e\n \u003cspan class=\"soi-argr-label\"\u003eCERTIFIÉ ECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-argr-label\"\u003eORIGINE FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-argr-label\"\u003e100% NATUREL\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Pourquoi choisir l'argile rouge --\u003e\n \u003csection class=\"soi-argr-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'argile rouge pour votre peau et vos cheveux ?\u003c\/h2\u003e\n \u003cp class=\"soi-argr-section-intro\"\u003eParmi toutes les argiles cosmétiques, l'argile rouge se distingue par sa teneur exceptionnelle en oxyde de fer, ce minéral qui lui confère sa couleur caractéristique et ses propriétés absorbantes puissantes. Voici ce que vous pouvez en attendre :\u003c\/p\u003e\n \u003cdiv class=\"soi-argr-benefits\"\u003e\n \u003cdiv class=\"soi-argr-benefit\"\u003e\n \u003cdiv class=\"soi-argr-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eÉclat immédiat\u003c\/h3\u003e\n \u003cp\u003eElle ravive les teints brouillés et atténue les petites rougeurs en stimulant la microcirculation cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argr-benefit\"\u003e\n \u003cdiv class=\"soi-argr-benefit-icon\"\u003e\u003cspan\u003e🫧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePurification en profondeur\u003c\/h3\u003e\n \u003cp\u003eSes propriétés absorbantes captent les impuretés et désobstruent les pores sans agresser l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argr-benefit\"\u003e\n \u003cdiv class=\"soi-argr-benefit-icon\"\u003e\u003cspan\u003e💎\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eReminéralisation\u003c\/h3\u003e\n \u003cp\u003eSes sels minéraux nourrissent la peau en profondeur, idéal pour les peaux matures ou carencées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argr-benefit\"\u003e\n \u003cdiv class=\"soi-argr-benefit-icon\"\u003e\u003cspan\u003e💆\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRevitalisation capillaire\u003c\/h3\u003e\n \u003cp\u003eAppliquée sur les cheveux, elle assainit le cuir chevelu, apporte du volume et redonne de la vitalité aux longueurs ternes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Pour qui est-elle faite ? --\u003e\n \u003csection class=\"soi-argr-section\"\u003e\n \u003ch2\u003ePour qui est-elle faite ?\u003c\/h2\u003e\n \u003cp class=\"soi-argr-section-intro\"\u003eL'argile rouge convient à tous les types de peau, y compris les peaux sensibles et matures. Elle est particulièrement recommandée pour :\u003c\/p\u003e\n \u003cdiv class=\"soi-argr-grid\"\u003e\n \u003cdiv class=\"soi-argr-card\"\u003e\n \u003ch3\u003e😴 Peaux ternes ou fatiguées\u003c\/h3\u003e\n \u003cp\u003eVotre teint manque d'éclat au quotidien ? L'argile rouge réveille la luminosité de votre peau dès la première application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argr-card\"\u003e\n \u003ch3\u003e🌿 Peaux matures\u003c\/h3\u003e\n \u003cp\u003eVous recherchez une détoxification douce et un renouvellement cellulaire ? Ce soin minéral vous accompagne en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argr-card\"\u003e\n \u003ch3\u003e💇 Cheveux sans volume\u003c\/h3\u003e\n \u003cp\u003eCuir chevelu encrassé, longueurs raplapla ? L'argile rouge assainit et redonne corps à votre chevelure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Comment utiliser --\u003e\n \u003csection class=\"soi-argr-section\"\u003e\n \u003ch2\u003eComment utiliser l'argile rouge Najel ?\u003c\/h2\u003e\n \u003cp class=\"soi-argr-section-intro\"\u003eLa préparation est simple et rapide. Suivez ces étapes pour un résultat optimal :\u003c\/p\u003e\n \u003cdiv class=\"soi-argr-timeline\"\u003e\n \u003cdiv class=\"soi-argr-step\"\u003e\n \u003cdiv class=\"soi-argr-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-argr-step-content\"\u003e\n \u003ch3\u003ePréparez votre masque visage\u003c\/h3\u003e\n \u003cp\u003eMélangez 2 cuillères à soupe d'argile rouge avec un peu d'eau tiède (ou d'hydrolat) jusqu'à obtenir une pâte homogène et onctueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argr-step\"\u003e\n \u003cdiv class=\"soi-argr-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-argr-step-content\"\u003e\n \u003ch3\u003eAppliquez en couche uniforme\u003c\/h3\u003e\n \u003cp\u003eÉtalez sur le visage préalablement nettoyé, en évitant le contour des yeux et des lèvres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argr-step\"\u003e\n \u003cdiv class=\"soi-argr-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-argr-step-content\"\u003e\n \u003ch3\u003eLaissez poser 10 à 15 minutes\u003c\/h3\u003e\n \u003cp\u003eAccordez à l'argile le temps d'agir en profondeur, sans la laisser sécher complètement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argr-step\"\u003e\n \u003cdiv class=\"soi-argr-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-argr-step-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède et terminez par une brume d'eau froide pour resserrer les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argr-tip\"\u003e\n \u003cdiv class=\"soi-argr-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour un masque capillaire, appliquez la même préparation sur le cuir chevelu, massez doucement, laissez poser 15 minutes puis rincez soigneusement avant votre shampooing habituel. Fréquence conseillée : 1 fois par semaine pour un teint lumineux et un cuir chevelu sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Composition --\u003e\n \u003csection class=\"soi-argr-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cp class=\"soi-argr-section-intro\"\u003eCe produit contient un seul ingrédient, 100% naturel et pur. Aucun additif, aucun conservateur, aucun parfum ajouté. La formule la plus simple et la plus saine qui soit.\u003c\/p\u003e\n \u003cdiv class=\"soi-argr-compo\"\u003e\n \u003cdiv class=\"soi-argr-compo-row\"\u003e\n \u003cspan class=\"soi-argr-compo-label\"\u003eIngrédient unique\u003c\/span\u003e\n \u003cspan class=\"soi-argr-compo-value\"\u003eArgile rouge (Illite)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argr-compo-row\"\u003e\n \u003cspan class=\"soi-argr-compo-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-argr-compo-value\"\u003eAuvergne, France (carrières près du Puy-en-Velay)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argr-compo-row\"\u003e\n \u003cspan class=\"soi-argr-compo-label\"\u003eMinéraux\u003c\/span\u003e\n \u003cspan class=\"soi-argr-compo-value\"\u003eOxyde de fer, silice, magnésium, potassium\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argr-compo-row\"\u003e\n \u003cspan class=\"soi-argr-compo-label\"\u003eAdditifs\u003c\/span\u003e\n \u003cspan class=\"soi-argr-compo-value\"\u003eAucun (sans conservateur, sans parfum)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Informations pratiques --\u003e\n \u003csection class=\"soi-argr-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-argr-grid-compact\"\u003e\n \u003cdiv class=\"soi-argr-card-mini\"\u003e\n \u003cspan class=\"soi-argr-card-mini-icon\"\u003e🏅\u003c\/span\u003e\n \u003cspan class=\"soi-argr-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-argr-card-mini-value\"\u003eCosmos Natural par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argr-card-mini\"\u003e\n \u003cspan class=\"soi-argr-card-mini-icon\"\u003e📍\u003c\/span\u003e\n \u003cspan class=\"soi-argr-card-mini-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-argr-card-mini-value\"\u003eAuvergne, France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argr-card-mini\"\u003e\n \u003cspan class=\"soi-argr-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-argr-card-mini-label\"\u003eUtilisations\u003c\/span\u003e\n \u003cspan class=\"soi-argr-card-mini-value\"\u003eVisage, cheveux, corps, DIY\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argr-card-mini\"\u003e\n \u003cspan class=\"soi-argr-card-mini-icon\"\u003e🌸\u003c\/span\u003e\n \u003cspan class=\"soi-argr-card-mini-label\"\u003eConvient à\u003c\/span\u003e\n \u003cspan class=\"soi-argr-card-mini-value\"\u003eTous types de peau, sensibles incluses\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argr-accordion\"\u003e\n \u003cdetails class=\"soi-argr-accordion-item\"\u003e\n \u003csummary class=\"soi-argr-accordion-header\"\u003e🏺 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"soi-argr-accordion-content\"\u003e\n \u003cp\u003eConservez votre argile rouge à l'abri de l'humidité, dans un endroit sec et tempéré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"soi-argr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-argr-cta-box\"\u003e\n \u003cp class=\"soi-argr-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau un rituel aussi simple qu'efficace. Teint lumineux, peau purifiée, cheveux revitalisés : les meilleurs soins sont souvent ceux que la terre nous offre directement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-argr-marine: #1A2D3D;\n --soi-argr-marine-dark: #0F1E2B;\n --soi-argr-marine-light: #2C4458;\n --soi-argr-pomme: #A1C544;\n --soi-argr-pomme-dark: #84A636;\n --soi-argr-pomme-light: rgba(161,197,68,0.10);\n --soi-argr-white: #FFFFFF;\n --soi-argr-off-white: #F8FAF6;\n --soi-argr-stone: #F1F3EE;\n --soi-argr-line: #E5E8E0;\n --soi-argr-primary: #C45A28;\n --soi-argr-primary-soft: #E8956A;\n --soi-argr-accent: #3D2B22;\n --soi-argr-text: #1A2D3D;\n --soi-argr-text-soft: #4A5B6B;\n --soi-argr-text-muted: #7B8693;\n --soi-argr-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-argr-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-argr-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-argr-radius: 12px;\n --soi-argr-radius-sm: 8px;\n --soi-argr-radius-pill: 999px;\n}\n\n.soi-argr-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-argr-fiche img { max-width: 100%; height: auto; }\n\n.soi-argr-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-argr-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-argr-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-argr-hero {\n position: relative;\n background: var(--soi-argr-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-argr-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-argr-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-argr-pomme);\n}\n\n.soi-argr-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-argr-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-argr-pomme);\n border-radius: 50%;\n}\n\n.soi-argr-hero-title {\n display: block;\n color: var(--soi-argr-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-argr-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-argr-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-argr-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-argr-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-argr-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-argr-label-accent {\n background: var(--soi-argr-pomme);\n border-color: var(--soi-argr-pomme);\n color: var(--soi-argr-marine);\n font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-argr-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-argr-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-argr-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-argr-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-argr-pomme);\n border-radius: 2px;\n}\n\n.soi-argr-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-argr-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-argr-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-argr-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-argr-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-argr-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-argr-benefit {\n background: var(--soi-argr-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-argr-radius);\n border: 1px solid var(--soi-argr-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-argr-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-argr-shadow-md);\n}\n\n.soi-argr-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-argr-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-argr-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-argr-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-argr-benefit:hover .soi-argr-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-argr-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-argr-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-argr-benefit p {\n font-size: 13px;\n color: var(--soi-argr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-argr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-argr-card {\n background: var(--soi-argr-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-argr-radius);\n border-left: 3px solid var(--soi-argr-pomme);\n}\n\n.soi-argr-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-argr-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-argr-card p {\n font-size: 14px;\n color: var(--soi-argr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID COMPACT *\/\n.soi-argr-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-bottom: 1.25rem;\n}\n\n.soi-argr-card-mini {\n background: var(--soi-argr-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-argr-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-argr-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-argr-card-mini-label {\n font-size: 11px;\n color: var(--soi-argr-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-argr-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-argr-marine);\n}\n\n\/* TIMELINE *\/\n.soi-argr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-argr-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-argr-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-argr-radius);\n border: 1px solid var(--soi-argr-line);\n align-items: flex-start;\n}\n\n.soi-argr-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-argr-marine);\n color: var(--soi-argr-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-argr-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-argr-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-argr-step-content p {\n font-size: 14px;\n color: var(--soi-argr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-argr-compo {\n background: var(--soi-argr-off-white);\n border-radius: var(--soi-argr-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-argr-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-argr-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-argr-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-argr-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-argr-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-argr-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-argr-marine);\n text-align: right;\n}\n\n\/* TIP *\/\n.soi-argr-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-argr-pomme-light);\n border-left: 4px solid var(--soi-argr-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-argr-radius) var(--soi-argr-radius) 0;\n align-items: flex-start;\n}\n\n.soi-argr-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-argr-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-argr-marine);\n margin-bottom: 4px;\n}\n\n.soi-argr-tip p {\n font-size: 14px;\n color: var(--soi-argr-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* ACCORDION *\/\n.soi-argr-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-argr-accordion-item {\n background: var(--soi-argr-off-white);\n border-radius: var(--soi-argr-radius-sm);\n border: 1px solid var(--soi-argr-line);\n overflow: hidden;\n}\n\n.soi-argr-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-argr-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-argr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-argr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-argr-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-argr-accordion-item[open] .soi-argr-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-argr-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-argr-accordion-content p {\n font-size: 14px;\n color: var(--soi-argr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-argr-cta-box {\n background: var(--soi-argr-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-argr-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-argr-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-argr-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-argr-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-argr-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-argr-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-argr-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 640px) {\n .soi-argr-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-argr-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-argr-compo-value {\n text-align: left;\n }\n\n .soi-argr-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-argr-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-argr-fiche {\n --soi-argr-text-soft: #2C3E50;\n --soi-argr-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603642048842,"sku":"NJ0285","price":4.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/argile-rouge-en-pot-najel-packshot.webp?v=1779811626"},{"product_id":"argile-verte-en-pot-najel","title":"Argile verte bio – Najel","description":"\u003cdiv class=\"soi-argv-fiche\"\u003e\n\n\u003csection class=\"soi-argv-hero\"\u003e\n \u003cdiv class=\"soi-argv-hero-tag\"\u003e\n \u003cspan class=\"soi-argv-tag-dot\"\u003e\u003c\/span\u003e\n Soin cosmétique naturel · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-argv-hero-title\"\u003eArgile Verte en Pot\u003c\/span\u003e\n \u003cp class=\"soi-argv-hero-subtitle\"\u003ePurifiez votre peau et assainissez votre cuir chevelu grâce à la puissance minérale de l'argile verte illite, extraite des carrières d'Auvergne.\u003c\/p\u003e\n \u003cdiv class=\"soi-argv-hero-labels\"\u003e\n \u003cspan class=\"soi-argv-label soi-argv-label-accent\"\u003eCOSMOS NATURAL\u003c\/span\u003e\n \u003cspan class=\"soi-argv-label\"\u003e100 % NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-argv-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-argv-label\"\u003ePEAUX GRASSES\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-argv-section\"\u003e\n \u003ch2\u003ePourquoi l'argile verte est-elle si efficace ?\u003c\/h2\u003e\n \u003cp class=\"soi-argv-section-intro\"\u003eL'argile verte illite est naturellement riche en silice, magnésium, fer et potassium. Cette composition minérale unique lui confère des propriétés que peu d'actifs naturels peuvent égaler.\u003c\/p\u003e\n \u003cdiv class=\"soi-argv-benefits\"\u003e\n \u003cdiv class=\"soi-argv-benefit\"\u003e\n \u003cdiv class=\"soi-argv-benefit-icon\"\u003e\u003cspan\u003e🧽\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAbsorbante\u003c\/h3\u003e\n \u003cp\u003eElle capte l'excès de sébum et les impuretés logées dans les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argv-benefit\"\u003e\n \u003cdiv class=\"soi-argv-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePurifiante\u003c\/h3\u003e\n \u003cp\u003eElle nettoie en profondeur sans agresser la barrière cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argv-benefit\"\u003e\n \u003cdiv class=\"soi-argv-benefit-icon\"\u003e\u003cspan\u003e⚖️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRééquilibrante\u003c\/h3\u003e\n \u003cp\u003eUtilisée régulièrement, elle aide à réguler la production de sébum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argv-benefit\"\u003e\n \u003cdiv class=\"soi-argv-benefit-icon\"\u003e\u003cspan\u003e💎\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eReminéralisante\u003c\/h3\u003e\n \u003cp\u003eElle restitue à la peau les minéraux essentiels à son éclat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argv-benefit\"\u003e\n \u003cdiv class=\"soi-argv-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eApaisante\u003c\/h3\u003e\n \u003cp\u003eGrâce à ses propriétés anti-inflammatoires, elle calme les rougeurs et les petites imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-argv-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'argile verte selon vos besoins\u003c\/h2\u003e\n \u003cdiv class=\"soi-argv-grid\"\u003e\n \u003cdiv class=\"soi-argv-card\"\u003e\n \u003ch3\u003e🪷 Pour le visage\u003c\/h3\u003e\n \u003cp\u003eEn masque visage, l'argile verte resserre les pores dilatés, élimine les points noirs et redonne un teint unifié. Elle est particulièrement adaptée aux peaux grasses et acnéiques, mais convient aussi aux peaux mixtes en application localisée sur la zone T.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argv-card\"\u003e\n \u003ch3\u003e💆 Pour les cheveux gras\u003c\/h3\u003e\n \u003cp\u003eAppliquée en masque capillaire, elle absorbe l'excès de sébum sur le cuir chevelu, apporte légèreté et volume aux cheveux et contribue à réguler durablement leur production de gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argv-card\"\u003e\n \u003ch3\u003e🩹 Pour un cataplasme\u003c\/h3\u003e\n \u003cp\u003eLe cataplasme d'argile verte s'applique en couche épaisse sur une zone douloureuse ou inflammatoire (articulation, contusion, tension musculaire). L'argile, en séchant, \"tire\" les toxines et apaise l'inconfort. Étalez une couche de 1 à 2 cm sur un linge propre, posez-le sur la zone à traiter, laissez agir 1 à 2 heures, puis rincez à l'eau tiède. Ce soin ne remplace en aucun cas un avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-argv-section\"\u003e\n \u003ch2\u003eComment utiliser l'argile verte Najel : mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"soi-argv-timeline\"\u003e\n \u003cdiv class=\"soi-argv-step\"\u003e\n \u003cdiv class=\"soi-argv-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-argv-step-content\"\u003e\n \u003ch3\u003ePréparez la pâte\u003c\/h3\u003e\n \u003cp\u003eVersez l'argile dans un récipient en céramique, en verre ou en plastique. Ajoutez de l'eau minérale ou florale progressivement et mélangez avec une spatule en bois jusqu'à obtenir une pâte homogène et lisse. Évitez tout contact avec le métal, qui altère les propriétés de l'argile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argv-step\"\u003e\n \u003cdiv class=\"soi-argv-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-argv-step-content\"\u003e\n \u003ch3\u003eAppliquez généreusement\u003c\/h3\u003e\n \u003cp\u003eÉtalez une couche uniforme sur le visage (en évitant le contour des yeux et les lèvres), sur le cuir chevelu ou sur la zone à traiter en cataplasme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argv-step\"\u003e\n \u003cdiv class=\"soi-argv-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-argv-step-content\"\u003e\n \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n \u003cp\u003e10 à 15 minutes pour un masque visage, 20 à 30 minutes pour un soin capillaire, 1 à 2 heures pour un cataplasme. Retirez avant séchage complet sur les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argv-step\"\u003e\n \u003cdiv class=\"soi-argv-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-argv-step-content\"\u003e\n \u003ch3\u003eRincez à l'eau tiède\u003c\/h3\u003e\n \u003cp\u003eAppliquez ensuite votre hydratant habituel pour compenser l'effet absorbant de l'argile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-argv-section\"\u003e\n \u003ch2\u003eComposition et certification\u003c\/h2\u003e\n \u003cdiv class=\"soi-argv-compo\"\u003e\n \u003cdiv class=\"soi-argv-compo-row\"\u003e\n \u003cspan class=\"soi-argv-compo-label\"\u003eIngrédient unique\u003c\/span\u003e\n \u003cspan class=\"soi-argv-compo-value\"\u003eIllite (argile verte illite 100 % naturelle)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argv-compo-row\"\u003e\n \u003cspan class=\"soi-argv-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-argv-compo-value\"\u003eCosmos Natural par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argv-compo-row\"\u003e\n \u003cspan class=\"soi-argv-compo-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-argv-compo-value\"\u003eAuvergne, France (près du Puy-en-Velay)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argv-compo-row\"\u003e\n \u003cspan class=\"soi-argv-compo-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"soi-argv-compo-value\"\u003ePot de 200 ml en polypropylène avec opercule de protection\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argv-compo-row\"\u003e\n \u003cspan class=\"soi-argv-compo-label\"\u003eFormulation\u003c\/span\u003e\n \u003cspan class=\"soi-argv-compo-value\"\u003eSans ajout chimique, sans conservateur, sans parfum artificiel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-argv-section\"\u003e\n \u003ch2\u003eFréquence d'utilisation recommandée\u003c\/h2\u003e\n \u003cdiv class=\"soi-argv-grid\"\u003e\n \u003cdiv class=\"soi-argv-card\"\u003e\n \u003ch3\u003e🪷 Masque visage\u003c\/h3\u003e\n \u003cp\u003e1 à 2 fois par semaine pour les peaux grasses, 1 fois tous les 10 jours pour les peaux mixtes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argv-card\"\u003e\n \u003ch3\u003e💆 Soin capillaire\u003c\/h3\u003e\n \u003cp\u003e1 fois par semaine en alternance avec votre shampoing habituel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-argv-card\"\u003e\n \u003ch3\u003e🩹 Cataplasme\u003c\/h3\u003e\n \u003cp\u003eSelon les besoins, sans dépasser l'usage quotidien prolongé sans avis d'un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-argv-section\"\u003e\n \u003cdiv class=\"soi-argv-accordion\"\u003e\n \u003cdetails class=\"soi-argv-accordion-item\"\u003e\n \u003csummary class=\"soi-argv-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-argv-accordion-content\"\u003e\n \u003cp\u003eCe produit cosmétique ne se substitue pas à un traitement médical. En cas de doute ou de pathologie cutanée, consultez un dermatologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-argv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-argv-cta-box\"\u003e\n \u003cp class=\"soi-argv-cta-tag\" style=\"color: white;\"\u003ePrendre soin de soi naturellement\u003c\/p\u003e\n \u003cp class=\"soi-argv-cta-text\" style=\"color: white;\"\u003eRedonnez à votre peau et vos cheveux la légèreté qu'ils méritent. L'argile verte Najel, née des terres d'Auvergne, purifie en profondeur, régule le sébum et apaise les inconforts avec la force brute de la nature.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-argv-marine: #1A2D3D;\n --soi-argv-marine-dark: #0F1E2B;\n --soi-argv-marine-light: #2C4458;\n --soi-argv-pomme: #A1C544;\n --soi-argv-pomme-dark: #84A636;\n --soi-argv-pomme-light: rgba(161,197,68,0.10);\n --soi-argv-white: #FFFFFF;\n --soi-argv-off-white: #F8FAF6;\n --soi-argv-stone: #F1F3EE;\n --soi-argv-line: #E5E8E0;\n --soi-argv-primary: #4A7C59;\n --soi-argv-primary-soft: #6B9A78;\n --soi-argv-accent: #3D5C44;\n --soi-argv-text: #1A2D3D;\n --soi-argv-text-soft: #4A5B6B;\n --soi-argv-text-muted: #7B8693;\n --soi-argv-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-argv-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-argv-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-argv-radius: 12px;\n --soi-argv-radius-sm: 8px;\n --soi-argv-radius-pill: 999px;\n}\n\n.soi-argv-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-argv-fiche img { max-width: 100%; height: auto; }\n\n.soi-argv-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-argv-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-argv-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-argv-hero {\n position: relative;\n background: var(--soi-argv-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-argv-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-argv-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-argv-pomme);\n}\n\n.soi-argv-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-argv-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-argv-pomme);\n border-radius: 50%;\n}\n\n.soi-argv-hero-title {\n display: block;\n color: var(--soi-argv-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-argv-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-argv-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-argv-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-argv-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-argv-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-argv-label-accent {\n background: var(--soi-argv-pomme);\n border-color: var(--soi-argv-pomme);\n color: var(--soi-argv-marine);\n font-weight: 600;\n}\n\n.soi-argv-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-argv-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-argv-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-argv-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-argv-pomme);\n border-radius: 2px;\n}\n\n.soi-argv-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-argv-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-argv-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-argv-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-argv-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-argv-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-argv-benefit {\n background: var(--soi-argv-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-argv-radius);\n border: 1px solid var(--soi-argv-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-argv-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-argv-shadow-md);\n}\n\n.soi-argv-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-argv-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-argv-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-argv-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-argv-benefit:hover .soi-argv-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-argv-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-argv-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-argv-benefit p {\n font-size: 13px;\n color: var(--soi-argv-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-argv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-argv-card {\n background: var(--soi-argv-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-argv-radius);\n border-left: 3px solid var(--soi-argv-pomme);\n}\n\n.soi-argv-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-argv-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-argv-card p {\n font-size: 14px;\n color: var(--soi-argv-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-argv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-argv-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-argv-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-argv-radius);\n border: 1px solid var(--soi-argv-line);\n align-items: flex-start;\n}\n\n.soi-argv-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-argv-marine);\n color: var(--soi-argv-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-argv-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-argv-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-argv-step-content p {\n font-size: 14px;\n color: var(--soi-argv-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-argv-compo {\n background: var(--soi-argv-off-white);\n border-radius: var(--soi-argv-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-argv-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-argv-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-argv-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-argv-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-argv-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-argv-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-argv-marine);\n text-align: right;\n}\n\n.soi-argv-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-argv-accordion-item {\n background: var(--soi-argv-off-white);\n border-radius: var(--soi-argv-radius-sm);\n border: 1px solid var(--soi-argv-line);\n overflow: hidden;\n}\n\n.soi-argv-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-argv-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-argv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-argv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-argv-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-argv-accordion-item[open] .soi-argv-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-argv-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-argv-accordion-content p {\n font-size: 14px;\n color: var(--soi-argv-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-argv-cta-box {\n background: var(--soi-argv-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-argv-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-argv-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-argv-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-argv-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-argv-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-argv-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-argv-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-argv-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-argv-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-argv-compo-value {\n text-align: left;\n }\n\n .soi-argv-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-argv-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-argv-fiche {\n --soi-argv-text-soft: #2C3E50;\n --soi-argv-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603642409290,"sku":"NJ0290","price":4.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/argile-verte-en-pot-najel-packshot.webp?v=1779807606"},{"product_id":"savon-d-alep-detachant-najel","title":"Savon d’Alep détachant – Najel","description":"\n\u003cdiv class=\"soi-alep-fiche\"\u003e\n\n\u003csection class=\"soi-alep-hero\"\u003e\n \u003cdiv class=\"soi-alep-hero-tag\"\u003e\n \u003cspan class=\"soi-alep-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène textile · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-alep-hero-title\"\u003eSavon d'Alep détachant\u003c\/span\u003e\n \u003cp class=\"soi-alep-hero-subtitle\"\u003eUn savoir-faire ancestral au service de votre linge : l'huile d'olive biologique saponifiée élimine naturellement les taches les plus tenaces, sans chimie agressive.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003e100% HUILE D'OLIVE\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eDEPUIS 1895\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eORIGINE ALEP\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003ePourquoi ce savon d'Alep détachant est différent\u003c\/h2\u003e\n \u003cp\u003eFabriqué selon un savoir-faire transmis depuis 1895 par la famille Al Najjar à Alep (Syrie), ce savon d'Alep détachant Najel est bien plus qu'un simple pain de savon. Là où d'autres détachants misent sur des agents tensioactifs de synthèse, c'est ici l'huile d'olive biologique saponifiée qui fait le travail : elle pénètre les fibres textiles, décompose les corps gras et élimine les résidus sans abîmer vos vêtements.\u003c\/p\u003e\n \u003cp\u003eChaque bloc sèche pendant au moins 9 mois avant d'être commercialisé, ce qui lui confère une dureté et une efficacité remarquables à l'usage. Ancêtre du savon de Marseille, le savon d'Alep existe depuis plus de 3 000 ans. Ce n'est pas un hasard s'il traverse les millénaires : sa formule simple fonctionne vraiment.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eSur quelles taches agit-il concrètement ?\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eCe savon d'Alep est particulièrement recommandé en prétraitement avant lavage en machine, y compris sur tissu délicat. Son pH doux respecte aussi bien le coton que la laine ou le lin.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🫒 Taches de graisse et d'huile\u003c\/h3\u003e\n \u003cp\u003eCol de veste, bavures de cuisine, projections de vinaigrette : l'huile d'olive saponifiée décompose efficacement les corps gras incrustés dans les fibres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🍫 Taches alimentaires\u003c\/h3\u003e\n \u003cp\u003eSauce tomate, chocolat, café, vin rouge : frottez directement le pain de savon sur la tache pour un résultat visible dès le premier lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e💧 Taches de transpiration\u003c\/h3\u003e\n \u003cp\u003eAisselles, cols de chemise, poignets : le savon agit en profondeur pour éliminer les marques jaunâtres sans altérer les fibres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e✨ Taches grasses diverses\u003c\/h3\u003e\n \u003cp\u003eCosmétiques, crème solaire, fond de teint : sa formule naturelle vient à bout des résidus gras les plus tenaces.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComment utiliser le savon d'Alep détachant Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-timeline\"\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eHumidifiez et frottez\u003c\/h3\u003e\n \u003cp\u003eHumidifiez légèrement la tache et frottez directement le pain de savon sur le tissu sec ou légèrement humide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n \u003cp\u003ePatientez quelques minutes (5 à 15 min) pour les taches incrustées afin de laisser l'huile d'olive saponifiée agir en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eLancez votre lessive\u003c\/h3\u003e\n \u003cp\u003ePassez en machine normalement. Pour un résultat optimal, vous pouvez associer ce savon à la lessive liquide Najel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-tip\"\u003e\n \u003cdiv class=\"soi-alep-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour les taches vraiment coriaces (cambouis, herbe), n'hésitez pas à recommencer l'opération une seconde fois avant de relancer un second lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep détachant Najel\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eLa liste des ingrédients est volontairement courte, et c'est une force. Aucun conservateur, aucun colorant, aucun parfum de synthèse. Certifié biologique, ce savon convient aux personnes à peau sensible souhaitant éviter tout contact avec des détergents chimiques lors du prétraitement à la main.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-compo\"\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eIngrédient principal\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eSodium olivate (huile d'olive biologique saponifiée)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eSolvant\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eEau\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eAgent de saponification\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eSodium hydroxide (soude, entièrement neutralisée)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eBiologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eSéchage\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eAu moins 9 mois\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eCe que vous devez savoir avant de l'acheter\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-accordion\"\u003e\n \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n \u003csummary class=\"soi-alep-accordion-header\"\u003e🧴 Le savon d'Alep est-il recommandé par les dermatologues ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003ePour un usage textile, la question ne se pose pas : sa formule naturelle est unanimement reconnue comme non irritante. Pour un usage cutané, de nombreux dermatologues le conseillent pour les peaux atopiques, mais ce produit est ici exclusivement formulé pour le linge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n \u003csummary class=\"soi-alep-accordion-header\"\u003e👕 Peut-on l'utiliser sur tous les tissus ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eOui, y compris les matières délicates. Nous vous recommandons toutefois de tester sur une zone cachée pour les teintes très fragiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n \u003csummary class=\"soi-alep-accordion-header\"\u003e⏳ Quelle est la durée de vie du savon ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eUn bloc dure plusieurs mois selon l'usage. Conservez-le à l'abri de l'humidité entre deux utilisations pour éviter qu'il ne ramollisse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-alep-cta-box\"\u003e\n \u003cp class=\"soi-alep-cta-tag\" style=\"color: white;\"\u003eLaver \u0026amp; detacher naturellement\u003c\/p\u003e\n \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eTrois ingrédients, trois millénaires de recul, zéro compromis. Le savon d'Alep détachant Najel redonne une seconde vie à vos vêtements tachés, sans chimie agressive, sans impact sur l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-alep-marine: #1A2D3D;\n --soi-alep-marine-dark: #0F1E2B;\n --soi-alep-marine-light: #2C4458;\n --soi-alep-pomme: #A1C544;\n --soi-alep-pomme-dark: #84A636;\n --soi-alep-pomme-light: rgba(161,197,68,0.10);\n --soi-alep-white: #FFFFFF;\n --soi-alep-off-white: #F8FAF6;\n --soi-alep-stone: #F1F3EE;\n --soi-alep-line: #E5E8E0;\n --soi-alep-primary: #C4AE8A;\n --soi-alep-primary-soft: #E8DCCC;\n --soi-alep-accent: #A08050;\n --soi-alep-text: #1A2D3D;\n --soi-alep-text-soft: #4A5B6B;\n --soi-alep-text-muted: #7B8693;\n --soi-alep-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-alep-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-alep-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-alep-radius: 12px;\n --soi-alep-radius-sm: 8px;\n --soi-alep-radius-pill: 999px;\n}\n\n.soi-alep-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-alep-fiche img { max-width: 100%; height: auto; }\n\n.soi-alep-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-alep-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-alep-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-alep-hero {\n position: relative;\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-alep-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-alep-pomme);\n}\n\n.soi-alep-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-alep-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-alep-pomme);\n border-radius: 50%;\n}\n\n.soi-alep-hero-title {\n display: block;\n color: var(--soi-alep-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-alep-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-alep-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-alep-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-alep-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-alep-label-accent {\n background: var(--soi-alep-pomme);\n border-color: var(--soi-alep-pomme);\n color: var(--soi-alep-marine);\n font-weight: 600;\n}\n\n.soi-alep-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-alep-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-alep-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-alep-pomme);\n border-radius: 2px;\n}\n\n.soi-alep-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-alep-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-alep-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-alep-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-alep-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-alep-card {\n background: var(--soi-alep-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border-left: 3px solid var(--soi-alep-pomme);\n}\n\n.soi-alep-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-card p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-alep-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-alep-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n align-items: flex-start;\n}\n\n.soi-alep-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-alep-marine);\n color: var(--soi-alep-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-alep-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-alep-step-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alep-compo {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-alep-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-alep-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-alep-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-alep-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-alep-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-alep-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-alep-marine);\n text-align: right;\n}\n\n.soi-alep-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-alep-pomme-light);\n border-left: 4px solid var(--soi-alep-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-alep-radius) var(--soi-alep-radius) 0;\n align-items: flex-start;\n}\n\n.soi-alep-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-alep-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-alep-marine);\n margin-bottom: 4px;\n}\n\n.soi-alep-tip p {\n font-size: 14px;\n color: var(--soi-alep-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alep-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-alep-accordion-item {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius-sm);\n border: 1px solid var(--soi-alep-line);\n overflow: hidden;\n}\n\n.soi-alep-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-alep-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-alep-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-alep-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-alep-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-alep-accordion-item[open] .soi-alep-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-alep-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-alep-accordion-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alep-cta-box {\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-alep-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-alep-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-alep-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-alep-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-alep-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-alep-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-alep-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-alep-compo-value {\n text-align: left;\n }\n\n .soi-alep-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-alep-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-alep-fiche {\n --soi-alep-text-soft: #2C3E50;\n --soi-alep-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603643326794,"sku":"NJ0365","price":3.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-detachant-najel-packshot_8380c21c-a44b-4a1c-a466-e6e0ed838e34.webp?v=1779611401"},{"product_id":"savon-noir-d-alep-liquide-najel","title":"Savon Noir d'Alep Liquide – Najel","description":"\u003cdiv class=\"soi-savn-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-savn-hero\"\u003e\n \u003cdiv class=\"soi-savn-hero-tag\"\u003e\n \u003cspan class=\"soi-savn-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène maison · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-savn-hero-title\"\u003eSavon noir d'Alep liquide concentré\u003c\/span\u003e\n \u003cp class=\"soi-savn-hero-subtitle\"\u003eL'alliance de l'huile d'olive et de l'huile de laurier saponifiées pour remplacer une dizaine de produits ménagers conventionnels. Un seul flacon, des usages illimités.\u003c\/p\u003e\n \u003cdiv class=\"soi-savn-hero-labels\"\u003e\n \u003cspan class=\"soi-savn-label soi-savn-label-accent\"\u003eECODÉTERGENT ECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-savn-label\"\u003e99 % ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-savn-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-savn-label\"\u003eBIODÉGRADABLE\u003c\/span\u003e\n \u003cspan class=\"soi-savn-label\"\u003eCONCENTRÉ\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Savon noir d'Alep liquide concentré – Najel Olive \u0026 Laurier --\u003e\n \u003csection class=\"soi-savn-section\"\u003e\n \u003ch2\u003eSavon noir d'Alep liquide concentré – Najel Olive \u0026amp; Laurier\u003c\/h2\u003e\n \u003cp\u003eLe \u003cstrong\u003esavon noir liquide d'Alep Najel\u003c\/strong\u003e incarne l'alliance parfaite entre un savoir-faire ancestral et une formule moderne, certifiée \u003cstrong\u003eEcodétergent par Ecocert\u003c\/strong\u003e. Composé d'huile d'olive et d'huile de laurier saponifiées, ce savon noir liquide concentré remplace efficacement une dizaine de produits ménagers conventionnels. Un seul flacon, des usages illimités, et une conscience tranquille.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Pourquoi choisir ce savon noir liquide plutôt qu'un autre ? --\u003e\n \u003csection class=\"soi-savn-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce savon noir liquide plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cp class=\"soi-savn-section-intro\"\u003eSur le marché du savon noir liquide, nombreux sont les produits qui affichent des promesses écologiques sans les tenir vraiment. Ici, la formule Najel est composée à 99 % d'ingrédients d'origine naturelle, sans colorant, sans conservateur synthétique, et fabriquée en France. La différence se sent dès la première utilisation : une texture fluide, un pouvoir dégraissant réel, et aucune agressivité sur les surfaces comme sur les mains.\u003c\/p\u003e\n \u003cdiv class=\"soi-savn-benefits\"\u003e\n \u003cdiv class=\"soi-savn-benefit\"\u003e\n \u003cdiv class=\"soi-savn-benefit-icon\"\u003e\u003cspan\u003e✅\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCertifié Ecodétergent Ecocert\u003c\/h3\u003e\n \u003cp\u003eUne garantie indépendante de conformité écologique réelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-savn-benefit\"\u003e\n \u003cdiv class=\"soi-savn-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eConcentré\u003c\/h3\u003e\n \u003cp\u003eQuelques millilitres suffisent : le flacon dure bien plus longtemps qu'un produit classique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-savn-benefit\"\u003e\n \u003cdiv class=\"soi-savn-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eBiodégradable\u003c\/h3\u003e\n \u003cp\u003eRespecte les écosystèmes aquatiques après rinçage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-savn-benefit\"\u003e\n \u003cdiv class=\"soi-savn-benefit-icon\"\u003e\u003cspan\u003e🇫🇷\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFabriqué en France\u003c\/h3\u003e\n \u003cp\u003eAvec des huiles végétales issues de la tradition d'Alep.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Tous les usages du savon noir liquide au quotidien --\u003e\n \u003csection class=\"soi-savn-section\"\u003e\n \u003ch2\u003eTous les usages du savon noir liquide au quotidien\u003c\/h2\u003e\n \u003cp class=\"soi-savn-section-intro\"\u003eCe savon noir liquide multiusage s'adapte à chaque pièce de votre maison et bien au-delà :\u003c\/p\u003e\n \u003cdiv class=\"soi-savn-grid\"\u003e\n \u003cdiv class=\"soi-savn-card\"\u003e\n \u003ch3\u003e🍽️ Liquide vaisselle au savon noir\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes dans l'eau chaude dégraissent casseroles, poêles et couverts sans laisser de résidu chimique sur vos ustensiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-savn-card\"\u003e\n \u003ch3\u003e🏠 Sols et surfaces\u003c\/h3\u003e\n \u003cp\u003eCarrelage, marbre, lino, céramique : il nettoie et assainit sans ternir ni rayer. Diluez 1 à 2 bouchons dans un seau d'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-savn-card\"\u003e\n \u003ch3\u003e🚿 Salle de bain et sanitaires\u003c\/h3\u003e\n \u003cp\u003eÉlimine le calcaire léger, la graisse et les dépôts sans produit chimique agressif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-savn-card\"\u003e\n \u003ch3\u003e🌱 Jardin et plantes\u003c\/h3\u003e\n \u003cp\u003eDilué et vaporisé sur les feuilles, il éloigne naturellement les pucerons et autres parasites, sans nuire à la plante ni au sol.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-savn-card\"\u003e\n \u003ch3\u003e🐾 Toilette des animaux\u003c\/h3\u003e\n \u003cp\u003eDoux et non irritant, il peut être utilisé pour laver le pelage de vos compagnons à poils.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-savn-card\"\u003e\n \u003ch3\u003e👕 Lessive d'appoint\u003c\/h3\u003e\n \u003cp\u003eEfficace en détachant avant lavage sur les cols, taches de gras ou auréoles tenaces.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Composition et utilisation --\u003e\n \u003csection class=\"soi-savn-section\"\u003e\n \u003ch2\u003eComposition et utilisation\u003c\/h2\u003e\n\n \u003cdiv class=\"soi-savn-compo\"\u003e\n \u003cdiv class=\"soi-savn-compo-row\"\u003e\n \u003cspan class=\"soi-savn-compo-label\"\u003eIngrédients principaux\u003c\/span\u003e\n \u003cspan class=\"soi-savn-compo-value\"\u003ePotassium olivate (huile d'olive saponifiée), Potassium laurate (huile de laurier saponifiée), eau\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-savn-compo-row\"\u003e\n \u003cspan class=\"soi-savn-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-savn-compo-value\"\u003e99 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-savn-compo-row\"\u003e\n \u003cspan class=\"soi-savn-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-savn-compo-value\"\u003eEcodétergent Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-savn-compo-row\"\u003e\n \u003cspan class=\"soi-savn-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-savn-compo-value\"\u003eParfum ajouté, colorant, conservateur synthétique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-savn-compo-row\"\u003e\n \u003cspan class=\"soi-savn-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-savn-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"soi-savn-timeline\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cdiv class=\"soi-savn-step\"\u003e\n \u003cdiv class=\"soi-savn-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-savn-step-content\"\u003e\n \u003ch3\u003eVaisselle à la main\u003c\/h3\u003e\n \u003cp\u003e1 à 2 ml dans une bassine d'eau chaude.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-savn-step\"\u003e\n \u003cdiv class=\"soi-savn-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-savn-step-content\"\u003e\n \u003ch3\u003eNettoyage des sols\u003c\/h3\u003e\n \u003cp\u003e1 à 2 bouchons (15 à 30 ml) dans 5 litres d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-savn-step\"\u003e\n \u003cdiv class=\"soi-savn-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-savn-step-content\"\u003e\n \u003ch3\u003eTraitement antiparasitaire plantes\u003c\/h3\u003e\n \u003cp\u003e15 ml dilués dans 1 litre d'eau, en vaporisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-savn-step\"\u003e\n \u003cdiv class=\"soi-savn-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-savn-step-content\"\u003e\n \u003ch3\u003eToilette des animaux\u003c\/h3\u003e\n \u003cp\u003eAppliquer pur ou légèrement dilué sur pelage mouillé, rincer abondamment.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"soi-savn-tip\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cdiv class=\"soi-savn-tip-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003ePrécaution d'usage\u003c\/strong\u003e\n \u003cp\u003eCe produit est un nettoyant ménager. Il n'est pas destiné à un usage cosmétique humain prolongé. En cas de doute sur une surface délicate, testez sur une petite zone avant application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Questions fréquentes sur le savon noir liquide --\u003e\n \u003csection class=\"soi-savn-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le savon noir liquide\u003c\/h2\u003e\n \u003cdiv class=\"soi-savn-accordion\"\u003e\n \u003cdetails class=\"soi-savn-accordion-item\"\u003e\n \u003csummary class=\"soi-savn-accordion-header\"\u003e🧴 Le savon noir liquide est-il aussi efficace que le liquide vaisselle du commerce ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-savn-accordion-content\"\u003e\n \u003cp\u003eOui, à condition de bien le diluer et d'utiliser une eau assez chaude. Son pouvoir dégraissant naturel est réel, et il ne laisse pas de film chimique sur les surfaces.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-savn-accordion-item\"\u003e\n \u003csummary class=\"soi-savn-accordion-header\"\u003e🔌 Peut-on l'utiliser dans un lave-vaisselle ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-savn-accordion-content\"\u003e\n \u003cp\u003eNon, ce savon noir liquide n'est pas adapté aux appareils électroménagers. Il est conçu pour un usage manuel ou ménager dilué.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-savn-accordion-item\"\u003e\n \u003csummary class=\"soi-savn-accordion-header\"\u003e📦 Où trouver ce savon noir liquide ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-savn-accordion-content\"\u003e\n \u003cp\u003eDisponible ici directement, il est souvent comparé aux références disponibles en grande surface, mais sa certification Ecocert et sa formule à l'huile de laurier le distinguent clairement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"soi-savn-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-savn-cta-box\"\u003e\n \u003cp class=\"soi-savn-cta-text\" style=\"color: white;\"\u003eUn seul flacon de savon noir liquide d'Alep Najel, et vous simplifiez vraiment votre quotidien : moins de produits sous l'évier, moins de plastique, et une maison propre du sol au jardin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* === Couleurs Soinat (FIXES) === *\/\n --soi-savn-marine: #1A2D3D;\n --soi-savn-marine-dark: #0F1E2B;\n --soi-savn-marine-light: #2C4458;\n --soi-savn-pomme: #A1C544;\n --soi-savn-pomme-dark: #84A636;\n --soi-savn-pomme-light: rgba(161,197,68,0.10);\n\n \/* === Neutres Soinat === *\/\n --soi-savn-white: #FFFFFF;\n --soi-savn-off-white: #F8FAF6;\n --soi-savn-stone: #F1F3EE;\n --soi-savn-line: #E5E8E0;\n\n \/* === Couleurs dynamiques (packaging : vert olive profond, vert sauge clair, blanc) === *\/\n --soi-savn-primary: #5A7247;\n --soi-savn-primary-soft: #C4CFA8;\n --soi-savn-accent: #3B5442;\n\n \/* === Textes === *\/\n --soi-savn-text: #1A2D3D;\n --soi-savn-text-soft: #4A5B6B;\n --soi-savn-text-muted: #7B8693;\n\n \/* === Effets === *\/\n --soi-savn-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-savn-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-savn-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-savn-radius: 12px;\n --soi-savn-radius-sm: 8px;\n --soi-savn-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-savn-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-savn-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-savn-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-savn-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-savn-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-savn-hero {\n position: relative;\n background: var(--soi-savn-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-savn-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-savn-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-savn-pomme);\n}\n\n.soi-savn-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-savn-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-savn-pomme);\n border-radius: 50%;\n}\n\n.soi-savn-hero-title {\n display: block;\n color: var(--soi-savn-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-savn-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-savn-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-savn-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-savn-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-savn-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-savn-label-accent {\n background: var(--soi-savn-pomme);\n border-color: var(--soi-savn-pomme);\n color: var(--soi-savn-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-savn-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-savn-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-savn-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-savn-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-savn-pomme);\n border-radius: 2px;\n}\n\n.soi-savn-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-savn-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-savn-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-savn-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-savn-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-savn-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-savn-benefit {\n background: var(--soi-savn-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-savn-radius);\n border: 1px solid var(--soi-savn-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-savn-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-savn-shadow-md);\n}\n\n.soi-savn-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-savn-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-savn-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-savn-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-savn-benefit:hover .soi-savn-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-savn-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-savn-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-savn-benefit p {\n font-size: 13px;\n color: var(--soi-savn-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-savn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-savn-card {\n background: var(--soi-savn-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-savn-radius);\n border-left: 3px solid var(--soi-savn-pomme);\n}\n\n.soi-savn-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-savn-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-savn-card p {\n font-size: 14px;\n color: var(--soi-savn-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-savn-compo {\n background: var(--soi-savn-off-white);\n border-radius: var(--soi-savn-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-savn-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-savn-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-savn-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-savn-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-savn-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-savn-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-savn-marine);\n text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-savn-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-savn-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-savn-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-savn-radius);\n border: 1px solid var(--soi-savn-line);\n align-items: flex-start;\n}\n\n.soi-savn-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-savn-marine);\n color: var(--soi-savn-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-savn-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-savn-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-savn-step-content p {\n font-size: 14px;\n color: var(--soi-savn-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-savn-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-savn-pomme-light);\n border-left: 4px solid var(--soi-savn-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-savn-radius) var(--soi-savn-radius) 0;\n align-items: flex-start;\n}\n\n.soi-savn-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-savn-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-savn-marine);\n margin-bottom: 4px;\n}\n\n.soi-savn-tip p {\n font-size: 14px;\n color: var(--soi-savn-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-savn-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-savn-accordion-item {\n background: var(--soi-savn-off-white);\n border-radius: var(--soi-savn-radius-sm);\n border: 1px solid var(--soi-savn-line);\n overflow: hidden;\n}\n\n.soi-savn-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-savn-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-savn-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-savn-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-savn-pomme);\n transition: transform 0.2s ease;\n flex-shrink: 0;\n margin-left: 1rem;\n}\n\n.soi-savn-accordion-item[open] .soi-savn-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-savn-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-savn-accordion-content p {\n font-size: 14px;\n color: var(--soi-savn-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-savn-cta-box {\n background: var(--soi-savn-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-savn-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-savn-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-savn-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-savn-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-savn-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-savn-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-savn-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-savn-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-savn-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-savn-compo-value {\n text-align: left;\n }\n\n .soi-savn-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-savn-grid {\n grid-template-columns: 1fr;\n }\n\n .soi-savn-benefits {\n grid-template-columns: 1fr 1fr;\n }\n}\n\n@media (max-width: 420px) {\n .soi-savn-benefits {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-savn-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-savn-fiche {\n --soi-savn-text-soft: #2C3E50;\n --soi-savn-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603643851082,"sku":"NJ0370","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/najel_nj0370_noir_liquide-new_684d54e1-690c-484b-8098-471ef91b1b7e.jpg?v=1778843267"},{"product_id":"deodorant-baume-parfum-embrun-certifie-bio-et-vegan-najel","title":"Déodorant baume parfum embrun - bio et vegan - Najel","description":"\u003cdiv class=\"soi-embr-fiche\"\u003e\n\n \u003csection class=\"soi-embr-hero\"\u003e\n \u003cdiv class=\"soi-embr-hero-tag\"\u003e\n \u003cspan class=\"soi-embr-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-embr-hero-title\"\u003eDéodorant baume parfum embrun certifié bio et vegan\u003c\/span\u003e\n \u003cp class=\"soi-embr-hero-subtitle\"\u003eUn baume déodorant naturel à la fragrance marine, formulé sans compromis pour les peaux sensibles et les convictions écologiques.\u003c\/p\u003e\n \u003cdiv class=\"soi-embr-hero-labels\"\u003e\n \u003cspan class=\"soi-embr-label soi-embr-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-embr-label\"\u003e100% VEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-embr-label\"\u003e100% NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-embr-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-embr-label\"\u003eSANS ALUMINIUM\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-embr-section\"\u003e\n \u003ch2\u003eUn baume déodorant naturel, pourquoi choisir cette texture ?\u003c\/h2\u003e\n \u003cp\u003eContrairement aux déodorants classiques en spray ou en bille, le baume déodorant présente une texture onctueuse qui fond doucement au contact de la peau. Résultat : une application fluide, sans résidu blanc, sans irritation et sans trace sur les vêtements.\u003c\/p\u003e\n \u003cp\u003eLa texture baume est particulièrement appréciée pour les peaux sensibles ou réactives, souvent agressées par les formules conventionnelles chargées en alcool ou en aluminium.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-embr-section\"\u003e\n \u003ch2\u003eIngrédients clés et bénéfices pour votre peau\u003c\/h2\u003e\n \u003cp\u003eChaque ingrédient a été sélectionné pour son rôle précis. Voici ce que contient ce baume déodorant naturel :\u003c\/p\u003e\n \u003cdiv class=\"soi-embr-benefits\"\u003e\n \u003cdiv class=\"soi-embr-benefit\"\u003e\n \u003cdiv class=\"soi-embr-benefit-icon\"\u003e\u003cspan\u003e🫒\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eApaisante et antioxydante, elle nourrit la peau sans l'agresser et contribue à maintenir son équilibre naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-embr-benefit\"\u003e\n \u003cdiv class=\"soi-embr-benefit-icon\"\u003e\u003cspan\u003e🧈\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eBeurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eRéparateur et émollient, il laisse la peau souple et confortable après chaque application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-embr-benefit\"\u003e\n \u003cdiv class=\"soi-embr-benefit-icon\"\u003e\u003cspan\u003e🤍\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eArgile blanche\u003c\/h3\u003e\n \u003cp\u003eAbsorbant naturel, elle régule l'humidité et neutralise les mauvaises odeurs à la source, sans obstruer les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-embr-benefit\"\u003e\n \u003cdiv class=\"soi-embr-benefit-icon\"\u003e\u003cspan\u003e🌊\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFragrance naturelle \"Embruns\"\u003c\/h3\u003e\n \u003cp\u003eUne signature olfactive fraîche et marine, inspirée de la Méditerranée, douce et non entêtante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-embr-tip\"\u003e\n \u003cdiv class=\"soi-embr-tip-icon\"\u003e🍃\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eFormule sans eau\u003c\/strong\u003e\n \u003cp\u003eL'absence d'eau permet de concentrer les actifs, de limiter les conservateurs et de réduire l'empreinte écologique du produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-embr-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cp\u003eCocos Nucifera Oil, Butyrospermum Parkii Butter*, Kaolin, Cera Alba*, Olea Europaea Fruit Oil*, Parfum (Fragrance), Caprylic\/Capric Triglyceride, Zinc Ricinoleate, Tocopherol.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*ingrédients issus de l'agriculture biologique\u003c\/em\u003e\u003c\/p\u003e\n \u003cdiv class=\"soi-embr-grid-compact\"\u003e\n \u003cdiv class=\"soi-embr-card-mini\"\u003e\n \u003cspan class=\"soi-embr-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-embr-card-mini-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-embr-card-mini-value\"\u003e100% naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-embr-card-mini\"\u003e\n \u003cspan class=\"soi-embr-card-mini-icon\"\u003e✅\u003c\/span\u003e\n \u003cspan class=\"soi-embr-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-embr-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-embr-card-mini\"\u003e\n \u003cspan class=\"soi-embr-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-embr-card-mini-label\"\u003eEngagement\u003c\/span\u003e\n \u003cspan class=\"soi-embr-card-mini-value\"\u003e100% Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-embr-card-mini\"\u003e\n \u003cspan class=\"soi-embr-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-embr-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-embr-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-embr-section\"\u003e\n \u003ch2\u003eComment utiliser votre baume déodorant Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-embr-timeline\"\u003e\n \u003cdiv class=\"soi-embr-step\"\u003e\n \u003cdiv class=\"soi-embr-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-embr-step-content\"\u003e\n \u003ch3\u003eRéchauffez légèrement le baume\u003c\/h3\u003e\n \u003cp\u003eEntre vos doigts ou directement sur la peau pour faciliter l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-embr-step\"\u003e\n \u003cdiv class=\"soi-embr-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-embr-step-content\"\u003e\n \u003ch3\u003eAppliquez une petite quantité\u003c\/h3\u003e\n \u003cp\u003eSur les aisselles propres et sèches, matin ou après la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-embr-step\"\u003e\n \u003cdiv class=\"soi-embr-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-embr-step-content\"\u003e\n \u003ch3\u003eLaissez absorber quelques secondes\u003c\/h3\u003e\n \u003cp\u003eAvant de vous habiller. Aucun résidu, aucune trace blanche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-embr-tip\"\u003e\n \u003cdiv class=\"soi-embr-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eLors des premières semaines, votre peau s'adapte à une formule sans sels d'aluminium. Ce phénomène naturel de transition dure généralement 2 à 4 semaines, et s'estompe ensuite.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-embr-section\"\u003e\n \u003ch2\u003ePour qui est fait ce déodorant baume naturel ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-embr-grid\"\u003e\n \u003cdiv class=\"soi-embr-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eVous avez la peau sensible ou sujette aux irritations après l'épilation. Ce baume respecte votre confort cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-embr-card\"\u003e\n \u003ch3\u003e🚫 Adieu aluminium et parabènes\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez abandonner les déodorants contenant des sels d'aluminium ou des parabènes au profit d'une formule certifiée bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-embr-card\"\u003e\n \u003ch3\u003e🌿 Engagement bio et vegan\u003c\/h3\u003e\n \u003cp\u003eVous recherchez un baume déodorant naturel certifié bio, vegan et fabriqué en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-embr-card\"\u003e\n \u003ch3\u003e🌊 Amateurs de fragrances marines\u003c\/h3\u003e\n \u003cp\u003eVous aimez les fragrances marines, légères et non agressives, inspirées de la Méditerranée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-embr-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-embr-compo\"\u003e\n \u003cdiv class=\"soi-embr-compo-row\"\u003e\n \u003cspan class=\"soi-embr-compo-label\"\u003eContenu\u003c\/span\u003e\n \u003cspan class=\"soi-embr-compo-value\"\u003e45 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-embr-compo-row\"\u003e\n \u003cspan class=\"soi-embr-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-embr-compo-value\"\u003eCosmos Organic – Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-embr-compo-row\"\u003e\n \u003cspan class=\"soi-embr-compo-label\"\u003eVegan\u003c\/span\u003e\n \u003cspan class=\"soi-embr-compo-value\"\u003eOui – aucun ingrédient d'origine animale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-embr-compo-row\"\u003e\n \u003cspan class=\"soi-embr-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-embr-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-embr-compo-row\"\u003e\n \u003cspan class=\"soi-embr-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-embr-compo-value\"\u003eAlcool, sels d'aluminium, parabènes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-embr-accordion\"\u003e\n \u003cdetails class=\"soi-embr-accordion-item\"\u003e\n \u003csummary class=\"soi-embr-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-embr-accordion-content\"\u003e\n \u003cp\u003eCe produit est un déodorant et non un anti-transpirant. Il ne bloque pas la transpiration naturelle, mais neutralise les odeurs grâce à ses actifs naturels. Il ne remplace pas un avis médical en cas de problème cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-embr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-embr-cta-box\"\u003e\n \u003cp class=\"soi-embr-cta-tag\" style=\"color: white;\"\u003eUn souffle de fraîcheur venu de la mer\u003c\/p\u003e\n \u003cp class=\"soi-embr-cta-text\" style=\"color: white;\"\u003eCe baume déodorant Najel prend soin de votre peau avec des ingrédients bio et naturels, sans compromis sur l'efficacité. Une routine quotidienne plus saine, plus douce, et en accord avec vos valeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-embr-marine: #1A2D3D;\n --soi-embr-marine-dark: #0F1E2B;\n --soi-embr-marine-light: #2C4458;\n --soi-embr-pomme: #A1C544;\n --soi-embr-pomme-dark: #84A636;\n --soi-embr-pomme-light: rgba(161,197,68,0.10);\n\n --soi-embr-white: #FFFFFF;\n --soi-embr-off-white: #F8FAF6;\n --soi-embr-stone: #F1F3EE;\n --soi-embr-line: #E5E8E0;\n\n --soi-embr-primary: #6B8F71;\n --soi-embr-primary-soft: #E8F0E9;\n --soi-embr-accent: #A8B5D4;\n\n --soi-embr-text: #1A2D3D;\n --soi-embr-text-soft: #4A5B6B;\n --soi-embr-text-muted: #7B8693;\n\n --soi-embr-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-embr-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-embr-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-embr-radius: 12px;\n --soi-embr-radius-sm: 8px;\n --soi-embr-radius-pill: 999px;\n}\n\n.soi-embr-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-embr-fiche img { max-width: 100%; height: auto; }\n\n.soi-embr-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-embr-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-embr-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-embr-hero {\n position: relative;\n background: var(--soi-embr-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-embr-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-embr-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-embr-pomme);\n}\n\n.soi-embr-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-embr-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-embr-pomme);\n border-radius: 50%;\n}\n\n.soi-embr-hero-title {\n display: block;\n color: var(--soi-embr-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-embr-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-embr-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-embr-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-embr-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-embr-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-embr-label-accent {\n background: var(--soi-embr-pomme);\n border-color: var(--soi-embr-pomme);\n color: var(--soi-embr-marine);\n font-weight: 600;\n}\n\n.soi-embr-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-embr-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-embr-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-embr-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-embr-pomme);\n border-radius: 2px;\n}\n\n.soi-embr-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-embr-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-embr-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-embr-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-embr-benefit {\n background: var(--soi-embr-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-embr-radius);\n border: 1px solid var(--soi-embr-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-embr-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-embr-shadow-md);\n}\n\n.soi-embr-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-embr-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-embr-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-embr-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-embr-benefit:hover .soi-embr-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-embr-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-embr-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-embr-benefit p {\n font-size: 13px;\n color: var(--soi-embr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-embr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-embr-card {\n background: var(--soi-embr-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-embr-radius);\n border-left: 3px solid var(--soi-embr-pomme);\n}\n\n.soi-embr-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-embr-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-embr-card p {\n font-size: 14px;\n color: var(--soi-embr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-embr-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-top: 1.25rem;\n}\n\n.soi-embr-card-mini {\n background: var(--soi-embr-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-embr-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-embr-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-embr-card-mini-label {\n font-size: 11px;\n color: var(--soi-embr-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-embr-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-embr-marine);\n}\n\n.soi-embr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-embr-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-embr-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-embr-radius);\n border: 1px solid var(--soi-embr-line);\n align-items: flex-start;\n}\n\n.soi-embr-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-embr-marine);\n color: var(--soi-embr-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-embr-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-embr-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-embr-step-content p {\n font-size: 14px;\n color: var(--soi-embr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-embr-compo {\n background: var(--soi-embr-off-white);\n border-radius: var(--soi-embr-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.soi-embr-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-embr-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-embr-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-embr-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-embr-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-embr-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-embr-marine);\n text-align: right;\n}\n\n.soi-embr-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-embr-pomme-light);\n border-left: 4px solid var(--soi-embr-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-embr-radius) var(--soi-embr-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-embr-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-embr-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-embr-marine);\n margin-bottom: 4px;\n}\n\n.soi-embr-tip p {\n font-size: 14px;\n color: var(--soi-embr-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-embr-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-embr-accordion-item {\n background: var(--soi-embr-off-white);\n border-radius: var(--soi-embr-radius-sm);\n border: 1px solid var(--soi-embr-line);\n overflow: hidden;\n}\n\n.soi-embr-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-embr-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-embr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-embr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-embr-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-embr-accordion-item[open] .soi-embr-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-embr-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-embr-accordion-content p {\n font-size: 14px;\n color: var(--soi-embr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-embr-cta-box {\n background: var(--soi-embr-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-embr-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-embr-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-embr-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-embr-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-embr-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-embr-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-embr-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-embr-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-embr-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-embr-compo-value {\n text-align: left;\n }\n\n .soi-embr-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-embr-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-embr-fiche {\n --soi-embr-text-soft: #2C3E50;\n --soi-embr-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603644145994,"sku":"NJ0005","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/deodorant-baume-parfum-embrun-certifie-bio-et-vegan-najel-packshot.webp?v=1779719875"},{"product_id":"savon-dalep-12-hbl-najel","title":"Savon d'Alep 12% HBL - 100g Oliver \u0026 Laurier - Najel","description":"\n\u003cdiv class=\"soi-alep-fiche\"\u003e\n\n \u003csection class=\"soi-alep-hero\"\u003e\n \u003cdiv class=\"soi-alep-hero-tag\"\u003e\n \u003cspan class=\"soi-alep-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-alep-hero-title\"\u003e3 millénaires de tradition, 2 ingrédients naturels\n\n\u003c\/span\u003e\n \u003cp class=\"soi-alep-hero-subtitle\"\u003eL'alliance millénaire de l'olive et du laurier pour une peau nettoyée en douceur, sans compromis sur la naturalité.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003e12 % HUILE DE BAIES DE LAURIER\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003ePEAUX NORMALES À MIXTES\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003ePAIN SOLIDE 100 G\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003ePourquoi choisir le savon d'Alep plutôt qu'un savon classique ?\u003c\/h2\u003e\n \u003cp\u003eContrairement aux savons industriels qui contiennent souvent des agents moussants agressifs, des détergents ou des parfums de synthèse, le savon d'Alep repose sur deux ingrédients naturels seulement. L'huile d'olive saponifiée nettoie en douceur tout en préservant le film hydrolipidique de la peau. L'huile de baies de laurier, riche en acide laurique et en antioxydants, apporte ses propriétés apaisantes, assainissantes et régénératrices. Résultat : une peau propre, souple, sans sensation de tiraillement.\u003c\/p\u003e\n \u003cp\u003eLes dermatologues s'accordent généralement à reconnaître que le savon d'Alep convient aux peaux sensibles et aux peaux mixtes, notamment grâce à l'absence de perturbateurs endocriniens ou de colorants artificiels. Il ne remplace pas un traitement médical prescrit, mais il constitue un nettoyant quotidien sain et respectueux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComposition du Savon d'Alep 12 % HBL Najel\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-compo\"\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eSodium olivate (huile d'olive saponifiée)\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003e88 % · Base nettoyante et nourrissante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eHuile de baies de laurier (Laurus nobilis)\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003e12 % · Actif apaisant et régénérant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eEau, soude\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eAgents de saponification naturels\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-tip\"\u003e\n \u003cdiv class=\"soi-alep-tip-icon\"\u003e🍃\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eAucun parfum ajouté, aucun conservateur de synthèse, aucun colorant. La teinte brun-vert caractéristique du savon est naturelle et s'intensifie avec le vieillissement du pain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eLes bienfaits du savon d'Alep selon le taux de laurier\u003c\/h2\u003e\n \u003cp\u003eLe pourcentage d'huile de baies de laurier détermine l'intensité d'action du savon. À 12 % HBL, ce savon Najel correspond à un usage quotidien polyvalent, idéal si vous avez une peau normale, mixte ou légèrement réactive. Plus le taux est élevé, plus l'action est ciblée sur les peaux à problèmes.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComment utiliser le savon d'Alep au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-timeline\"\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eVisage\u003c\/h3\u003e\n \u003cp\u003eFrottez le pain entre vos mains mouillées pour former une mousse légère, appliquez sur la peau humide en massages circulaires doux, puis rincez à l'eau tiède. Une fois par jour suffit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eCorps\u003c\/h3\u003e\n \u003cp\u003eUtilisez-le comme n'importe quel savon sous la douche. Sa mousse fine mais enveloppante laisse la peau douce sans résidu gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eCheveux\u003c\/h3\u003e\n \u003cp\u003eCertains l'utilisent en shampoing solide, notamment pour les cuirs chevelus gras ou sensibles. Un temps d'adaptation de 2 à 3 semaines est à prévoir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eConservation\u003c\/h3\u003e\n \u003cp\u003eAprès usage, laissez le savon sécher sur un porte-savon aéré. Un pain bien conservé dure plusieurs mois et améliore ses propriétés en vieillissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eUn savoir-faire artisanal vieux de plusieurs siècles\u003c\/h2\u003e\n \u003cp\u003eChaque pain de savon d'Alep Najel est fabriqué selon le procédé traditionnel à chaud : les huiles sont chauffées, saponifiées, puis le mélange est coulé en dalles et laissé à sécher en cave pendant au moins 9 mois. Ce temps de maturation développe la douceur du savon et concentre ses actifs. C'est ce qui le distingue radicalement des copies industrielles.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-grid-compact\"\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🏷️\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eNajel, Héritage d'Alep\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e⚖️\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003ePoids\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003e100 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003eType de peau\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eNormale à mixte\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003eTaux HBL\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003e12 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e👨‍👩‍👧‍👦\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003eConvient à\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eAdultes et enfants\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e✈️\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003ePain solide, zéro déchet\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-alep-cta-box\"\u003e\n \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eLe savon d'Alep 12 % HBL de Najel : la simplicité élevée au rang de rituel. Authentique, respectueux de votre peau et de la planète, il s'intègre naturellement dans votre routine quotidienne, pour vous comme pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-alep-marine: #1A2D3D;\n --soi-alep-marine-dark: #0F1E2B;\n --soi-alep-marine-light: #2C4458;\n --soi-alep-pomme: #A1C544;\n --soi-alep-pomme-dark: #84A636;\n --soi-alep-pomme-light: rgba(161,197,68,0.10);\n\n --soi-alep-white: #FFFFFF;\n --soi-alep-off-white: #F8FAF6;\n --soi-alep-stone: #F1F3EE;\n --soi-alep-line: #E5E8E0;\n\n --soi-alep-primary: #2D6A4F;\n --soi-alep-primary-soft: #E8F0EC;\n --soi-alep-accent: #C4A35A;\n\n --soi-alep-text: #1A2D3D;\n --soi-alep-text-soft: #4A5B6B;\n --soi-alep-text-muted: #7B8693;\n\n --soi-alep-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-alep-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-alep-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-alep-radius: 12px;\n --soi-alep-radius-sm: 8px;\n --soi-alep-radius-pill: 999px;\n}\n\n.soi-alep-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-alep-fiche img { max-width: 100%; height: auto; }\n\n.soi-alep-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-alep-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-alep-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-alep-hero {\n position: relative;\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-alep-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-alep-pomme);\n}\n\n.soi-alep-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-alep-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-alep-pomme);\n border-radius: 50%;\n}\n\n.soi-alep-hero-title {\n display: block;\n color: var(--soi-alep-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-alep-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-alep-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-alep-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-alep-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-alep-label-accent {\n background: var(--soi-alep-pomme);\n border-color: var(--soi-alep-pomme);\n color: var(--soi-alep-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-alep-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-alep-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-alep-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-alep-pomme);\n border-radius: 2px;\n}\n\n.soi-alep-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-alep-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-alep-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-alep-compo {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.soi-alep-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-alep-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-alep-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-alep-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-alep-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-alep-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-alep-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-alep-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-alep-pomme-light);\n border-left: 4px solid var(--soi-alep-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-alep-radius) var(--soi-alep-radius) 0;\n align-items: flex-start;\n}\n\n.soi-alep-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-alep-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-alep-marine);\n margin-bottom: 4px;\n}\n\n.soi-alep-tip p {\n font-size: 14px;\n color: var(--soi-alep-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-alep-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-alep-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n align-items: flex-start;\n}\n\n.soi-alep-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-alep-marine);\n color: var(--soi-alep-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-alep-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-alep-step-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-alep-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-alep-card-mini {\n background: var(--soi-alep-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-alep-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-alep-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-alep-card-mini-label {\n font-size: 11px;\n color: var(--soi-alep-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-alep-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n}\n\n\/* === CTA BOX === *\/\n.soi-alep-cta-box {\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-alep-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-alep-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-alep-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-alep-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-alep-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-alep-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-alep-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-alep-compo-value {\n text-align: left;\n }\n\n .soi-alep-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-alep-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-alep-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-alep-fiche {\n --soi-alep-text-soft: #2C3E50;\n --soi-alep-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603644703050,"sku":"NJ0050","price":3.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-12-hbl-najel-packshot_8f2a4def-04a7-4525-b6e4-059a8f997af7.webp?v=1779808848"},{"product_id":"savon-noir-a-lhuile-dargan-en-pot-najel","title":"Savon noir à l'huile d'argan en pot - Najel","description":"\u003cdiv class=\"soi-snoi-fiche\"\u003e\n\n\u003csection class=\"soi-snoi-hero\"\u003e\n \u003cdiv class=\"soi-snoi-hero-tag\"\u003e\n \u003cspan class=\"soi-snoi-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Soin corps · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-snoi-hero-title\"\u003eSavon noir à l'huile d'argan en pot\u003c\/span\u003e\n \u003cp class=\"soi-snoi-hero-subtitle\"\u003eLe rituel du hammam oriental chez vous : un gommage corps sans grain, enrichi en huile d'argan bio, pour une peau lisse, nourrie et lumineuse.\u003c\/p\u003e\n \u003cdiv class=\"soi-snoi-hero-labels\"\u003e\n \u003cspan class=\"soi-snoi-label soi-snoi-label-accent\"\u003eCOSMOS NATURAL\u003c\/span\u003e\n \u003cspan class=\"soi-snoi-label\"\u003eSANS PARFUM ARTIFICIEL\u003c\/span\u003e\n \u003cspan class=\"soi-snoi-label\"\u003eSANS COLORANT\u003c\/span\u003e\n \u003cspan class=\"soi-snoi-label\"\u003eTRADITION ORIENTALE\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-snoi-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce savon noir pour le corps ?\u003c\/h2\u003e\n \u003cp class=\"soi-snoi-section-intro\"\u003eContrairement à beaucoup de gommages corps contenant des microbilles ou des agents abrasifs, le savon noir agit sans grain. Son action exfoliante repose sur ses actifs naturels qui ramollissent et décollent les cellules mortes, pour un gommage particulièrement adapté aux peaux sensibles. Résultat : une peau propre, lisse et visiblement plus lumineuse, dès la première utilisation.\u003c\/p\u003e\n \u003cdiv class=\"soi-snoi-benefits\"\u003e\n \u003cdiv class=\"soi-snoi-benefit\"\u003e\n \u003cdiv class=\"soi-snoi-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eExfoliation douce sans grains\u003c\/h3\u003e\n \u003cp\u003eIdéal pour un gommage corps hebdomadaire, même sur les peaux réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snoi-benefit\"\u003e\n \u003cdiv class=\"soi-snoi-benefit-icon\"\u003e\u003cspan\u003e🌰\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile d'argan bio\u003c\/h3\u003e\n \u003cp\u003eAntioxydante et régénérante, elle redonne souplesse et éclat à votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snoi-benefit\"\u003e\n \u003cdiv class=\"soi-snoi-benefit-icon\"\u003e\u003cspan\u003e🫒\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile d'olive\u003c\/h3\u003e\n \u003cp\u003eNourrissante et apaisante, elle protège le film hydrolipidique naturel de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snoi-benefit\"\u003e\n \u003cdiv class=\"soi-snoi-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFormule épurée\u003c\/h3\u003e\n \u003cp\u003eSans parfum artificiel, sans colorant : une formulation qui laisse votre peau respirer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-snoi-section\"\u003e\n \u003ch2\u003eComment utiliser le savon noir pour le corps ?\u003c\/h2\u003e\n \u003cp class=\"soi-snoi-section-intro\"\u003eL'utilisation de ce savon noir se fait en trois étapes simples pour un résultat comparable à un soin de hammam professionnel.\u003c\/p\u003e\n \u003cdiv class=\"soi-snoi-timeline\"\u003e\n \u003cdiv class=\"soi-snoi-step\"\u003e\n \u003cdiv class=\"soi-snoi-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-snoi-step-content\"\u003e\n \u003ch3\u003ePréparez la peau\u003c\/h3\u003e\n \u003cp\u003ePrenez une douche chaude ou un bain de vapeur pendant 5 à 10 minutes pour ouvrir les pores et ramollir l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snoi-step\"\u003e\n \u003cdiv class=\"soi-snoi-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-snoi-step-content\"\u003e\n \u003ch3\u003eAppliquez le savon noir\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de savon noir sur un gant de massage ou un gant kessa humide, et massez l'ensemble du corps en mouvements circulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snoi-step\"\u003e\n \u003cdiv class=\"soi-snoi-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-snoi-step-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eTerminez par un rinçage à l'eau tiède. Appliquez ensuite une huile ou un lait corps pour prolonger l'hydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snoi-tip\"\u003e\n \u003cdiv class=\"soi-snoi-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour un rituel complet, renouvelez l'utilisation du savon noir corps une à deux fois par semaine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-snoi-section\"\u003e\n \u003ch2\u003eComposition du savon noir Najel à l'huile d'argan\u003c\/h2\u003e\n \u003cp class=\"soi-snoi-section-intro\"\u003eCe savon noir naturel est formulé à partir d'ingrédients soigneusement sélectionnés.\u003c\/p\u003e\n \u003cdiv class=\"soi-snoi-compo\"\u003e\n \u003cdiv class=\"soi-snoi-compo-row\"\u003e\n \u003cspan class=\"soi-snoi-compo-label\"\u003eAqua\u003c\/span\u003e\n \u003cspan class=\"soi-snoi-compo-value\"\u003eEau\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snoi-compo-row\"\u003e\n \u003cspan class=\"soi-snoi-compo-label\"\u003eOlea Europaea Fruit Oil\u003c\/span\u003e\n \u003cspan class=\"soi-snoi-compo-value\"\u003eHuile d'olive\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snoi-compo-row\"\u003e\n \u003cspan class=\"soi-snoi-compo-label\"\u003ePotassium Olivate\u003c\/span\u003e\n \u003cspan class=\"soi-snoi-compo-value\"\u003eSavon d'olive saponifié\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snoi-compo-row\"\u003e\n \u003cspan class=\"soi-snoi-compo-label\"\u003eArgania Spinosa Kernel Oil*\u003c\/span\u003e\n \u003cspan class=\"soi-snoi-compo-value\"\u003eHuile d'argan biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snoi-compo-row\"\u003e\n \u003cspan class=\"soi-snoi-compo-label\"\u003eGlycerin\u003c\/span\u003e\n \u003cspan class=\"soi-snoi-compo-value\"\u003eGlycérine\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snoi-compo-row\"\u003e\n \u003cspan class=\"soi-snoi-compo-label\"\u003eSodium Chloride\u003c\/span\u003e\n \u003cspan class=\"soi-snoi-compo-value\"\u003eChlorure de sodium\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"soi-snoi-compo-note\"\u003e* Ingrédient issu de l'agriculture biologique\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-snoi-section\"\u003e\n \u003ch2\u003ePour qui est fait ce savon noir corps ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-snoi-grid\"\u003e\n \u003cdiv class=\"soi-snoi-card\"\u003e\n \u003ch3\u003e🧖 Peaux mixtes à grasses\u003c\/h3\u003e\n \u003cp\u003eLe savon noir aide à réguler le sébum pour une peau nette et purifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snoi-card\"\u003e\n \u003ch3\u003e💧 Peaux sèches\u003c\/h3\u003e\n \u003cp\u003eGrâce à l'argan et l'olive, la peau retrouve confort et souplesse après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snoi-card\"\u003e\n \u003ch3\u003e🌟 Peaux ternes\u003c\/h3\u003e\n \u003cp\u003eL'exfoliation douce redonne éclat et luminosité aux peaux qui manquent de vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eCe savon noir est adapté à tous les types de peau. Il convient aussi bien pour le visage que pour le corps, avec une application modérée sur les zones sensibles du visage.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-snoi-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-snoi-grid-compact\"\u003e\n \u003cdiv class=\"soi-snoi-card-mini\"\u003e\n \u003cspan class=\"soi-snoi-card-mini-icon\"\u003e🫙\u003c\/span\u003e\n \u003cspan class=\"soi-snoi-card-mini-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"soi-snoi-card-mini-value\"\u003ePot refermable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snoi-card-mini\"\u003e\n \u003cspan class=\"soi-snoi-card-mini-icon\"\u003e✅\u003c\/span\u003e\n \u003cspan class=\"soi-snoi-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-snoi-card-mini-value\"\u003eCosmos Natural\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snoi-card-mini\"\u003e\n \u003cspan class=\"soi-snoi-card-mini-icon\"\u003e🏷️\u003c\/span\u003e\n \u003cspan class=\"soi-snoi-card-mini-label\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"soi-snoi-card-mini-value\"\u003eNajel, Héritage d'Alep\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snoi-card-mini\"\u003e\n \u003cspan class=\"soi-snoi-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-snoi-card-mini-label\"\u003eUsage\u003c\/span\u003e\n \u003cspan class=\"soi-snoi-card-mini-value\"\u003eCorps et visage\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snoi-accordion\"\u003e\n \u003cdetails class=\"soi-snoi-accordion-item\"\u003e\n \u003csummary class=\"soi-snoi-accordion-header\"\u003e🧼 Formulation\u003c\/summary\u003e\n \u003cdiv class=\"soi-snoi-accordion-content\"\u003e\n \u003cp\u003eFabriqué selon la tradition orientale, sans sulfates ajoutés ni silicones.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-snoi-accordion-item\"\u003e\n \u003csummary class=\"soi-snoi-accordion-header\"\u003e📅 Fréquence recommandée\u003c\/summary\u003e\n \u003cdiv class=\"soi-snoi-accordion-content\"\u003e\n \u003cp\u003eEn gommage hebdomadaire, une à deux fois par semaine pour un rituel complet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-snoi-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-snoi-cta-box\"\u003e\n \u003cp class=\"soi-snoi-cta-tag\" style=\"color: white;\"\u003eVotre rituel hammam à portée de main\u003c\/p\u003e\n \u003cp class=\"soi-snoi-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau le soin qu'elle mérite. Le savon noir à l'huile d'argan Najel transforme chaque douche en véritable moment de hammam : les cellules mortes s'en vont, la peau retrouve son éclat naturel, et l'huile d'argan fait le reste.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-snoi-marine: #1A2D3D;\n --soi-snoi-marine-dark: #0F1E2B;\n --soi-snoi-marine-light: #2C4458;\n --soi-snoi-pomme: #A1C544;\n --soi-snoi-pomme-dark: #84A636;\n --soi-snoi-pomme-light: rgba(161,197,68,0.10);\n --soi-snoi-white: #FFFFFF;\n --soi-snoi-off-white: #F8FAF6;\n --soi-snoi-stone: #F1F3EE;\n --soi-snoi-line: #E5E8E0;\n --soi-snoi-primary: #6B9E7A;\n --soi-snoi-primary-soft: #E8F0EB;\n --soi-snoi-accent: #4A7A5C;\n --soi-snoi-text: #1A2D3D;\n --soi-snoi-text-soft: #4A5B6B;\n --soi-snoi-text-muted: #7B8693;\n --soi-snoi-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-snoi-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-snoi-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-snoi-radius: 12px;\n --soi-snoi-radius-sm: 8px;\n --soi-snoi-radius-pill: 999px;\n}\n\n.soi-snoi-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-snoi-fiche img { max-width: 100%; height: auto; }\n\n.soi-snoi-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-snoi-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-snoi-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-snoi-hero {\n position: relative;\n background: var(--soi-snoi-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-snoi-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-snoi-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-snoi-pomme);\n}\n\n.soi-snoi-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-snoi-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-snoi-pomme);\n border-radius: 50%;\n}\n\n.soi-snoi-hero-title {\n display: block;\n color: var(--soi-snoi-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-snoi-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-snoi-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-snoi-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-snoi-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-snoi-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-snoi-label-accent {\n background: var(--soi-snoi-pomme);\n border-color: var(--soi-snoi-pomme);\n color: var(--soi-snoi-marine);\n font-weight: 600;\n}\n\n.soi-snoi-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-snoi-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-snoi-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-snoi-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-snoi-pomme);\n border-radius: 2px;\n}\n\n.soi-snoi-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-snoi-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-snoi-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-snoi-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-snoi-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-snoi-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-snoi-benefit {\n background: var(--soi-snoi-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-snoi-radius);\n border: 1px solid var(--soi-snoi-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-snoi-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-snoi-shadow-md);\n}\n\n.soi-snoi-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-snoi-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-snoi-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-snoi-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-snoi-benefit:hover .soi-snoi-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-snoi-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-snoi-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-snoi-benefit p {\n font-size: 13px;\n color: var(--soi-snoi-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-snoi-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-snoi-card {\n background: var(--soi-snoi-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-snoi-radius);\n border-left: 3px solid var(--soi-snoi-pomme);\n}\n\n.soi-snoi-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-snoi-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-snoi-card p {\n font-size: 14px;\n color: var(--soi-snoi-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-snoi-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-bottom: 1.25rem;\n}\n\n.soi-snoi-card-mini {\n background: var(--soi-snoi-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-snoi-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-snoi-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-snoi-card-mini-label {\n font-size: 11px;\n color: var(--soi-snoi-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-snoi-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-snoi-marine);\n}\n\n.soi-snoi-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-snoi-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-snoi-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-snoi-radius);\n border: 1px solid var(--soi-snoi-line);\n align-items: flex-start;\n}\n\n.soi-snoi-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-snoi-marine);\n color: var(--soi-snoi-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-snoi-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-snoi-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-snoi-step-content p {\n font-size: 14px;\n color: var(--soi-snoi-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-snoi-compo {\n background: var(--soi-snoi-off-white);\n border-radius: var(--soi-snoi-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 0.75rem;\n}\n\n.soi-snoi-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-snoi-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-snoi-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-snoi-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-snoi-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-snoi-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-snoi-marine);\n text-align: right;\n}\n\n.soi-snoi-compo-note {\n font-size: 12px;\n color: var(--soi-snoi-text-muted);\n font-style: italic;\n margin-top: 0.5rem;\n}\n\n.soi-snoi-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-snoi-pomme-light);\n border-left: 4px solid var(--soi-snoi-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-snoi-radius) var(--soi-snoi-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-snoi-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-snoi-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-snoi-marine);\n margin-bottom: 4px;\n}\n\n.soi-snoi-tip p {\n font-size: 14px;\n color: var(--soi-snoi-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-snoi-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-snoi-accordion-item {\n background: var(--soi-snoi-off-white);\n border-radius: var(--soi-snoi-radius-sm);\n border: 1px solid var(--soi-snoi-line);\n overflow: hidden;\n}\n\n.soi-snoi-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-snoi-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-snoi-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-snoi-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-snoi-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-snoi-accordion-item[open] .soi-snoi-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-snoi-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-snoi-accordion-content p {\n font-size: 14px;\n color: var(--soi-snoi-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-snoi-cta-box {\n background: var(--soi-snoi-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-snoi-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-snoi-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-snoi-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-snoi-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-snoi-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-snoi-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-snoi-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-snoi-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-snoi-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-snoi-compo-value {\n text-align: left;\n }\n\n .soi-snoi-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-snoi-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-snoi-fiche {\n --soi-snoi-text-soft: #2C3E50;\n --soi-snoi-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603645784394,"sku":"NJ0150","price":5.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-noir-a-lhuile-dargan-en-pot-najel-packshot_302ce0e0-3f19-4352-b950-d4bfe5438a05.webp?v=1779611117"},{"product_id":"huile-de-graines-de-figue-de-barbarie-najel","title":"Huile de graines de figue de Barbarie – Najel","description":"\n\n\u003cdiv class=\"soi-fdb-fiche\"\u003e\n\n \u003csection class=\"soi-fdb-hero\"\u003e\n \u003cdiv class=\"soi-fdb-hero-tag\"\u003e\n \u003cspan class=\"soi-fdb-tag-dot\"\u003e\u003c\/span\u003e\n Huile végétale · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-fdb-hero-title\"\u003eUn rituel précieux, soir après soir\u003c\/span\u003e\n \u003cp class=\"soi-fdb-hero-subtitle\"\u003eL'or liquide du désert : une huile d'exception, 100 % pure, extraite par première pression à froid pour offrir à votre peau nutrition, protection et éclat retrouvé.\u003c\/p\u003e\n \u003cdiv class=\"soi-fdb-hero-labels\"\u003e\n \u003cspan class=\"soi-fdb-label soi-fdb-label-accent\"\u003eCOSMOS NATURAL\u003c\/span\u003e\n \u003cspan class=\"soi-fdb-label\"\u003e100 % NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-fdb-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n \u003cspan class=\"soi-fdb-label\"\u003eSANS SILICONES\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-fdb-section\"\u003e\n \u003ch2\u003eHuile de pépins de figue de Barbarie Najel : l'or liquide du désert pour votre peau\u003c\/h2\u003e\n \u003cp\u003eParmi les huiles végétales les plus précieuses au monde, \u003cstrong\u003el'huile de pépins de figue de Barbarie\u003c\/strong\u003e occupe une place à part. Il faut environ \u003cstrong\u003eune tonne de fruits\u003c\/strong\u003e pour obtenir seulement un litre d'huile : c'est dire la rareté et la concentration de ses actifs. La marque \u003cstrong\u003eNajel\u003c\/strong\u003e, spécialiste des trésors du désert, vous propose ici une version \u003cstrong\u003e100 % pure, certifiée Cosmos Natural\u003c\/strong\u003e, extraite par première pression à froid pour préserver tous ses bienfaits.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-fdb-section\"\u003e\n \u003ch2\u003ePourquoi cette huile de figue de Barbarie est-elle si efficace ?\u003c\/h2\u003e\n \u003cp class=\"soi-fdb-section-intro\"\u003eSa composition est tout simplement exceptionnelle. Voici ce qui en fait un soin anti-âge de référence :\u003c\/p\u003e\n \u003cdiv class=\"soi-fdb-benefits\"\u003e\n \u003cdiv class=\"soi-fdb-benefit\"\u003e\n \u003cdiv class=\"soi-fdb-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVitamine E en quantité record\u003c\/h3\u003e\n \u003cp\u003eJusqu'à 1000 mg\/kg, soit l'une des teneurs les plus élevées parmi les huiles végétales. Elle neutralise les radicaux libres responsables du vieillissement cutané et protège les cellules de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fdb-benefit\"\u003e\n \u003cdiv class=\"soi-fdb-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAcides gras essentiels\u003c\/h3\u003e\n \u003cp\u003eLes oméga-6 et oméga-9 renforcent la barrière cutanée, restaurent le film hydrolipidique et améliorent durablement la souplesse et l'élasticité de l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fdb-benefit\"\u003e\n \u003cdiv class=\"soi-fdb-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eStérols végétaux\u003c\/h3\u003e\n \u003cp\u003eCes actifs apaisants aident à raffermir les tissus et à atténuer les rides d'expression sur le long terme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fdb-tip\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cdiv class=\"soi-fdb-tip-icon\"\u003e🌟\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eRésultat\u003c\/strong\u003e\n \u003cp\u003eUne peau visiblement repulpée, plus lumineuse, mieux hydratée, avec des rides progressivement atténuées après plusieurs semaines d'utilisation régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-fdb-section\"\u003e\n \u003ch2\u003ePour qui est faite cette huile de figue de Barbarie ?\u003c\/h2\u003e\n \u003cp\u003eElle convient particulièrement aux \u003cstrong\u003epeaux matures, sèches ou déshydratées\u003c\/strong\u003e, mais aussi aux peaux mixtes utilisées en faible quantité. Si votre peau tire, manque d'éclat ou présente des signes de fatigue, cette huile de pépins de figue de Barbarie est une réponse naturelle et concrète.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-fdb-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de figue de Barbarie Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-fdb-timeline\"\u003e\n \u003cdiv class=\"soi-fdb-step\"\u003e\n \u003cdiv class=\"soi-fdb-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-fdb-step-content\"\u003e\n \u003ch3\u003eVisage et contour des yeux\u003c\/h3\u003e\n \u003cp\u003eDéposez 2 à 3 gouttes dans le creux de la main, réchauffez légèrement, puis appliquez en massages circulaires doux sur le visage propre, le cou et le décolleté. Idéalement le soir, pour laisser la peau se régénérer pendant la nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fdb-step\"\u003e\n \u003cdiv class=\"soi-fdb-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-fdb-step-content\"\u003e\n \u003ch3\u003eEn soin ciblé\u003c\/h3\u003e\n \u003cp\u003eAppliquez directement sur les zones concernées (pattes d'oie, rides du front, lèvres sèches) pour une action localisée et intensive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fdb-step\"\u003e\n \u003cdiv class=\"soi-fdb-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-fdb-step-content\"\u003e\n \u003ch3\u003eEn booster de votre crème\u003c\/h3\u003e\n \u003cp\u003eMélangez quelques gouttes à votre crème hydratante habituelle pour décupler son efficacité. L'huile de figue de Barbarie s'intègre parfaitement à tout rituel beauté existant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fdb-tip\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cdiv class=\"soi-fdb-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour un résultat visible, comptez \u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e d'utilisation régulière. La texture fine et non grasse pénètre rapidement, sans laisser de film poisseux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-fdb-section\"\u003e\n \u003ch2\u003eComposition de l'huile Najel\u003c\/h2\u003e\n \u003cdiv class=\"soi-fdb-compo\"\u003e\n \u003cdiv class=\"soi-fdb-compo-row\"\u003e\n \u003cspan class=\"soi-fdb-compo-label\"\u003eIngrédient unique\u003c\/span\u003e\n \u003cspan class=\"soi-fdb-compo-value\"\u003e\u003cem\u003eOpuntia Ficus-Indica Seed Oil\u003c\/em\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fdb-compo-row\"\u003e\n \u003cspan class=\"soi-fdb-compo-label\"\u003eExtraction\u003c\/span\u003e\n \u003cspan class=\"soi-fdb-compo-value\"\u003ePremière pression à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fdb-compo-row\"\u003e\n \u003cspan class=\"soi-fdb-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-fdb-compo-value\"\u003e100 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fdb-compo-row\"\u003e\n \u003cspan class=\"soi-fdb-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-fdb-compo-value\"\u003eCosmos Natural par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-fdb-compo-row\"\u003e\n \u003cspan class=\"soi-fdb-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-fdb-compo-value\"\u003eConservateurs, parabènes, silicones, colorants\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-fdb-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"soi-fdb-accordion\"\u003e\n \u003cdetails class=\"soi-fdb-accordion-item\"\u003e\n \u003csummary class=\"soi-fdb-accordion-header\"\u003e⚠️ Usage et conservation\u003c\/summary\u003e\n \u003cdiv class=\"soi-fdb-accordion-content\"\u003e\n \u003cp\u003eRéservé à un usage cosmétique externe. Ne pas ingérer. Conserver à l'abri de la chaleur et de la lumière directe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-fdb-accordion-item\"\u003e\n \u003csummary class=\"soi-fdb-accordion-header\"\u003e🩺 Allergies et avertissement\u003c\/summary\u003e\n \u003cdiv class=\"soi-fdb-accordion-content\"\u003e\n \u003cp\u003eEn cas d'allergie aux cactacées, consultez un professionnel de santé avant utilisation. Ce produit est un soin cosmétique et ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-fdb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-fdb-cta-box\"\u003e\n \u003cp class=\"soi-fdb-cta-tag\" style=\"color: white;\"\u003eUn rituel précieux, soir après soir\u003c\/p\u003e\n \u003cp class=\"soi-fdb-cta-text\" style=\"color: white;\"\u003eRare, concentrée, d'une pureté irréprochable : quelques gouttes suffisent chaque soir pour offrir à votre peau nutrition, protection et éclat retrouvé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-fdb-marine: #1A2D3D;\n --soi-fdb-marine-dark: #0F1E2B;\n --soi-fdb-marine-light: #2C4458;\n --soi-fdb-pomme: #A1C544;\n --soi-fdb-pomme-dark: #84A636;\n --soi-fdb-pomme-light: rgba(161,197,68,0.10);\n\n --soi-fdb-white: #FFFFFF;\n --soi-fdb-off-white: #F8FAF6;\n --soi-fdb-stone: #F1F3EE;\n --soi-fdb-line: #E5E8E0;\n\n --soi-fdb-primary: #C9A84C;\n --soi-fdb-primary-soft: rgba(201,168,76,0.12);\n --soi-fdb-accent: #8B6914;\n\n --soi-fdb-text: #1A2D3D;\n --soi-fdb-text-soft: #4A5B6B;\n --soi-fdb-text-muted: #7B8693;\n\n --soi-fdb-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-fdb-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-fdb-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-fdb-radius: 12px;\n --soi-fdb-radius-sm: 8px;\n --soi-fdb-radius-pill: 999px;\n}\n\n.soi-fdb-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-fdb-fiche img { max-width: 100%; height: auto; }\n\n.soi-fdb-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-fdb-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-fdb-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-fdb-hero {\n position: relative;\n background: var(--soi-fdb-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-fdb-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-fdb-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-fdb-primary);\n}\n\n.soi-fdb-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-fdb-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-fdb-primary);\n border-radius: 50%;\n}\n\n.soi-fdb-hero-title {\n display: block;\n color: var(--soi-fdb-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-fdb-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-fdb-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-fdb-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-fdb-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-fdb-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-fdb-label-accent {\n background: var(--soi-fdb-primary);\n border-color: var(--soi-fdb-primary);\n color: var(--soi-fdb-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-fdb-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-fdb-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-fdb-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-fdb-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-fdb-primary);\n border-radius: 2px;\n}\n\n.soi-fdb-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-fdb-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-fdb-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-fdb-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-fdb-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-fdb-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-fdb-benefit {\n background: var(--soi-fdb-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-fdb-radius);\n border: 1px solid var(--soi-fdb-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-fdb-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-fdb-shadow-md);\n}\n\n.soi-fdb-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-fdb-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-fdb-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-fdb-primary);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-fdb-benefit:hover .soi-fdb-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-fdb-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-fdb-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-fdb-benefit p {\n font-size: 13px;\n color: var(--soi-fdb-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-fdb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-fdb-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-fdb-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-fdb-radius);\n border: 1px solid var(--soi-fdb-line);\n align-items: flex-start;\n}\n\n.soi-fdb-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-fdb-marine);\n color: var(--soi-fdb-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-fdb-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-fdb-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-fdb-step-content p {\n font-size: 14px;\n color: var(--soi-fdb-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-fdb-compo {\n background: var(--soi-fdb-off-white);\n border-radius: var(--soi-fdb-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-fdb-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-fdb-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-fdb-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-fdb-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-fdb-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-fdb-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-fdb-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-fdb-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-fdb-primary-soft);\n border-left: 4px solid var(--soi-fdb-primary);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-fdb-radius) var(--soi-fdb-radius) 0;\n align-items: flex-start;\n}\n\n.soi-fdb-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-fdb-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-fdb-marine);\n margin-bottom: 4px;\n}\n\n.soi-fdb-tip p {\n font-size: 14px;\n color: var(--soi-fdb-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-fdb-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-fdb-accordion-item {\n background: var(--soi-fdb-off-white);\n border-radius: var(--soi-fdb-radius-sm);\n border: 1px solid var(--soi-fdb-line);\n overflow: hidden;\n}\n\n.soi-fdb-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-fdb-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-fdb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-fdb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-fdb-primary);\n transition: transform 0.2s ease;\n}\n\n.soi-fdb-accordion-item[open] .soi-fdb-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-fdb-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-fdb-accordion-content p {\n font-size: 14px;\n color: var(--soi-fdb-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-fdb-cta-box {\n background: var(--soi-fdb-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-fdb-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-fdb-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-fdb-primary);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-fdb-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-fdb-primary);\n margin-bottom: 0.75rem;\n}\n\n.soi-fdb-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-fdb-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-fdb-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-fdb-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-fdb-compo-value {\n text-align: left;\n }\n\n .soi-fdb-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-fdb-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-fdb-fiche {\n --soi-fdb-text-soft: #2C3E50;\n --soi-fdb-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603646112074,"sku":"NJ0195","price":17.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-de-graines-de-figue-de-barbarie-najel-packshot.webp?v=1780668299"},{"product_id":"creme-hydratante-certifiee-bio-najel","title":"Crème Hydratante Bio Visage - Olive \u0026 Laurier – Najel","description":"\u003cdiv class=\"soi-crhyd-fiche\"\u003e\n\n\u003csection class=\"soi-crhyd-hero\"\u003e\n \u003cdiv class=\"soi-crhyd-hero-tag\"\u003e\n \u003cspan class=\"soi-crhyd-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétique visage · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-crhyd-hero-title\"\u003eCrème hydratante certifiée bio\u003c\/span\u003e\n \u003cp class=\"soi-crhyd-hero-subtitle\"\u003eUne hydratation prouvée jusqu'à 8 heures, portée par les huiles d'olive et de baies de laurier bio. Un soin visage universel, certifié et fabriqué en France.\u003c\/p\u003e\n \u003cdiv class=\"soi-crhyd-hero-labels\"\u003e\n \u003cspan class=\"soi-crhyd-label soi-crhyd-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-crhyd-label\"\u003eECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-crhyd-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-crhyd-label\"\u003e100 % NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-crhyd-label\"\u003eTOUS TYPES DE PEAU\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-crhyd-section\"\u003e\n \u003ch2\u003eCrème hydratante visage certifiée bio, aux huiles d'olive et de baies de laurier\u003c\/h2\u003e\n \u003cp\u003eVous cherchez une crème hydratante pour le visage qui soit à la fois efficace, douce et vraiment naturelle ? Cette crème visage hydratante de Najel coche toutes les cases : certifiée Cosmos Organic par Ecocert, fabriquée en France, et formulée avec des actifs biologiques sélectionnés pour leurs bienfaits réels sur tous les types de peau.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-crhyd-section\"\u003e\n \u003ch2\u003eCe que cette crème apporte concrètement à votre peau\u003c\/h2\u003e\n \u003cp class=\"soi-crhyd-section-intro\"\u003eDerrière ce soin se cache une formule pensée pour répondre aux besoins essentiels de l'épiderme, qu'il soit sec, mixte ou gras. Voici ce que vous pouvez attendre d'une utilisation régulière :\u003c\/p\u003e\n \u003cdiv class=\"soi-crhyd-benefits\"\u003e\n \u003cdiv class=\"soi-crhyd-benefit\"\u003e\n \u003cdiv class=\"soi-crhyd-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydratation prouvée\u003c\/h3\u003e\n \u003cp\u003eDe 4 à 8 heures d'hydratation après application, validée par étude clinique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-crhyd-benefit\"\u003e\n \u003cdiv class=\"soi-crhyd-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeau nourrie et protégée\u003c\/h3\u003e\n \u003cp\u003eL'huile et le beurre d'olive bio renforcent la barrière cutanée grâce à leurs vertus émollientes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-crhyd-benefit\"\u003e\n \u003cdiv class=\"soi-crhyd-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eEffet apaisant\u003c\/h3\u003e\n \u003cp\u003eL'huile de baies de laurier bio calme les peaux sensibles ou réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-crhyd-benefit\"\u003e\n \u003cdiv class=\"soi-crhyd-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eTexture légère, non grasse\u003c\/h3\u003e\n \u003cp\u003ePénètre rapidement sans laisser de film occlusif. Peau souple et confortable dès les premières applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-crhyd-section\"\u003e\n \u003ch2\u003eUne composition 100 % naturelle et certifiée bio\u003c\/h2\u003e\n \u003cp class=\"soi-crhyd-section-intro\"\u003eNajel mise sur des ingrédients d'origine naturelle, sans compromis. Voici les actifs clés de cette crème hydratante visage bio :\u003c\/p\u003e\n \u003cdiv class=\"soi-crhyd-grid\"\u003e\n \u003cdiv class=\"soi-crhyd-card\"\u003e\n \u003ch3\u003e🫒 Hydrolat de feuilles d'olivier bio\u003c\/h3\u003e\n \u003cp\u003eBase aqueuse naturelle riche en polyphénols, elle hydrate les couches superficielles de la peau en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-crhyd-card\"\u003e\n \u003ch3\u003e🌰 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eÉmolliente et protectrice, elle renforce la barrière cutanée et prévient la perte en eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-crhyd-card\"\u003e\n \u003ch3\u003e🧈 Beurre d'olive bio\u003c\/h3\u003e\n \u003cp\u003eTexture fondante, action nourrissante longue durée pour une peau durablement confortable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-crhyd-card\"\u003e\n \u003ch3\u003e🌿 Huile de baies de laurier bio\u003c\/h3\u003e\n \u003cp\u003eApaisante et équilibrante, elle convient aussi bien aux peaux grasses qu'aux peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-crhyd-tip\"\u003e\n \u003cdiv class=\"soi-crhyd-tip-icon\"\u003e🔬\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eEngagement qualité\u003c\/strong\u003e\n \u003cp\u003eTous les ingrédients sont 100 % d'origine naturelle, certifiés par Ecocert Cosmos Organic, ce qui garantit une formule respectueuse de votre peau et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-crhyd-section\"\u003e\n \u003ch2\u003eComment utiliser cette crème hydratante pour le visage ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-crhyd-timeline\"\u003e\n \u003cdiv class=\"soi-crhyd-step\"\u003e\n \u003cdiv class=\"soi-crhyd-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-crhyd-step-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez une noisette de crème sur le visage et le cou, le matin et\/ou le soir, sur une peau propre et légèrement humide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-crhyd-step\"\u003e\n \u003cdiv class=\"soi-crhyd-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-crhyd-step-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eEffectuez des mouvements circulaires jusqu'à absorption complète du soin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-crhyd-step\"\u003e\n \u003cdiv class=\"soi-crhyd-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-crhyd-step-content\"\u003e\n \u003ch3\u003eAdaptez à vos besoins\u003c\/h3\u003e\n \u003cp\u003eElle peut s'utiliser seule ou en complément d'un sérum selon vos besoins. Convient à tous les types de peau, y compris les peaux mixtes et grasses, grâce à sa texture non comédogène.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-crhyd-section\"\u003e\n \u003ch2\u003ePourquoi choisir la crème Najel plutôt qu'une autre ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-crhyd-grid\"\u003e\n \u003cdiv class=\"soi-crhyd-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eÉlaborée dans le Laboratoire Najjar, avec un contrôle qualité rigoureux à chaque étape.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-crhyd-card\"\u003e\n \u003ch3\u003e📊 Efficacité cliniquement testée\u003c\/h3\u003e\n \u003cp\u003eL'hydratation est mesurée et prouvée, pas seulement affichée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-crhyd-card\"\u003e\n \u003ch3\u003e🤝 Formule universelle\u003c\/h3\u003e\n \u003cp\u003eUne seule crème pour tous les types de peau, ce qui simplifie vraiment votre routine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-crhyd-card\"\u003e\n \u003ch3\u003e🌱 Engagement bio sérieux\u003c\/h3\u003e\n \u003cp\u003eLa certification Cosmos Organic est l'un des référentiels les plus exigeants du marché cosmétique naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-crhyd-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-crhyd-compo\"\u003e\n \u003cdiv class=\"soi-crhyd-compo-row\"\u003e\n \u003cspan class=\"soi-crhyd-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-crhyd-compo-value\"\u003eCosmos Organic (Ecocert)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-crhyd-compo-row\"\u003e\n \u003cspan class=\"soi-crhyd-compo-label\"\u003eConvient à\u003c\/span\u003e\n \u003cspan class=\"soi-crhyd-compo-value\"\u003eTous types de peau (sèche, mixte, grasse, sensible)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-crhyd-compo-row\"\u003e\n \u003cspan class=\"soi-crhyd-compo-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-crhyd-compo-value\"\u003eFabriquée en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-crhyd-compo-row\"\u003e\n \u003cspan class=\"soi-crhyd-compo-label\"\u003eUsage\u003c\/span\u003e\n \u003cspan class=\"soi-crhyd-compo-value\"\u003eVisage et cou, matin et\/ou soir\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-crhyd-compo-row\"\u003e\n \u003cspan class=\"soi-crhyd-compo-label\"\u003eTexture\u003c\/span\u003e\n \u003cspan class=\"soi-crhyd-compo-value\"\u003eLégère, absorption rapide, fini non gras\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-crhyd-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-crhyd-cta-box\"\u003e\n \u003cp class=\"soi-crhyd-cta-tag\" style=\"color: white;\"\u003eVotre rituel hydratation, simplifié\u003c\/p\u003e\n \u003cp class=\"soi-crhyd-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau une hydratation profonde, des actifs biologiques sélectionnés avec soin, et la tranquillité d'esprit d'un produit certifié et fabriqué en France.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-crhyd-marine: #1A2D3D;\n --soi-crhyd-marine-dark: #0F1E2B;\n --soi-crhyd-marine-light: #2C4458;\n --soi-crhyd-pomme: #A1C544;\n --soi-crhyd-pomme-dark: #84A636;\n --soi-crhyd-pomme-light: rgba(161,197,68,0.10);\n\n --soi-crhyd-white: #FFFFFF;\n --soi-crhyd-off-white: #F8FAF6;\n --soi-crhyd-stone: #F1F3EE;\n --soi-crhyd-line: #E5E8E0;\n\n --soi-crhyd-primary: #C4A882;\n --soi-crhyd-primary-soft: #E8D9C8;\n --soi-crhyd-accent: #8B6F52;\n\n --soi-crhyd-text: #1A2D3D;\n --soi-crhyd-text-soft: #4A5B6B;\n --soi-crhyd-text-muted: #7B8693;\n\n --soi-crhyd-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-crhyd-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-crhyd-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-crhyd-radius: 12px;\n --soi-crhyd-radius-sm: 8px;\n --soi-crhyd-radius-pill: 999px;\n}\n\n.soi-crhyd-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-crhyd-fiche img { max-width: 100%; height: auto; }\n\n.soi-crhyd-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-crhyd-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-crhyd-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-crhyd-hero {\n position: relative;\n background: var(--soi-crhyd-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-crhyd-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-crhyd-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-crhyd-pomme);\n}\n\n.soi-crhyd-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-crhyd-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-crhyd-pomme);\n border-radius: 50%;\n}\n\n.soi-crhyd-hero-title {\n display: block;\n color: var(--soi-crhyd-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-crhyd-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-crhyd-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-crhyd-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-crhyd-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-crhyd-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-crhyd-label-accent {\n background: var(--soi-crhyd-pomme);\n border-color: var(--soi-crhyd-pomme);\n color: var(--soi-crhyd-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-crhyd-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-crhyd-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-crhyd-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-crhyd-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-crhyd-pomme);\n border-radius: 2px;\n}\n\n.soi-crhyd-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-crhyd-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-crhyd-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-crhyd-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-crhyd-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-crhyd-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-crhyd-benefit {\n background: var(--soi-crhyd-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-crhyd-radius);\n border: 1px solid var(--soi-crhyd-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-crhyd-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-crhyd-shadow-md);\n}\n\n.soi-crhyd-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-crhyd-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-crhyd-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-crhyd-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-crhyd-benefit:hover .soi-crhyd-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-crhyd-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-crhyd-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-crhyd-benefit p {\n font-size: 13px;\n color: var(--soi-crhyd-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-crhyd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-crhyd-card {\n background: var(--soi-crhyd-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-crhyd-radius);\n border-left: 3px solid var(--soi-crhyd-pomme);\n}\n\n.soi-crhyd-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-crhyd-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-crhyd-card p {\n font-size: 14px;\n color: var(--soi-crhyd-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-crhyd-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-crhyd-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-crhyd-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-crhyd-radius);\n border: 1px solid var(--soi-crhyd-line);\n align-items: flex-start;\n}\n\n.soi-crhyd-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-crhyd-marine);\n color: var(--soi-crhyd-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-crhyd-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-crhyd-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-crhyd-step-content p {\n font-size: 14px;\n color: var(--soi-crhyd-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-crhyd-compo {\n background: var(--soi-crhyd-off-white);\n border-radius: var(--soi-crhyd-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-crhyd-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-crhyd-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-crhyd-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-crhyd-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-crhyd-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-crhyd-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-crhyd-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-crhyd-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-crhyd-pomme-light);\n border-left: 4px solid var(--soi-crhyd-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-crhyd-radius) var(--soi-crhyd-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-crhyd-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-crhyd-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-crhyd-marine);\n margin-bottom: 4px;\n}\n\n.soi-crhyd-tip p {\n font-size: 14px;\n color: var(--soi-crhyd-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-crhyd-cta-box {\n background: var(--soi-crhyd-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-crhyd-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-crhyd-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-crhyd-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-crhyd-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-crhyd-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-crhyd-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-crhyd-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-crhyd-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-crhyd-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-crhyd-compo-value {\n text-align: left;\n }\n\n .soi-crhyd-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-crhyd-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-crhyd-fiche {\n --soi-crhyd-text-soft: #2C3E50;\n --soi-crhyd-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603646374218,"sku":"NJ0300","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/creme-hydratante-certifiee-bio-najel-packshot.webp?v=1779801055"},{"product_id":"creme-visage-matifiante-certifiee-bio-najel","title":"Crème visage matifiante bio – Najel","description":"\n\u003cdiv class=\"soi-najmt-fiche\"\u003e\n\n \u003csection class=\"soi-najmt-hero\"\u003e\n \u003cdiv class=\"soi-najmt-hero-tag\"\u003e\n \u003cspan class=\"soi-najmt-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétique visage · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-najmt-hero-title\"\u003eAloe Vera \u0026amp; Rose au service de votre visage\u003c\/span\u003e\n \u003cp class=\"soi-najmt-hero-subtitle\"\u003eAloe vera et rose myrtle : rééquilibrez, purifiez et hydratez votre peau grasse sans jamais l'assécher.\u003c\/p\u003e\n \u003cdiv class=\"soi-najmt-hero-labels\"\u003e\n \u003cspan class=\"soi-najmt-label soi-najmt-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-najmt-label\"\u003eECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-najmt-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-najmt-label\"\u003eSANS PARFUM AJOUTÉ\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-najmt-section\"\u003e\n \u003ch2\u003eUne crème visage matifiante bio à l'aloe vera et rose myrtle pour les peaux grasses\u003c\/h2\u003e\n \u003cp\u003eVous avez la peau grasse, les pores dilatés, et ce fameux effet brillant qui s'installe dès le milieu de matinée ? La crème visage matifiante certifiée bio Najel a été formulée précisément pour vous. Certifiée Cosmos Organic par Ecocert et fabriquée en France, elle associe des actifs naturels soigneusement sélectionnés pour rééquilibrer, purifier et hydrater les peaux à tendance grasse, sans jamais les assécher.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-najmt-section\"\u003e\n \u003ch2\u003eCe que cette crème matifiante bio fait concrètement pour votre peau\u003c\/h2\u003e\n \u003cp class=\"soi-najmt-section-intro\"\u003eContrairement à beaucoup de soins matifiants qui se contentent d'absorber le sébum en surface, la crème de jour matifiante bio Najel agit à plusieurs niveaux simultanément.\u003c\/p\u003e\n \u003cdiv class=\"soi-najmt-benefits\"\u003e\n \u003cdiv class=\"soi-najmt-benefit\"\u003e\n \u003cdiv class=\"soi-najmt-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMatification durable\u003c\/h3\u003e\n \u003cp\u003eL'argile naturelle absorbe l'excès de sébum dès l'application et maintient un teint mat toute la journée, sans effet \"masque\" ni sensation d'inconfort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-najmt-benefit\"\u003e\n \u003cdiv class=\"soi-najmt-benefit-icon\"\u003e\u003cspan\u003e🧼\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePurification en profondeur\u003c\/h3\u003e\n \u003cp\u003eL'huile de baies de laurier, aux propriétés antiseptiques reconnues, assainit la peau et limite l'apparition des imperfections liées aux bactéries responsables de l'acné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-najmt-benefit\"\u003e\n \u003cdiv class=\"soi-najmt-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydratation légère et non comédogène\u003c\/h3\u003e\n \u003cp\u003eL'aloe vera et l'hydrolat de citron hydratent sans alourdir ni obstruer les pores, ce que les peaux grasses ne tolèrent pas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-najmt-benefit\"\u003e\n \u003cdiv class=\"soi-najmt-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAction sur les rougeurs et inflammations\u003c\/h3\u003e\n \u003cp\u003eLes extraits de rose myrtle, riches en polyphénols et acides organiques, agissent directement sur \u003cem\u003ePropionibacterium acnes\u003c\/em\u003e, la bactérie impliquée dans l'acné inflammatoire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-najmt-benefit\"\u003e\n \u003cdiv class=\"soi-najmt-benefit-icon\"\u003e\u003cspan\u003e🎯\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eResserrement des pores\u003c\/h3\u003e\n \u003cp\u003eLes hydrolats astringents affinent le grain de peau et unifient le teint pour un rendu naturellement lisse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-najmt-section\"\u003e\n \u003ch2\u003eComposition : des ingrédients bio à la hauteur de leurs promesses\u003c\/h2\u003e\n \u003cp class=\"soi-najmt-section-intro\"\u003eLa meilleure crème matifiante bio est avant tout celle dont vous connaissez et comprenez chaque ingrédient. Voici les actifs clés de cette formule.\u003c\/p\u003e\n \u003cdiv class=\"soi-najmt-grid\"\u003e\n \u003cdiv class=\"soi-najmt-card\"\u003e\n \u003ch3\u003e🌿 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eHydratation douce, apaisement, régulation du film hydrolipidique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-najmt-card\"\u003e\n \u003ch3\u003e🌺 Extrait de rose myrtle\u003c\/h3\u003e\n \u003cp\u003eAction antibactérienne, séborégulatrice et anti-inflammatoire ciblée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-najmt-card\"\u003e\n \u003ch3\u003e🍃 Huile de baies de laurier\u003c\/h3\u003e\n \u003cp\u003ePurifiante, antiseptique, idéale pour les peaux impures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-najmt-card\"\u003e\n \u003ch3\u003e🍋 Hydrolat de citron\u003c\/h3\u003e\n \u003cp\u003eTonifiant, astringent, unificateur de teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-najmt-card\"\u003e\n \u003ch3\u003e🪨 Argile naturelle\u003c\/h3\u003e\n \u003cp\u003eMatification immédiate, absorption de l'excès de sébum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-najmt-tip\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-najmt-tip-icon\"\u003e🤍\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eFormule respectueuse\u003c\/strong\u003e\n \u003cp\u003eSans parfum ajouté, cette crème respecte les peaux sensibles à tendance acnéique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-najmt-section\"\u003e\n \u003ch2\u003eComment utiliser votre crème hydratante matifiante visage Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-najmt-timeline\"\u003e\n \u003cdiv class=\"soi-najmt-step\"\u003e\n \u003cdiv class=\"soi-najmt-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-najmt-step-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez chaque matin sur le visage propre et sec, en évitant le contour des yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-najmt-step\"\u003e\n \u003cdiv class=\"soi-najmt-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-najmt-step-content\"\u003e\n \u003ch3\u003eAppliquez la crème\u003c\/h3\u003e\n \u003cp\u003ePrenez une noisette de crème, faites-la fondre entre vos doigts, puis massez en mouvements circulaires ascendants jusqu'à absorption complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-najmt-step\"\u003e\n \u003cdiv class=\"soi-najmt-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-najmt-step-content\"\u003e\n \u003ch3\u003eAdaptez votre routine\u003c\/h3\u003e\n \u003cp\u003eElle peut être utilisée seule le matin ou en complément d'un soin de nuit plus riche si votre peau en a besoin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-najmt-tip\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-najmt-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eSi vous souhaitez une protection solaire en plus, appliquez par-dessus une crème solaire visage matifiante adaptée aux peaux grasses. La crème Najel constitue alors une excellente base de soin avant votre protection UV.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-najmt-section\"\u003e\n \u003ch2\u003ePour qui est faite cette crème matifiante visage ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-najmt-grid\"\u003e\n \u003cdiv class=\"soi-najmt-card\"\u003e\n \u003ch3\u003e🌟 Peaux grasses ou mixtes\u003c\/h3\u003e\n \u003cp\u003ePeaux à tendance grasse ou mixte avec brillances excessives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-najmt-card\"\u003e\n \u003ch3\u003e🔬 Peaux sujettes aux imperfections\u003c\/h3\u003e\n \u003cp\u003ePeaux présentant des imperfections, points noirs et petits boutons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-najmt-card\"\u003e\n \u003ch3\u003e🌱 Adeptes du bio\u003c\/h3\u003e\n \u003cp\u003ePersonnes souhaitant un soin certifié bio, sans ingrédients controversés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-najmt-card\"\u003e\n \u003ch3\u003e🪶 Amateurs de texture légère\u003c\/h3\u003e\n \u003cp\u003eCelles et ceux qui recherchent une texture légère, non grasse, absorbée rapidement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-najmt-section\"\u003e\n \u003ch2\u003eCertification et engagement qualité\u003c\/h2\u003e\n \u003cp\u003eLa crème visage matifiante Najel est certifiée Cosmos Organic par Ecocert, ce qui garantit la traçabilité des ingrédients biologiques, l'absence de substances pétrochimiques et une fabrication respectueuse de l'environnement. Fabriquée en France, elle répond à des exigences strictes que peu de soins matifiants du marché peuvent afficher.\u003c\/p\u003e\n \u003cdiv class=\"soi-najmt-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-najmt-card-mini\"\u003e\n \u003cspan class=\"soi-najmt-card-mini-icon\"\u003e🏅\u003c\/span\u003e\n \u003cspan class=\"soi-najmt-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-najmt-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-najmt-card-mini\"\u003e\n \u003cspan class=\"soi-najmt-card-mini-icon\"\u003e🔍\u003c\/span\u003e\n \u003cspan class=\"soi-najmt-card-mini-label\"\u003eOrganisme\u003c\/span\u003e\n \u003cspan class=\"soi-najmt-card-mini-value\"\u003eEcocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-najmt-card-mini\"\u003e\n \u003cspan class=\"soi-najmt-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-najmt-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-najmt-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-najmt-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-najmt-cta-box\"\u003e\n \u003cp class=\"soi-najmt-cta-tag\" style=\"color: white;\"\u003ePrendre soin de soi, naturellement\u003c\/p\u003e\n \u003cp class=\"soi-najmt-cta-text\" style=\"color: white;\"\u003eMatifier sans dessécher, purifier sans agresser : offrez à votre peau grasse la légèreté et le respect qu'elle mérite avec un soin certifié bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-najmt-marine: #1A2D3D;\n --soi-najmt-marine-dark: #0F1E2B;\n --soi-najmt-marine-light: #2C4458;\n --soi-najmt-pomme: #A1C544;\n --soi-najmt-pomme-dark: #84A636;\n --soi-najmt-pomme-light: rgba(161,197,68,0.10);\n\n --soi-najmt-white: #FFFFFF;\n --soi-najmt-off-white: #F8FAF6;\n --soi-najmt-stone: #F1F3EE;\n --soi-najmt-line: #E5E8E0;\n\n --soi-najmt-primary: #D4A8A4;\n --soi-najmt-primary-soft: #F0DDD9;\n --soi-najmt-accent: #8B6B5E;\n\n --soi-najmt-text: #1A2D3D;\n --soi-najmt-text-soft: #4A5B6B;\n --soi-najmt-text-muted: #7B8693;\n\n --soi-najmt-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-najmt-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-najmt-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-najmt-radius: 12px;\n --soi-najmt-radius-sm: 8px;\n --soi-najmt-radius-pill: 999px;\n}\n\n.soi-najmt-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-najmt-fiche img { max-width: 100%; height: auto; }\n\n.soi-najmt-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-najmt-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-najmt-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-najmt-hero {\n position: relative;\n background: var(--soi-najmt-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-najmt-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-najmt-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-najmt-pomme);\n}\n\n.soi-najmt-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-najmt-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-najmt-pomme);\n border-radius: 50%;\n}\n\n.soi-najmt-hero-title {\n display: block;\n color: var(--soi-najmt-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-najmt-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-najmt-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-najmt-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-najmt-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-najmt-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-najmt-label-accent {\n background: var(--soi-najmt-pomme);\n border-color: var(--soi-najmt-pomme);\n color: var(--soi-najmt-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-najmt-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-najmt-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-najmt-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-najmt-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-najmt-pomme);\n border-radius: 2px;\n}\n\n.soi-najmt-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-najmt-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-najmt-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-najmt-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-najmt-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-najmt-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-najmt-benefit {\n background: var(--soi-najmt-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-najmt-radius);\n border: 1px solid var(--soi-najmt-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-najmt-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-najmt-shadow-md);\n}\n\n.soi-najmt-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-najmt-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-najmt-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-najmt-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-najmt-benefit:hover .soi-najmt-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-najmt-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-najmt-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-najmt-benefit p {\n font-size: 13px;\n color: var(--soi-najmt-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-najmt-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-najmt-card {\n background: var(--soi-najmt-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-najmt-radius);\n border-left: 3px solid var(--soi-najmt-pomme);\n}\n\n.soi-najmt-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-najmt-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-najmt-card p {\n font-size: 14px;\n color: var(--soi-najmt-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-najmt-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-najmt-card-mini {\n background: var(--soi-najmt-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-najmt-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-najmt-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-najmt-card-mini-label {\n font-size: 11px;\n color: var(--soi-najmt-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-najmt-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-najmt-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-najmt-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-najmt-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-najmt-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-najmt-radius);\n border: 1px solid var(--soi-najmt-line);\n align-items: flex-start;\n}\n\n.soi-najmt-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-najmt-marine);\n color: var(--soi-najmt-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-najmt-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-najmt-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-najmt-step-content p {\n font-size: 14px;\n color: var(--soi-najmt-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-najmt-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-najmt-pomme-light);\n border-left: 4px solid var(--soi-najmt-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-najmt-radius) var(--soi-najmt-radius) 0;\n align-items: flex-start;\n}\n\n.soi-najmt-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-najmt-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-najmt-marine);\n margin-bottom: 4px;\n}\n\n.soi-najmt-tip p {\n font-size: 14px;\n color: var(--soi-najmt-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-najmt-cta-box {\n background: var(--soi-najmt-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-najmt-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-najmt-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-najmt-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-najmt-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-najmt-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-najmt-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-najmt-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-najmt-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-najmt-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-najmt-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-najmt-grid {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-najmt-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-najmt-fiche {\n --soi-najmt-text-soft: #2C3E50;\n --soi-najmt-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603646603594,"sku":"NJ0310","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/creme-visage-matifiante-bio-najel-packshot_11zon.jpg?v=1779804262"},{"product_id":"huile-d-amande-douce-certifiee-bio-najel","title":"Huile d’amande douce certifiée bio – Najel","description":"\u003cdiv class=\"soi-amnd-fiche\"\u003e\n\n\u003csection class=\"soi-amnd-hero\"\u003e\n \u003cdiv class=\"soi-amnd-hero-tag\"\u003e\n \u003cspan class=\"soi-amnd-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétiques et soins beauté · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-amnd-hero-title\"\u003eHuile d'amande douce certifiée bio\u003c\/span\u003e\n \u003cp class=\"soi-amnd-hero-subtitle\"\u003eUne huile végétale pure, extraite à froid, qui prend soin de votre peau, de vos cheveux et de vos ongles avec une douceur incomparable.\u003c\/p\u003e\n \u003cdiv class=\"soi-amnd-hero-labels\"\u003e\n \u003cspan class=\"soi-amnd-label soi-amnd-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-amnd-label\"\u003eCERTIFIÉE BIO\u003c\/span\u003e\n \u003cspan class=\"soi-amnd-label\"\u003e100 % NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-amnd-label\"\u003ePREMIÈRE PRESSION À FROID\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-amnd-section\"\u003e\n \u003ch2\u003eQu'est-ce que l'huile d'amande douce Najel ?\u003c\/h2\u003e\n \u003cp\u003eL'huile d'amande douce bio Najel est une huile végétale pure, extraite par première pression à froid à partir d'amandiers cultivés en Espagne selon les normes de l'Agriculture Biologique. Certifiée Cosmos Organic par Ecocert, elle est 100 % naturelle, sans additif ni parfum ajouté.\u003c\/p\u003e\n \u003cp\u003eConditionnée dans un flacon ambré avec pompe doseuse, elle se conserve parfaitement et s'utilise sans gaspillage au quotidien.\u003c\/p\u003e\n\n \u003cdiv class=\"soi-amnd-grid-compact\"\u003e\n \u003cdiv class=\"soi-amnd-card-mini\"\u003e\n \u003cspan class=\"soi-amnd-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-amnd-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-amnd-card-mini-value\"\u003eCosmos Organic Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-amnd-card-mini\"\u003e\n \u003cspan class=\"soi-amnd-card-mini-icon\"\u003e🇪🇸\u003c\/span\u003e\n \u003cspan class=\"soi-amnd-card-mini-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-amnd-card-mini-value\"\u003eEspagne\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-amnd-card-mini\"\u003e\n \u003cspan class=\"soi-amnd-card-mini-icon\"\u003e❄️\u003c\/span\u003e\n \u003cspan class=\"soi-amnd-card-mini-label\"\u003eExtraction\u003c\/span\u003e\n \u003cspan class=\"soi-amnd-card-mini-value\"\u003ePremière pression à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-amnd-card-mini\"\u003e\n \u003cspan class=\"soi-amnd-card-mini-icon\"\u003e🍃\u003c\/span\u003e\n \u003cspan class=\"soi-amnd-card-mini-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-amnd-card-mini-value\"\u003e100 % naturelle, sans additif\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-amnd-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile d'amande douce : ce qu'elle fait vraiment pour vous\u003c\/h2\u003e\n \u003cp class=\"soi-amnd-section-intro\"\u003eSi l'huile d'amande douce est utilisée depuis des siècles, c'est pour une raison simple : elle fonctionne. Voici ce qu'elle vous apporte concrètement.\u003c\/p\u003e\n\n \u003cdiv class=\"soi-amnd-benefits\"\u003e\n \u003cdiv class=\"soi-amnd-benefit\"\u003e\n \u003cdiv class=\"soi-amnd-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydratation en profondeur\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras oméga 6 et 9, elle nourrit et assouplit les peaux sèches ou déshydratées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-amnd-benefit\"\u003e\n \u003cdiv class=\"soi-amnd-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAction apaisante\u003c\/h3\u003e\n \u003cp\u003eIdéale pour les peaux sensibles, irritées ou sujettes aux rougeurs, y compris les peaux de bébé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-amnd-benefit\"\u003e\n \u003cdiv class=\"soi-amnd-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eEffet antioxydant\u003c\/h3\u003e\n \u003cp\u003eGrâce aux vitamines A et E, elle aide à prévenir le vieillissement cutané prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-amnd-benefit\"\u003e\n \u003cdiv class=\"soi-amnd-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eProtection naturelle\u003c\/h3\u003e\n \u003cp\u003eElle renforce le film lipidique de la peau face au froid, à la pollution et aux agressions quotidiennes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-amnd-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile d'amande douce Najel ?\u003c\/h2\u003e\n \u003cp class=\"soi-amnd-section-intro\"\u003eSa polyvalence en fait un soin incontournable, du visage aux pieds. Voici comment l'intégrer simplement à votre routine.\u003c\/p\u003e\n\n \u003cdiv class=\"soi-amnd-grid\"\u003e\n \u003cdiv class=\"soi-amnd-card\"\u003e\n \u003ch3\u003e🌿 Visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes le soir en massage léger. Convient aux peaux mixtes, sèches et sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-amnd-card\"\u003e\n \u003ch3\u003e🧴 Corps\u003c\/h3\u003e\n \u003cp\u003eAprès la douche, massez les zones sèches (coudes, talons, genoux) pour une peau douce et nourrie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-amnd-card\"\u003e\n \u003ch3\u003e💆 Cheveux\u003c\/h3\u003e\n \u003cp\u003eEn masque avant-shampoing ou en soin des pointes : l'huile d'amande douce redonne brillance et souplesse aux longueurs abîmées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-amnd-card\"\u003e\n \u003ch3\u003e✋ Ongles et cuticules\u003c\/h3\u003e\n \u003cp\u003eMassez les cuticules chaque soir pour des ongles renforcés et des mains visiblement plus douces.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-amnd-section\"\u003e\n \u003ch2\u003eConvient-elle aux bébés et aux peaux très sensibles ?\u003c\/h2\u003e\n \u003cp\u003eOui. L'huile d'amande douce pour bébé est l'une des utilisations les plus répandues, et pour cause : sa texture légère, son profil hypoallergénique et son absence de parfum en font un soin idéal pour les peaux les plus délicates.\u003c\/p\u003e\n \u003cp\u003eElle peut être utilisée après le bain pour hydrater et apaiser la peau de votre enfant, sous réserve d'absence d'allergie aux fruits à coque.\u003c\/p\u003e\n\n \u003cdiv class=\"soi-amnd-tip\"\u003e\n \u003cdiv class=\"soi-amnd-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eUn test dans le pli du coude est recommandé avant toute première utilisation, en particulier chez les tout-petits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-amnd-section\"\u003e\n \u003ch2\u003eY a-t-il des inconvénients à connaître ?\u003c\/h2\u003e\n \u003cp\u003eL'huile d'amande douce est généralement très bien tolérée. Cependant, quelques points méritent votre attention.\u003c\/p\u003e\n\n \u003cdiv class=\"soi-amnd-accordion\"\u003e\n \u003cdetails class=\"soi-amnd-accordion-item\"\u003e\n \u003csummary class=\"soi-amnd-accordion-header\"\u003e⚠️ Allergie aux fruits à coque\u003c\/summary\u003e\n \u003cdiv class=\"soi-amnd-accordion-content\"\u003e\n \u003cp\u003eDéconseillée en cas d'allergie connue aux amandes. Faites toujours un test préalable dans le pli du coude.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-amnd-accordion-item\"\u003e\n \u003csummary class=\"soi-amnd-accordion-header\"\u003e🧪 Peaux très grasses\u003c\/summary\u003e\n \u003cdiv class=\"soi-amnd-accordion-content\"\u003e\n \u003cp\u003eSa texture, bien qu'absorbante, peut ne pas convenir à toutes les peaux acnéiques en usage quotidien sur le visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-amnd-accordion-item\"\u003e\n \u003csummary class=\"soi-amnd-accordion-header\"\u003e🌡️ Conservation\u003c\/summary\u003e\n \u003cdiv class=\"soi-amnd-accordion-content\"\u003e\n \u003cp\u003eÀ conserver à l'abri de la lumière et de la chaleur. Le flacon ambré de Najel protège efficacement l'huile de l'oxydation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-amnd-section\"\u003e\n \u003ch2\u003eComposition de l'huile d'amande douce Najel\u003c\/h2\u003e\n \u003cdiv class=\"soi-amnd-compo\"\u003e\n \u003cdiv class=\"soi-amnd-compo-row\"\u003e\n \u003cspan class=\"soi-amnd-compo-label\"\u003eIngrédient unique\u003c\/span\u003e\n \u003cspan class=\"soi-amnd-compo-value\"\u003ePrunus Amygdalus Dulcis Oil (huile d'amande douce)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-amnd-compo-row\"\u003e\n \u003cspan class=\"soi-amnd-compo-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-amnd-compo-value\"\u003ePure, sans ajout, sans conservateur\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-amnd-compo-row\"\u003e\n \u003cspan class=\"soi-amnd-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-amnd-compo-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-amnd-compo-row\"\u003e\n \u003cspan class=\"soi-amnd-compo-label\"\u003eExtraction\u003c\/span\u003e\n \u003cspan class=\"soi-amnd-compo-value\"\u003eÀ froid, pour préserver l'intégralité des actifs naturels\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-amnd-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-amnd-cta-box\"\u003e\n \u003cp class=\"soi-amnd-cta-tag\" style=\"color: white;\"\u003eUn flacon, mille usages, une seule promesse\u003c\/p\u003e\n \u003cp class=\"soi-amnd-cta-text\" style=\"color: white;\"\u003eLa douceur au naturel pour toute la famille. Hydratez votre peau, sublimez vos cheveux et prenez soin de vos ongles, en toute confiance, dès le premier jour.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-amnd-marine: #1A2D3D;\n --soi-amnd-marine-dark: #0F1E2B;\n --soi-amnd-marine-light: #2C4458;\n --soi-amnd-pomme: #A1C544;\n --soi-amnd-pomme-dark: #84A636;\n --soi-amnd-pomme-light: rgba(161,197,68,0.10);\n\n --soi-amnd-white: #FFFFFF;\n --soi-amnd-off-white: #F8FAF6;\n --soi-amnd-stone: #F1F3EE;\n --soi-amnd-line: #E5E8E0;\n\n --soi-amnd-primary: #D4A8A4;\n --soi-amnd-primary-soft: #F0DDD9;\n --soi-amnd-accent: #C49A7A;\n\n --soi-amnd-text: #1A2D3D;\n --soi-amnd-text-soft: #4A5B6B;\n --soi-amnd-text-muted: #7B8693;\n\n --soi-amnd-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-amnd-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-amnd-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-amnd-radius: 12px;\n --soi-amnd-radius-sm: 8px;\n --soi-amnd-radius-pill: 999px;\n}\n\n.soi-amnd-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-amnd-fiche img { max-width: 100%; height: auto; }\n\n.soi-amnd-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-amnd-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-amnd-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-amnd-hero {\n position: relative;\n background: var(--soi-amnd-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-amnd-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-amnd-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-amnd-pomme);\n}\n\n.soi-amnd-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-amnd-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-amnd-pomme);\n border-radius: 50%;\n}\n\n.soi-amnd-hero-title {\n display: block;\n color: var(--soi-amnd-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-amnd-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-amnd-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-amnd-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-amnd-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-amnd-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-amnd-label-accent {\n background: var(--soi-amnd-pomme);\n border-color: var(--soi-amnd-pomme);\n color: var(--soi-amnd-marine);\n font-weight: 600;\n}\n\n.soi-amnd-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-amnd-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-amnd-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-amnd-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-amnd-pomme);\n border-radius: 2px;\n}\n\n.soi-amnd-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-amnd-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-amnd-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-amnd-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-amnd-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-amnd-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-amnd-benefit {\n background: var(--soi-amnd-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-amnd-radius);\n border: 1px solid var(--soi-amnd-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-amnd-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-amnd-shadow-md);\n}\n\n.soi-amnd-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-amnd-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-amnd-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-amnd-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-amnd-benefit:hover .soi-amnd-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-amnd-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-amnd-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-amnd-benefit p {\n font-size: 13px;\n color: var(--soi-amnd-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-amnd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-amnd-card {\n background: var(--soi-amnd-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-amnd-radius);\n border-left: 3px solid var(--soi-amnd-pomme);\n}\n\n.soi-amnd-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-amnd-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-amnd-card p {\n font-size: 14px;\n color: var(--soi-amnd-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-amnd-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-top: 1.5rem;\n}\n\n.soi-amnd-card-mini {\n background: var(--soi-amnd-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-amnd-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-amnd-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-amnd-card-mini-label {\n font-size: 11px;\n color: var(--soi-amnd-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-amnd-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-amnd-marine);\n}\n\n.soi-amnd-compo {\n background: var(--soi-amnd-off-white);\n border-radius: var(--soi-amnd-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-amnd-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-amnd-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-amnd-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-amnd-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-amnd-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-amnd-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-amnd-marine);\n text-align: right;\n}\n\n.soi-amnd-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-amnd-pomme-light);\n border-left: 4px solid var(--soi-amnd-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-amnd-radius) var(--soi-amnd-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-amnd-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-amnd-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-amnd-marine);\n margin-bottom: 4px;\n}\n\n.soi-amnd-tip p {\n font-size: 14px;\n color: var(--soi-amnd-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-amnd-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-amnd-accordion-item {\n background: var(--soi-amnd-off-white);\n border-radius: var(--soi-amnd-radius-sm);\n border: 1px solid var(--soi-amnd-line);\n overflow: hidden;\n}\n\n.soi-amnd-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-amnd-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-amnd-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-amnd-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-amnd-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-amnd-accordion-item[open] .soi-amnd-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-amnd-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-amnd-accordion-content p {\n font-size: 14px;\n color: var(--soi-amnd-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-amnd-cta-box {\n background: var(--soi-amnd-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-amnd-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-amnd-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-amnd-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-amnd-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-amnd-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-amnd-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-amnd-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-amnd-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-amnd-compo-value {\n text-align: left;\n }\n\n .soi-amnd-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-amnd-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-amnd-fiche {\n --soi-amnd-text-soft: #2C3E50;\n --soi-amnd-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603646669130,"sku":"NJ0200","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-damande-douce-certifiee-bio-najel-packshot.webp?v=1779792802"},{"product_id":"huile-d-abricot-certifiee-bio-najel","title":"Huile d’abricot certifiée bio – Najel","description":"\u003cdiv class=\"soi-abri-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-abri-hero\"\u003e\n \u003cdiv class=\"soi-abri-hero-tag\"\u003e\n \u003cspan class=\"soi-abri-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétiques et soins beauté · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-abri-hero-title\"\u003eHuile de noyaux d'abricot certifiée bio\u003c\/span\u003e\n \u003cp class=\"soi-abri-hero-subtitle\"\u003eExtraite par première pression à froid, cette huile végétale tonifiante redonne éclat, souplesse et confort à votre peau, jour après jour.\u003c\/p\u003e\n \u003cdiv class=\"soi-abri-hero-labels\"\u003e\n \u003cspan class=\"soi-abri-label soi-abri-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-abri-label\"\u003eCERTIFIÉE ECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-abri-label\"\u003e100 % NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-abri-label\"\u003eBIO\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Huile de noyaux d'abricot bio Najel : l'éclat naturel à portée de main --\u003e\n \u003csection class=\"soi-abri-section\"\u003e\n \u003ch2\u003eHuile de noyaux d'abricot bio Najel : l'éclat naturel à portée de main\u003c\/h2\u003e\n \u003cp\u003eSi votre peau manque de tonus, d'éclat ou de douceur, l'huile de noyaux d'abricot certifiée bio Najel pourrait bien devenir votre nouveau rituel incontournable. Extraite par \u003cstrong\u003epremière pression à froid\u003c\/strong\u003e des noyaux d'abricots (\u003cem\u003ePrunus Armeniaca\u003c\/em\u003e) récoltés en Turquie, cette huile végétale 100 % naturelle réunit légèreté, richesse nutritive et polyvalence. Certifiée \u003cstrong\u003eCosmos Organic par Ecocert\u003c\/strong\u003e, elle vous garantit une composition pure, sans compromis.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Pourquoi choisir l'huile de noyau d'abricot plutôt qu'une autre huile végétale ? --\u003e\n \u003csection class=\"soi-abri-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile de noyau d'abricot plutôt qu'une autre huile végétale ?\u003c\/h2\u003e\n \u003cp class=\"soi-abri-section-intro\"\u003eToutes les huiles végétales ne se valent pas. Ce qui distingue l'huile d'abricot, c'est sa texture remarquablement fine qui pénètre rapidement sans laisser de film gras. Elle est naturellement riche en :\u003c\/p\u003e\n \u003cdiv class=\"soi-abri-grid\"\u003e\n \u003cdiv class=\"soi-abri-card\"\u003e\n \u003ch3\u003e🫒 Acides gras oléique et linoléique\u003c\/h3\u003e\n \u003cp\u003eLes oméga-9 et oméga-6 restaurent le film hydrolipidique et assouplissent durablement la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-abri-card\"\u003e\n \u003ch3\u003e🥕 Vitamine A (bêta-carotène)\u003c\/h3\u003e\n \u003cp\u003eReconnue pour stimuler le renouvellement cellulaire et unifier le teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-abri-card\"\u003e\n \u003ch3\u003e🛡️ Vitamine E (tocophérols)\u003c\/h3\u003e\n \u003cp\u003ePuissant antioxydant qui contribue à protéger la peau des agressions extérieures et du vieillissement prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eRésultat : une peau visiblement plus lumineuse, plus souple et mieux hydratée dès les premières utilisations.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Les bienfaits de l'huile d'abricot : ce qu'elle fait vraiment pour vous --\u003e\n \u003csection class=\"soi-abri-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile d'abricot : ce qu'elle fait vraiment pour vous\u003c\/h2\u003e\n \u003cdiv class=\"soi-abri-benefits\"\u003e\n \u003cdiv class=\"soi-abri-benefit\"\u003e\n \u003cdiv class=\"soi-abri-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eIlluminatrice et tonifiante\u003c\/h3\u003e\n \u003cp\u003eElle redonne de l'éclat aux teints ternes et fatigués. Idéale en soin matinal pour préparer la peau avant le maquillage ou la crème de jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-abri-benefit\"\u003e\n \u003cdiv class=\"soi-abri-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydratante en profondeur\u003c\/h3\u003e\n \u003cp\u003eSa texture fluide pénètre rapidement et laisse la peau douce, souple et soyeuse, sans effet poisseux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-abri-benefit\"\u003e\n \u003cdiv class=\"soi-abri-benefit-icon\"\u003e\u003cspan\u003e🔄\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRégénérante et anti-âge\u003c\/h3\u003e\n \u003cp\u003eElle favorise la réparation cellulaire et aide à atténuer les premiers signes du vieillissement cutané grâce à ses antioxydants naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-abri-benefit\"\u003e\n \u003cdiv class=\"soi-abri-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eApaisante pour les peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eDouce et bien tolérée, elle convient aux peaux sèches, mixtes, matures, sensibles et irritées, même chez les peaux réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Comment utiliser l'huile d'abricot au quotidien ? --\u003e\n \u003csection class=\"soi-abri-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile d'abricot au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-abri-timeline\"\u003e\n \u003cdiv class=\"soi-abri-step\"\u003e\n \u003cdiv class=\"soi-abri-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-abri-step-content\"\u003e\n \u003ch3\u003ePour le visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez 2 à 3 pressions sur une peau propre, matin ou soir. Massez délicatement jusqu'à absorption complète. Elle s'utilise seule ou en base sous votre crème habituelle pour en renforcer l'efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-abri-step\"\u003e\n \u003cdiv class=\"soi-abri-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-abri-step-content\"\u003e\n \u003ch3\u003ePour le corps\u003c\/h3\u003e\n \u003cp\u003eUtilisez-la en massage sur les zones sèches (coudes, genoux, talons) ou sur tout le corps après la douche pour une hydratation longue durée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-abri-step\"\u003e\n \u003cdiv class=\"soi-abri-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-abri-step-content\"\u003e\n \u003ch3\u003ePour les cheveux\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes sur les longueurs et les pointes en soin avant-shampooing (30 minutes de pause) pour nourrir et fortifier les cheveux secs ou abîmés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Composition de l'huile de noyaux d'abricot Najel --\u003e\n \u003csection class=\"soi-abri-section\"\u003e\n \u003ch2\u003eComposition de l'huile de noyaux d'abricot Najel\u003c\/h2\u003e\n \u003cdiv class=\"soi-abri-compo\"\u003e\n \u003cdiv class=\"soi-abri-compo-row\"\u003e\n \u003cspan class=\"soi-abri-compo-label\"\u003eIngrédient unique\u003c\/span\u003e\n \u003cspan class=\"soi-abri-compo-value\"\u003e\u003cem\u003ePrunus Armeniaca (Apricot) Kernel Oil*\u003c\/em\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-abri-compo-row\"\u003e\n \u003cspan class=\"soi-abri-compo-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-abri-compo-value\"\u003eTurquie\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-abri-compo-row\"\u003e\n \u003cspan class=\"soi-abri-compo-label\"\u003eExtraction\u003c\/span\u003e\n \u003cspan class=\"soi-abri-compo-value\"\u003ePremière pression à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-abri-compo-row\"\u003e\n \u003cspan class=\"soi-abri-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-abri-compo-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-abri-compo-row\"\u003e\n \u003cspan class=\"soi-abri-compo-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"soi-abri-compo-value\"\u003eFlacon ambré avec pompe doseuse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003e\u003cem\u003e* Ingrédient issu de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003eAucun additif, aucun conservateur, aucun parfum ajouté. C'est la pureté à l'état brut, conditionnée dans un flacon ambré avec pompe doseuse pour préserver l'huile de l'oxydation et faciliter chaque application.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Précautions d'emploi --\u003e\n \u003csection class=\"soi-abri-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"soi-abri-accordion\"\u003e\n \u003cdetails class=\"soi-abri-accordion-item\"\u003e\n \u003csummary class=\"soi-abri-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-abri-accordion-content\"\u003e\n \u003cp\u003eRéservé à un usage externe uniquement. Évitez le contact avec les yeux. Effectuez un test dans le pli du coude avant toute première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-abri-accordion-item\"\u003e\n \u003csummary class=\"soi-abri-accordion-header\"\u003e🧴 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"soi-abri-accordion-content\"\u003e\n \u003cp\u003eConservez à l'abri de la chaleur et de la lumière directe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-abri-accordion-item\"\u003e\n \u003csummary class=\"soi-abri-accordion-header\"\u003e📋 Avertissement\u003c\/summary\u003e\n \u003cdiv class=\"soi-abri-accordion-content\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace pas un traitement médical. En cas de problème cutané persistant, consultez un dermatologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-abri-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-abri-cta-box\"\u003e\n \u003cp class=\"soi-abri-cta-text\" style=\"color: white;\"\u003eDouce, légère et infiniment précieuse, l'huile de noyaux d'abricot bio Najel redonne à votre peau ce qu'elle mérite vraiment : éclat, souplesse et confort. Une seule pression suffit pour sentir la différence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-abri-marine: #1A2D3D;\n --soi-abri-marine-dark: #0F1E2B;\n --soi-abri-marine-light: #2C4458;\n --soi-abri-pomme: #A1C544;\n --soi-abri-pomme-dark: #84A636;\n --soi-abri-pomme-light: rgba(161,197,68,0.10);\n\n --soi-abri-white: #FFFFFF;\n --soi-abri-off-white: #F8FAF6;\n --soi-abri-stone: #F1F3EE;\n --soi-abri-line: #E5E8E0;\n\n --soi-abri-primary: #D4764E;\n --soi-abri-primary-soft: #F5E0D3;\n --soi-abri-accent: #E8935C;\n\n --soi-abri-text: #1A2D3D;\n --soi-abri-text-soft: #4A5B6B;\n --soi-abri-text-muted: #7B8693;\n\n --soi-abri-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-abri-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-abri-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-abri-radius: 12px;\n --soi-abri-radius-sm: 8px;\n --soi-abri-radius-pill: 999px;\n}\n\n.soi-abri-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-abri-fiche img { max-width: 100%; height: auto; }\n\n.soi-abri-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-abri-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-abri-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-abri-hero {\n position: relative;\n background: var(--soi-abri-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-abri-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-abri-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-abri-pomme);\n}\n\n.soi-abri-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-abri-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-abri-pomme);\n border-radius: 50%;\n}\n\n.soi-abri-hero-title {\n display: block;\n color: var(--soi-abri-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-abri-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-abri-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-abri-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-abri-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-abri-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-abri-label-accent {\n background: var(--soi-abri-pomme);\n border-color: var(--soi-abri-pomme);\n color: var(--soi-abri-marine);\n font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-abri-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-abri-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-abri-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-abri-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-abri-pomme);\n border-radius: 2px;\n}\n\n.soi-abri-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-abri-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-abri-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-abri-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-abri-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-abri-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-abri-benefit {\n background: var(--soi-abri-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-abri-radius);\n border: 1px solid var(--soi-abri-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-abri-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-abri-shadow-md);\n}\n\n.soi-abri-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-abri-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-abri-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-abri-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-abri-benefit:hover .soi-abri-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-abri-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-abri-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-abri-benefit p {\n font-size: 13px;\n color: var(--soi-abri-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-abri-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-abri-card {\n background: var(--soi-abri-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-abri-radius);\n border-left: 3px solid var(--soi-abri-pomme);\n}\n\n.soi-abri-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-abri-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-abri-card p {\n font-size: 14px;\n color: var(--soi-abri-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* TIMELINE *\/\n.soi-abri-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-abri-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-abri-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-abri-radius);\n border: 1px solid var(--soi-abri-line);\n align-items: flex-start;\n}\n\n.soi-abri-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-abri-marine);\n color: var(--soi-abri-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-abri-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-abri-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-abri-step-content p {\n font-size: 14px;\n color: var(--soi-abri-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-abri-compo {\n background: var(--soi-abri-off-white);\n border-radius: var(--soi-abri-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.soi-abri-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-abri-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-abri-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-abri-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-abri-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-abri-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-abri-marine);\n text-align: right;\n}\n\n\/* ACCORDION *\/\n.soi-abri-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-abri-accordion-item {\n background: var(--soi-abri-off-white);\n border-radius: var(--soi-abri-radius-sm);\n border: 1px solid var(--soi-abri-line);\n overflow: hidden;\n}\n\n.soi-abri-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-abri-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-abri-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-abri-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-abri-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-abri-accordion-item[open] .soi-abri-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-abri-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-abri-accordion-content p {\n font-size: 14px;\n color: var(--soi-abri-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* CTA *\/\n.soi-abri-cta-box {\n background: var(--soi-abri-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-abri-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-abri-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-abri-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-abri-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-abri-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-abri-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-abri-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 640px) {\n .soi-abri-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-abri-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-abri-compo-value {\n text-align: left;\n }\n\n .soi-abri-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-abri-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-abri-fiche {\n --soi-abri-text-soft: #2C3E50;\n --soi-abri-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603647226186,"sku":"NJ0205","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-dabricot-certifiee-bio-najel-packshot.webp?v=1779697110"},{"product_id":"huile-de-jojoba-certifiee-bio-najel","title":"Huile de Jojoba certifiée bio – Najel","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eDécouvrez \u003cstrong\u003el'huile de Jojoba certifiée bio\u003c\/strong\u003e de Najel, un véritable trésor naturel originaire des déserts d'Amérique du Sud. Connue pour ses nombreuses vertus, cette huile végétale \u003cstrong\u003epolyvalente\u003c\/strong\u003e et \u003cstrong\u003ecertifiée Cosmos Organic\u003c\/strong\u003e est idéale \u003cstrong\u003epour le soin du visage, du corps et des cheveux\u003c\/strong\u003e. Extraite par première pression à froid, elle préserve toutes ses qualités pour offrir un soin d'exception à votre peau et vos cheveux.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_NJ0215_574d53b7-5ebc-424c-b11d-f4b4ef4192ef.jpg?v=1776181163\" alt=\"Huile de jojoba en flacon\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques et bienfaits de l'huile de Jojoba certifiée bio de Najel\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\u003cstrong\u003eUne absorption rapide pour un fini parfait\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eGrâce à sa composition proche du sébum humain, l'huile de Jojoba est immédiatement absorbée par la peau sans laisser de film gras. Considérée comme une huile sèche, elle offre un confort optimal, convenant parfaitement aux peaux grasses comme aux peaux sèches en quête de douceur.\u003c\/p\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\u003cstrong\u003eRégulation du sébum et protection renforcée\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eRééquilibrante, l'huile de Jojoba agit efficacement pour réguler la production de sébum, apportant une solution naturelle aux peaux grasses. Elle nourrit en profondeur, renforce le film hydrolipidique, et améliore l’élasticité et la souplesse de la peau. Ses propriétés protectrices et régénératrices font d'elle un allié précieux contre les effets du vieillissement, pour une peau visiblement plus jeune et éclatante.\u003c\/p\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\u003cstrong\u003eUn soin complet pour cheveux et visage\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eL'huile de Jojoba est idéale pour revitaliser les cheveux ternes et abîmés. Elle redonne souplesse, brillance et vitalité à votre chevelure, tout en apaisant le cuir chevelu. Recommandée également pour le démaquillage, elle élimine les impuretés tout en respectant les peaux sensibles, laissant une sensation de fraîcheur et de propreté incomparable.\u003c\/p\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\u003cstrong\u003eUne origine respectueuse de la nature\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eExtrait d’un arbuste robuste des zones arides, le Jojoba, aussi appelé \"noisetier sauvage\", produit une cire végétale exceptionnelle grâce à ses graines. Sa culture durable et son extraction à froid garantissent une huile pure, respectueuse de l’environnement et certifiée Cosmos Organic par Ecocert.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003e\u003cstrong\u003ePolyvalente, naturelle et hautement efficace\u003c\/strong\u003e, l'huile de Jojoba certifiée bio de Najel est un soin essentiel \u003cstrong\u003epour sublimer votre peau et vos cheveux au quotidien\u003c\/strong\u003e. Offrez-vous un rituel beauté sain et respectueux, pour \u003cstrong\u003eune expérience sensorielle unique et des résultats visibles\u003c\/strong\u003e. Laissez la nature prendre soin de vous, avec Najel.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603647455562,"sku":"NJ0215","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/huile-de-jojoba-certifiee-bio-najel-packshot.webp?v=1780667899"},{"product_id":"savon-pur-olive-dalep-najel","title":"Savon d'Alep Pur Olive - Najel","description":"\n\u003cdiv class=\"soi-alep-fiche\"\u003e\n\n \u003csection class=\"soi-alep-hero\"\u003e\n \u003cdiv class=\"soi-alep-hero-tag\"\u003e\n \u003cspan class=\"soi-alep-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène naturelle · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-alep-hero-title\"\u003eSavon pur olive d'Alep\u003c\/span\u003e\n \u003cp class=\"soi-alep-hero-subtitle\"\u003eUn soin millénaire à l'huile d'olive pure, fabriqué artisanalement à Alep, pour toutes les peaux, sans aucun artifice.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003eFABRICATION ARTISANALE\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eTOUS TYPES DE PEAUX\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS PARFUM\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eSavon pur olive d'Alep Najel : le soin naturel millénaire pour toutes les peaux\u003c\/h2\u003e\n \u003cp\u003eDerrière ce bloc brun-roux aux reflets chauds se cache l'un des savons les plus anciens du monde. Le savon pur olive d'Alep Najel est fabriqué artisanalement dans l'atelier familial de la marque, à Alep, selon un savoir-faire transmis de génération en génération. Ici, pas d'additifs, pas de parfum artificiel : seulement de l'huile d'olive pure, saponifiée à froid, pour un soin d'une authenticité rare.\u003c\/p\u003e\n \u003cp\u003eSi vous cherchez un savon naturel sans produits chimiques, respectueux de votre peau et de l'environnement, vous êtes au bon endroit.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComposition du savon pur olive d'Alep Najel\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eLa force de ce savon, c'est sa simplicité. Là où d'autres formules allongent à l'infini leur liste d'ingrédients, celui-ci mise sur l'essentiel.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-compo\"\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eIngrédient principal\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eSodium olivate (huile d'olive saponifiée)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eEau\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eAqua\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eAgent de saponification\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eSodium hydroxide (aucune trace résiduelle dans le savon fini)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top:1rem;\"\u003ePas de parfum, pas de conservateur, pas de colorant. Ce que vous voyez, c'est exactement ce que vous appliquez sur votre peau.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce savon d'Alep à l'huile d'olive ?\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eCe savon est formulé pour tous les types de peaux, y compris les plus réactives. Il convient particulièrement aux profils suivants.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🫒 Peaux mixtes et grasses\u003c\/h3\u003e\n \u003cp\u003eL'huile d'olive aide à réguler la production de sébum sans déséquilibrer le film hydrolipidique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🌿 Peaux sensibles ou intolérantes\u003c\/h3\u003e\n \u003cp\u003eL'absence totale de fragrance le rend idéal pour les épidermes capricieux et réactifs aux parfums.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e✨ Peaux normales\u003c\/h3\u003e\n \u003cp\u003ePour celles et ceux qui souhaitent une routine simplifiée et naturelle, sans compromis sur la qualité du nettoyage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eAdultes comme enfants, pour le visage, le corps et les mains, ce savon s'adapte à chaque membre du foyer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile d'olive sur la peau : ce que dit vraiment ce savon\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eL'huile d'olive saponifiée est riche en acides gras essentiels (oléique, linoléique) et en vitamine E naturelle. Utilisée quotidiennement, elle contribue à prendre soin de votre peau sur plusieurs niveaux.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-benefits\"\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🧼\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eNettoyage en douceur\u003c\/h3\u003e\n \u003cp\u003eÉlimine les impuretés, la pollution et l'excès de sébum sans agresser la barrière cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eNutrition et souplesse\u003c\/h3\u003e\n \u003cp\u003eNourrit et assouplit la peau grâce à ses propriétés émollientes reconnues.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eProtection antioxydante\u003c\/h3\u003e\n \u003cp\u003eProtège contre la déshydratation via son action antioxydante naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRespect du microbiome\u003c\/h3\u003e\n \u003cp\u003eRespecte le microbiome cutané, contrairement aux savons chargés en agents moussants agressifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top:1.25rem;\"\u003eRésultat après utilisation régulière : une peau propre, équilibrée, sans effet de tiraillement.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComment utiliser le savon pur olive d'Alep Najel ?\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eSon usage est simple, c'est même ce qui le rend si agréable à intégrer dans une routine quotidienne.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-timeline\"\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eHumidifiez\u003c\/h3\u003e\n \u003cp\u003eMouillez votre visage, votre corps ou vos mains avec de l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFrottez doucement le savon entre vos paumes pour créer une mousse onctueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eAppliquez et rincez\u003c\/h3\u003e\n \u003cp\u003eMassez la peau en mouvements circulaires, puis rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eFréquence\u003c\/h3\u003e\n \u003cp\u003eUtilisez matin et soir pour un nettoyage complet et équilibrant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eConservation\u003c\/h3\u003e\n \u003cp\u003eEntre les utilisations, laissez sécher le savon sur un porte-savon aéré pour préserver sa longévité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-tip\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"soi-alep-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eConservez votre savon à l'abri de l'humidité stagnante. Un savon bien séché entre deux utilisations dure bien plus longtemps qu'on ne l'imagine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003ePourquoi choisir Najel plutôt qu'un autre savon d'Alep ?\u003c\/h2\u003e\n \u003cp\u003eLa marque Najel est l'une des références historiques du savon d'Alep artisanal. Son atelier familial perpétue une fabrication traditionnelle, sans compromis sur la qualité des huiles sélectionnées.\u003c\/p\u003e\n \u003cp\u003eCe savon pur olive se distingue notamment des versions olive et laurier par sa formule encore plus épurée, idéale pour les peaux qui réagissent à l'huile de baies de laurier.\u003c\/p\u003e\n \u003cp\u003eCe n'est pas un savon de supermarché parfumé à l'olive : c'est un vrai savon d'Alep à l'huile d'olive pure, sans artifice ni marketing creux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003cdiv class=\"soi-alep-accordion\"\u003e\n \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n \u003csummary class=\"soi-alep-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eCe produit est un cosmétique naturel. Il ne remplace pas un traitement médical dermatologique. En cas de pathologie cutanée spécifique, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-alep-cta-box\"\u003e\n \u003cp class=\"soi-alep-cta-tag\" style=\"color: white;\"\u003eLe soin qui existe depuis toujours\u003c\/p\u003e\n \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eSobre, efficace et ancré dans une tradition millénaire, le savon pur olive d'Alep Najel nettoie, nourrit et respecte votre peau sans jamais vous compliquer la vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-alep-marine: #1A2D3D;\n --soi-alep-marine-dark: #0F1E2B;\n --soi-alep-marine-light: #2C4458;\n --soi-alep-pomme: #A1C544;\n --soi-alep-pomme-dark: #84A636;\n --soi-alep-pomme-light: rgba(161,197,68,0.10);\n\n --soi-alep-white: #FFFFFF;\n --soi-alep-off-white: #F8FAF6;\n --soi-alep-stone: #F1F3EE;\n --soi-alep-line: #E5E8E0;\n\n --soi-alep-primary: #A0623A;\n --soi-alep-primary-soft: rgba(160,98,58,0.10);\n --soi-alep-accent: #8A8B5E;\n\n --soi-alep-text: #1A2D3D;\n --soi-alep-text-soft: #4A5B6B;\n --soi-alep-text-muted: #7B8693;\n\n --soi-alep-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-alep-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-alep-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-alep-radius: 12px;\n --soi-alep-radius-sm: 8px;\n --soi-alep-radius-pill: 999px;\n}\n\n.soi-alep-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-alep-fiche img { max-width: 100%; height: auto; }\n\n.soi-alep-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-alep-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-alep-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-alep-hero {\n position: relative;\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-alep-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-alep-pomme);\n}\n\n.soi-alep-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-alep-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-alep-pomme);\n border-radius: 50%;\n}\n\n.soi-alep-hero-title {\n display: block;\n color: var(--soi-alep-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-alep-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-alep-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-alep-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-alep-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-alep-label-accent {\n background: var(--soi-alep-pomme);\n border-color: var(--soi-alep-pomme);\n color: var(--soi-alep-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-alep-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-alep-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-alep-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-alep-pomme);\n border-radius: 2px;\n}\n\n.soi-alep-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-alep-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-alep-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-alep-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-alep-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-alep-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-alep-benefit {\n background: var(--soi-alep-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-alep-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-alep-shadow-md);\n}\n\n.soi-alep-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-alep-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-alep-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-alep-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-alep-benefit:hover .soi-alep-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-alep-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-benefit p {\n font-size: 13px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-alep-card {\n background: var(--soi-alep-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border-left: 3px solid var(--soi-alep-pomme);\n}\n\n.soi-alep-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-card p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-alep-compo {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-alep-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-alep-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-alep-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-alep-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-alep-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-alep-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-alep-marine);\n text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-alep-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-alep-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n align-items: flex-start;\n}\n\n.soi-alep-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-alep-marine);\n color: var(--soi-alep-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-alep-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-alep-step-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-alep-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-alep-pomme-light);\n border-left: 4px solid var(--soi-alep-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-alep-radius) var(--soi-alep-radius) 0;\n align-items: flex-start;\n}\n\n.soi-alep-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-alep-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-alep-marine);\n margin-bottom: 4px;\n}\n\n.soi-alep-tip p {\n font-size: 14px;\n color: var(--soi-alep-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-alep-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-alep-accordion-item {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius-sm);\n border: 1px solid var(--soi-alep-line);\n overflow: hidden;\n}\n\n.soi-alep-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-alep-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-alep-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-alep-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-alep-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-alep-accordion-item[open] .soi-alep-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-alep-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-alep-accordion-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-alep-cta-box {\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-alep-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-alep-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-alep-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-alep-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-alep-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-alep-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-alep-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-alep-compo-value {\n text-align: left;\n }\n\n .soi-alep-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-alep-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-alep-fiche {\n --soi-alep-text-soft: #2C3E50;\n --soi-alep-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603648438602,"sku":"NJ0030","price":4.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-pur-olive-dalep-najel-packshot.webp?v=1779457655"},{"product_id":"savon-dalep-5-hbl-najel","title":"Savon d'Alep 5% Huile de Baies de Laurier - Najel","description":"\u003cdiv class=\"soi-alep-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-alep-hero\"\u003e\n \u003cdiv class=\"soi-alep-hero-tag\"\u003e\n \u003cspan class=\"soi-alep-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-alep-hero-title\"\u003eUn savon d'Alep avec 5 % d'huile de baies de laurier\u003c\/span\u003e\n \u003cp class=\"soi-alep-hero-subtitle\"\u003eLe savon millénaire aux huiles d'olive et de baies de laurier, pour un soin quotidien authentique du visage, du corps et des cheveux.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003e100 % NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eVEGAN\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eTOUS TYPES DE PEAUX\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eFABRIQUÉ EN SYRIE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Savon d'Alep 5% HBL Najel : le savon millénaire pour tous types de peaux --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eSavon d'Alep 5% HBL Najel : le savon millénaire pour tous types de peaux\u003c\/h2\u003e\n \u003cp\u003eLe \u003cstrong\u003esavon d'Alep\u003c\/strong\u003e est considéré comme l'un des plus anciens savons du monde, originaire de la ville d'Alep en Syrie. Chez Najel, cette recette vieille de \u003cstrong\u003eplus de 3 000 ans\u003c\/strong\u003e est scrupuleusement respectée : saponification à chaud, huiles végétales sélectionnées, aucun additif chimique. Le résultat est un savon solide d'une authenticité rare, que vous pouvez utiliser au quotidien sur le \u003cstrong\u003evisage, le corps et les cheveux\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Composition --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep Najel 5% HBL\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eLa force de ce savon repose sur deux ingrédients principaux, choisis pour leur complémentarité naturelle :\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio (95 %)\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras oméga-9 et en antioxydants, elle nourrit la peau en profondeur, maintient son hydratation et renforce la barrière cutanée sans l'agresser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🌿 Huile de baies de laurier (5 %)\u003c\/h3\u003e\n \u003cp\u003eL'ingrédient signature du savon d'Alep. À ce dosage doux, elle purifie, apaise les irritations et convient parfaitement aux peaux normales à mixtes. Plus le pourcentage est élevé, plus l'action est ciblée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo\"\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eComposition INCI\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eSodium Olivate, Sodium Laurate, Aqua, Sodium Chloride, Sodium Hydroxide\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-tip\"\u003e\n \u003cdiv class=\"soi-alep-tip-icon\"\u003e🌱\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eEngagement naturalité\u003c\/strong\u003e\n \u003cp\u003eAucun parfum ajouté, aucun conservateur artificiel. Ce savon est 100 % naturel et vegan.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Bienfaits --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eBienfaits du savon d'Alep selon votre type de peau\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-benefits\"\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeaux normales à sèches\u003c\/h3\u003e\n \u003cp\u003eL'huile d'olive nourrit sans alourdir, la peau reste souple après chaque lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeaux sensibles ou réactives\u003c\/h3\u003e\n \u003cp\u003eSans parfum ni colorant, ce savon est souvent recommandé par les dermatologues pour les peaux intolérantes aux formules conventionnelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVisage\u003c\/h3\u003e\n \u003cp\u003eIl nettoie en douceur, respecte le film hydrolipidique et convient à un usage matin ou soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e💆\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCheveux\u003c\/h3\u003e\n \u003cp\u003eUtilisé comme shampoing solide, il assainit le cuir chevelu et laisse les cheveux propres sans résidu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Comment utiliser --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComment utiliser le savon d'Alep au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-timeline\"\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eFaire mousser\u003c\/h3\u003e\n \u003cp\u003eFaites mousser le savon entre vos mains sous l'eau tiède, puis appliquez la mousse sur le visage, le corps ou les cheveux. Rincez abondamment.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eBien conserver\u003c\/h3\u003e\n \u003cp\u003ePour optimiser sa durée de vie, conservez-le dans un endroit sec entre deux utilisations : un savon bien égoutté peut durer plusieurs mois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003ePour le visage\u003c\/h3\u003e\n \u003cp\u003eCommencez par une utilisation tous les deux jours afin de laisser votre peau s'adapter, surtout si elle est habituée aux formules moussantes classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Pourquoi choisir Najel --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003ePourquoi choisir le savon d'Alep Najel plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cp\u003eNajel est une marque syrienne fondée à Alep, qui fabrique ses savons selon le \u003cstrong\u003eprocédé traditionnel de saponification à chaud\u003c\/strong\u003e. Ce mode de fabrication artisanal préserve intactes les propriétés des huiles végétales, là où la saponification à froid industrielle perd une partie de leurs actifs. Chaque pain de savon vieillit ensuite en cave pendant plusieurs mois avant commercialisation, ce qui améliore encore sa douceur et son efficacité.\u003c\/p\u003e\n \u003cp\u003eCe \u003cstrong\u003esavon d'Alep à 5 % d'huile de baies de laurier\u003c\/strong\u003e est idéal si vous débutez avec ce type de savon ou si vous recherchez une formule universelle pour toute la famille, adultes et enfants inclus.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 : Informations pratiques --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-grid-compact\"\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e⚖️\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003ePoids\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003e200 g environ\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003eUsage\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eVisage, corps, cheveux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🌸\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003eType de peau\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eTous types\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🏭\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eSyrie (Alep)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-accordion\"\u003e\n \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n \u003csummary class=\"soi-alep-accordion-header\"\u003e🚫 Sans\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eParfum, colorant, conservateur synthétique, huile de palme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"soi-alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-alep-cta-box\"\u003e\n \u003cp class=\"soi-alep-cta-tag\" style=\"color: white;\"\u003eDeux ingrédients, trois mille ans de savoir-faire\u003c\/p\u003e\n \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eRedécouvrez l'essentiel avec le savon d'Alep Najel 5 % : une peau propre, douce et respectée à chaque utilisation. Un geste simple, naturel et authentique, à adopter pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* === Couleurs Soinat (FIXES) === *\/\n --soi-alep-marine: #1A2D3D;\n --soi-alep-marine-dark: #0F1E2B;\n --soi-alep-marine-light: #2C4458;\n --soi-alep-pomme: #A1C544;\n --soi-alep-pomme-dark: #84A636;\n --soi-alep-pomme-light: rgba(161,197,68,0.10);\n\n \/* === Neutres Soinat === *\/\n --soi-alep-white: #FFFFFF;\n --soi-alep-off-white: #F8FAF6;\n --soi-alep-stone: #F1F3EE;\n --soi-alep-line: #E5E8E0;\n\n \/* === Couleurs dynamiques (packaging vert sauge\/amande + beige savon) === *\/\n --soi-alep-primary: #6B9E7A;\n --soi-alep-primary-soft: rgba(107,158,122,0.10);\n --soi-alep-accent: #C9A96E;\n\n \/* === Textes === *\/\n --soi-alep-text: #1A2D3D;\n --soi-alep-text-soft: #4A5B6B;\n --soi-alep-text-muted: #7B8693;\n\n \/* === Effets === *\/\n --soi-alep-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-alep-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-alep-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-alep-radius: 12px;\n --soi-alep-radius-sm: 8px;\n --soi-alep-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-alep-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-alep-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-alep-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-alep-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-alep-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-alep-hero {\n position: relative;\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-alep-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-alep-pomme);\n}\n\n.soi-alep-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-alep-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-alep-pomme);\n border-radius: 50%;\n}\n\n.soi-alep-hero-title {\n display: block;\n color: var(--soi-alep-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-alep-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-alep-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-alep-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-alep-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-alep-label-accent {\n background: var(--soi-alep-pomme);\n border-color: var(--soi-alep-pomme);\n color: var(--soi-alep-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-alep-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-alep-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-alep-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-alep-pomme);\n border-radius: 2px;\n}\n\n.soi-alep-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-alep-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-alep-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-alep-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-alep-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-alep-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-alep-benefit {\n background: var(--soi-alep-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-alep-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-alep-shadow-md);\n}\n\n.soi-alep-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-alep-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-alep-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-alep-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-alep-benefit:hover .soi-alep-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-alep-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-benefit p {\n font-size: 13px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-alep-card {\n background: var(--soi-alep-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border-left: 3px solid var(--soi-alep-pomme);\n}\n\n.soi-alep-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-card p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-alep-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-bottom: 1.25rem;\n}\n\n.soi-alep-card-mini {\n background: var(--soi-alep-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-alep-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-alep-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-alep-card-mini-label {\n font-size: 11px;\n color: var(--soi-alep-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-alep-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-alep-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-alep-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n align-items: flex-start;\n}\n\n.soi-alep-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-alep-marine);\n color: var(--soi-alep-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-alep-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-alep-step-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-alep-compo {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n margin-top: 1.25rem;\n}\n\n.soi-alep-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-alep-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-alep-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-alep-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-alep-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-alep-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-alep-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-alep-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-alep-pomme-light);\n border-left: 4px solid var(--soi-alep-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-alep-radius) var(--soi-alep-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-alep-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-alep-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-alep-marine);\n margin-bottom: 4px;\n}\n\n.soi-alep-tip p {\n font-size: 14px;\n color: var(--soi-alep-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-alep-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-alep-accordion-item {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius-sm);\n border: 1px solid var(--soi-alep-line);\n overflow: hidden;\n}\n\n.soi-alep-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-alep-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-alep-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-alep-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-alep-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-alep-accordion-item[open] .soi-alep-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-alep-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-alep-accordion-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-alep-cta-box {\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-alep-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-alep-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-alep-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-alep-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-alep-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-alep-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-alep-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-alep-compo-value {\n text-align: left;\n }\n\n .soi-alep-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-alep-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-alep-fiche {\n --soi-alep-text-soft: #2C3E50;\n --soi-alep-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603648635210,"sku":"NJ0035","price":3.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-5-hbl-najel-packshot_4b3c320f-3f6b-4951-87bb-cd7967c4149a.webp?v=1779701571"},{"product_id":"savon-dalep-12-hbl-najel-1","title":"Savon d'Alep 12% HBL – 180g Najel","description":"\n\u003cdiv class=\"soi-alep-fiche\"\u003e\n\n \u003csection class=\"soi-alep-hero\"\u003e\n \u003cdiv class=\"soi-alep-hero-tag\"\u003e\n \u003cspan class=\"soi-alep-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène naturelle · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-alep-hero-title\"\u003eUn savon d'Alep avec 12% d'Huile de Baie de Lauier\u003c\/span\u003e\n \u003cp class=\"soi-alep-hero-subtitle\"\u003eLe savon ancestral aux huiles d'olive et de baies de laurier, idéalement dosé pour les peaux normales à mixtes. Plus de 3 000 ans de savoir-faire, perpétué depuis 1895 par la maison Najel.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003e12% HBL\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eFABRIQUÉ À ALEP\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS SULFATES\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eSavon d'Alep 12% HBL Najel : le savon ancestral pour peaux normales à mixtes\u003c\/h2\u003e\n \u003cp\u003eConsidéré comme l'un des premiers savons solides de l'histoire, le savon d'Alep est fabriqué depuis plus de 3 000 ans dans la ville syrienne d'Alep. La maison Najel, fondée en 1895 par la famille Al Najjar, en perpétue le savoir-faire avec une rigueur artisanale rare. Ce savon d'Alep à 12% d'huile de baies de laurier est idéalement dosé pour les peaux normales à mixtes : assez riche pour nourrir, assez léger pour ne pas saturer.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep Najel 12% HBL\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eSa force réside dans la pureté de sa formule, héritée directement de la tradition syrienne.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-compo\"\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eHuile d'olive\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003e88% — Oméga-9, antioxydants naturels, nourrit et assouplit la peau\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eHuile de baies de laurier\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003e12% — Purifiante, apaisante et régénérante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eHydroxyde de sodium\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eSaponification à chaud (ne subsiste pas dans le savon fini)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eEau\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003e—\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-tip\"\u003e\n \u003cdiv class=\"soi-alep-tip-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eFormule minimaliste\u003c\/strong\u003e\n \u003cp\u003eAucun parfum ajouté, aucun conservateur synthétique. Une composition volontairement pure, appréciée des dermatologues pour les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eLes bienfaits du savon d'Alep pour le visage, le corps et les cheveux\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eUn soin polyvalent et précieux, adapté à l'ensemble de votre routine d'hygiène quotidienne.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e✨ Visage\u003c\/h3\u003e\n \u003cp\u003eNettoie en douceur, régule le sébum sur les zones mixtes (front, nez, menton), apaise les rougeurs légères et contribue à réduire l'apparence des pores. Idéal en nettoyant quotidien, matin ou soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🧴 Corps\u003c\/h3\u003e\n \u003cp\u003eHydrate sans alourdir, convient aux peaux sujettes à l'eczéma ou aux légères dermatoses. Sa texture onctueuse laisse la peau confortable après le rinçage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e💆 Cheveux\u003c\/h3\u003e\n \u003cp\u003eUtilisé comme shampoing solide, il nettoie le cuir chevelu, réduit les démangeaisons et apporte de la brillance. Comptez 4 à 6 semaines d'adaptation pour un passage au naturel réussi.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComment utiliser le savon d'Alep Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-timeline\"\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eMouillez vos mains ou humidifiez directement la zone à nettoyer, puis faites mousser le savon entre vos paumes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eMassez et rincez\u003c\/h3\u003e\n \u003cp\u003eMassez doucement en mouvements circulaires sur le visage, le corps ou les cheveux, puis rincez à l'eau tiède. Pour le visage, évitez le contour des yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eConservez au sec\u003c\/h3\u003e\n \u003cp\u003eEntre chaque utilisation, laissez votre savon sécher à l'air libre sur un porte-savon. Il s'améliore avec le temps : son extérieur brun foncé vire à l'orangé au vieillissement, signe d'une oxydation naturelle qui renforce ses propriétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003ePourquoi choisir le savon d'Alep Najel plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-benefits\"\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🏛️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAuthenticité garantie\u003c\/h3\u003e\n \u003cp\u003eFabriqué à Alep (Syrie) selon la méthode traditionnelle de saponification à chaud, transmise depuis 1895.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e⚖️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eDosage précis à 12% HBL\u003c\/h3\u003e\n \u003cp\u003eNi trop fort pour les peaux sensibles, ni trop doux pour les peaux mixtes. Un équilibre pensé pour un usage quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCertifié naturel\u003c\/h3\u003e\n \u003cp\u003eSans sulfates, sans parabènes, sans colorants artificiels. Une formule réduite à l'essentiel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e♻️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eÉcologique et économique\u003c\/h3\u003e\n \u003cp\u003eUn pain dure en moyenne 2 à 3 mois avec une utilisation régulière, un choix durable et rentable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003ePrécautions d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-accordion\"\u003e\n \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n \u003csummary class=\"soi-alep-accordion-header\"\u003e⚠️ Précautions et contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eCe savon est destiné à un usage externe uniquement. Évitez tout contact avec les yeux. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé. Ce produit ne se substitue à aucun traitement médical prescrit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-alep-cta-box\"\u003e\n \u003cp class=\"soi-alep-cta-tag\" style=\"color: white;\"\u003eUn rituel de soin millénaire, perfectionné depuis 1895\u003c\/p\u003e\n \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003ePour votre visage, votre corps ou vos cheveux, le savon d'Alep Najel 12% HBL vous offre chaque jour la douceur d'une formule éprouvée par les générations. Faites confiance à l'essentiel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-alep-marine: #1A2D3D;\n --soi-alep-marine-dark: #0F1E2B;\n --soi-alep-marine-light: #2C4458;\n --soi-alep-pomme: #A1C544;\n --soi-alep-pomme-dark: #84A636;\n --soi-alep-pomme-light: rgba(161,197,68,0.10);\n --soi-alep-white: #FFFFFF;\n --soi-alep-off-white: #F8FAF6;\n --soi-alep-stone: #F1F3EE;\n --soi-alep-line: #E5E8E0;\n --soi-alep-primary: #5B8C5A;\n --soi-alep-primary-soft: rgba(91,140,90,0.10);\n --soi-alep-accent: #C6A67A;\n --soi-alep-text: #1A2D3D;\n --soi-alep-text-soft: #4A5B6B;\n --soi-alep-text-muted: #7B8693;\n --soi-alep-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-alep-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-alep-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-alep-radius: 12px;\n --soi-alep-radius-sm: 8px;\n --soi-alep-radius-pill: 999px;\n}\n\n.soi-alep-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-alep-fiche img { max-width: 100%; height: auto; }\n\n.soi-alep-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-alep-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-alep-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-alep-hero {\n position: relative;\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-alep-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-alep-pomme);\n}\n\n.soi-alep-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-alep-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-alep-pomme);\n border-radius: 50%;\n}\n\n.soi-alep-hero-title {\n display: block;\n color: var(--soi-alep-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-alep-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-alep-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-alep-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-alep-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-alep-label-accent {\n background: var(--soi-alep-pomme);\n border-color: var(--soi-alep-pomme);\n color: var(--soi-alep-marine);\n font-weight: 600;\n}\n\n.soi-alep-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-alep-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-alep-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-alep-pomme);\n border-radius: 2px;\n}\n\n.soi-alep-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-alep-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-alep-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-alep-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-alep-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-alep-compo {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.soi-alep-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-alep-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-alep-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-alep-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-alep-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-alep-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-alep-marine);\n text-align: right;\n}\n\n.soi-alep-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-alep-pomme-light);\n border-left: 4px solid var(--soi-alep-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-alep-radius) var(--soi-alep-radius) 0;\n align-items: flex-start;\n}\n\n.soi-alep-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-alep-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-alep-marine);\n margin-bottom: 4px;\n}\n\n.soi-alep-tip p {\n font-size: 14px;\n color: var(--soi-alep-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-alep-card {\n background: var(--soi-alep-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border-left: 3px solid var(--soi-alep-pomme);\n}\n\n.soi-alep-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-card p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-alep-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-alep-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n align-items: flex-start;\n}\n\n.soi-alep-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-alep-marine);\n color: var(--soi-alep-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-alep-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-alep-step-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alep-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-alep-benefit {\n background: var(--soi-alep-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-alep-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-alep-shadow-md);\n}\n\n.soi-alep-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-alep-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-alep-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-alep-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-alep-benefit:hover .soi-alep-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-alep-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-benefit p {\n font-size: 13px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alep-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-alep-accordion-item {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius-sm);\n border: 1px solid var(--soi-alep-line);\n overflow: hidden;\n}\n\n.soi-alep-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-alep-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-alep-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-alep-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-alep-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-alep-accordion-item[open] .soi-alep-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-alep-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-alep-accordion-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alep-cta-box {\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-alep-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-alep-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-alep-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-alep-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-alep-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-alep-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-alep-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-alep-compo-value {\n text-align: left;\n }\n\n .soi-alep-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-alep-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-alep-fiche {\n --soi-alep-text-soft: #2C3E50;\n --soi-alep-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603650306378,"sku":"NJ0040","price":4.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-12-hbl-najel-packshot.webp?v=1779701928"},{"product_id":"savon-dalep-a-la-boue-de-la-mer-morte-najel","title":"Savon d'Alep à la boue de la mer Morte – Najel","description":"\u003cdiv class=\"soi-alep-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-alep-hero\"\u003e\n \u003cdiv class=\"soi-alep-hero-tag\"\u003e\n \u003cspan class=\"soi-alep-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Savon artisanal · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-alep-hero-title\"\u003eSavon d'Alep à la boue de la mer morte\u003c\/span\u003e\n \u003cp class=\"soi-alep-hero-subtitle\"\u003ePurification et reminéralisation au naturel : trois millénaires de savoir-faire syrien enrichis de la richesse minérale unique de la mer Morte, pour le visage, le corps et les cheveux.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003eREMINÉRALISANT\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS SULFATES\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS PARFUM DE SYNTHÈSE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Héritage artisanal --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eUn héritage artisanal de trois millénaires\u003c\/h2\u003e\n \u003cp\u003eLa famille AL NAJJAR perpétue depuis des générations le savoir-faire de la savonnerie d'Alep. Chaque pain est coulé à froid, puis séché à l'air libre pendant \u003cstrong\u003eau moins neuf mois\u003c\/strong\u003e. Ce vieillissement lent confère au savon d'Alep sa texture dense, son odeur boisée caractéristique et ses propriétés supérieures. Aucune accélération industrielle ne peut reproduire ce résultat.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Composition --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep à la boue de la mer Morte\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eCe savon tire sa force d'une association de trois actifs complémentaires, dans une formule volontairement courte et lisible.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive biologique\u003c\/h3\u003e\n \u003cp\u003eBase nourrissante du savon d'Alep, elle nettoie sans agresser, hydrate en profondeur et protège le film cutané naturel. Idéale pour les peaux sèches, sensibles ou matures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🌿 Huile de baies de laurier\u003c\/h3\u003e\n \u003cp\u003eL'actif signature du savon d'Alep. Purifiante, apaisante et régénérante, elle convient particulièrement aux peaux sujettes à l'acné, à l'eczéma ou au psoriasis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🪨 Boue noire de la mer Morte\u003c\/h3\u003e\n \u003cp\u003eNaturellement concentrée en magnésium, potassium, calcium et chlorure, elle élimine les impuretés en profondeur, favorise la microcirculation et stimule le renouvellement cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-tip\"\u003e\n \u003cdiv class=\"soi-alep-tip-icon\"\u003e🔎\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eFormule sans compromis\u003c\/strong\u003e\n \u003cp\u003ePas de sulfates, pas de perturbateurs endocriniens, pas de parfum de synthèse. La composition reste courte et lisible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Bienfaits --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eQuels sont les bienfaits du savon d'Alep à la boue de la mer Morte ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-benefits\"\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🧼\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eNettoyage en profondeur\u003c\/h3\u003e\n \u003cp\u003eSans effet de tiraillement, il convient aux peaux normales, grasses, mixtes et sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🫧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAction purifiante\u003c\/h3\u003e\n \u003cp\u003eLa boue absorbe le sébum excédentaire et les résidus de pollution pour des pores visiblement affinés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eApaisement des irritations\u003c\/h3\u003e\n \u003cp\u003eLes acides gras du laurier calment les rougeurs et les démangeaisons cutanées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eReminéralisation cutanée\u003c\/h3\u003e\n \u003cp\u003eLes oligo-éléments de la mer Morte redonnent vitalité et éclat à une peau terne ou fatiguée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-tip\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cdiv class=\"soi-alep-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eSoin multi-usages\u003c\/strong\u003e\n \u003cp\u003eVisage, corps et cheveux en un seul produit : une option idéale pour simplifier votre routine beauté naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Comment utiliser --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComment utiliser le savon d'Alep sur le visage et le corps ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-timeline\"\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eFaire mousser\u003c\/h3\u003e\n \u003cp\u003eMouillez le pain de savon et faites mousser entre vos mains ou directement sur la peau humide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eLaisser agir\u003c\/h3\u003e\n \u003cp\u003eLaissez poser 1 à 2 minutes pour profiter pleinement de l'action de la boue de la mer Morte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eRincer\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède. Pour les cheveux, utilisez-le comme shampooing solide en insistant sur le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-tip\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cdiv class=\"soi-alep-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour conserver votre savon d'Alep longtemps, sortez-le de l'eau entre chaque utilisation et laissez-le sécher sur un porte-savon aéré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Pour qui --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003ePour qui est fait ce savon d'Alep ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e👐 Tous types de peau\u003c\/h3\u003e\n \u003cp\u003eCe savon convient à toutes les peaux, y compris les plus délicates. Il est particulièrement apprécié des personnes qui cherchent une alternative naturelle aux nettoyants classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🩹 Peaux à problèmes\u003c\/h3\u003e\n \u003cp\u003eLes peaux sujettes à des problèmes cutanés chroniques trouvent dans ce savon d'Alep un soin apaisant et purifiant au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🌍 Démarche éco-responsable\u003c\/h3\u003e\n \u003cp\u003eUn soin solide, sans emballage plastique, pour celles et ceux qui souhaitent réduire leur impact environnemental.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION : Précautions --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003cdiv class=\"soi-alep-accordion\"\u003e\n \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n \u003csummary class=\"soi-alep-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique naturel. Il ne se substitue pas à un traitement médical. En cas de pathologie cutanée, consultez un dermatologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"soi-alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-alep-cta-box\"\u003e\n \u003cp class=\"soi-alep-cta-tag\" style=\"color: white;\"\u003eSe laver naturellement\u003c\/p\u003e\n \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eTrois millénaires de savoir-faire, la richesse minérale de la mer Morte et une formule sans compromis. Votre peau mérite ce qu'il y a de mieux, pas ce qu'il y a de plus compliqué.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-alep-marine: #1A2D3D;\n --soi-alep-marine-dark: #0F1E2B;\n --soi-alep-marine-light: #2C4458;\n --soi-alep-pomme: #A1C544;\n --soi-alep-pomme-dark: #84A636;\n --soi-alep-pomme-light: rgba(161,197,68,0.10);\n --soi-alep-white: #FFFFFF;\n --soi-alep-off-white: #F8FAF6;\n --soi-alep-stone: #F1F3EE;\n --soi-alep-line: #E5E8E0;\n --soi-alep-primary: #6A8E7A;\n --soi-alep-primary-soft: #E8F0EC;\n --soi-alep-accent: #8B6B4A;\n --soi-alep-text: #1A2D3D;\n --soi-alep-text-soft: #4A5B6B;\n --soi-alep-text-muted: #7B8693;\n --soi-alep-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-alep-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-alep-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-alep-radius: 12px;\n --soi-alep-radius-sm: 8px;\n --soi-alep-radius-pill: 999px;\n}\n\n.soi-alep-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-alep-fiche img { max-width: 100%; height: auto; }\n\n.soi-alep-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-alep-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-alep-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-alep-hero {\n position: relative;\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-alep-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-alep-pomme);\n}\n\n.soi-alep-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-alep-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-alep-pomme);\n border-radius: 50%;\n}\n\n.soi-alep-hero-title {\n display: block;\n color: var(--soi-alep-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-alep-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-alep-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-alep-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-alep-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-alep-label-accent {\n background: var(--soi-alep-pomme);\n border-color: var(--soi-alep-pomme);\n color: var(--soi-alep-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-alep-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-alep-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-alep-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-alep-pomme);\n border-radius: 2px;\n}\n\n.soi-alep-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-alep-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-alep-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-alep-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-alep-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-alep-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-alep-benefit {\n background: var(--soi-alep-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-alep-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-alep-shadow-md);\n}\n\n.soi-alep-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-alep-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-alep-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-alep-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-alep-benefit:hover .soi-alep-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-alep-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-benefit p {\n font-size: 13px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-alep-card {\n background: var(--soi-alep-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border-left: 3px solid var(--soi-alep-pomme);\n}\n\n.soi-alep-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-card p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-alep-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-alep-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n align-items: flex-start;\n}\n\n.soi-alep-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-alep-marine);\n color: var(--soi-alep-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-alep-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-alep-step-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-alep-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-alep-pomme-light);\n border-left: 4px solid var(--soi-alep-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-alep-radius) var(--soi-alep-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-alep-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-alep-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-alep-marine);\n margin-bottom: 4px;\n}\n\n.soi-alep-tip p {\n font-size: 14px;\n color: var(--soi-alep-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-alep-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-alep-accordion-item {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius-sm);\n border: 1px solid var(--soi-alep-line);\n overflow: hidden;\n}\n\n.soi-alep-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-alep-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-alep-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-alep-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-alep-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-alep-accordion-item[open] .soi-alep-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-alep-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-alep-accordion-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-alep-cta-box {\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-alep-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-alep-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-alep-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-alep-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-alep-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-alep-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-alep-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-alep-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-alep-grid {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-alep-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-alep-fiche {\n --soi-alep-text-soft: #2C3E50;\n --soi-alep-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603651191114,"sku":"NJ0095","price":2.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-a-la-boue-de-la-mer-morte-najel-packshot.webp?v=1779630185"},{"product_id":"savon-dalep-40-hbl-najel","title":"Savon d'Alep 40% HBL – Najel","description":"\n\u003cdiv class=\"soi-alep-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-alep-hero\"\u003e\n \u003cdiv class=\"soi-alep-hero-tag\"\u003e\n \u003cspan class=\"soi-alep-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène naturelle · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-alep-hero-title\"\u003eSavon d'Alep 40% HBL\u003c\/span\u003e\n \u003cp class=\"soi-alep-hero-subtitle\"\u003eLe soin ancestral aux huiles d'olive et de baies de laurier, spécialement formulé pour les peaux sensibles et réactives.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003e40% HUILE DE BAIES DE LAURIER\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS PARFUM\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS COLORANT\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS CONSERVATEUR\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 1 : Savon d'Alep 40% HBL Najel : le soin ancestral pour peaux sensibles et réactives --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eSavon d'Alep 40% HBL Najel : le soin ancestral pour peaux sensibles et réactives\u003c\/h2\u003e\n \u003cp\u003eLe savon d'Alep est l'un des plus anciens savons du monde, né il y a plus de 3 000 ans dans la ville d'Alep, en Syrie. Tous les savons d'Alep ne se valent pas. Avec 40% d'huile de baies de laurier (HBL), le savon d'Alep Najel Premium représente une concentration parmi les plus élevées du marché, spécialement formulée pour les peaux sensibles, réactives et sujettes aux irritations.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 2 : Composition du savon d'Alep Najel 40% HBL --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep Najel 40% HBL\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eSa formule repose sur deux ingrédients d'exception, sans superflu.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-compo\"\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eHuile d'olive\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003e60% — Base saponifiée nourrissante, douce et protectrice\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eHuile de baies de laurier\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003e40% — Propriétés apaisantes, purifiantes et antiseptiques\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eMéthode de fabrication\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eSaponification à chaud traditionnelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 1rem;\"\u003eLa composition du savon d'Alep Najel est volontairement minimaliste : sans parfum artificiel, sans colorant, sans conservateur. Ce que vous voyez sur le pain de savon, c'est exactement ce que votre peau reçoit.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 3 : Pourquoi choisir un savon d'Alep à 40% d'huile de baies de laurier ? --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003ePourquoi choisir un savon d'Alep à 40% d'huile de baies de laurier ?\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003ePlus la concentration en HBL est élevée, plus le savon est adapté aux peaux qui ont besoin d'un soin intensif. À 40%, ce savon convient particulièrement aux profils suivants.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🫧 Peaux eczémateuses ou psoriasiques\u003c\/h3\u003e\n \u003cp\u003eSujettes à l'eczéma ou au psoriasis, ces peaux trouvent dans le savon d'Alep 40% un soin apaisant respectueux de leur fragilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e✨ Peaux acnéiques ou grasses\u003c\/h3\u003e\n \u003cp\u003eLes peaux à tendance grasse avec imperfections bénéficient des propriétés purifiantes de l'huile de baies de laurier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🌿 Peaux irritées et réactives\u003c\/h3\u003e\n \u003cp\u003eLes peaux irritées, rouges ou réactives au quotidien sont apaisées par la richesse de cette formule surgras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🛡️ Peaux sensibilisées\u003c\/h3\u003e\n \u003cp\u003ePour les peaux fragilisées par des produits chimiques ou environnementaux, ce savon offre un retour à l'essentiel sans agression.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-tip\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-alep-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour les peaux normales ou peu sensibles, un savon d'Alep à 5% ou 12% HBL sera suffisant. Le 40% est réservé aux besoins spécifiques et s'utilise de façon ponctuelle ou en alternance avec un savon plus doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 4 : Les bienfaits du savon d'Alep sur le visage, le corps et les cheveux --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eLes bienfaits du savon d'Alep sur le visage, le corps et les cheveux\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eLe savon d'Alep sur le visage est particulièrement apprécié pour nettoyer en douceur sans agresser le film hydrolipidique. Son caractère surgras dépose un léger voile protecteur qui apaise les tiraillements après le lavage.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-benefits\"\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVisage\u003c\/h3\u003e\n \u003cp\u003eNettoie en douceur, purifie les pores et apaise les rougeurs sans agresser le film hydrolipidique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🤲\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCorps\u003c\/h3\u003e\n \u003cp\u003eRespecte le microbiome cutané et convient aux zones délicates, même les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e💆\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCheveux\u003c\/h3\u003e\n \u003cp\u003ePeut être utilisé comme shampoing solide, surtout pour les cuirs chevelus sensibles ou à tendance pelliculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 1.25rem;\"\u003eLes bienfaits du savon d'Alep sont reconnus par de nombreux dermatologues, qui le recommandent comme alternative naturelle aux savons surgras conventionnels pour les peaux à problèmes.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 5 : Comment utiliser le savon d'Alep Najel 40% ? --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComment utiliser le savon d'Alep Najel 40% ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-timeline\"\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eMouillez et moussez\u003c\/h3\u003e\n \u003cp\u003eMouillez le savon et vos mains, puis formez une mousse légère entre vos paumes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eAppliquez en douceur\u003c\/h3\u003e\n \u003cp\u003eAppliquez en massages circulaires doux sur le visage ou le corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eConservez correctement\u003c\/h3\u003e\n \u003cp\u003eConservez votre savon sur un porte-savon aéré entre chaque utilisation pour prolonger sa durée de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-tip\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-alep-tip-icon\"\u003e📋\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eFréquence conseillée\u003c\/strong\u003e\n \u003cp\u003e2 à 3 fois par semaine pour le visage à 40% HBL. Au quotidien sur le corps si votre peau le tolère bien. En cas de doute, consultez un dermatologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 6 : Informations pratiques --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-grid-compact\"\u003e\n\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🫒\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003eTeneur en HBL\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003e40%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🔥\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eSaponification à chaud\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🧑‍⚕️\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003eProfil cutané\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eSensibles, réactives\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🪥\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003eUsage\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eVisage, corps, cheveux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n \u003csummary class=\"soi-alep-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eCe produit est un cosmétique naturel. Il ne remplace pas un traitement médical prescrit par un professionnel de santé. En cas de doute, consultez un dermatologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-alep-cta-box\"\u003e\n \u003cp class=\"soi-alep-cta-tag\" style=\"color: white;\"\u003eTrois millénaires de savoir-faire\u003c\/p\u003e\n \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eQuand la nature fait mieux que la chimie, il suffit parfois de revenir à l'essentiel. Votre peau vous en sera reconnaissante dès les premiers lavages.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-alep-marine: #1A2D3D;\n --soi-alep-marine-dark: #0F1E2B;\n --soi-alep-marine-light: #2C4458;\n --soi-alep-pomme: #A1C544;\n --soi-alep-pomme-dark: #84A636;\n --soi-alep-pomme-light: rgba(161,197,68,0.10);\n --soi-alep-white: #FFFFFF;\n --soi-alep-off-white: #F8FAF6;\n --soi-alep-stone: #F1F3EE;\n --soi-alep-line: #E5E8E0;\n --soi-alep-primary: #5C7A5E;\n --soi-alep-primary-soft: #D2DFD3;\n --soi-alep-accent: #B5894A;\n --soi-alep-text: #1A2D3D;\n --soi-alep-text-soft: #4A5B6B;\n --soi-alep-text-muted: #7B8693;\n --soi-alep-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-alep-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-alep-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-alep-radius: 12px;\n --soi-alep-radius-sm: 8px;\n --soi-alep-radius-pill: 999px;\n}\n\n.soi-alep-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-alep-fiche img { max-width: 100%; height: auto; }\n\n.soi-alep-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-alep-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-alep-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-alep-hero {\n position: relative;\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-alep-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-alep-pomme);\n}\n\n.soi-alep-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-alep-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-alep-pomme);\n border-radius: 50%;\n}\n\n.soi-alep-hero-title {\n display: block;\n color: var(--soi-alep-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-alep-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-alep-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-alep-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-alep-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-alep-label-accent {\n background: var(--soi-alep-pomme);\n border-color: var(--soi-alep-pomme);\n color: var(--soi-alep-marine);\n font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-alep-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-alep-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-alep-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-alep-pomme);\n border-radius: 2px;\n}\n\n.soi-alep-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-alep-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-alep-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-alep-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-alep-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-alep-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-alep-benefit {\n background: var(--soi-alep-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-alep-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-alep-shadow-md);\n}\n\n.soi-alep-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-alep-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-alep-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-alep-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-alep-benefit:hover .soi-alep-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-alep-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-benefit p {\n font-size: 13px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-alep-card {\n background: var(--soi-alep-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border-left: 3px solid var(--soi-alep-pomme);\n}\n\n.soi-alep-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-card p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID COMPACT *\/\n.soi-alep-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-alep-card-mini {\n background: var(--soi-alep-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-alep-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-alep-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-alep-card-mini-label {\n font-size: 11px;\n color: var(--soi-alep-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-alep-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n}\n\n\/* TIMELINE *\/\n.soi-alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-alep-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-alep-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n align-items: flex-start;\n}\n\n.soi-alep-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-alep-marine);\n color: var(--soi-alep-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-alep-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-alep-step-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-alep-compo {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-alep-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-alep-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-alep-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-alep-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-alep-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-alep-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-alep-marine);\n text-align: right;\n}\n\n\/* TIP *\/\n.soi-alep-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-alep-pomme-light);\n border-left: 4px solid var(--soi-alep-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-alep-radius) var(--soi-alep-radius) 0;\n align-items: flex-start;\n}\n\n.soi-alep-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-alep-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-alep-marine);\n margin-bottom: 4px;\n}\n\n.soi-alep-tip p {\n font-size: 14px;\n color: var(--soi-alep-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* ACCORDÉON *\/\n.soi-alep-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-alep-accordion-item {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius-sm);\n border: 1px solid var(--soi-alep-line);\n overflow: hidden;\n}\n\n.soi-alep-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-alep-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-alep-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-alep-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-alep-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-alep-accordion-item[open] .soi-alep-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-alep-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-alep-accordion-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-alep-cta-box {\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-alep-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-alep-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-alep-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-alep-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-alep-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 640px) {\n .soi-alep-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-alep-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-alep-compo-value {\n text-align: left;\n }\n\n .soi-alep-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-alep-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-alep-fiche {\n --soi-alep-text-soft: #2C3E50;\n --soi-alep-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603651977546,"sku":"NJ0045","price":5.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-40-hbl-najel-lifestyle.webp?v=1779613572"},{"product_id":"shampooing-savon-dalep-certifie-bio-cheveux-normaux-najel","title":"Shampooing au Savon d'Alep Bio - Cheveux Normaux | Najel","description":"\n\u003cdiv class=\"soi-alep-fiche\"\u003e\n\n \u003csection class=\"soi-alep-hero\"\u003e\n \u003cdiv class=\"soi-alep-hero-tag\"\u003e\n \u003cspan class=\"soi-alep-tag-dot\"\u003e\u003c\/span\u003e\n Soin cheveux · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-alep-hero-title\"\u003eShampooing au savon d'Alep certifié bio pour cheveux normaux\u003c\/span\u003e\n \u003cp class=\"soi-alep-hero-subtitle\"\u003eUn nettoyage doux et profond, hérité des traditions millénaires d'Alep. Formulé sans sulfates, certifié Cosmos Organic et fabriqué en France, ce shampooing 2-en-1 nettoie et démêle vos cheveux en un seul geste.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003eCOSMOS ORGANIC ECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eMADE IN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS SULFATES\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce shampooing au savon d'Alep ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🫒 Savon d'Alep authentique\u003c\/h3\u003e\n \u003cp\u003eL'un des savons les plus anciens du monde, composé d'huile d'olive et d'huile de baies de laurier. Sous forme liquide, il offre un nettoyage profond et respectueux de la fibre capillaire, sans agresser le cuir chevelu. Vos cheveux sont purifiés, légers et brillants dès le premier lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🌼 Hydrolat de camomille bio\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés apaisantes, la camomille calme les sensations d'inconfort, équilibre le cuir chevelu et apporte une brillance naturelle aux cheveux clairs comme foncés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e✨ Formule 2-en-1\u003c\/h3\u003e\n \u003cp\u003eNettoyante et démêlante grâce à un agent démêlant autorisé Ecocert, cette formule facilite le coiffage au quotidien, sans peser les cheveux ni créer de frisottis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eCe que ce shampooing apporte concrètement à vos cheveux\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-benefits\"\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eNettoyage doux et profond\u003c\/h3\u003e\n \u003cp\u003eSans altérer le film hydrolipidique naturel de vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e💆\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eDémêlage facilité\u003c\/h3\u003e\n \u003cp\u003eDès le rinçage, pour un gain de temps au coiffage quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCuir chevelu apaisé\u003c\/h3\u003e\n \u003cp\u003eGrâce à l'hydrolat de camomille bio aux vertus apaisantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCheveux souples et brillants\u003c\/h3\u003e\n \u003cp\u003eDes cheveux légers, souples et lumineux après chaque lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComposition et ingrédients principaux\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eLa formule repose sur des ingrédients soigneusement sélectionnés pour leur efficacité et leur origine naturelle.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-compo\"\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eActif principal\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eSavon d'Alep liquide (huile d'olive + huile de baies de laurier)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eActif apaisant\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eHydrolat de camomille bio (Anthemis nobilis)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eAgent démêlant\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eAgent démêlant autorisé Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003e95 % d'ingrédients d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eSulfates, silicones, parabènes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-tip\"\u003e\n \u003cdiv class=\"soi-alep-tip-icon\"\u003e♻️\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eEmballage écoresponsable\u003c\/strong\u003e\n \u003cp\u003eLa bouteille est fabriquée en plastique rPET recyclé et 100 % recyclable, protégeant le produit de la lumière tout en limitant l'impact environnemental.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampooing au savon d'Alep ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-timeline\"\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une quantité généreuse sur cheveux mouillés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eMassez doucement le cuir chevelu en mouvements circulaires pour activer la mousse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n \u003cp\u003ePatientez 1 à 2 minutes pour laisser agir l'hydrolat de camomille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède. Un seul passage suffit généralement pour les cheveux normaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-tip\"\u003e\n \u003cdiv class=\"soi-alep-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eConvient à toute la famille, adultes et enfants. Pour une routine complète, associez ce shampooing à un après-shampooing ou à une huile capillaire Najel pour un soin encore plus nourrissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eÀ qui est destiné ce shampooing ?\u003c\/h2\u003e\n \u003cp\u003eCe shampooing s'adresse à toute personne souhaitant adopter un soin capillaire naturel et bio pour cheveux normaux, sans compromis sur l'efficacité. Il convient particulièrement :\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🌸 Cuirs chevelus sensibles\u003c\/h3\u003e\n \u003cp\u003eSa formule sans sulfates et enrichie en camomille bio apaise les cuirs chevelus réactifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🔄 En transition capillaire\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les personnes qui souhaitent passer à des soins capillaires plus respectueux et naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🇫🇷 Consommation responsable\u003c\/h3\u003e\n \u003cp\u003eUn produit fabriqué en France, certifié bio, dans un emballage rPET recyclé, pour un impact écologique réduit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-accordion\"\u003e\n \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n \u003csummary class=\"soi-alep-accordion-header\"\u003e⚠️ Précaution d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique. Il ne remplace pas un traitement médical en cas de problème capillaire persistant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-alep-cta-box\"\u003e\n \u003cp class=\"soi-alep-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, jusque dans vos cheveux\u003c\/p\u003e\n \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eTradition d'Alep, douceur de la camomille, exigence bio : offrez à vos cheveux un shampooing qui respecte autant votre fibre capillaire que la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-alep-marine: #1A2D3D;\n --soi-alep-marine-dark: #0F1E2B;\n --soi-alep-marine-light: #2C4458;\n --soi-alep-pomme: #A1C544;\n --soi-alep-pomme-dark: #84A636;\n --soi-alep-pomme-light: rgba(161,197,68,0.10);\n --soi-alep-white: #FFFFFF;\n --soi-alep-off-white: #F8FAF6;\n --soi-alep-stone: #F1F3EE;\n --soi-alep-line: #E5E8E0;\n --soi-alep-primary: #7CB8D4;\n --soi-alep-primary-soft: rgba(124,184,212,0.12);\n --soi-alep-accent: #4A2F1A;\n --soi-alep-text: #1A2D3D;\n --soi-alep-text-soft: #4A5B6B;\n --soi-alep-text-muted: #7B8693;\n --soi-alep-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-alep-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-alep-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-alep-radius: 12px;\n --soi-alep-radius-sm: 8px;\n --soi-alep-radius-pill: 999px;\n}\n\n.soi-alep-fiche * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n.soi-alep-fiche img {\n max-width: 100%;\n height: auto;\n}\n\n.soi-alep-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-alep-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-alep-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-alep-hero {\n position: relative;\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-alep-hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: var(--soi-alep-pomme);\n}\n\n.soi-alep-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-alep-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-alep-pomme);\n border-radius: 50%;\n}\n\n.soi-alep-hero-title {\n display: block;\n color: var(--soi-alep-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-alep-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-alep-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-alep-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-alep-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-alep-label-accent {\n background: var(--soi-alep-pomme);\n border-color: var(--soi-alep-pomme);\n color: var(--soi-alep-marine);\n font-weight: 600;\n}\n\n.soi-alep-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-alep-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-alep-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-alep-pomme);\n border-radius: 2px;\n}\n\n.soi-alep-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-alep-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-alep-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-alep-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-alep-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-alep-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-alep-benefit {\n background: var(--soi-alep-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-alep-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-alep-shadow-md);\n}\n\n.soi-alep-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-alep-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-alep-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-alep-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-alep-benefit:hover .soi-alep-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-alep-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-benefit p {\n font-size: 13px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-alep-card {\n background: var(--soi-alep-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border-left: 3px solid var(--soi-alep-pomme);\n}\n\n.soi-alep-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-card p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alep-compo {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.soi-alep-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-alep-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-alep-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-alep-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-alep-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-alep-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-alep-marine);\n text-align: right;\n}\n\n.soi-alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-alep-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-alep-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n align-items: flex-start;\n}\n\n.soi-alep-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-alep-marine);\n color: var(--soi-alep-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-alep-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-alep-step-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alep-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-alep-pomme-light);\n border-left: 4px solid var(--soi-alep-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-alep-radius) var(--soi-alep-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-alep-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-alep-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-alep-marine);\n margin-bottom: 4px;\n}\n\n.soi-alep-tip p {\n font-size: 14px;\n color: var(--soi-alep-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alep-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-top: 1.5rem;\n}\n\n.soi-alep-accordion-item {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius-sm);\n border: 1px solid var(--soi-alep-line);\n overflow: hidden;\n}\n\n.soi-alep-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-alep-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-alep-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-alep-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-alep-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-alep-accordion-item[open] .soi-alep-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-alep-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-alep-accordion-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alep-cta-box {\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-alep-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-alep-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-alep-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-alep-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-alep-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-alep-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-alep-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-alep-compo-value {\n text-align: left;\n }\n\n .soi-alep-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-alep-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-alep-fiche {\n --soi-alep-text-soft: #2C3E50;\n --soi-alep-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603652337994,"sku":"NJ0155","price":13.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampooing-savon-dalep-certifie-bio-cheveux-normaux-najel-packshot.webp?v=1779439853"},{"product_id":"shampooing-savon-dalep-certifie-bio-cheveux-gras-najel","title":"Shampooing au Savon d'Alep bio - Cheveux Gras | Najel","description":"\u003cdiv class=\"soi-shag-fiche\"\u003e\n\n \u003csection class=\"soi-shag-hero\"\u003e\n \u003cdiv class=\"soi-shag-hero-tag\"\u003e\n \u003cspan class=\"soi-shag-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène capillaire · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-shag-hero-title\"\u003eShampooing au Savon d'Alep certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-shag-hero-subtitle\"\u003eUn soin purifiant 2-en-1, sans sulfate, formulé pour rééquilibrer durablement les cuirs chevelus à tendance grasse grâce à cinq actifs végétaux ciblés.\u003c\/p\u003e\n \u003cdiv class=\"soi-shag-hero-labels\"\u003e\n \u003cspan class=\"soi-shag-label soi-shag-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-shag-label\"\u003eCERTIFIÉ BIO\u003c\/span\u003e\n \u003cspan class=\"soi-shag-label\"\u003eSANS SULFATE\u003c\/span\u003e\n \u003cspan class=\"soi-shag-label\"\u003e2-EN-1\u003c\/span\u003e\n \u003cspan class=\"soi-shag-label\"\u003eFLACON rPET RECYCLABLE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shag-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce shampooing pour cheveux gras ?\u003c\/h2\u003e\n \u003cp\u003eLes cheveux gras résultent souvent d'une surproduction de sébum, parfois aggravée par des shampooings trop agressifs qui décapent le cuir chevelu et provoquent un effet rebond. Ce shampooing sans sulfate rompt ce cycle : il nettoie sans agresser, régule sans assécher. Contrairement à de nombreux shampooings conventionnels, il respecte le film hydrolipidique naturel du cuir chevelu, pour un rééquilibrage progressif et durable.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shag-section\"\u003e\n \u003ch2\u003eLes actifs clés qui font la différence\u003c\/h2\u003e\n \u003cp class=\"soi-shag-section-intro\"\u003eCinq actifs végétaux soigneusement sélectionnés pour purifier, réguler et revitaliser vos cheveux en profondeur.\u003c\/p\u003e\n \u003cdiv class=\"soi-shag-grid\"\u003e\n \u003cdiv class=\"soi-shag-card\"\u003e\n \u003ch3\u003e🫒 Savon d'Alep liquide\u003c\/h3\u003e\n \u003cp\u003eIssu d'huiles d'olive et de baies de laurier, cet ingrédient fondateur purifie en profondeur, assainit le cuir chevelu et respecte son équilibre naturel. Une tradition de plus de 3 000 ans au service de vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shag-card\"\u003e\n \u003ch3\u003e🌿 Cresson de Fontaine\u003c\/h3\u003e\n \u003cp\u003eRégulateur de sébum reconnu, il aide à contrôler l'excès de brillance et tonifie le cuir chevelu en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shag-card\"\u003e\n \u003ch3\u003e🌱 Extraits d'Ortie\u003c\/h3\u003e\n \u003cp\u003eGrâce à ses vertus astringentes et antipelliculaires, l'ortie fortifie la fibre capillaire et limite les récidives grasses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shag-card\"\u003e\n \u003ch3\u003e🍃 Capillaire de Montpellier\u003c\/h3\u003e\n \u003cp\u003eRestructure et redonne de la vitalité aux cheveux fragilisés par l'excès de sébum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shag-card\"\u003e\n \u003ch3\u003e🌼 Eau de Camomille\u003c\/h3\u003e\n \u003cp\u003eApaise les cuirs chevelus réactifs ou légèrement irrités, tout en adoucissant le cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shag-section\"\u003e\n \u003ch2\u003eUne formule 2-en-1 : nettoyant et démêlant\u003c\/h2\u003e\n \u003cp\u003eCe shampooing pour cheveux gras intègre un démêlant certifié Ecocert, une vraie rareté dans les formules bio. Résultat : vos cheveux sont non seulement propres et purifiés, mais aussi doux, légers et faciles à coiffer dès la sortie du bain. Fini les nœuds tenaces après le lavage.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shag-section\"\u003e\n \u003ch2\u003eCertifications et éco-responsabilité\u003c\/h2\u003e\n \u003cp class=\"soi-shag-section-intro\"\u003eUn engagement vérifiable, du flacon jusqu'à la formule.\u003c\/p\u003e\n \u003cdiv class=\"soi-shag-grid-compact\"\u003e\n \u003cdiv class=\"soi-shag-card-mini\"\u003e\n \u003cspan class=\"soi-shag-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-shag-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-shag-card-mini-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shag-card-mini\"\u003e\n \u003cspan class=\"soi-shag-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-shag-card-mini-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-shag-card-mini-value\"\u003eSans sulfate\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shag-card-mini\"\u003e\n \u003cspan class=\"soi-shag-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n \u003cspan class=\"soi-shag-card-mini-label\"\u003eFlacon\u003c\/span\u003e\n \u003cspan class=\"soi-shag-card-mini-value\"\u003ePlastique recyclé rPET, 100 % recyclable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shag-card-mini\"\u003e\n \u003cspan class=\"soi-shag-card-mini-icon\"\u003e🫙\u003c\/span\u003e\n \u003cspan class=\"soi-shag-card-mini-label\"\u003eProtection\u003c\/span\u003e\n \u003cspan class=\"soi-shag-card-mini-value\"\u003eBouteille ambrée anti-lumière\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shag-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cdiv class=\"soi-shag-accordion\"\u003e\n \u003cdetails class=\"soi-shag-accordion-item\"\u003e\n \u003csummary class=\"soi-shag-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"soi-shag-accordion-content\"\u003e\n \u003cp\u003eAqua, Sodium Olivate (savon d'Alep liquide issu d'huiles d'olive et de baies de laurier), Glycerin*, Cocamidopropyl Betaine, Sodium Cocoyl Glutamate, Glycol Distearate, Panthenol, Nasturtium Officinale Extract* (cresson de Fontaine), Urtica Dioica Extract* (ortie), Adiantum Capillus-Veneris Extract* (capillaire de Montpellier), Chamomilla Recutita Flower Water* (eau de camomille), Citric Acid, Sodium Benzoate, Potassium Sorbate.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shag-section\"\u003e\n \u003ch2\u003eMode d'emploi : comment utiliser ce shampooing ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shag-timeline\"\u003e\n \u003cdiv class=\"soi-shag-step\"\u003e\n \u003cdiv class=\"soi-shag-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-shag-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eDéposez une ou deux pressions de shampooing sur cheveux mouillés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shag-step\"\u003e\n \u003cdiv class=\"soi-shag-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-shag-step-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement le cuir chevelu en mouvements circulaires pendant 1 à 2 minutes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shag-step\"\u003e\n \u003cdiv class=\"soi-shag-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-shag-step-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shag-step\"\u003e\n \u003cdiv class=\"soi-shag-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-shag-step-content\"\u003e\n \u003ch3\u003eRenouvelez si nécessaire\u003c\/h3\u003e\n \u003cp\u003eUn second lavage peut être utile lors de la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shag-step\"\u003e\n \u003cdiv class=\"soi-shag-step-num\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"soi-shag-step-content\"\u003e\n \u003ch3\u003eFréquence recommandée\u003c\/h3\u003e\n \u003cp\u003e2 à 3 fois par semaine pour rééquilibrer progressivement le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shag-tip\"\u003e\n \u003cdiv class=\"soi-shag-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eLors des premières utilisations, une période d'adaptation de 2 à 3 semaines est normale. Votre cuir chevelu, habitué aux silicones et sulfates, retrouve progressivement son équilibre naturel. Soyez patient, les résultats durables en valent la peine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shag-section\"\u003e\n \u003ch2\u003ePour qui est ce shampooing ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-shag-grid\"\u003e\n \u003cdiv class=\"soi-shag-card\"\u003e\n \u003ch3\u003e💆 Cuirs chevelus à tendance grasse\u003c\/h3\u003e\n \u003cp\u003eParticulièrement adapté aux cuirs chevelus gras avec pellicules, ce shampooing régule la production de sébum sans effet rebond.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shag-card\"\u003e\n \u003ch3\u003e✨ Cheveux fins en quête de légèreté\u003c\/h3\u003e\n \u003cp\u003eSa formule purifiante redonne volume et légèreté aux cheveux alourdis par l'excès de sébum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-shag-card\"\u003e\n \u003ch3\u003e🌿 Adeptes d'une routine capillaire naturelle et bio\u003c\/h3\u003e\n \u003cp\u003eUne alternative certifiée bio, clean et efficace pour celles et ceux qui souhaitent passer à une routine capillaire plus respectueuse, sans sacrifier les résultats.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-shag-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-shag-cta-box\"\u003e\n \u003cp class=\"soi-shag-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, jusque dans vos cheveux\u003c\/p\u003e\n \u003cp class=\"soi-shag-cta-text\" style=\"color: white;\"\u003eOffrez à vos cheveux une cure de purification ancrée dans le patrimoine du savon d'Alep. Efficacité réelle, douceur végétale et engagement écologique : vos cheveux retrouvent légèreté, éclat et équilibre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-shag-marine: #1A2D3D;\n --soi-shag-marine-dark: #0F1E2B;\n --soi-shag-marine-light: #2C4458;\n --soi-shag-pomme: #A1C544;\n --soi-shag-pomme-dark: #84A636;\n --soi-shag-pomme-light: rgba(161,197,68,0.10);\n --soi-shag-white: #FFFFFF;\n --soi-shag-off-white: #F8FAF6;\n --soi-shag-stone: #F1F3EE;\n --soi-shag-line: #E5E8E0;\n --soi-shag-primary: #8BA888;\n --soi-shag-primary-soft: rgba(139,168,136,0.12);\n --soi-shag-accent: #5C4A3A;\n --soi-shag-text: #1A2D3D;\n --soi-shag-text-soft: #4A5B6B;\n --soi-shag-text-muted: #7B8693;\n --soi-shag-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-shag-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-shag-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-shag-radius: 12px;\n --soi-shag-radius-sm: 8px;\n --soi-shag-radius-pill: 999px;\n}\n\n.soi-shag-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shag-fiche img { max-width: 100%; height: auto; }\n\n.soi-shag-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-shag-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-shag-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-shag-hero {\n position: relative;\n background: var(--soi-shag-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-shag-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-shag-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-shag-pomme);\n}\n\n.soi-shag-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-shag-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-shag-pomme);\n border-radius: 50%;\n}\n\n.soi-shag-hero-title {\n display: block;\n color: var(--soi-shag-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-shag-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-shag-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-shag-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-shag-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-shag-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-shag-label-accent {\n background: var(--soi-shag-pomme);\n border-color: var(--soi-shag-pomme);\n color: var(--soi-shag-marine);\n font-weight: 600;\n}\n\n.soi-shag-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shag-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-shag-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-shag-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-shag-pomme);\n border-radius: 2px;\n}\n\n.soi-shag-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-shag-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-shag-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-shag-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-shag-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-shag-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-shag-card {\n background: var(--soi-shag-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shag-radius);\n border-left: 3px solid var(--soi-shag-pomme);\n}\n\n.soi-shag-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-shag-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-shag-card p {\n font-size: 14px;\n color: var(--soi-shag-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-shag-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-shag-card-mini {\n background: var(--soi-shag-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-shag-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-shag-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-shag-card-mini-label {\n font-size: 11px;\n color: var(--soi-shag-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-shag-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shag-marine);\n}\n\n.soi-shag-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-shag-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-shag-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-shag-radius);\n border: 1px solid var(--soi-shag-line);\n align-items: flex-start;\n}\n\n.soi-shag-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-shag-marine);\n color: var(--soi-shag-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-shag-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-shag-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-shag-step-content p {\n font-size: 14px;\n color: var(--soi-shag-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-shag-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-shag-pomme-light);\n border-left: 4px solid var(--soi-shag-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-shag-radius) var(--soi-shag-radius) 0;\n align-items: flex-start;\n}\n\n.soi-shag-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-shag-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-shag-marine);\n margin-bottom: 4px;\n}\n\n.soi-shag-tip p {\n font-size: 14px;\n color: var(--soi-shag-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-shag-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-shag-accordion-item {\n background: var(--soi-shag-off-white);\n border-radius: var(--soi-shag-radius-sm);\n border: 1px solid var(--soi-shag-line);\n overflow: hidden;\n}\n\n.soi-shag-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-shag-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-shag-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-shag-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-shag-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-shag-accordion-item[open] .soi-shag-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-shag-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-shag-accordion-content p {\n font-size: 14px;\n color: var(--soi-shag-text-soft);\n line-height: 1.6;\n margin: 0 0 0.5rem 0;\n}\n\n.soi-shag-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.soi-shag-cta-box {\n background: var(--soi-shag-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-shag-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-shag-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-shag-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-shag-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-shag-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-shag-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-shag-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-shag-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-shag-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-shag-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-shag-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-shag-fiche {\n --soi-shag-text-soft: #2C3E50;\n --soi-shag-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603652796746,"sku":"NJ0165","price":11.21,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampooing-savon-dalep-certifie-bio-cheveux-gras-najel-packshot.webp?v=1779439886"},{"product_id":"masque-cheveux-demelant-beurre-de-karite-certifie-bio-najel","title":"Masque Cheveux Démêlant - Karité \u0026 Olive Bio - Najel","description":"\u003cdiv class=\"soi-mskr-fiche\"\u003e\n\n\u003csection class=\"soi-mskr-hero\"\u003e\n\u003cdiv class=\"soi-mskr-hero-tag\"\u003e\n\u003cspan class=\"soi-mskr-tag-dot\"\u003e\u003c\/span\u003e\nSoin cheveux · Najel\n\u003c\/div\u003e\n\u003cspan class=\"soi-mskr-hero-title\"\u003eMasque cheveux démêlant beurre de karité certifié bio\u003c\/span\u003e\n\u003cp class=\"soi-mskr-hero-subtitle\"\u003eNourrit en profondeur, facilite le démêlage et restitue une brillance naturelle, sans alourdir la fibre capillaire.\u003c\/p\u003e\n\u003cdiv class=\"soi-mskr-hero-labels\"\u003e\n\u003cspan class=\"soi-mskr-label soi-mskr-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n\u003cspan class=\"soi-mskr-label\"\u003e99 % NATUREL\u003c\/span\u003e\n\u003cspan class=\"soi-mskr-label\"\u003eVEGAN\u003c\/span\u003e\n\u003cspan class=\"soi-mskr-label\"\u003eSANS PARFUM\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mskr-section\"\u003e\n\u003ch2\u003ePourquoi ce masque karité cheveux fait la différence\u003c\/h2\u003e\n\u003cp class=\"soi-mskr-section-intro\"\u003eContrairement à beaucoup de masques génériques, celui de Najel mise sur une synergie d'actifs bio complémentaires, chacun avec un rôle précis.\u003c\/p\u003e\n\u003cdiv class=\"soi-mskr-benefits\"\u003e\n\u003cdiv class=\"soi-mskr-benefit\"\u003e\n\u003cdiv class=\"soi-mskr-benefit-icon\"\u003e\u003cspan\u003e🌰\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eBeurre de karité bio\u003c\/h3\u003e\n\u003cp\u003eVéritable cœur de la formule, il pénètre la fibre capillaire pour la nourrir, la réparer et lui redonner de l'élasticité. Idéal pour les cheveux secs, cassants ou frisés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-benefit\"\u003e\n\u003cdiv class=\"soi-mskr-benefit-icon\"\u003e\u003cspan\u003e🫒\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eHuile d'olive bio\u003c\/h3\u003e\n\u003cp\u003eProtège et renforce la surface du cheveu, réduit les frisottis et apporte de la brillance sans effet gras.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-benefit\"\u003e\n\u003cdiv class=\"soi-mskr-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eHuile de baies de laurier bio\u003c\/h3\u003e\n\u003cp\u003eAux vertus réparatrices reconnues, elle soutient la kératine naturelle et protège des agressions thermiques et environnementales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-benefit\"\u003e\n\u003cdiv class=\"soi-mskr-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eEau de margine bio\u003c\/h3\u003e\n\u003cp\u003eActif antioxydant issu du massif des Alpilles, récupéré lors de l'extraction de l'huile d'olive. Un ingrédient rare, éco-responsable et réparateur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-tip\"\u003e\n\u003cdiv class=\"soi-mskr-tip-icon\"\u003e🔬\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLe saviez-vous ?\u003c\/strong\u003e\n\u003cp\u003eLa glycérine bio, également présente dans la formule, attire l'humidité et facilite considérablement le démêlage, réduisant la casse au peigne ou à la brosse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mskr-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce masque capillaire au beurre de karité ?\u003c\/h2\u003e\n\u003cp class=\"soi-mskr-section-intro\"\u003eCe soin convient à tous types de cheveux, mais il sera particulièrement précieux pour certains profils capillaires.\u003c\/p\u003e\n\u003cdiv class=\"soi-mskr-grid\"\u003e\n\u003cdiv class=\"soi-mskr-card\"\u003e\n\u003ch3\u003e🔥 Cheveux secs ou abîmés\u003c\/h3\u003e\n\u003cp\u003eQue ce soit par la chaleur, la coloration ou les traitements chimiques, vos cheveux retrouvent nutrition et vitalité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-card\"\u003e\n\u003ch3\u003e🌀 Boucles et cheveux frisés\u003c\/h3\u003e\n\u003cp\u003eSi vos cheveux ont tendance à se nouer et manquent de définition, ce masque facilite le démêlage et redessine les boucles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-card\"\u003e\n\u003ch3\u003e🪶 Cheveux fins\u003c\/h3\u003e\n\u003cp\u003eVous avez besoin de nutrition sans alourdir ? La formule nourrit en profondeur tout en préservant la légèreté de votre chevelure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-card\"\u003e\n\u003ch3\u003e🧴 Cuir chevelu sensible\u003c\/h3\u003e\n\u003cp\u003eLa formule sans parfum et vegan respecte les cuirs chevelus les plus réactifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mskr-section\"\u003e\n\u003ch2\u003eComment bien utiliser ce masque cheveux karité\u003c\/h2\u003e\n\u003cdiv class=\"soi-mskr-timeline\"\u003e\n\u003cdiv class=\"soi-mskr-step\"\u003e\n\u003cdiv class=\"soi-mskr-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-step-content\"\u003e\n\u003ch3\u003eEssorez vos cheveux\u003c\/h3\u003e\n\u003cp\u003eAprès le shampooing, essorez légèrement vos cheveux sans trop les frotter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-step\"\u003e\n\u003cdiv class=\"soi-mskr-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-step-content\"\u003e\n\u003ch3\u003eAppliquez le masque\u003c\/h3\u003e\n\u003cp\u003eAppliquez le masque sur les longueurs et les pointes, en évitant les racines si vous avez les cheveux gras.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-step\"\u003e\n\u003cdiv class=\"soi-mskr-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-step-content\"\u003e\n\u003ch3\u003eLaissez poser\u003c\/h3\u003e\n\u003cp\u003eLaissez poser 5 à 10 minutes, ou plus longtemps pour un soin intensif sous une serviette chaude.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-step\"\u003e\n\u003cdiv class=\"soi-mskr-step-num\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-step-content\"\u003e\n\u003ch3\u003eRincez et coiffez\u003c\/h3\u003e\n\u003cp\u003eRincez abondamment à l'eau tiède. Démêlez facilement et coiffez comme à votre habitude.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-tip\"\u003e\n\u003cdiv class=\"soi-mskr-tip-icon\"\u003e💡\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n\u003cp\u003eFréquence conseillée : 1 à 2 fois par semaine selon l'état de vos cheveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mskr-section\"\u003e\n\u003ch2\u003eComposition du masque karité cheveux Najel\u003c\/h2\u003e\n\u003cp class=\"soi-mskr-section-intro\"\u003eFormule certifiée Cosmos Organic, 99 % d'ingrédients d'origine naturelle, vegan, sans parfum synthétique.\u003c\/p\u003e\n\u003cdiv class=\"soi-mskr-compo\"\u003e\n\u003cdiv class=\"soi-mskr-compo-row\"\u003e\n\u003cspan class=\"soi-mskr-compo-label\"\u003eCertification\u003c\/span\u003e\n\u003cspan class=\"soi-mskr-compo-value\"\u003eCosmos Organic\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-compo-row\"\u003e\n\u003cspan class=\"soi-mskr-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n\u003cspan class=\"soi-mskr-compo-value\"\u003e99 %\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-compo-row\"\u003e\n\u003cspan class=\"soi-mskr-compo-label\"\u003eProfil\u003c\/span\u003e\n\u003cspan class=\"soi-mskr-compo-value\"\u003eVegan · Sans parfum synthétique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-accordion\"\u003e\n\u003cdetails class=\"soi-mskr-accordion-item\"\u003e\n\u003csummary class=\"soi-mskr-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n\u003cdiv class=\"soi-mskr-accordion-content\"\u003e\n\u003cp\u003eOlea Europaea Fruit Water*, Cetearyl Alcohol, Butyrospermum Parkii Butter*, Glycerin*, Olea Europaea Fruit Oil*, Laurus Nobilis Fruit Oil*, Cetrimonium Chloride, Xanthan Gum, Citric Acid.\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mskr-section\"\u003e\n\u003ch2\u003eCe que vous obtenez concrètement\u003c\/h2\u003e\n\u003cdiv class=\"soi-mskr-grid\"\u003e\n\u003cdiv class=\"soi-mskr-card\"\u003e\n\u003ch3\u003e✨ Démêlage facilité\u003c\/h3\u003e\n\u003cp\u003eVos cheveux sont nettement plus faciles à démêler, avec moins de casse au peigne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-card\"\u003e\n\u003ch3\u003e💎 Brillance naturelle\u003c\/h3\u003e\n\u003cp\u003eUne brillance visible dès le premier rinçage, sans effet artificiel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-card\"\u003e\n\u003ch3\u003e🪶 Souplesse et légèreté\u003c\/h3\u003e\n\u003cp\u003eDes longueurs souples et légères, sans effet pesant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-card\"\u003e\n\u003ch3\u003e🛡️ Fibre renforcée\u003c\/h3\u003e\n\u003cp\u003eUne fibre plus résistante aux agressions quotidiennes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"soi-mskr-card\"\u003e\n\u003ch3\u003e🌱 Éco-responsable\u003c\/h3\u003e\n\u003cp\u003eUn soin respectueux de l'environnement, avec un actif upcyclé et une certification bio reconnue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mskr-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"soi-mskr-cta-box\"\u003e\n\u003cp class=\"soi-mskr-cta-tag\" style=\"color: white;\"\u003ePrendre soin de ses cheveux, naturellement\u003c\/p\u003e\n\u003cp class=\"soi-mskr-cta-text\" style=\"color: white;\"\u003ePrenez soin de vos cheveux avec ce qu'il y a de plus pur. Souplesse retrouvée, brillance naturelle, démêlage facilité, le tout sans compromis sur la qualité des ingrédients.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-mskr-marine: #1A2D3D;\n --soi-mskr-marine-dark: #0F1E2B;\n --soi-mskr-marine-light: #2C4458;\n --soi-mskr-pomme: #A1C544;\n --soi-mskr-pomme-dark: #84A636;\n --soi-mskr-pomme-light: rgba(161,197,68,0.10);\n --soi-mskr-white: #FFFFFF;\n --soi-mskr-off-white: #F8FAF6;\n --soi-mskr-stone: #F1F3EE;\n --soi-mskr-line: #E5E8E0;\n --soi-mskr-primary: #B07D4A;\n --soi-mskr-primary-soft: #C9A87A;\n --soi-mskr-accent: #6B7D3E;\n --soi-mskr-text: #1A2D3D;\n --soi-mskr-text-soft: #4A5B6B;\n --soi-mskr-text-muted: #7B8693;\n --soi-mskr-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-mskr-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-mskr-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-mskr-radius: 12px;\n --soi-mskr-radius-sm: 8px;\n --soi-mskr-radius-pill: 999px;\n}\n\n.soi-mskr-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-mskr-fiche img { max-width: 100%; height: auto; }\n\n.soi-mskr-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-mskr-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-mskr-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-mskr-hero {\n position: relative;\n background: var(--soi-mskr-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-mskr-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-mskr-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-mskr-pomme);\n}\n\n.soi-mskr-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-mskr-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-mskr-pomme);\n border-radius: 50%;\n}\n\n.soi-mskr-hero-title {\n display: block;\n color: var(--soi-mskr-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-mskr-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-mskr-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-mskr-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-mskr-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-mskr-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-mskr-label-accent {\n background: var(--soi-mskr-pomme);\n border-color: var(--soi-mskr-pomme);\n color: var(--soi-mskr-marine);\n font-weight: 600;\n}\n\n.soi-mskr-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-mskr-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-mskr-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-mskr-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-mskr-pomme);\n border-radius: 2px;\n}\n\n.soi-mskr-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-mskr-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-mskr-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-mskr-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-mskr-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-mskr-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-mskr-benefit {\n background: var(--soi-mskr-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-mskr-radius);\n border: 1px solid var(--soi-mskr-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-mskr-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-mskr-shadow-md);\n}\n\n.soi-mskr-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-mskr-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-mskr-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-mskr-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-mskr-benefit:hover .soi-mskr-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-mskr-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-mskr-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-mskr-benefit p {\n font-size: 13px;\n color: var(--soi-mskr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-mskr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-mskr-card {\n background: var(--soi-mskr-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-mskr-radius);\n border-left: 3px solid var(--soi-mskr-pomme);\n}\n\n.soi-mskr-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-mskr-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-mskr-card p {\n font-size: 14px;\n color: var(--soi-mskr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-mskr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-mskr-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-mskr-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-mskr-radius);\n border: 1px solid var(--soi-mskr-line);\n align-items: flex-start;\n}\n\n.soi-mskr-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-mskr-marine);\n color: var(--soi-mskr-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-mskr-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-mskr-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-mskr-step-content p {\n font-size: 14px;\n color: var(--soi-mskr-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-mskr-compo {\n background: var(--soi-mskr-off-white);\n border-radius: var(--soi-mskr-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1rem;\n}\n\n.soi-mskr-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-mskr-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-mskr-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-mskr-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-mskr-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-mskr-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-mskr-marine);\n text-align: right;\n}\n\n.soi-mskr-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-mskr-pomme-light);\n border-left: 4px solid var(--soi-mskr-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-mskr-radius) var(--soi-mskr-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-mskr-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-mskr-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-mskr-marine);\n margin-bottom: 4px;\n}\n\n.soi-mskr-tip p {\n font-size: 14px;\n color: var(--soi-mskr-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-mskr-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-mskr-accordion-item {\n background: var(--soi-mskr-off-white);\n border-radius: var(--soi-mskr-radius-sm);\n border: 1px solid var(--soi-mskr-line);\n overflow: hidden;\n}\n\n.soi-mskr-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-mskr-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-mskr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-mskr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-mskr-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-mskr-accordion-item[open] .soi-mskr-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-mskr-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-mskr-accordion-content p {\n font-size: 14px;\n color: var(--soi-mskr-text-soft);\n line-height: 1.6;\n margin: 0 0 0.5rem 0;\n}\n\n.soi-mskr-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.soi-mskr-cta-box {\n background: var(--soi-mskr-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-mskr-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-mskr-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-mskr-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-mskr-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-mskr-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-mskr-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-mskr-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-mskr-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-mskr-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-mskr-compo-value {\n text-align: left;\n }\n\n .soi-mskr-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-mskr-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-mskr-fiche {\n --soi-mskr-text-soft: #2C3E50;\n --soi-mskr-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603653386570,"sku":"NJ0170","price":13.82,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/masque-cheveux-demelant-beurre-de-karite-certifie-bio-najel-packshot.webp?v=1779633600"},{"product_id":"beurre-de-karite-brut-certifie-bio-najel","title":"Beurre de karité brut certifié bio – Najel","description":"\n\u003cdiv class=\"soi-kari-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-kari-hero\"\u003e\n \u003cdiv class=\"soi-kari-hero-tag\"\u003e\n \u003cspan class=\"soi-kari-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétique naturelle · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-kari-hero-title\"\u003eUn beurre brut, équitable \u0026amp; bio\u003c\/span\u003e\n\n \u003cp class=\"soi-kari-hero-subtitle\"\u003eUn soin pur et polyvalent, extrait artisanalement au Ghana, pour nourrir votre peau, votre visage et vos cheveux en profondeur.\u003c\/p\u003e\n \u003cdiv class=\"soi-kari-hero-labels\"\u003e\n \u003cspan class=\"soi-kari-label soi-kari-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-kari-label\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-kari-label\"\u003eCOMMERCE ÉQUITABLE\u003c\/span\u003e\n \u003cspan class=\"soi-kari-label\"\u003e100 % PUR\u003c\/span\u003e\n \u003cspan class=\"soi-kari-label\"\u003eSANS PARFUM\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 1 : Intro --\u003e\n \u003csection class=\"soi-kari-section\"\u003e\n \u003ch2\u003eBeurre de karité brut certifié bio Najel : le soin pur et polyvalent\u003c\/h2\u003e\n \u003cp\u003eSi vous cherchez un soin \u003cstrong\u003e100 % naturel, non raffiné et certifié bio\u003c\/strong\u003e pour nourrir votre peau et vos cheveux en profondeur, le \u003cstrong\u003ebeurre de karité brut bio Najel\u003c\/strong\u003e est exactement ce qu'il vous faut. Extrait artisanalement par des femmes ghanéennes au sein d'une coopérative équitable, ce beurre brut non transformé conserve l'intégralité de ses actifs naturels : \u003cstrong\u003evitamines A, D, E et F\u003c\/strong\u003e, acides gras essentiels et insaponifiables réparateurs. Aucun solvant, aucune transformation chimique : juste le meilleur du karité, tel que la nature le produit.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 2 : Pourquoi choisir --\u003e\n \u003csection class=\"soi-kari-section\"\u003e\n \u003ch2\u003ePourquoi choisir un beurre de karité bio non raffiné ?\u003c\/h2\u003e\n \u003cp class=\"soi-kari-section-intro\"\u003eLa différence entre un beurre de karité classique et un \u003cstrong\u003ebeurre de karité bio pur non raffiné\u003c\/strong\u003e est fondamentale. Le raffinage élimine une grande partie des actifs bénéfiques. En choisissant un beurre brut, vous obtenez :\u003c\/p\u003e\n \u003cdiv class=\"soi-kari-grid\"\u003e\n \u003cdiv class=\"soi-kari-card\"\u003e\n \u003ch3\u003e🧬 Une teneur maximale en insaponifiables\u003c\/h3\u003e\n \u003cp\u003eDe 7 à 12 % d'insaponifiables, responsables des propriétés réparatrices et anti-inflammatoires du karité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-card\"\u003e\n \u003ch3\u003e✨ Des vitamines naturellement présentes\u003c\/h3\u003e\n \u003cp\u003eDes vitamines A, D, E et F qui soutiennent le renouvellement cutané et protègent les cellules du stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-card\"\u003e\n \u003ch3\u003e🤲 Une texture dense et fondante\u003c\/h3\u003e\n \u003cp\u003eSigne d'un produit non altéré par la chaleur industrielle, qui conserve toute sa richesse originelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 3 : Bienfaits --\u003e\n \u003csection class=\"soi-kari-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets sur votre peau, votre visage et vos cheveux\u003c\/h2\u003e\n \u003cdiv class=\"soi-kari-benefits\"\u003e\n \u003cdiv class=\"soi-kari-benefit\"\u003e\n \u003cdiv class=\"soi-kari-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeau sèche et sensible\u003c\/h3\u003e\n \u003cp\u003eForme un film protecteur naturel qui soulage les tiraillements, restaure le film hydrolipidique et apaise les rougeurs. Idéal pour les coudes, les talons, les lèvres et les mains abîmées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-benefit\"\u003e\n \u003cdiv class=\"soi-kari-benefit-icon\"\u003e\u003cspan\u003e☀️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eProtection toutes saisons\u003c\/h3\u003e\n \u003cp\u003eEn hiver, il protège des vents et du froid. En été, il apaise la peau après l'exposition solaire. Un allié 365 jours par an pour toute la famille, même les peaux de bébé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-benefit\"\u003e\n \u003cdiv class=\"soi-kari-benefit-icon\"\u003e\u003cspan\u003e💆\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSoin capillaire réparateur\u003c\/h3\u003e\n \u003cp\u003eEn masque avant shampooing ou sur les pointes, il nourrit les fibres capillaires abîmées, réduit les frisottis et restitue brillance et souplesse aux cheveux secs ou colorés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 4 : Comment utiliser --\u003e\n \u003csection class=\"soi-kari-section\"\u003e\n \u003ch2\u003eComment utiliser le beurre de karité brut Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-kari-timeline\"\u003e\n \u003cdiv class=\"soi-kari-step\"\u003e\n \u003cdiv class=\"soi-kari-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-kari-step-content\"\u003e\n \u003ch3\u003ePour le corps\u003c\/h3\u003e\n \u003cp\u003ePrélevez une petite noisette, faites-la fondre entre vos paumes quelques secondes, puis massez doucement sur les zones sèches. La chaleur corporelle suffit à le rendre parfaitement fluide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-step\"\u003e\n \u003cdiv class=\"soi-kari-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-kari-step-content\"\u003e\n \u003ch3\u003ePour le visage\u003c\/h3\u003e\n \u003cp\u003eUtilisez une infime quantité (un grain de riz suffit) en soin de nuit sur peau propre. Idéal pour les peaux très sèches ou en manque d'élasticité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-step\"\u003e\n \u003cdiv class=\"soi-kari-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-kari-step-content\"\u003e\n \u003ch3\u003ePour les cheveux\u003c\/h3\u003e\n \u003cp\u003eAppliquez en masque sur cheveux secs, laissez poser 20 à 30 minutes, puis shampouinez normalement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 5 : Composition et certification --\u003e\n \u003csection class=\"soi-kari-section\"\u003e\n \u003ch2\u003eComposition et certification\u003c\/h2\u003e\n \u003cdiv class=\"soi-kari-compo\"\u003e\n \u003cdiv class=\"soi-kari-compo-row\"\u003e\n \u003cspan class=\"soi-kari-compo-label\"\u003eIngrédient unique\u003c\/span\u003e\n \u003cspan class=\"soi-kari-compo-value\"\u003eButyrospermum Parkii (Shea) Butter*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-compo-row\"\u003e\n \u003cspan class=\"soi-kari-compo-label\"\u003eQualité\u003c\/span\u003e\n \u003cspan class=\"soi-kari-compo-value\"\u003e100 % pur, brut et non raffiné\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-compo-row\"\u003e\n \u003cspan class=\"soi-kari-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-kari-compo-value\"\u003eCosmos Organic (ECOCERT)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-compo-row\"\u003e\n \u003cspan class=\"soi-kari-compo-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-kari-compo-value\"\u003eCoopérative de femmes artisanes, Ghana\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-compo-row\"\u003e\n \u003cspan class=\"soi-kari-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-kari-compo-value\"\u003e100 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"font-size: 12px; color: var(--soi-kari-text-muted); margin-top: 0.75rem; font-style: italic;\"\u003e* Issu de l'agriculture biologique.\u003c\/p\u003e\n \u003cdiv class=\"soi-kari-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"soi-kari-card-mini\"\u003e\n \u003cspan class=\"soi-kari-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-kari-card-mini-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-kari-card-mini-value\"\u003eSans parfum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-card-mini\"\u003e\n \u003cspan class=\"soi-kari-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"soi-kari-card-mini-label\"\u003eConservateur\u003c\/span\u003e\n \u003cspan class=\"soi-kari-card-mini-value\"\u003eAucun\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-card-mini\"\u003e\n \u003cspan class=\"soi-kari-card-mini-icon\"\u003e🎨\u003c\/span\u003e\n \u003cspan class=\"soi-kari-card-mini-label\"\u003eColorant\u003c\/span\u003e\n \u003cspan class=\"soi-kari-card-mini-value\"\u003eAucun\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kari-card-mini\"\u003e\n \u003cspan class=\"soi-kari-card-mini-icon\"\u003e👶\u003c\/span\u003e\n \u003cspan class=\"soi-kari-card-mini-label\"\u003eConvient aux\u003c\/span\u003e\n \u003cspan class=\"soi-kari-card-mini-value\"\u003ePeaux sensibles et bébés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"soi-kari-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-kari-cta-box\"\u003e\n \u003cp class=\"soi-kari-cta-text\" style=\"color: white;\"\u003eUne seule noix de karité ghanéenne suffit à transformer votre routine. Corps, visage ou cheveux, le beurre de karité Najel vous offre ce que la cosmétique naturelle a de meilleur. Simple, efficace, honnête.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-kari-marine: #1A2D3D;\n --soi-kari-marine-dark: #0F1E2B;\n --soi-kari-marine-light: #2C4458;\n --soi-kari-pomme: #A1C544;\n --soi-kari-pomme-dark: #84A636;\n --soi-kari-pomme-light: rgba(161,197,68,0.10);\n\n --soi-kari-white: #FFFFFF;\n --soi-kari-off-white: #F8FAF6;\n --soi-kari-stone: #F1F3EE;\n --soi-kari-line: #E5E8E0;\n\n --soi-kari-primary: #B8924A;\n --soi-kari-primary-soft: #F5EDE0;\n --soi-kari-accent: #3D2B1F;\n\n --soi-kari-text: #1A2D3D;\n --soi-kari-text-soft: #4A5B6B;\n --soi-kari-text-muted: #7B8693;\n\n --soi-kari-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-kari-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-kari-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-kari-radius: 12px;\n --soi-kari-radius-sm: 8px;\n --soi-kari-radius-pill: 999px;\n}\n\n.soi-kari-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-kari-fiche img { max-width: 100%; height: auto; }\n\n.soi-kari-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-kari-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-kari-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-kari-hero {\n position: relative;\n background: var(--soi-kari-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-kari-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-kari-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-kari-primary);\n}\n\n.soi-kari-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-kari-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-kari-primary);\n border-radius: 50%;\n}\n\n.soi-kari-hero-title {\n display: block;\n color: var(--soi-kari-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-kari-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-kari-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-kari-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-kari-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-kari-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-kari-label-accent {\n background: var(--soi-kari-primary);\n border-color: var(--soi-kari-primary);\n color: var(--soi-kari-white);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-kari-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-kari-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-kari-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-kari-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-kari-pomme);\n border-radius: 2px;\n}\n\n.soi-kari-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-kari-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-kari-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-kari-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-kari-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-kari-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-kari-benefit {\n background: var(--soi-kari-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-kari-radius);\n border: 1px solid var(--soi-kari-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-kari-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-kari-shadow-md);\n}\n\n.soi-kari-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-kari-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-kari-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-kari-primary);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-kari-benefit:hover .soi-kari-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-kari-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-kari-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-kari-benefit p {\n font-size: 13px;\n color: var(--soi-kari-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-kari-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-kari-card {\n background: var(--soi-kari-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-kari-radius);\n border-left: 3px solid var(--soi-kari-primary);\n}\n\n.soi-kari-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-kari-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-kari-card p {\n font-size: 14px;\n color: var(--soi-kari-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-kari-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-kari-card-mini {\n background: var(--soi-kari-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-kari-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-kari-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-kari-card-mini-label {\n font-size: 11px;\n color: var(--soi-kari-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-kari-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-kari-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-kari-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-kari-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-kari-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-kari-radius);\n border: 1px solid var(--soi-kari-line);\n align-items: flex-start;\n}\n\n.soi-kari-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-kari-marine);\n color: var(--soi-kari-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-kari-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-kari-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-kari-step-content p {\n font-size: 14px;\n color: var(--soi-kari-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-kari-compo {\n background: var(--soi-kari-off-white);\n border-radius: var(--soi-kari-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-kari-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-kari-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-kari-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-kari-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-kari-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-kari-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-kari-marine);\n text-align: right;\n}\n\n\/* === ACCORDION === *\/\n.soi-kari-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-kari-accordion-item {\n background: var(--soi-kari-off-white);\n border-radius: var(--soi-kari-radius-sm);\n border: 1px solid var(--soi-kari-line);\n overflow: hidden;\n}\n\n.soi-kari-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-kari-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-kari-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-kari-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-kari-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-kari-accordion-item[open] .soi-kari-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-kari-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-kari-accordion-content p {\n font-size: 14px;\n color: var(--soi-kari-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-kari-cta-box {\n background: var(--soi-kari-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-kari-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-kari-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-kari-primary);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-kari-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-kari-primary);\n margin-bottom: 0.75rem;\n}\n\n.soi-kari-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-kari-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-kari-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-kari-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-kari-compo-value {\n text-align: left;\n }\n\n .soi-kari-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-kari-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-kari-fiche {\n --soi-kari-text-soft: #2C3E50;\n --soi-kari-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603654533450,"sku":"NJ0225","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/beurre-de-karite-brut-certifie-bio-najel-packshot.webp?v=1779807899"},{"product_id":"hydrolat-de-feuilles-dolivier-certifie-bio-najel","title":"Hydrolat de feuilles d'olivier bio – Najel","description":"\n\u003cdiv class=\"soi-oliv-fiche\"\u003e\n\n\u003csection class=\"soi-oliv-hero\"\u003e\n \u003cdiv class=\"soi-oliv-hero-tag\"\u003e\n \u003cspan class=\"soi-oliv-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétique naturelle · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-oliv-hero-title\"\u003eHydrolat de feuilles d'olivier certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-oliv-hero-subtitle\"\u003eUn soin aqueux d'exception, issu de la distillation de feuilles d'olivier, qui purifie, apaise et protège votre peau avec toute la générosité de la tradition méditerranéenne.\u003c\/p\u003e\n \u003cdiv class=\"soi-oliv-hero-labels\"\u003e\n \u003cspan class=\"soi-oliv-label soi-oliv-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-oliv-label\"\u003eMADE IN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-oliv-label\"\u003e+99% NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-oliv-label\"\u003eSANS PARABEN\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-oliv-section\"\u003e\n \u003ch2\u003eQu'est-ce qu'un hydrolat de feuilles d'olivier et pourquoi l'utiliser ?\u003c\/h2\u003e\n \u003cp\u003eL'hydrolat, également appelé eau florale, est le coproduit de la distillation à la vapeur d'eau d'une plante. Contrairement à une huile essentielle, il est aqueux, léger et parfaitement toléré par les peaux les plus réactives. Celui de Najel est obtenu par hydrodistillation de feuilles sèches d'olivier selon un ratio 1:20, ce qui garantit une concentration optimale des actifs sans agresser l'épiderme.\u003c\/p\u003e\n \u003cp\u003eLes feuilles d'olivier sont naturellement riches en oleuropéine, un puissant polyphénol antioxydant, et en terpènes aux vertus purifiantes et protectrices. C'est cette richesse phytochimique qui fait de cet hydrolat un soin aussi complet que respectueux de votre peau.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-oliv-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets pour votre peau\u003c\/h2\u003e\n \u003cdiv class=\"soi-oliv-benefits\"\u003e\n \u003cdiv class=\"soi-oliv-benefit\"\u003e\n \u003cdiv class=\"soi-oliv-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eAction antioxydante\u003c\/h3\u003e\n \u003cp\u003eL'oleuropéine neutralise les radicaux libres, ralentit le vieillissement cutané prématuré et aide à préserver l'éclat naturel de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-benefit\"\u003e\n \u003cdiv class=\"soi-oliv-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePurification en douceur\u003c\/h3\u003e\n \u003cp\u003eGrâce à ses propriétés antiseptiques naturelles, il nettoie la peau en profondeur, élimine les impuretés et rééquilibre le film hydrolipidique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-benefit\"\u003e\n \u003cdiv class=\"soi-oliv-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eApaisement immédiat\u003c\/h3\u003e\n \u003cp\u003eIdéal sur les peaux rouges, irritées ou sensibles, il procure une sensation de fraîcheur et de calme dès la première application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-benefit\"\u003e\n \u003cdiv class=\"soi-oliv-benefit-icon\"\u003e\u003cspan\u003e💆\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSoin du cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eAppliqué en brume capillaire, il purifie le cuir chevelu gras ou sujet aux démangeaisons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-tip\"\u003e\n \u003cdiv class=\"soi-oliv-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eSa texture aqueuse convient à toutes les routines, du démaquillage au soin tonifiant, matin comme soir. Un soin véritablement polyvalent pour simplifier votre rituel beauté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-oliv-section\"\u003e\n \u003ch2\u003eComment utiliser l'hydrolat d'olivier au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-oliv-grid\"\u003e\n \u003cdiv class=\"soi-oliv-card\"\u003e\n \u003ch3\u003e🌿 Lotion tonique\u003c\/h3\u003e\n \u003cp\u003eAprès démaquillage, appliquez l'hydrolat sur un coton ou vaporisez directement sur le visage pour tonifier et resserrer les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-card\"\u003e\n \u003ch3\u003e💧 Brume hydratante\u003c\/h3\u003e\n \u003cp\u003eVaporisez en cours de journée sur le visage ou le corps pour un coup de fraîcheur immédiat et un apport d'hydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-card\"\u003e\n \u003ch3\u003e🧖 Base de soin DIY\u003c\/h3\u003e\n \u003cp\u003eIncorporez-le à vos recettes maison : masques, crèmes ou sérums pour enrichir vos soins en actifs végétaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-oliv-section\"\u003e\n \u003ch2\u003eComposition et informations produit\u003c\/h2\u003e\n \u003cdiv class=\"soi-oliv-grid-compact\"\u003e\n \u003cdiv class=\"soi-oliv-card-mini\"\u003e\n \u003cspan class=\"soi-oliv-card-mini-icon\"\u003e🫒\u003c\/span\u003e\n \u003cspan class=\"soi-oliv-card-mini-label\"\u003eActif principal\u003c\/span\u003e\n \u003cspan class=\"soi-oliv-card-mini-value\"\u003eFeuilles d'olivier\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-card-mini\"\u003e\n \u003cspan class=\"soi-oliv-card-mini-icon\"\u003e📐\u003c\/span\u003e\n \u003cspan class=\"soi-oliv-card-mini-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-oliv-card-mini-value\"\u003e200 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-card-mini\"\u003e\n \u003cspan class=\"soi-oliv-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"soi-oliv-card-mini-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-oliv-card-mini-value\"\u003e+99%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-card-mini\"\u003e\n \u003cspan class=\"soi-oliv-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"soi-oliv-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-oliv-card-mini-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-compo\"\u003e\n \u003cdiv class=\"soi-oliv-compo-row\"\u003e\n \u003cspan class=\"soi-oliv-compo-label\"\u003eIngrédient principal\u003c\/span\u003e\n \u003cspan class=\"soi-oliv-compo-value\"\u003eEau de distillation de feuilles sèches d'olivier (\u003cem\u003eOlea europaea\u003c\/em\u003e leaf water)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-compo-row\"\u003e\n \u003cspan class=\"soi-oliv-compo-label\"\u003eConservateur\u003c\/span\u003e\n \u003cspan class=\"soi-oliv-compo-value\"\u003eBenzyl alcohol (autorisé en cosmétique bio)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-compo-row\"\u003e\n \u003cspan class=\"soi-oliv-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-oliv-compo-value\"\u003eCosmos Organic, certifié bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-compo-row\"\u003e\n \u003cspan class=\"soi-oliv-compo-label\"\u003eType de peau\u003c\/span\u003e\n \u003cspan class=\"soi-oliv-compo-value\"\u003ePeaux délicates, sensibles, mixtes, matures\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-oliv-compo-row\"\u003e\n \u003cspan class=\"soi-oliv-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-oliv-compo-value\"\u003eParaben, sulfate, silicone, colorant synthétique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-oliv-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"soi-oliv-accordion\"\u003e\n \u003cdetails class=\"soi-oliv-accordion-item\"\u003e\n \u003csummary class=\"soi-oliv-accordion-header\"\u003e⚠️ Usage et sécurité\u003c\/summary\u003e\n \u003cdiv class=\"soi-oliv-accordion-content\"\u003e\n \u003cp\u003eRéservé à un usage externe. Évitez le contact avec les yeux. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé. Ce produit cosmétique ne se substitue à aucun traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-oliv-accordion-item\"\u003e\n \u003csummary class=\"soi-oliv-accordion-header\"\u003e🏠 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"soi-oliv-accordion-content\"\u003e\n \u003cp\u003eConservez à l'abri de la chaleur et de la lumière directe. À utiliser de préférence avant la date indiquée sur le flacon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-oliv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-oliv-cta-box\"\u003e\n \u003cp class=\"soi-oliv-cta-tag\" style=\"color: white;\"\u003eLa douceur de l'olivier, certifiée bio\u003c\/p\u003e\n \u003cp class=\"soi-oliv-cta-text\" style=\"color: white;\"\u003eDoux, antioxydant et respectueux de votre peau, cet hydrolat de feuilles d'olivier Najel nettoie sans agresser, apaise sans alourdir et protège jour après jour avec la générosité de l'olivier méditerranéen.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-oliv-marine: #1A2D3D;\n --soi-oliv-marine-dark: #0F1E2B;\n --soi-oliv-marine-light: #2C4458;\n --soi-oliv-pomme: #A1C544;\n --soi-oliv-pomme-dark: #84A636;\n --soi-oliv-pomme-light: rgba(161,197,68,0.10);\n --soi-oliv-white: #FFFFFF;\n --soi-oliv-off-white: #F8FAF6;\n --soi-oliv-stone: #F1F3EE;\n --soi-oliv-line: #E5E8E0;\n --soi-oliv-primary: #6B8E5A;\n --soi-oliv-primary-soft: rgba(107,142,90,0.10);\n --soi-oliv-accent: #8A7A5E;\n --soi-oliv-text: #1A2D3D;\n --soi-oliv-text-soft: #4A5B6B;\n --soi-oliv-text-muted: #7B8693;\n --soi-oliv-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-oliv-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-oliv-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-oliv-radius: 12px;\n --soi-oliv-radius-sm: 8px;\n --soi-oliv-radius-pill: 999px;\n}\n\n.soi-oliv-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-oliv-fiche img { max-width: 100%; height: auto; }\n\n.soi-oliv-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-oliv-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-oliv-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-oliv-hero {\n position: relative;\n background: var(--soi-oliv-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-oliv-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-oliv-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-oliv-pomme);\n}\n\n.soi-oliv-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-oliv-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-oliv-pomme);\n border-radius: 50%;\n}\n\n.soi-oliv-hero-title {\n display: block;\n color: var(--soi-oliv-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-oliv-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-oliv-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-oliv-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-oliv-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-oliv-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-oliv-label-accent {\n background: var(--soi-oliv-pomme);\n border-color: var(--soi-oliv-pomme);\n color: var(--soi-oliv-marine);\n font-weight: 600;\n}\n\n.soi-oliv-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-oliv-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-oliv-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-oliv-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-oliv-pomme);\n border-radius: 2px;\n}\n\n.soi-oliv-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-oliv-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-oliv-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-oliv-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-oliv-benefit {\n background: var(--soi-oliv-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-oliv-radius);\n border: 1px solid var(--soi-oliv-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-oliv-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-oliv-shadow-md);\n}\n\n.soi-oliv-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-oliv-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-oliv-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-oliv-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-oliv-benefit:hover .soi-oliv-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-oliv-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-oliv-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-oliv-benefit p {\n font-size: 13px;\n color: var(--soi-oliv-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-oliv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-oliv-card {\n background: var(--soi-oliv-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-oliv-radius);\n border-left: 3px solid var(--soi-oliv-pomme);\n}\n\n.soi-oliv-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-oliv-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-oliv-card p {\n font-size: 14px;\n color: var(--soi-oliv-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-oliv-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-bottom: 1.25rem;\n}\n\n.soi-oliv-card-mini {\n background: var(--soi-oliv-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-oliv-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-oliv-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-oliv-card-mini-label {\n font-size: 11px;\n color: var(--soi-oliv-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-oliv-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-oliv-marine);\n}\n\n.soi-oliv-compo {\n background: var(--soi-oliv-off-white);\n border-radius: var(--soi-oliv-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-oliv-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-oliv-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-oliv-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-oliv-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-oliv-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-oliv-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-oliv-marine);\n text-align: right;\n}\n\n.soi-oliv-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-oliv-pomme-light);\n border-left: 4px solid var(--soi-oliv-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-oliv-radius) var(--soi-oliv-radius) 0;\n align-items: flex-start;\n}\n\n.soi-oliv-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-oliv-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-oliv-marine);\n margin-bottom: 4px;\n}\n\n.soi-oliv-tip p {\n font-size: 14px;\n color: var(--soi-oliv-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-oliv-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-oliv-accordion-item {\n background: var(--soi-oliv-off-white);\n border-radius: var(--soi-oliv-radius-sm);\n border: 1px solid var(--soi-oliv-line);\n overflow: hidden;\n}\n\n.soi-oliv-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-oliv-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-oliv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-oliv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-oliv-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-oliv-accordion-item[open] .soi-oliv-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-oliv-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-oliv-accordion-content p {\n font-size: 14px;\n color: var(--soi-oliv-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-oliv-cta-box {\n background: var(--soi-oliv-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-oliv-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-oliv-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-oliv-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-oliv-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-oliv-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-oliv-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-oliv-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-oliv-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-oliv-compo-value {\n text-align: left;\n }\n\n .soi-oliv-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-oliv-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-oliv-fiche {\n --soi-oliv-text-soft: #2C3E50;\n --soi-oliv-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603655582026,"sku":"NJ0275","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/hydrolat-de-feuilles-dolivier-certifie-bio-najel-packshot.webp?v=1779697035"},{"product_id":"boue-de-la-mer-morte-najel","title":"Boue de la mer Morte – Najel","description":"\u003cdiv class=\"soi-boue-fiche\"\u003e\n\n \u003csection class=\"soi-boue-hero\"\u003e\n \u003cdiv class=\"soi-boue-hero-tag\"\u003e\n \u003cspan class=\"soi-boue-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétique naturelle · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-boue-hero-title\"\u003eBoue de la Mer Morte\u003c\/span\u003e\n \u003cp class=\"soi-boue-hero-subtitle\"\u003eMasque régénérant aux minéraux de la Mer Morte, 100 % naturel et sans conservateurs, pour le visage, le corps et les cheveux.\u003c\/p\u003e\n \u003cdiv class=\"soi-boue-hero-labels\"\u003e\n \u003cspan class=\"soi-boue-label soi-boue-label-accent\"\u003eCOSMOS NATURAL\u003c\/span\u003e\n \u003cspan class=\"soi-boue-label\"\u003eECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-boue-label\"\u003e100 % NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-boue-label\"\u003eSANS CONSERVATEURS\u003c\/span\u003e\n \u003cspan class=\"soi-boue-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-boue-section\"\u003e\n \u003ch2\u003ePourquoi la boue de la Mer Morte est-elle si efficace ?\u003c\/h2\u003e\n \u003cp\u003eDepuis des millénaires, la boue de la Mer Morte est considérée comme l'un des soins les plus précieux que la nature puisse offrir. La Mer Morte est un lac salé hypersalin dont les sédiments se chargent, au fil du temps, d'une concentration exceptionnelle en minéraux.\u003c\/p\u003e\n \u003cp\u003eLa boue qui en est extraite contient naturellement du magnésium, du calcium, du potassium et du sodium : quatre actifs qui agissent en synergie pour nourrir les cellules cutanées, réguler le sébum, apaiser les irritations et accélérer la régénération de l'épiderme.\u003c\/p\u003e\n \u003cp\u003eC'est précisément cette richesse minérale qui a été associée à un effet bénéfique sur les peaux sujettes au psoriasis, à l'eczéma ou à l'acné. Ce produit ne remplace en aucun cas un traitement médical, mais il peut venir en complément d'une routine de soin adaptée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-boue-section\"\u003e\n \u003ch2\u003eLes bienfaits de la boue de la Mer Morte selon votre besoin\u003c\/h2\u003e\n \u003cdiv class=\"soi-boue-grid\"\u003e\n \u003cdiv class=\"soi-boue-card\"\u003e\n \u003ch3\u003e🌿 Visage\u003c\/h3\u003e\n \u003cp\u003eLe masque à la boue de la Mer Morte absorbe l'excès de sébum, resserre les pores et affine le grain de peau. Idéal pour les peaux mixtes à grasses et les peaux acnéiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-boue-card\"\u003e\n \u003ch3\u003e💆 Cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eAppliquée en masque cheveux, elle purifie le cuir chevelu en profondeur, régule la production de sébum et redonne vitalité aux cheveux ternes ou abîmés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-boue-card\"\u003e\n \u003ch3\u003e🛁 Corps\u003c\/h3\u003e\n \u003cp\u003eUtilisée en enveloppement corporel, la boue de la Mer Morte vous aide à soulager les tensions musculaires et les douleurs articulaires, pour un vrai moment de détente bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-boue-card\"\u003e\n \u003ch3\u003e✨ Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eSa formule naturelle et sans conservateurs la rend bien tolérée par les peaux délicates. Elle apaise, régénère et redonne de l'éclat sans agresser l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-boue-section\"\u003e\n \u003ch2\u003eComment utiliser la boue de la Mer Morte Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-boue-timeline\"\u003e\n \u003cdiv class=\"soi-boue-step\"\u003e\n \u003cdiv class=\"soi-boue-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-boue-step-content\"\u003e\n \u003ch3\u003ePréparez votre peau ou votre cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eHumidifiez légèrement la zone à traiter pour favoriser l'adhérence de la boue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-boue-step\"\u003e\n \u003cdiv class=\"soi-boue-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-boue-step-content\"\u003e\n \u003ch3\u003eAppliquez une couche généreuse\u003c\/h3\u003e\n \u003cp\u003eRépartissez la boue sur le visage, le cou, le corps ou les longueurs et cuir chevelu selon votre besoin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-boue-step\"\u003e\n \u003cdiv class=\"soi-boue-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-boue-step-content\"\u003e\n \u003ch3\u003eLaissez poser 20 minutes\u003c\/h3\u003e\n \u003cp\u003eAccordez aux minéraux le temps d'agir en profondeur sur votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-boue-step\"\u003e\n \u003cdiv class=\"soi-boue-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-boue-step-content\"\u003e\n \u003ch3\u003eRincez abondamment à l'eau claire\u003c\/h3\u003e\n \u003cp\u003eVotre peau est immédiatement plus douce, plus nette et visiblement revitalisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-boue-tip\"\u003e\n \u003cdiv class=\"soi-boue-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour les peaux très sensibles ou en cas de pathologie cutanée, demandez l'avis de votre dermatologue avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-boue-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"soi-boue-compo\"\u003e\n \u003cdiv class=\"soi-boue-compo-row\"\u003e\n \u003cspan class=\"soi-boue-compo-label\"\u003eIngrédient principal\u003c\/span\u003e\n \u003cspan class=\"soi-boue-compo-value\"\u003eBoue de la Mer Morte (Dead Sea Mud)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-boue-compo-row\"\u003e\n \u003cspan class=\"soi-boue-compo-label\"\u003eMinéraux présents\u003c\/span\u003e\n \u003cspan class=\"soi-boue-compo-value\"\u003eMagnésium, Calcium, Potassium, Sodium, Silice\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-boue-compo-row\"\u003e\n \u003cspan class=\"soi-boue-compo-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-boue-compo-value\"\u003e100 % naturelle, sans conservateurs, sans parabènes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-boue-compo-row\"\u003e\n \u003cspan class=\"soi-boue-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-boue-compo-value\"\u003eCosmos Natural Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-boue-compo-row\"\u003e\n \u003cspan class=\"soi-boue-compo-label\"\u003eTypes de peau\u003c\/span\u003e\n \u003cspan class=\"soi-boue-compo-value\"\u003eNormales, mixtes, grasses, sensibles, sujettes au psoriasis ou à l'acné\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-boue-section\"\u003e\n \u003ch2\u003eCe que vous devez savoir avant d'acheter\u003c\/h2\u003e\n \u003cdiv class=\"soi-boue-grid-compact\"\u003e\n \u003cdiv class=\"soi-boue-card-mini\"\u003e\n \u003cspan class=\"soi-boue-card-mini-icon\"\u003e🏅\u003c\/span\u003e\n \u003cspan class=\"soi-boue-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-boue-card-mini-value\"\u003eCosmos Natural Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-boue-card-mini\"\u003e\n \u003cspan class=\"soi-boue-card-mini-icon\"\u003e🌍\u003c\/span\u003e\n \u003cspan class=\"soi-boue-card-mini-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-boue-card-mini-value\"\u003eMer Morte\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-boue-card-mini\"\u003e\n \u003cspan class=\"soi-boue-card-mini-icon\"\u003e🧴\u003c\/span\u003e\n \u003cspan class=\"soi-boue-card-mini-label\"\u003ePolyvalence\u003c\/span\u003e\n \u003cspan class=\"soi-boue-card-mini-value\"\u003eVisage, corps, cheveux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-boue-card-mini\"\u003e\n \u003cspan class=\"soi-boue-card-mini-icon\"\u003e🍃\u003c\/span\u003e\n \u003cspan class=\"soi-boue-card-mini-label\"\u003eFormule\u003c\/span\u003e\n \u003cspan class=\"soi-boue-card-mini-value\"\u003ePure, sans conservateurs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-boue-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-boue-cta-box\"\u003e\n \u003cp class=\"soi-boue-cta-tag\" style=\"color: white;\"\u003eDes millénaires de sagesse minérale dans un seul pot\u003c\/p\u003e\n \u003cp class=\"soi-boue-cta-text\" style=\"color: white;\"\u003ePurifiante, régénérante et apaisante, la Boue de la Mer Morte Najel transforme chaque application en véritable rituel minéral. Votre peau mérite ce soin ancestral, certifié naturel, doux pour elle comme pour la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-boue-marine: #1A2D3D;\n --soi-boue-marine-dark: #0F1E2B;\n --soi-boue-marine-light: #2C4458;\n --soi-boue-pomme: #A1C544;\n --soi-boue-pomme-dark: #84A636;\n --soi-boue-pomme-light: rgba(161,197,68,0.10);\n --soi-boue-white: #FFFFFF;\n --soi-boue-off-white: #F8FAF6;\n --soi-boue-stone: #F1F3EE;\n --soi-boue-line: #E5E8E0;\n --soi-boue-primary: #8BBCC2;\n --soi-boue-primary-soft: #B5D8DC;\n --soi-boue-accent: #5A4A42;\n --soi-boue-text: #1A2D3D;\n --soi-boue-text-soft: #4A5B6B;\n --soi-boue-text-muted: #7B8693;\n --soi-boue-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-boue-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-boue-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-boue-radius: 12px;\n --soi-boue-radius-sm: 8px;\n --soi-boue-radius-pill: 999px;\n}\n\n.soi-boue-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-boue-fiche img { max-width: 100%; height: auto; }\n\n.soi-boue-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-boue-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-boue-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-boue-hero {\n position: relative;\n background: var(--soi-boue-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-boue-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-boue-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-boue-pomme);\n}\n\n.soi-boue-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-boue-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-boue-pomme);\n border-radius: 50%;\n}\n\n.soi-boue-hero-title {\n display: block;\n color: var(--soi-boue-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-boue-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-boue-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-boue-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-boue-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-boue-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-boue-label-accent {\n background: var(--soi-boue-pomme);\n border-color: var(--soi-boue-pomme);\n color: var(--soi-boue-marine);\n font-weight: 600;\n}\n\n.soi-boue-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-boue-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-boue-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-boue-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-boue-pomme);\n border-radius: 2px;\n}\n\n.soi-boue-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-boue-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-boue-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-boue-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-boue-card {\n background: var(--soi-boue-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-boue-radius);\n border-left: 3px solid var(--soi-boue-pomme);\n}\n\n.soi-boue-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-boue-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-boue-card p {\n font-size: 14px;\n color: var(--soi-boue-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-boue-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-boue-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-boue-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-boue-radius);\n border: 1px solid var(--soi-boue-line);\n align-items: flex-start;\n}\n\n.soi-boue-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-boue-marine);\n color: var(--soi-boue-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-boue-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-boue-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-boue-step-content p {\n font-size: 14px;\n color: var(--soi-boue-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-boue-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-boue-pomme-light);\n border-left: 4px solid var(--soi-boue-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-boue-radius) var(--soi-boue-radius) 0;\n align-items: flex-start;\n}\n\n.soi-boue-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-boue-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-boue-marine);\n margin-bottom: 4px;\n}\n\n.soi-boue-tip p {\n font-size: 14px;\n color: var(--soi-boue-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-boue-compo {\n background: var(--soi-boue-off-white);\n border-radius: var(--soi-boue-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-boue-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-boue-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-boue-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-boue-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-boue-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-boue-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-boue-marine);\n text-align: right;\n}\n\n.soi-boue-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n}\n\n.soi-boue-card-mini {\n background: var(--soi-boue-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-boue-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-boue-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-boue-card-mini-label {\n font-size: 11px;\n color: var(--soi-boue-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-boue-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-boue-marine);\n}\n\n.soi-boue-cta-box {\n background: var(--soi-boue-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-boue-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-boue-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-boue-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-boue-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-boue-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-boue-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-boue-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-boue-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-boue-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-boue-compo-value {\n text-align: left;\n }\n\n .soi-boue-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-boue-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-boue-fiche {\n --soi-boue-text-soft: #2C3E50;\n --soi-boue-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603656597834,"sku":"NJ0320","price":9.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/boue-de-la-mer-morte-najel-packshot.webp?v=1779726481"},{"product_id":"savon-dalep-au-charbon-vegetal-bio-najel","title":"Savon d'Alep Charbon au Végétal Bio - Najel","description":"\n\u003cdiv class=\"soi-alep-fiche\"\u003e\n\n \u003csection class=\"soi-alep-hero\"\u003e\n \u003cdiv class=\"soi-alep-hero-tag\"\u003e\n \u003cspan class=\"soi-alep-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Savon solide · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-alep-hero-title\"\u003eSavon d'Alep au charbon végétal bio\u003c\/span\u003e\n \u003cp class=\"soi-alep-hero-subtitle\"\u003eDeux traditions millénaires réunies en un seul savon : l'artisanat aleppin de la famille Al Najjar et le pouvoir purificateur du charbon végétal bio d'Amla, pour les peaux mixtes et grasses.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003eBIO\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS SULFATES\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eNATUREL \u0026amp; BIODÉGRADABLE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003ePourquoi le charbon végétal bio change la donne pour votre peau\u003c\/h2\u003e\n \u003cp\u003eLe charbon végétal actif agit comme un véritable aimant sur les impuretés. Il capte les polluants, les toxines et l'excès de sébum logés dans vos pores, sans agresser la barrière cutanée. Dans ce savon, le charbon provient de l'Amla, une plante utilisée depuis des siècles en médecine ayurvédique, ce qui lui confère une finesse et une pureté supérieures aux charbons industriels classiques.\u003c\/p\u003e\n \u003cp\u003eContrairement à de nombreux savons au charbon du marché, celui-ci ne dessèche pas : l'huile d'olive saponifiée et l'huile de baies de laurier maintiennent le film hydrolipidique de votre peau, pour un résultat propre mais jamais tirant.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep au charbon végétal bio Najel\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive saponifiée\u003c\/h3\u003e\n \u003cp\u003eNettoyante, nourrissante et protectrice, elle constitue la base du savon d'Alep traditionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🌿 Huile de baies de laurier saponifiée\u003c\/h3\u003e\n \u003cp\u003eAux propriétés purifiantes, désinfectantes et régénératrices reconnues.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e⬛ Charbon végétal bio d'Amla\u003c\/h3\u003e\n \u003cp\u003eAdsorbant puissant, il capture les impuretés en profondeur et contribue à réguler le sébum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-tip\"\u003e\n \u003cdiv class=\"soi-alep-tip-icon\"\u003e🏺\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eSavoir-faire artisanal\u003c\/strong\u003e\n \u003cp\u003eCe savon est fabriqué selon un procédé artisanal authentique, avec un séchage minimum de neuf mois, qui lui confère une texture dense, longue durée et une efficacité optimale à chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003ePour qui est fait ce savon au charbon végétal ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-benefits\"\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeaux mixtes à grasses\u003c\/h3\u003e\n \u003cp\u003ePores dilatés, excès de sébum : le charbon végétal capture les impuretés sans dessécher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🎯\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeaux à imperfections\u003c\/h3\u003e\n \u003cp\u003ePoints noirs, acné légère : un soin purifiant qui contribue à affiner le grain de peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🏙️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePeaux exposées à la pollution\u003c\/h3\u003e\n \u003cp\u003eUn nettoyant purifiant en profondeur pour les peaux urbaines en quête de fraîcheur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRoutine 3-en-1\u003c\/h3\u003e\n \u003cp\u003eVisage, corps, cheveux : un soin quotidien qui simplifie votre routine tout en réduisant les déchets plastiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComment utiliser le savon d'Alep au charbon végétal bio\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-timeline\"\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eMouillez votre visage ou la zone à traiter avec de l'eau tiède pour ouvrir les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFaites mousser le savon entre vos mains ou directement sur la peau par mouvements circulaires doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eLaissez agir, puis rincez\u003c\/h3\u003e\n \u003cp\u003eLaissez poser 1 à 2 minutes pour une action purifiante renforcée, puis rincez à l'eau froide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003ePour les cheveux\u003c\/h3\u003e\n \u003cp\u003eAppliquez directement sur cuir chevelu humide, massez, laissez poser quelques minutes, puis rincez abondamment.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-tip\"\u003e\n \u003cdiv class=\"soi-alep-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eUtilisez 2 à 3 fois par semaine en soin purifiant ciblé, ou quotidiennement si votre peau le tolère bien. Conservez le savon hors de l'eau entre deux utilisations pour prolonger sa durée de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eCe que disent les utilisateurs du savon Najel au charbon\u003c\/h2\u003e\n \u003cp\u003eLes retours sont unanimes : après 2 à 3 semaines d'utilisation régulière, les utilisateurs constatent une peau visiblement plus nette, des pores affinés et un teint plus uniforme. Beaucoup apprécient aussi son utilisation en shampoing solide pour un cuir chevelu moins gras et des racines revitalisées. Un produit 3-en-1 (visage, corps, cheveux) qui simplifie la routine tout en réduisant les déchets plastiques.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le savon au charbon végétal\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-accordion\"\u003e\n \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n \u003csummary class=\"soi-alep-accordion-header\"\u003e🌸 Ce savon convient-il aux peaux sensibles ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eIl est principalement formulé pour les peaux mixtes à grasses. Si votre peau est sensible, commencez par une utilisation 2 fois par semaine et observez la réaction.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n \u003csummary class=\"soi-alep-accordion-header\"\u003e🧺 Le charbon végétal tache-t-il les tissus ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eRincez soigneusement après utilisation. La couleur noire du savon ne laisse généralement pas de traces si le rinçage est complet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n \u003csummary class=\"soi-alep-accordion-header\"\u003e⚕️ Ce savon remplace-t-il un traitement dermatologique ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eNon. Il s'agit d'un soin cosmétique naturel. En cas d'acné sévère ou de problème cutané persistant, consultez un dermatologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-alep-cta-box\"\u003e\n \u003cp class=\"soi-alep-cta-tag\" style=\"color: white;\"\u003eDes siècles de savoir-faire aleppin au service de votre peau\u003c\/p\u003e\n \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003ePurifiant sans agresser, nettoyant sans dessécher : redonnez à votre visage, votre corps et vos cheveux toute leur légèreté avec un seul savon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-alep-marine: #1A2D3D;\n --soi-alep-marine-dark: #0F1E2B;\n --soi-alep-marine-light: #2C4458;\n --soi-alep-pomme: #A1C544;\n --soi-alep-pomme-dark: #84A636;\n --soi-alep-pomme-light: rgba(161,197,68,0.10);\n\n --soi-alep-white: #FFFFFF;\n --soi-alep-off-white: #F8FAF6;\n --soi-alep-stone: #F1F3EE;\n --soi-alep-line: #E5E8E0;\n\n --soi-alep-primary: #4A3530;\n --soi-alep-primary-soft: #6B534D;\n --soi-alep-accent: #C5A96A;\n\n --soi-alep-text: #1A2D3D;\n --soi-alep-text-soft: #4A5B6B;\n --soi-alep-text-muted: #7B8693;\n\n --soi-alep-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-alep-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-alep-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-alep-radius: 12px;\n --soi-alep-radius-sm: 8px;\n --soi-alep-radius-pill: 999px;\n}\n\n.soi-alep-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-alep-fiche img { max-width: 100%; height: auto; }\n\n.soi-alep-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-alep-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-alep-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-alep-hero {\n position: relative;\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-alep-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-alep-pomme);\n}\n\n.soi-alep-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-alep-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-alep-pomme);\n border-radius: 50%;\n}\n\n.soi-alep-hero-title {\n display: block;\n color: var(--soi-alep-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-alep-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-alep-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-alep-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-alep-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-alep-label-accent {\n background: var(--soi-alep-pomme);\n border-color: var(--soi-alep-pomme);\n color: var(--soi-alep-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-alep-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-alep-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-alep-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-alep-pomme);\n border-radius: 2px;\n}\n\n.soi-alep-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-alep-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-alep-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-alep-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-alep-benefit {\n background: var(--soi-alep-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-alep-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-alep-shadow-md);\n}\n\n.soi-alep-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-alep-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-alep-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-alep-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-alep-benefit:hover .soi-alep-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-alep-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-benefit p {\n font-size: 13px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-alep-card {\n background: var(--soi-alep-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border-left: 3px solid var(--soi-alep-pomme);\n}\n\n.soi-alep-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-card p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-alep-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-alep-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n align-items: flex-start;\n}\n\n.soi-alep-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-alep-marine);\n color: var(--soi-alep-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-alep-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-alep-step-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-alep-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-alep-pomme-light);\n border-left: 4px solid var(--soi-alep-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-alep-radius) var(--soi-alep-radius) 0;\n align-items: flex-start;\n}\n\n.soi-alep-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-alep-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-alep-marine);\n margin-bottom: 4px;\n}\n\n.soi-alep-tip p {\n font-size: 14px;\n color: var(--soi-alep-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-alep-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-alep-accordion-item {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius-sm);\n border: 1px solid var(--soi-alep-line);\n overflow: hidden;\n}\n\n.soi-alep-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-alep-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-alep-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-alep-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-alep-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-alep-accordion-item[open] .soi-alep-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-alep-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-alep-accordion-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-alep-cta-box {\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-alep-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-alep-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-alep-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-alep-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-alep-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-alep-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-alep-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-alep-benefits {\n grid-template-columns: 1fr;\n }\n\n .soi-alep-grid {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-alep-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-alep-fiche {\n --soi-alep-text-soft: #2C3E50;\n --soi-alep-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603656859978,"sku":"NJ0105","price":4.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-au-charbon-vegetal-bio-najel-packshot.webp?v=1779627357"},{"product_id":"savon-dalep-liquide-20-hbl-certifie-bio-najel","title":"Savon d'Alep Liquide 20% Huile Baie Laurier Bio - Najel","description":"\u003cdiv class=\"soi-alep-fiche\"\u003e\n\n\u003csection class=\"soi-alep-hero\"\u003e\n \u003cdiv class=\"soi-alep-hero-tag\"\u003e\n \u003cspan class=\"soi-alep-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-alep-hero-title\"\u003eSavon d'Alep liquide 20% HBL certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-alep-hero-subtitle\"\u003eLa douceur millénaire d'Alep en flacon-pompe : olive et laurier bio pour les peaux sèches et sensibles, au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eBIO ECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eMADE IN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003e20% HUILE DE LAURIER\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eUns savon d'Alep liquide bio avec 20% d'Huile de Baie de Laurier\u003c\/h2\u003e\n \u003cp\u003eVous cherchez un savon d'Alep liquide bio qui nettoie en profondeur sans agresser la peau ? Ce flacon-pompe signé Najel associe deux huiles emblématiques, l'huile d'olive et l'huile de baies de laurier, dans une formule certifiée Cosmos Organic by Ecocert, fabriquée en France. Avec 20% d'huile de baies de laurier (HBL), il est particulièrement recommandé pour les peaux sèches et sensibles, adultes comme enfants.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce savon liquide d'Alep à 20% HBL ?\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eLe taux d'huile de baies de laurier est la clé de lecture d'un savon bio d'Alep : plus il est élevé, plus le soin est riche et enveloppant. À 20% de HBL, ce savon liquide occupe un équilibre idéal : il apaise, nourrit et respecte les épidermes les plus réactifs, sans laisser de film gras.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-benefits\"\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile de baies de laurier (20%)\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés apaisantes et purifiantes, elle contribue à réduire les inconforts cutanés liés à la sécheresse ou à la sensibilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🫒\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile d'olive bio (80%)\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras essentiels, elle nourrit en douceur et renforce le film hydrolipidique de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFormule transparente\u003c\/h3\u003e\n \u003cp\u003eSans parfum ajouté, sans colorant, sans conservateur controversé : une liste INCI courte et transparente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMulti-usage quotidien\u003c\/h3\u003e\n \u003cp\u003eConvient pour le visage, le corps et les cheveux, en usage quotidien pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComposition complète (liste INCI)\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-compo\"\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eListe INCI\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eAqua, Potassium Olivate*, Potassium Laurate*, Glycerin*, Lauryl Glucoside, Glyceryl Oleate*, Sodium Chloride, Citric Acid, Lactic Acid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eIngrédients bio*\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003ePotassium Olivate, Potassium Laurate, Glycerin, Glyceryl Oleate\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-tip\"\u003e\n \u003cdiv class=\"soi-alep-tip-icon\"\u003e🔬\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe saviez-vous ?\u003c\/strong\u003e\n \u003cp\u003eLes huiles d'olive et de baies de laurier sont saponifiées au potassium, procédé traditionnel qui permet d'obtenir un savon liquide naturel, biodégradable et doux pour la peau comme pour les canalisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComment utiliser le savon d'Alep liquide Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-timeline\"\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eVisage\u003c\/h3\u003e\n \u003cp\u003eAppliquez une noisette sur peau humide, massez en douceur et rincez abondamment. Convient aux peaux sensibles et sujettes aux rougeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eCorps\u003c\/h3\u003e\n \u003cp\u003eUtilisez directement sur le gant de toilette ou les mains. Mousse généreuse, rinçage facile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eCheveux\u003c\/h3\u003e\n \u003cp\u003eAppliqué en shampooing occasionnel, il purifie le cuir chevelu sans l'assécher. Idéal pour les cuirs chevelus sensibles ou sujets aux démangeaisons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eUsage familial\u003c\/h3\u003e\n \u003cp\u003eTolérance optimale dès le plus jeune âge. Un flacon dans la salle de bain pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eUn flacon éco-responsable à la hauteur du produit\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e♻️ rPET 100% recyclé\u003c\/h3\u003e\n \u003cp\u003eLe flacon ambré est fabriqué en rPET 100% recyclé et recyclable, protégeant la formule de la lumière tout en limitant l'impact environnemental.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e💧 Pompe doseuse\u003c\/h3\u003e\n \u003cp\u003eLa pompe doseuse évite le gaspillage et facilite l'usage au quotidien. Une démarche cohérente avec les valeurs du savon bio d'Alep : naturel du début à la fin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-compo\"\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003e500 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eTeneur en HBL\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003e20% d'huile de baies de laurier\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eMade in France, Laboratoire Najjar\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eType de peau\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003ePeaux sèches, sensibles, réactives\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eConvient pour\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eVisage, corps, cheveux, usage familial\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eEmballage\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eFlacon ambré rPET recyclé avec pompe doseuse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\"\u003e\n \u003cdiv class=\"soi-alep-accordion\"\u003e\n \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n \u003csummary class=\"soi-alep-accordion-header\"\u003e⚠️ Précaution d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eCe produit est un cosmétique de soin quotidien. Il ne constitue pas un traitement médical et ne remplace pas l'avis d'un dermatologue en cas de pathologie cutanée diagnostiquée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-alep-cta-box\"\u003e\n \u003cp class=\"soi-alep-cta-tag\" style=\"color: white;\"\u003eHéritage d'Alep, savoir-faire français\u003c\/p\u003e\n \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eOlive et laurier bio, certifié Cosmos Organic : offrez à votre peau un rituel quotidien doux, efficace et respectueux, pensé pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-alep-marine: #1A2D3D;\n --soi-alep-marine-dark: #0F1E2B;\n --soi-alep-marine-light: #2C4458;\n --soi-alep-pomme: #A1C544;\n --soi-alep-pomme-dark: #84A636;\n --soi-alep-pomme-light: rgba(161,197,68,0.10);\n --soi-alep-white: #FFFFFF;\n --soi-alep-off-white: #F8FAF6;\n --soi-alep-stone: #F1F3EE;\n --soi-alep-line: #E5E8E0;\n --soi-alep-primary: #4E8A7C;\n --soi-alep-primary-soft: #6BA396;\n --soi-alep-accent: #7B3E2A;\n --soi-alep-text: #1A2D3D;\n --soi-alep-text-soft: #4A5B6B;\n --soi-alep-text-muted: #7B8693;\n --soi-alep-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-alep-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-alep-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-alep-radius: 12px;\n --soi-alep-radius-sm: 8px;\n --soi-alep-radius-pill: 999px;\n}\n\n.soi-alep-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-alep-fiche img { max-width: 100%; height: auto; }\n\n.soi-alep-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-alep-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-alep-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-alep-hero {\n position: relative;\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-alep-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-alep-pomme);\n}\n\n.soi-alep-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-alep-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-alep-pomme);\n border-radius: 50%;\n}\n\n.soi-alep-hero-title {\n display: block;\n color: var(--soi-alep-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-alep-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-alep-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-alep-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-alep-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-alep-label-accent {\n background: var(--soi-alep-pomme);\n border-color: var(--soi-alep-pomme);\n color: var(--soi-alep-marine);\n font-weight: 600;\n}\n\n.soi-alep-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-alep-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-alep-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-alep-pomme);\n border-radius: 2px;\n}\n\n.soi-alep-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-alep-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-alep-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-alep-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-alep-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-alep-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-alep-benefit {\n background: var(--soi-alep-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-alep-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-alep-shadow-md);\n}\n\n.soi-alep-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-alep-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-alep-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-alep-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-alep-benefit:hover .soi-alep-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-alep-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-benefit p {\n font-size: 13px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-alep-card {\n background: var(--soi-alep-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border-left: 3px solid var(--soi-alep-pomme);\n}\n\n.soi-alep-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-card p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-alep-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-alep-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n align-items: flex-start;\n}\n\n.soi-alep-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-alep-marine);\n color: var(--soi-alep-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-alep-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-alep-step-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alep-compo {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-alep-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-alep-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-alep-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-alep-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-alep-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-alep-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-alep-marine);\n text-align: right;\n}\n\n.soi-alep-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-alep-pomme-light);\n border-left: 4px solid var(--soi-alep-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-alep-radius) var(--soi-alep-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-alep-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-alep-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-alep-marine);\n margin-bottom: 4px;\n}\n\n.soi-alep-tip p {\n font-size: 14px;\n color: var(--soi-alep-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alep-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-alep-accordion-item {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius-sm);\n border: 1px solid var(--soi-alep-line);\n overflow: hidden;\n}\n\n.soi-alep-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-alep-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-alep-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-alep-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-alep-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-alep-accordion-item[open] .soi-alep-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-alep-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-alep-accordion-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-alep-cta-box {\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-alep-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-alep-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-alep-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-alep-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-alep-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-alep-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-alep-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-alep-compo-value {\n text-align: left;\n }\n\n .soi-alep-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-alep-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-alep-fiche {\n --soi-alep-text-soft: #2C3E50;\n --soi-alep-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603656925514,"sku":"NJ0120","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-liquide-20-hbl-certifie-bio-najel-packshot.webp?v=1779613446"},{"product_id":"savon-noir-dalep-a-leucalyptus-najel","title":"Savon noir d'Alep à l'Eucalyptus – Najel","description":"\u003cdiv class=\"soi-snae-fiche\"\u003e\n\n \u003csection class=\"soi-snae-hero\"\u003e\n \u003cdiv class=\"soi-snae-hero-tag\"\u003e\n \u003cspan class=\"soi-snae-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène \u0026amp; soin corps · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-snae-hero-title\"\u003eSavon noir d'Alep à l'Eucalyptus\u003c\/span\u003e\n \u003cp class=\"soi-snae-hero-subtitle\"\u003eNettoyant corps naturel inspiré du rituel hammam. Une pâte onctueuse à l'huile d'olive bio et à l'eucalyptus qui purifie en profondeur, sans agresser votre peau.\u003c\/p\u003e\n \u003cdiv class=\"soi-snae-hero-labels\"\u003e\n \u003cspan class=\"soi-snae-label soi-snae-label-accent\"\u003eCOSMOS NATURAL\u003c\/span\u003e\n \u003cspan class=\"soi-snae-label\"\u003eECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-snae-label\"\u003e+99 % ORIGINE NATURELLE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-snae-section\"\u003e\n \u003ch2\u003eSavon noir d'Alep à l'Eucalyptus Najel : le nettoyant corps naturel au rituel hammam\u003c\/h2\u003e\n \u003cp\u003eVous cherchez un savon noir naturel qui nettoie vraiment en profondeur, sans agresser votre peau ? Le Savon noir d'Alep à l'Eucalyptus de Najel puise dans une tradition millénaire pour vous offrir une expérience de soin authentique, à la fois purifiante et ressourçante. Certifié Cosmos Natural par Ecocert, sa formule à plus de 99 % d'origine naturelle respecte autant votre peau que l'environnement.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-snae-section\"\u003e\n \u003ch2\u003eUn savon noir d'exception, hérité du rituel hammam\u003c\/h2\u003e\n \u003cp class=\"soi-snae-section-intro\"\u003eContrairement à un simple gel douche, ce savon noir d'Alep à l'eucalyptus s'inspire directement des rituels de beauté orientaux pratiqués depuis des siècles. Sa texture pâte onctueuse, sans grain et non moussante, agit différemment : elle prépare la peau, la ramollit et facilite l'élimination des cellules mortes lors de l'application avec un gant kessa ou loofah. Résultat : une peau visiblement plus lisse, affinée et régénérée dès les premières utilisations.\u003c\/p\u003e\n \u003cdiv class=\"soi-snae-benefits\"\u003e\n \u003cdiv class=\"soi-snae-benefit\"\u003e\n \u003cdiv class=\"soi-snae-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eExfoliation douce sans grain\u003c\/h3\u003e\n \u003cp\u003eÉlimine les cellules mortes et les impuretés sans irriter votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snae-benefit\"\u003e\n \u003cdiv class=\"soi-snae-benefit-icon\"\u003e\u003cspan\u003e🔄\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eRenouvellement cellulaire\u003c\/h3\u003e\n \u003cp\u003eStimule le renouvellement de la peau, qui retrouve son éclat naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snae-benefit\"\u003e\n \u003cdiv class=\"soi-snae-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eFraîcheur immédiate\u003c\/h3\u003e\n \u003cp\u003eL'huile essentielle d'Eucalyptus Globulus procure une sensation de fraîcheur vivifiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snae-benefit\"\u003e\n \u003cdiv class=\"soi-snae-benefit-icon\"\u003e\u003cspan\u003e🤍\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eTous types de peaux\u003c\/h3\u003e\n \u003cp\u003eConvient à toutes les peaux, y compris les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-snae-section\"\u003e\n \u003ch2\u003eComposition : des ingrédients simples, des résultats concrets\u003c\/h2\u003e\n \u003cp class=\"soi-snae-section-intro\"\u003eLa force de ce savon noir naturel réside dans la pureté de ses ingrédients. Pas de superflu, pas de compromis.\u003c\/p\u003e\n \u003cdiv class=\"soi-snae-grid\"\u003e\n \u003cdiv class=\"soi-snae-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive vierge bio\u003c\/h3\u003e\n \u003cp\u003eNourrit, hydrate en profondeur et préserve l'élasticité cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snae-card\"\u003e\n \u003ch3\u003e🌿 Huile de baies de laurier\u003c\/h3\u003e\n \u003cp\u003eActif emblématique du savon d'Alep, aux propriétés apaisantes et purifiantes reconnues.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snae-card\"\u003e\n \u003ch3\u003e🍃 Huile essentielle d'Eucalyptus Globulus\u003c\/h3\u003e\n \u003cp\u003eTonifiante, rafraîchissante, aux vertus antiseptiques naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snae-card\"\u003e\n \u003ch3\u003e🧪 Potasse végétale\u003c\/h3\u003e\n \u003cp\u003eAgent saponifiant d'origine végétale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snae-tip\"\u003e\n \u003cdiv class=\"soi-snae-tip-icon\"\u003e🔬\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe saviez-vous ?\u003c\/strong\u003e\n \u003cp\u003eFormulé et fabriqué par le Laboratoire NAJJAR, ce savon affiche plus de 99 % d'ingrédients d'origine naturelle et la certification Cosmos Natural Ecocert.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-snae-section\"\u003e\n \u003ch2\u003eComment utiliser le savon noir d'Alep à l'eucalyptus ?\u003c\/h2\u003e\n \u003cp class=\"soi-snae-section-intro\"\u003eL'efficacité de ce produit dépend beaucoup de la façon dont vous l'appliquez. Voici le protocole recommandé pour un résultat optimal.\u003c\/p\u003e\n \u003cdiv class=\"soi-snae-timeline\"\u003e\n \u003cdiv class=\"soi-snae-step\"\u003e\n \u003cdiv class=\"soi-snae-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-snae-step-content\"\u003e\n \u003ch3\u003eHumidifiez votre peau\u003c\/h3\u003e\n \u003cp\u003eSous une douche ou un bain chaud. La chaleur ouvre les pores et prépare la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snae-step\"\u003e\n \u003cdiv class=\"soi-snae-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-snae-step-content\"\u003e\n \u003ch3\u003eAppliquez une noisette de savon noir\u003c\/h3\u003e\n \u003cp\u003eDéposez le produit sur un gant kessa, loofah ou gant de friction.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snae-step\"\u003e\n \u003cdiv class=\"soi-snae-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-snae-step-content\"\u003e\n \u003ch3\u003eMassez en mouvements circulaires\u003c\/h3\u003e\n \u003cp\u003eFrottez énergiquement l'ensemble du corps pendant 2 à 3 minutes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snae-step\"\u003e\n \u003cdiv class=\"soi-snae-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-snae-step-content\"\u003e\n \u003ch3\u003eLaissez poser quelques minutes\u003c\/h3\u003e\n \u003cp\u003eSi vous souhaitez intensifier l'effet purifiant, laissez le savon agir avant de rincer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snae-step\"\u003e\n \u003cdiv class=\"soi-snae-step-num\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"soi-snae-step-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eÀ l'eau tiède, pour éliminer toutes les impuretés décollées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snae-tip\"\u003e\n \u003cdiv class=\"soi-snae-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eFréquence conseillée : 1 à 2 fois par semaine, en routine de soin hebdomadaire. Évitez les contours des yeux et les muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-snae-section\"\u003e\n \u003ch2\u003ePour qui est-il fait ?\u003c\/h2\u003e\n \u003cp class=\"soi-snae-section-intro\"\u003eCe savon noir à l'eucalyptus s'adresse à toute personne souhaitant adopter une routine corporelle plus naturelle et efficace. Il est particulièrement apprécié par :\u003c\/p\u003e\n \u003cdiv class=\"soi-snae-grid\"\u003e\n \u003cdiv class=\"soi-snae-card\"\u003e\n \u003ch3\u003e🪞 Peaux ternes ou à tendance grasse\u003c\/h3\u003e\n \u003cp\u003eVous avez besoin de purifier votre peau régulièrement pour retrouver de l'éclat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snae-card\"\u003e\n \u003ch3\u003e🛁 Amateurs de rituels bien-être\u003c\/h3\u003e\n \u003cp\u003eVous aimez recréer l'expérience du hammam à la maison, avec des produits authentiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snae-card\"\u003e\n \u003ch3\u003e🤍 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eVous ne supportez pas les exfoliants à grains agressifs et recherchez une alternative douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snae-card\"\u003e\n \u003ch3\u003e🌱 Adeptes du naturel certifié\u003c\/h3\u003e\n \u003cp\u003eVous cherchez un soin corps sans ingrédients controversés, certifié par un organisme reconnu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-snae-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-snae-compo\"\u003e\n \u003cdiv class=\"soi-snae-compo-row\"\u003e\n \u003cspan class=\"soi-snae-compo-label\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"soi-snae-compo-value\"\u003eNajel (Laboratoire NAJJAR)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snae-compo-row\"\u003e\n \u003cspan class=\"soi-snae-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-snae-compo-value\"\u003eCosmos Natural par Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snae-compo-row\"\u003e\n \u003cspan class=\"soi-snae-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-snae-compo-value\"\u003ePlus de 99 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snae-compo-row\"\u003e\n \u003cspan class=\"soi-snae-compo-label\"\u003eUsage\u003c\/span\u003e\n \u003cspan class=\"soi-snae-compo-value\"\u003eNettoyant et exfoliant corps\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snae-compo-row\"\u003e\n \u003cspan class=\"soi-snae-compo-label\"\u003eTexture\u003c\/span\u003e\n \u003cspan class=\"soi-snae-compo-value\"\u003ePâte onctueuse, sans grain\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snae-compo-row\"\u003e\n \u003cspan class=\"soi-snae-compo-label\"\u003eParfum\u003c\/span\u003e\n \u003cspan class=\"soi-snae-compo-value\"\u003eEucalyptus (huile essentielle naturelle)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-snae-accordion\"\u003e\n \u003cdetails class=\"soi-snae-accordion-item\"\u003e\n \u003csummary class=\"soi-snae-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-snae-accordion-content\"\u003e\n \u003cp\u003eCe produit est un cosmétique destiné au soin externe du corps. Il ne remplace en aucun cas un traitement médical dermatologique. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-snae-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-snae-cta-box\"\u003e\n \u003cp class=\"soi-snae-cta-tag\" style=\"color: white;\"\u003eLe rituel hammam, chez vous\u003c\/p\u003e\n \u003cp class=\"soi-snae-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau le meilleur du rituel hammam, sans quitter votre salle de bain. Le Savon noir d'Alep à l'Eucalyptus Najel nettoie, purifie et régénère en douceur, grâce à des ingrédients naturels certifiés et une formule héritée d'une tradition millénaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-snae-marine: #1A2D3D;\n --soi-snae-marine-dark: #0F1E2B;\n --soi-snae-marine-light: #2C4458;\n --soi-snae-pomme: #A1C544;\n --soi-snae-pomme-dark: #84A636;\n --soi-snae-pomme-light: rgba(161,197,68,0.10);\n\n --soi-snae-white: #FFFFFF;\n --soi-snae-off-white: #F8FAF6;\n --soi-snae-stone: #F1F3EE;\n --soi-snae-line: #E5E8E0;\n\n --soi-snae-primary: #2A8A7A;\n --soi-snae-primary-soft: #D6F0EC;\n --soi-snae-accent: #3A2A20;\n\n --soi-snae-text: #1A2D3D;\n --soi-snae-text-soft: #4A5B6B;\n --soi-snae-text-muted: #7B8693;\n\n --soi-snae-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-snae-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-snae-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-snae-radius: 12px;\n --soi-snae-radius-sm: 8px;\n --soi-snae-radius-pill: 999px;\n}\n\n.soi-snae-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-snae-fiche img { max-width: 100%; height: auto; }\n\n.soi-snae-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-snae-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-snae-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-snae-hero {\n position: relative;\n background: var(--soi-snae-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-snae-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-snae-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-snae-pomme);\n}\n\n.soi-snae-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-snae-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-snae-pomme);\n border-radius: 50%;\n}\n\n.soi-snae-hero-title {\n display: block;\n color: var(--soi-snae-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-snae-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-snae-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-snae-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-snae-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-snae-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-snae-label-accent {\n background: var(--soi-snae-pomme);\n border-color: var(--soi-snae-pomme);\n color: var(--soi-snae-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-snae-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-snae-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-snae-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-snae-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-snae-pomme);\n border-radius: 2px;\n}\n\n.soi-snae-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-snae-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-snae-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-snae-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-snae-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-snae-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-snae-benefit {\n background: var(--soi-snae-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-snae-radius);\n border: 1px solid var(--soi-snae-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-snae-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-snae-shadow-md);\n}\n\n.soi-snae-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-snae-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-snae-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-snae-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-snae-benefit:hover .soi-snae-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-snae-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-snae-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-snae-benefit p {\n font-size: 13px;\n color: var(--soi-snae-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-snae-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-snae-card {\n background: var(--soi-snae-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-snae-radius);\n border-left: 3px solid var(--soi-snae-pomme);\n}\n\n.soi-snae-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-snae-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-snae-card p {\n font-size: 14px;\n color: var(--soi-snae-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-snae-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-snae-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-snae-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-snae-radius);\n border: 1px solid var(--soi-snae-line);\n align-items: flex-start;\n}\n\n.soi-snae-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-snae-marine);\n color: var(--soi-snae-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-snae-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-snae-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-snae-step-content p {\n font-size: 14px;\n color: var(--soi-snae-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-snae-compo {\n background: var(--soi-snae-off-white);\n border-radius: var(--soi-snae-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.soi-snae-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-snae-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-snae-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-snae-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-snae-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-snae-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-snae-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-snae-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-snae-pomme-light);\n border-left: 4px solid var(--soi-snae-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-snae-radius) var(--soi-snae-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-snae-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-snae-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-snae-marine);\n margin-bottom: 4px;\n}\n\n.soi-snae-tip p {\n font-size: 14px;\n color: var(--soi-snae-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-snae-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-snae-accordion-item {\n background: var(--soi-snae-off-white);\n border-radius: var(--soi-snae-radius-sm);\n border: 1px solid var(--soi-snae-line);\n overflow: hidden;\n}\n\n.soi-snae-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-snae-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-snae-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-snae-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-snae-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-snae-accordion-item[open] .soi-snae-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-snae-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-snae-accordion-content p {\n font-size: 14px;\n color: var(--soi-snae-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-snae-cta-box {\n background: var(--soi-snae-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-snae-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-snae-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-snae-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-snae-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-snae-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-snae-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-snae-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-snae-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-snae-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-snae-compo-value {\n text-align: left;\n }\n\n .soi-snae-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-snae-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-snae-fiche {\n --soi-snae-text-soft: #2C3E50;\n --soi-snae-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603657318730,"sku":"NJ0145","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-noir-dalep-a-leucalyptus-najel-packshot.webp?v=1779539467"},{"product_id":"monoi-de-tahiti®-najel","title":"Monoï de Tahiti® – Najel","description":"\u003cdiv class=\"soi-mono-fiche\"\u003e\n\n\u003csection class=\"soi-mono-hero\"\u003e\n \u003cdiv class=\"soi-mono-hero-tag\"\u003e\n \u003cspan class=\"soi-mono-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétiques et soins beauté · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-mono-hero-title\"\u003eMonoï de Tahiti®\u003c\/span\u003e\n \u003cp class=\"soi-mono-hero-subtitle\"\u003eUn soin multi-usages né au cœur de la Polynésie, nourrissant, apaisant et enveloppant, pour le corps, le visage et les cheveux.\u003c\/p\u003e\n \u003cdiv class=\"soi-mono-hero-labels\"\u003e\n \u003cspan class=\"soi-mono-label soi-mono-label-accent\"\u003eCOSMOS NATURAL\u003c\/span\u003e\n \u003cspan class=\"soi-mono-label\"\u003eAPPELLATION CONTRÔLÉE\u003c\/span\u003e\n \u003cspan class=\"soi-mono-label\"\u003eSANS SILICONES\u003c\/span\u003e\n \u003cspan class=\"soi-mono-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mono-section\"\u003e\n \u003ch2\u003eUne huile végétale de Monoï de Tahiti® au parfum fleur de Tiaré\u003c\/h2\u003e\n \u003cp\u003eImaginez un soin né au cœur de la Polynésie, là où les femmes macèrent les \u003cstrong\u003efleurs de Tiaré\u003c\/strong\u003e dans l'huile de coco depuis des siècles pour prendre soin de leur peau et de leurs cheveux. C'est exactement ce que vous offre le \u003cstrong\u003eMonoï de Tahiti® Najel\u003c\/strong\u003e : un soin multi-usages certifié Cosmos Natural, à la fois nourrissant, apaisant et enveloppant, pour le corps, le visage et les cheveux.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mono-section\"\u003e\n \u003ch2\u003eCe qui rend cette huile de Monoï unique\u003c\/h2\u003e\n \u003cp\u003eLe \u003cstrong\u003eMonoï de Tahiti®\u003c\/strong\u003e est une appellation contrôlée et protégée. Pour en porter le nom, il doit impérativement être fabriqué en Polynésie française, à partir de \u003cstrong\u003efleurs de Tiaré fraîches macérées au moins dix jours dans de l'huile de coprah raffinée\u003c\/strong\u003e. Najel respecte cette tradition à la lettre, sans raccourcis ni artifices.\u003c\/p\u003e\n \u003cdiv class=\"soi-mono-benefits\"\u003e\n \u003cdiv class=\"soi-mono-benefit\"\u003e\n \u003cdiv class=\"soi-mono-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydratation intense et durable\u003c\/h3\u003e\n \u003cp\u003eL'huile de coco pénètre les couches supérieures de l'épiderme et restaure le film lipidique naturel. La peau ressort douce, satinée, visiblement repulpée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mono-benefit\"\u003e\n \u003cdiv class=\"soi-mono-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSoin réparateur pour les cheveux secs\u003c\/h3\u003e\n \u003cp\u003eAppliquée en masque ou en soin sans rinçage, cette huile de Monoï nourrit en profondeur, réduit les frisottis et révèle de la brillance sur les longueurs abîmées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mono-benefit\"\u003e\n \u003cdiv class=\"soi-mono-benefit-icon\"\u003e\u003cspan\u003e☀️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eEffet sublimateur pour le bronzage\u003c\/h3\u003e\n \u003cp\u003eUtilisée après une exposition solaire, l'huile de Monoï prolonge et unifie le hâle tout en hydratant. Elle ne contient aucun filtre UV et ne remplace pas votre protection solaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mono-benefit\"\u003e\n \u003cdiv class=\"soi-mono-benefit-icon\"\u003e\u003cspan\u003e🌺\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eParfum envoûtant de Tiaré\u003c\/h3\u003e\n \u003cp\u003eDélicat, floral, légèrement sucré : il reste subtilement sur la peau plusieurs heures après l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mono-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de Monoï Najel au quotidien ?\u003c\/h2\u003e\n \u003cp\u003eSa polyvalence est l'un de ses grands atouts. Voici les utilisations les plus appréciées :\u003c\/p\u003e\n \u003cdiv class=\"soi-mono-timeline\"\u003e\n \u003cdiv class=\"soi-mono-step\"\u003e\n \u003cdiv class=\"soi-mono-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-mono-step-content\"\u003e\n \u003ch3\u003eCorps\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes après la douche, sur peau encore légèrement humide, pour maximiser l'absorption et l'effet satiné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mono-step\"\u003e\n \u003cdiv class=\"soi-mono-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-mono-step-content\"\u003e\n \u003ch3\u003eCheveux secs ou abîmés\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette sur les longueurs et pointes, laissez poser 20 à 30 minutes sous une serviette chaude, puis rincez. Résultat : des cheveux nourris, souples et brillants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mono-step\"\u003e\n \u003cdiv class=\"soi-mono-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-mono-step-content\"\u003e\n \u003ch3\u003eSoin du soir pour le visage\u003c\/h3\u003e\n \u003cp\u003eUne à deux gouttes en massage sur les zones sèches suffisent. Idéal pour les peaux normales à sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mono-step\"\u003e\n \u003cdiv class=\"soi-mono-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-mono-step-content\"\u003e\n \u003ch3\u003eAprès-soleil\u003c\/h3\u003e\n \u003cp\u003eAppliquez généreusement sur le corps pour apaiser et prolonger le bronzage après l'exposition.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mono-tip\"\u003e\n \u003cdiv class=\"soi-mono-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eLe Monoï se solidifie naturellement en dessous de 25 °C. Il suffit de réchauffer le flacon quelques secondes dans vos mains ou dans un bain d'eau tiède pour le liquéfier à nouveau. C'est le signe d'un produit 100 % naturel, non dénaturé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mono-section\"\u003e\n \u003ch2\u003eComposition de l'huile de Monoï de Tahiti® Najel\u003c\/h2\u003e\n \u003cp\u003eLa liste INCI de ce produit est volontairement courte, ce qui est un gage de pureté :\u003c\/p\u003e\n \u003cdiv class=\"soi-mono-compo\"\u003e\n \u003cdiv class=\"soi-mono-compo-row\"\u003e\n \u003cspan class=\"soi-mono-compo-label\"\u003eCocos Nucifera (Coconut) Oil\u003c\/span\u003e\n \u003cspan class=\"soi-mono-compo-value\"\u003eHuile de noix de coco raffinée, base nourrissante et protectrice riche en acides gras saturés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mono-compo-row\"\u003e\n \u003cspan class=\"soi-mono-compo-label\"\u003eGardenia Tahitensis Flower Extract\u003c\/span\u003e\n \u003cspan class=\"soi-mono-compo-value\"\u003eMacérat de fleurs fraîches de Tiaré, actif emblématique et signature olfactive du vrai Monoï de Tahiti®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mono-compo-row\"\u003e\n \u003cspan class=\"soi-mono-compo-label\"\u003eParfum (Fragrance)\u003c\/span\u003e\n \u003cspan class=\"soi-mono-compo-value\"\u003eComplément d'arôme naturel pour intensifier la signature florale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mono-compo-row\"\u003e\n \u003cspan class=\"soi-mono-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-mono-compo-value\"\u003eCosmos Natural par Ecocert Greenlife\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mono-compo-row\"\u003e\n \u003cspan class=\"soi-mono-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-mono-compo-value\"\u003eColorants synthétiques, silicones, parabènes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mono-section\"\u003e\n \u003ch2\u003ePour qui est fait ce Monoï ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-mono-grid\"\u003e\n \u003cdiv class=\"soi-mono-card\"\u003e\n \u003ch3\u003e🤲 Peaux sèches à très sèches\u003c\/h3\u003e\n \u003cp\u003eCette huile végétale de Monoï est particulièrement recommandée pour les peaux en manque de nutrition. Elle convient à tous les types de peau, y compris les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mono-card\"\u003e\n \u003ch3\u003e💇 Cheveux épais, bouclés ou fragilisés\u003c\/h3\u003e\n \u003cp\u003eIdéale pour les cheveux abîmés par la chaleur ou la décoloration, elle nourrit en profondeur et redonne souplesse et brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-mono-card\"\u003e\n \u003ch3\u003e⚠️ Peaux à tendance acnéique\u003c\/h3\u003e\n \u003cp\u003eSi votre peau est sujette à l'acné, privilégiez une application localisée sur le corps plutôt que sur le visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mono-section\"\u003e\n \u003cdiv class=\"soi-mono-accordion\"\u003e\n \u003cdetails class=\"soi-mono-accordion-item\"\u003e\n \u003csummary class=\"soi-mono-accordion-header\"\u003e⚕️ Avertissement\u003c\/summary\u003e\n \u003cdiv class=\"soi-mono-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique naturel. Il ne constitue pas un médicament et ne remplace en aucun cas un avis ou un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-mono-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-mono-cta-box\"\u003e\n \u003cp class=\"soi-mono-cta-tag\" style=\"color: white;\"\u003eUn rituel beauté ancestral dans votre salle de bain\u003c\/p\u003e\n \u003cp class=\"soi-mono-cta-text\" style=\"color: white;\"\u003eDouceur polynésienne, parfum de fleur de Tiaré, peau satinée et cheveux revitalisés : un seul flacon suffit pour transformer votre quotidien en véritable parenthèse d'évasion.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-mono-marine: #1A2D3D;\n --soi-mono-marine-dark: #0F1E2B;\n --soi-mono-marine-light: #2C4458;\n --soi-mono-pomme: #A1C544;\n --soi-mono-pomme-dark: #84A636;\n --soi-mono-pomme-light: rgba(161,197,68,0.10);\n --soi-mono-white: #FFFFFF;\n --soi-mono-off-white: #F8FAF6;\n --soi-mono-stone: #F1F3EE;\n --soi-mono-line: #E5E8E0;\n --soi-mono-primary: #D4713A;\n --soi-mono-primary-soft: #F2D6C2;\n --soi-mono-accent: #E8945A;\n --soi-mono-text: #1A2D3D;\n --soi-mono-text-soft: #4A5B6B;\n --soi-mono-text-muted: #7B8693;\n --soi-mono-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-mono-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-mono-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-mono-radius: 12px;\n --soi-mono-radius-sm: 8px;\n --soi-mono-radius-pill: 999px;\n}\n\n.soi-mono-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-mono-fiche img { max-width: 100%; height: auto; }\n\n.soi-mono-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-mono-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-mono-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n.soi-mono-hero {\n position: relative;\n background: var(--soi-mono-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-mono-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-mono-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-mono-pomme);\n}\n\n.soi-mono-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-mono-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-mono-pomme);\n border-radius: 50%;\n}\n\n.soi-mono-hero-title {\n display: block;\n color: var(--soi-mono-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-mono-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-mono-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-mono-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-mono-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-mono-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-mono-label-accent {\n background: var(--soi-mono-pomme);\n border-color: var(--soi-mono-pomme);\n color: var(--soi-mono-marine);\n font-weight: 600;\n}\n\n.soi-mono-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-mono-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-mono-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-mono-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-mono-pomme);\n border-radius: 2px;\n}\n\n.soi-mono-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-mono-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-mono-section p:last-child {\n margin-bottom: 0;\n}\n\n.soi-mono-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-top: 1.5rem;\n}\n\n.soi-mono-benefit {\n background: var(--soi-mono-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-mono-radius);\n border: 1px solid var(--soi-mono-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-mono-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-mono-shadow-md);\n}\n\n.soi-mono-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-mono-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-mono-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-mono-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-mono-benefit:hover .soi-mono-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-mono-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-mono-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-mono-benefit p {\n font-size: 13px;\n color: var(--soi-mono-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-mono-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-mono-card {\n background: var(--soi-mono-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-mono-radius);\n border-left: 3px solid var(--soi-mono-pomme);\n}\n\n.soi-mono-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-mono-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-mono-card p {\n font-size: 14px;\n color: var(--soi-mono-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-mono-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-mono-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-mono-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-mono-radius);\n border: 1px solid var(--soi-mono-line);\n align-items: flex-start;\n}\n\n.soi-mono-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-mono-marine);\n color: var(--soi-mono-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-mono-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-mono-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-mono-step-content p {\n font-size: 14px;\n color: var(--soi-mono-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-mono-compo {\n background: var(--soi-mono-off-white);\n border-radius: var(--soi-mono-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-mono-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-mono-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-mono-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-mono-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-mono-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-mono-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-mono-marine);\n text-align: right;\n}\n\n.soi-mono-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-mono-pomme-light);\n border-left: 4px solid var(--soi-mono-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-mono-radius) var(--soi-mono-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-mono-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-mono-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-mono-marine);\n margin-bottom: 4px;\n}\n\n.soi-mono-tip p {\n font-size: 14px;\n color: var(--soi-mono-text);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-mono-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-mono-accordion-item {\n background: var(--soi-mono-off-white);\n border-radius: var(--soi-mono-radius-sm);\n border: 1px solid var(--soi-mono-line);\n overflow: hidden;\n}\n\n.soi-mono-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-mono-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-mono-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-mono-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-mono-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-mono-accordion-item[open] .soi-mono-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-mono-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-mono-accordion-content p {\n font-size: 14px;\n color: var(--soi-mono-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n.soi-mono-cta-box {\n background: var(--soi-mono-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-mono-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-mono-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-mono-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-mono-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-mono-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-mono-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-mono-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 640px) {\n .soi-mono-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n .soi-mono-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n .soi-mono-compo-value {\n text-align: left;\n }\n .soi-mono-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .soi-mono-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-mono-fiche {\n --soi-mono-text-soft: #2C3E50;\n --soi-mono-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603659743562,"sku":"NJ0175","price":15.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/monoi-de-tahiti-najel-packshot.webp?v=1779701538"},{"product_id":"beurre-de-karite-parfum-vanille-certifie-bio-najel","title":"Beurre de karité parfum vanille bio – Najel","description":"\u003cdiv class=\"soi-kvan-fiche\"\u003e\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-kvan-hero\"\u003e\n \u003cdiv class=\"soi-kvan-hero-tag\"\u003e\n \u003cspan class=\"soi-kvan-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétique naturelle · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-kvan-hero-title\"\u003eBeurre de karité parfum vanille certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-kvan-hero-subtitle\"\u003eUn soin multi-usages 100% naturel, enveloppé d'une douce fragrance gourmande de vanille, pour nourrir, protéger et réparer votre peau et vos cheveux en profondeur.\u003c\/p\u003e\n \u003cdiv class=\"soi-kvan-hero-labels\"\u003e\n \u003cspan class=\"soi-kvan-label soi-kvan-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-kvan-label\"\u003e100% NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-kvan-label\"\u003eCOMMERCE ÉQUITABLE\u003c\/span\u003e\n \u003cspan class=\"soi-kvan-label\"\u003e100 G\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 1 : Beurre de karité bio parfum vanille Najel : le soin multi-usages qui transforme votre routine beauté --\u003e\n \u003csection class=\"soi-kvan-section\"\u003e\n \u003ch2\u003eBeurre de karité bio vanillé : le soin multi-usages qui transforme votre routine beauté\u003c\/h2\u003e\n \u003cp\u003eVous cherchez un soin naturel, efficace et agréable à utiliser au quotidien ? Le beurre de karité parfum vanille certifié bio Najel répond exactement à ce besoin. Extrait artisanalement des noix de karité récoltées dans les savanes d'Afrique de l'Ouest, ce beurre 100% naturel et certifié Cosmos Organic nourrit, protège et répare en profondeur votre peau et vos cheveux, le tout enveloppé d'une douce fragrance gourmande de vanille.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 2 : Pourquoi choisir ce beurre de karité bio ? --\u003e\n \u003csection class=\"soi-kvan-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce beurre de karité bio ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-kvan-grid\"\u003e\n \u003cdiv class=\"soi-kvan-card\"\u003e\n \u003ch3\u003e🌿 Certifié Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eUne garantie sérieuse sur la qualité biologique des ingrédients et le respect de l'environnement tout au long de la fabrication.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kvan-card\"\u003e\n \u003ch3\u003e🤝 Issu du commerce équitable\u003c\/h3\u003e\n \u003cp\u003eLes noix de karité sont récoltées et transformées par des coopératives féminines ghanéennes dans des conditions de travail justes et respectueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kvan-card\"\u003e\n \u003ch3\u003e🍃 100% naturel, non raffiné\u003c\/h3\u003e\n \u003cp\u003eLa composition brute préserve l'intégralité des propriétés actives du karité, notamment ses vitamines A, D, E et F.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kvan-card\"\u003e\n \u003ch3\u003e🍦 Parfum vanille naturel\u003c\/h3\u003e\n \u003cp\u003eUne fragrance douce et enveloppante qui rend chaque application agréable, sans parfum synthétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 3 : Les bienfaits du beurre de karité sur les cheveux et la peau --\u003e\n \u003csection class=\"soi-kvan-section\"\u003e\n \u003ch2\u003eLes bienfaits du beurre de karité sur les cheveux et la peau\u003c\/h2\u003e\n \u003cp class=\"soi-kvan-section-intro\"\u003eLe beurre de karité pour les cheveux est l'un des actifs les plus plébiscités en cosmétique naturelle. Sa texture fondante pénètre rapidement dans la fibre capillaire pour nourrir, réparer et redonner de la brillance aux cheveux secs, abîmés ou bouclés.\u003c\/p\u003e\n \u003cdiv class=\"soi-kvan-benefits\"\u003e\n \u003cdiv class=\"soi-kvan-benefit\"\u003e\n \u003cdiv class=\"soi-kvan-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSoin capillaire complet\u003c\/h3\u003e\n \u003cp\u003eIdéal en masque nourrissant, en soin sans rinçage sur les pointes, ou en activateur de boucles pour les cheveux frisés et crépus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kvan-benefit\"\u003e\n \u003cdiv class=\"soi-kvan-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHydratation profonde de la peau\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras insaponifiables, il restaure la barrière cutanée et lutte contre la sécheresse, les tiraillements et les gerçures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kvan-benefit\"\u003e\n \u003cdiv class=\"soi-kvan-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eProtection contre les agressions\u003c\/h3\u003e\n \u003cp\u003eEn hiver comme en été, il forme un film protecteur naturel contre le froid, le vent et les UV.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kvan-benefit\"\u003e\n \u003cdiv class=\"soi-kvan-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eSoin réparateur polyvalent\u003c\/h3\u003e\n \u003cp\u003eIl s'utilise sur le visage, le corps, les lèvres, les coudes, les talons et les cheveux : un indispensable minimaliste de votre trousse beauté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 4 : Comment utiliser le beurre de karité sur les cheveux et la peau ? --\u003e\n \u003csection class=\"soi-kvan-section\"\u003e\n \u003ch2\u003eComment utiliser le beurre de karité sur les cheveux et la peau ?\u003c\/h2\u003e\n \u003cp class=\"soi-kvan-section-intro\"\u003eQuelques gestes simples pour profiter pleinement de ce soin :\u003c\/p\u003e\n \u003cdiv class=\"soi-kvan-timeline\"\u003e\n \u003cdiv class=\"soi-kvan-step\"\u003e\n \u003cdiv class=\"soi-kvan-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-kvan-step-content\"\u003e\n \u003ch3\u003eSoin capillaire avant-shampoing\u003c\/h3\u003e\n \u003cp\u003eAppliquez une noisette de beurre de karité sur vos cheveux secs, posez 30 minutes sous une serviette chaude, puis shampouinez normalement. Résultat : des cheveux doux, nourris et démêlés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kvan-step\"\u003e\n \u003cdiv class=\"soi-kvan-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-kvan-step-content\"\u003e\n \u003ch3\u003eSoin des pointes\u003c\/h3\u003e\n \u003cp\u003ePrélevez une très petite quantité (la taille d'un grain de riz), faites-la fondre entre vos paumes et appliquez-la sur les longueurs et pointes pour éviter la casse et les fourches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kvan-step\"\u003e\n \u003cdiv class=\"soi-kvan-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-kvan-step-content\"\u003e\n \u003ch3\u003eSur la peau\u003c\/h3\u003e\n \u003cp\u003eFaites fondre une noisette entre vos mains et massez les zones sèches (talons, coudes, genoux, corps) matin ou soir. La peau retrouve immédiatement souplesse et confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kvan-step\"\u003e\n \u003cdiv class=\"soi-kvan-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"soi-kvan-step-content\"\u003e\n \u003ch3\u003eSur le visage\u003c\/h3\u003e\n \u003cp\u003eUtilisez en très faible quantité comme baume de nuit sur les peaux très sèches ou sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 5 : Composition du beurre de karité bio Najel --\u003e\n \u003csection class=\"soi-kvan-section\"\u003e\n \u003ch2\u003eComposition du beurre de karité bio Vanille Najel\u003c\/h2\u003e\n \u003cp class=\"soi-kvan-section-intro\"\u003eLa formule volontairement épurée garantit l'absence d'additifs inutiles. Le beurre de karité représente l'essentiel de la composition, ce qui en fait un soin d'une pureté rare.\u003c\/p\u003e\n \u003cdiv class=\"soi-kvan-compo\"\u003e\n \u003cdiv class=\"soi-kvan-compo-row\"\u003e\n \u003cspan class=\"soi-kvan-compo-label\"\u003eIngrédients (INCI)\u003c\/span\u003e\n \u003cspan class=\"soi-kvan-compo-value\"\u003eButyrospermum Parkii (Shea) Butter*, Fragrance (Parfum), Benzyl Benzoate\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kvan-compo-row\"\u003e\n \u003cspan class=\"soi-kvan-compo-label\"\u003e* Origine\u003c\/span\u003e\n \u003cspan class=\"soi-kvan-compo-value\"\u003eIngrédient issu de l'agriculture biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kvan-compo-row\"\u003e\n \u003cspan class=\"soi-kvan-compo-label\"\u003eProvenance du karité\u003c\/span\u003e\n \u003cspan class=\"soi-kvan-compo-value\"\u003eAfrique de l'Ouest (coopératives féminines ghanéennes)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kvan-compo-row\"\u003e\n \u003cspan class=\"soi-kvan-compo-label\"\u003eContenu\u003c\/span\u003e\n \u003cspan class=\"soi-kvan-compo-value\"\u003e100 g (3,5 oz)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kvan-compo-row\"\u003e\n \u003cspan class=\"soi-kvan-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-kvan-compo-value\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 6 : Ce beurre de karité est-il fait pour vous ? --\u003e\n \u003csection class=\"soi-kvan-section\"\u003e\n \u003ch2\u003eCe beurre de karité est-il fait pour vous ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-kvan-grid\"\u003e\n \u003cdiv class=\"soi-kvan-card\"\u003e\n \u003ch3\u003e🧴 Peau sèche à très sèche\u003c\/h3\u003e\n \u003cp\u003eCe soin convient particulièrement aux personnes qui souffrent de tiraillements, de gerçures ou de sécheresse cutanée persistante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kvan-card\"\u003e\n \u003ch3\u003e💇 Cheveux bouclés, frisés ou crépus\u003c\/h3\u003e\n \u003cp\u003eIdéal pour nourrir les cheveux fragilisés, définir les boucles et redonner souplesse et brillance à votre chevelure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kvan-card\"\u003e\n \u003ch3\u003e🎯 Routine beauté minimaliste\u003c\/h3\u003e\n \u003cp\u003eUn produit unique et efficace qui remplace plusieurs soins : visage, corps, lèvres, cheveux, coudes, talons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-kvan-tip\"\u003e\n \u003cdiv class=\"soi-kvan-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eCe beurre de karité est également adapté aux femmes enceintes et aux enfants (en dehors des nourrissons), grâce à sa composition naturelle et sans perturbateurs endocriniens connus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Précautions --\u003e\n \u003csection class=\"soi-kvan-section\"\u003e\n \u003cdiv class=\"soi-kvan-accordion\"\u003e\n \u003cdetails class=\"soi-kvan-accordion-item\"\u003e\n \u003csummary class=\"soi-kvan-accordion-header\"\u003e⚠️ Précautions d'utilisation\u003c\/summary\u003e\n \u003cdiv class=\"soi-kvan-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique naturel. Il ne se substitue pas à un traitement médical. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"soi-kvan-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-kvan-cta-box\"\u003e\n \u003cp class=\"soi-kvan-cta-tag\" style=\"color: white;\"\u003eUn pot, mille usages\u003c\/p\u003e\n \u003cp class=\"soi-kvan-cta-text\" style=\"color: white;\"\u003eDoux, pur et enveloppant, le beurre de karité bio vanille Najel est bien plus qu'un simple hydratant : c'est un rituel de douceur complet, pour la peau comme pour les cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-kvan-marine: #1A2D3D;\n --soi-kvan-marine-dark: #0F1E2B;\n --soi-kvan-marine-light: #2C4458;\n --soi-kvan-pomme: #A1C544;\n --soi-kvan-pomme-dark: #84A636;\n --soi-kvan-pomme-light: rgba(161,197,68,0.10);\n --soi-kvan-white: #FFFFFF;\n --soi-kvan-off-white: #F8FAF6;\n --soi-kvan-stone: #F1F3EE;\n --soi-kvan-line: #E5E8E0;\n --soi-kvan-primary: #C9A097;\n --soi-kvan-primary-soft: #E8D5D0;\n --soi-kvan-accent: #3A2420;\n --soi-kvan-text: #1A2D3D;\n --soi-kvan-text-soft: #4A5B6B;\n --soi-kvan-text-muted: #7B8693;\n --soi-kvan-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-kvan-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-kvan-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-kvan-radius: 12px;\n --soi-kvan-radius-sm: 8px;\n --soi-kvan-radius-pill: 999px;\n}\n\n.soi-kvan-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-kvan-fiche img { max-width: 100%; height: auto; }\n\n.soi-kvan-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-kvan-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-kvan-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-kvan-hero {\n position: relative;\n background: var(--soi-kvan-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-kvan-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-kvan-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-kvan-pomme);\n}\n\n.soi-kvan-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-kvan-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-kvan-pomme);\n border-radius: 50%;\n}\n\n.soi-kvan-hero-title {\n display: block;\n color: var(--soi-kvan-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-kvan-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-kvan-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-kvan-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-kvan-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-kvan-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-kvan-label-accent {\n background: var(--soi-kvan-pomme);\n border-color: var(--soi-kvan-pomme);\n color: var(--soi-kvan-marine);\n font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-kvan-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-kvan-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-kvan-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-kvan-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-kvan-pomme);\n border-radius: 2px;\n}\n\n.soi-kvan-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-kvan-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-kvan-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-kvan-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-kvan-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-kvan-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-kvan-benefit {\n background: var(--soi-kvan-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-kvan-radius);\n border: 1px solid var(--soi-kvan-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-kvan-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-kvan-shadow-md);\n}\n\n.soi-kvan-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-kvan-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-kvan-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-kvan-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-kvan-benefit:hover .soi-kvan-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-kvan-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-kvan-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-kvan-benefit p {\n font-size: 13px;\n color: var(--soi-kvan-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-kvan-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-kvan-card {\n background: var(--soi-kvan-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-kvan-radius);\n border-left: 3px solid var(--soi-kvan-pomme);\n}\n\n.soi-kvan-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-kvan-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-kvan-card p {\n font-size: 14px;\n color: var(--soi-kvan-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* TIMELINE *\/\n.soi-kvan-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-kvan-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-kvan-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-kvan-radius);\n border: 1px solid var(--soi-kvan-line);\n align-items: flex-start;\n}\n\n.soi-kvan-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-kvan-marine);\n color: var(--soi-kvan-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-kvan-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-kvan-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-kvan-step-content p {\n font-size: 14px;\n color: var(--soi-kvan-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* COMPOSITION *\/\n.soi-kvan-compo {\n background: var(--soi-kvan-off-white);\n border-radius: var(--soi-kvan-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-kvan-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-kvan-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-kvan-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-kvan-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-kvan-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-kvan-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-kvan-marine);\n text-align: right;\n}\n\n\/* TIP *\/\n.soi-kvan-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-kvan-pomme-light);\n border-left: 4px solid var(--soi-kvan-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-kvan-radius) var(--soi-kvan-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-kvan-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-kvan-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-kvan-marine);\n margin-bottom: 4px;\n}\n\n.soi-kvan-tip p {\n font-size: 14px;\n color: var(--soi-kvan-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* ACCORDÉON *\/\n.soi-kvan-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-kvan-accordion-item {\n background: var(--soi-kvan-off-white);\n border-radius: var(--soi-kvan-radius-sm);\n border: 1px solid var(--soi-kvan-line);\n overflow: hidden;\n}\n\n.soi-kvan-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-kvan-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-kvan-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-kvan-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-kvan-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-kvan-accordion-item[open] .soi-kvan-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-kvan-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-kvan-accordion-content p {\n font-size: 14px;\n color: var(--soi-kvan-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-kvan-cta-box {\n background: var(--soi-kvan-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-kvan-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-kvan-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-kvan-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-kvan-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-kvan-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-kvan-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-kvan-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 640px) {\n .soi-kvan-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-kvan-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-kvan-compo-value {\n text-align: left;\n }\n\n .soi-kvan-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-kvan-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-kvan-fiche {\n --soi-kvan-text-soft: #2C3E50;\n --soi-kvan-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603660136778,"sku":"NJ0235","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/beurre-de-karite-parfum-vanille-certifie-bio-najel-packshot.webp?v=1779808240"},{"product_id":"baume-a-levres-vanille-certifie-bio-najel","title":"Baume à lèvres vanille certifié bio – Najel","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003e\u003cstrong\u003eLe Baume à lèvres vanille certifié bio de Najel\u003c\/strong\u003e est le soin \u003cstrong\u003enourrissant et protecteur\u003c\/strong\u003e idéal pour des lèvres parfaitement hydratées et protégées. Conçu à partir d'\u003cstrong\u003eingrédients d'origine naturelle\u003c\/strong\u003e, ce baume\u003cstrong\u003e combine les bienfaits des huiles végétales et du beurre de karité bio\u003c\/strong\u003e pour offrir à vos lèvres \u003cstrong\u003eune protection optimale contre les agressions extérieures\u003c\/strong\u003e, qu'il s'agisse du froid, du vent ou du soleil. Son \u003cstrong\u003eparfum délicat de vanille sucrée\u003c\/strong\u003e vous envoûtera tout au long de la journée, apportant douceur et confort à chaque application. Ce baume à lèvres est un indispensable\u003cstrong\u003e à emporter partout\u003c\/strong\u003e avec vous, tout en respectant l'environnement grâce à son packaging minimaliste et sa \u003cstrong\u003eformule 100% naturelle\u003c\/strong\u003e.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_NJ0255_a6341492-7bdf-4bdd-ac10-d5736f9863de.jpg?v=1776181192\" alt=\"Femme qui s'applique un soin des lèvres\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques et avantages du Baume à lèvres vanille certifié bio de Najel\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertifié Cosmos Organic et 100% naturel\u003c\/strong\u003e : Ce baume à lèvres est formulé à partir d'ingrédients naturels et certifiés Cosmos Organic, garantissant une qualité exceptionnelle pour prendre soin de vos lèvres en toute sécurité.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIngrédients d'origine végétale\u003c\/strong\u003e : Il est enrichi en beurre de karité bio, reconnu pour ses propriétés réparatrices et nourrissantes. L'huile d'olive bio, l'huile de baies de laurier, l'huile de ricin et la cire de tournesol, tous issus de plantes cultivées de manière responsable, sont associés pour offrir des bienfaits réparateurs, cicatrisants et protecteurs.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratation et protection\u003c\/strong\u003e : Grâce à son complexe d'huiles et de beurres, ce baume hydrate en profondeur, nourrit intensément et forme une barrière protectrice contre le dessèchement, le froid et les agressions climatiques.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eParfum naturel de vanille sucrée\u003c\/strong\u003e : Laissez-vous envoûter par un parfum doux et gourmand qui ajoute une touche de plaisir sensoriel tout en prenant soin de vos lèvres.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePratique et compact\u003c\/strong\u003e : Avec son petit format de 12 g, ce baume à lèvres est facile à emporter partout et à appliquer à tout moment de la journée pour un soin continu, que ce soit pour prévenir la sécheresse en hiver ou pour se protéger du soleil en été.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRespect de l'environnement\u003c\/strong\u003e : Conditionné dans un pot en verre ambre, il assure une conservation optimale tout en réduisant l'usage du plastique, dans une démarche éco-responsable.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eLe Baume à lèvres vanille certifié bio de Najel est ainsi \u003cstrong\u003ele soin parfait pour des lèvres nourries, protégées et délicatement parfumées\u003c\/strong\u003e. Que ce soit pour affronter les rigueurs de l'hiver ou profiter des rayons du soleil en été, ce baume répond aux besoins de toutes les saisons. Avec sa formule 100% naturelle et son engagement envers l'environnement, \u003cstrong\u003eil deviendra rapidement un indispensable de votre routine beauté\u003c\/strong\u003e quotidienne. N'attendez plus \u003cstrong\u003epour offrir à vos lèvres l’hydratation et la douceur qu’elles méritent\u003c\/strong\u003e !\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603660497226,"sku":"NJ0255","price":3.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/najel_nj0255_baume_levres_vanille_4dcae35c-9de6-498b-af86-bda36961122f.jpg?v=1778843308"},{"product_id":"baume-a-levres-coco-certifie-bio-najel","title":"Baume à lèvres coco certifié bio – Najel","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eLe \u003cstrong\u003eBaume à lèvres coco certifié bio de Najel\u003c\/strong\u003e est votre allié idéal pour des lèvres nourries, protégées et délicatement parfumées. Conçu avec une attention particulière \u003cstrong\u003epour répondre aux besoins de tous les types de lèvres\u003c\/strong\u003e, ce baume associe des ingrédients d'origine naturelle et biologique pour offrir \u003cstrong\u003eune protection optimale contre les agressions extérieures\u003c\/strong\u003e. Découvrez un soin complet qui combine douceur, efficacité et un\u003cstrong\u003e parfum envoûtant de noix de coco\u003c\/strong\u003e, dans un format pratique à emporter partout.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_NJ0260_24154557-da5f-40ae-890c-b5a7394c7ede.jpg?v=1776181192\" alt=\"Une femme en gros plan se mettant un soin pour les lèvres\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques et bienfaits du Baume à lèvres coco certifié bio de Najel\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\u003cstrong\u003eSoin nourrissant et protecteur\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eLe Baume à lèvres coco de Najel est certifié Cosmos Organic et est entièrement fabriqué en France. Ce soin naturel est enrichi en beurre de karité bio, réputé pour ses propriétés réparatrices et nourrissantes, qui aide à restaurer l'élasticité et la douceur des lèvres sèches et gercées. L'association des huiles végétales nobles – huile d'olive bio, huile de baies de laurier et huile de ricin – apporte une hydratation intense et une protection longue durée contre les agressions climatiques telles que le froid, le vent et le soleil.\u003c\/p\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\u003cstrong\u003eFormule 100% naturelle\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eLa formule de ce baume est entièrement naturelle, combinant des ingrédients soigneusement sélectionnés pour leurs vertus bénéfiques :\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eBeurre de karité bio\u003c\/strong\u003e : Répare et nourrit en profondeur.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eHuile d'olive bio\u003c\/strong\u003e : Apporte des propriétés émollientes, adoucissant la peau.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCire de tournesol\u003c\/strong\u003e : Offre des qualités calmantes, nourrissantes et antibactériennes.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eHuile de baies de laurier\u003c\/strong\u003e : Purifie et protège la peau.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eHuile de ricin\u003c\/strong\u003e : Cicatrise et adoucit les lèvres.\u003c\/p\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\u003cstrong\u003eParfum naturel de coco\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eLe délicat parfum sucré de noix de coco apporte une touche exotique et gourmande, transformant chaque application en un véritable moment de plaisir sensoriel. Ce baume vous procure une sensation de confort immédiat et laisse vos lèvres délicieusement parfumées.\u003c\/p\u003e\n\u003cul style=\"list-style-type: circle;\"\u003e\n\u003cli\u003e\u003cstrong\u003eFormat pratique et écologique\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eConditionné dans un pot en verre ambré de 12 grammes avec un bouchon noir brillant, ce baume est à la fois élégant et respectueux de l'environnement. Ce format réduit significativement l'utilisation de plastique et permet une conservation optimale des actifs naturels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003eLe \u003cstrong\u003eBaume à lèvres coco certifié bio de Najel\u003c\/strong\u003e est ainsi un geste de bien-être quotidien pour des lèvres douces, hydratées et protégées en toutes saisons. Laissez-vous séduire par ses \u003cstrong\u003eingrédients naturels et son parfum envoûtant\u003c\/strong\u003e, et offrez à vos lèvres le meilleur de la nature. Facile à glisser dans votre sac ou votre poche, il est prêt à vous accompagner partout \u003cstrong\u003epour une protection à tout moment de la journée\u003c\/strong\u003e.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603662004554,"sku":"NJ0260","price":3.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/soinat_najel_nj0260_baume-levres-coco.jpg?v=1776163521"},{"product_id":"hydrolat-citron-et-aloe-vera-certifie-bio-najel","title":"Hydrolat Citron \u0026 Aloe Vera Bio – Najel","description":"\n\u003cdiv class=\"soi-hcav-fiche\"\u003e\n\n \u003csection class=\"soi-hcav-hero\"\u003e\n \u003cdiv class=\"soi-hcav-hero-tag\"\u003e\n \u003cspan class=\"soi-hcav-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétique visage · Najel Méditerranée\n \u003c\/div\u003e\n \u003cspan class=\"soi-hcav-hero-title\"\u003eHydrolat Citron \u0026amp; Aloe Vera certifié Bio\u003c\/span\u003e\n \u003cp class=\"soi-hcav-hero-subtitle\"\u003eUne eau rééquilibrante légère et purifiante qui combine la puissance du citron et la douceur de l'aloe vera pour un teint frais et lumineux au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-hcav-hero-labels\"\u003e\n \u003cspan class=\"soi-hcav-label soi-hcav-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-hcav-label\"\u003e99 % ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-hcav-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003cspan class=\"soi-hcav-label\"\u003eSANS ALCOOL\u003c\/span\u003e\n \u003cspan class=\"soi-hcav-label\"\u003eTOUS TYPES DE PEAUX\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-hcav-section\"\u003e\n \u003cp class=\"soi-hcav-section-intro\"\u003eVous cherchez un hydrolat visage naturel et efficace pour purifier votre peau en douceur ? L'hydrolat citron et aloe vera certifié bio de Najel est une eau rééquilibrante légère, sans alcool, qui combine la puissance purifiante du citron et le pouvoir apaisant de l'aloe vera. Certifié Cosmos Organic par Ecocert, formulé à 99 % d'origine naturelle et fabriqué en France, c'est un soin quotidien taillé pour les peaux mixtes à grasses, mais convenant à tous types de peaux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-hcav-section\"\u003e\n \u003ch2\u003ePourquoi choisir cet hydrolat de citron bio ?\u003c\/h2\u003e\n \u003cp\u003eContrairement aux toniques classiques chargés en alcool ou en conservateurs, un hydrolat de citron bio comme celui de Najel est obtenu par hydrodistillation de fruits frais. Le résultat : une eau florale concentrée en principes actifs naturels, infiniment plus douce sur la peau et d'une efficacité réelle au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-hcav-benefits\"\u003e\n \u003cdiv class=\"soi-hcav-benefit\"\u003e\n \u003cdiv class=\"soi-hcav-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePurifiant et astringent\u003c\/h3\u003e\n \u003cp\u003eLe citron resserre les pores dilatés, régule l'excès de sébum et aide à réduire l'apparence des points noirs et imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hcav-benefit\"\u003e\n \u003cdiv class=\"soi-hcav-benefit-icon\"\u003e\u003cspan\u003e☀️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eÉclat immédiat\u003c\/h3\u003e\n \u003cp\u003eIl unifie le teint, estompe les petites taches et redonne de la luminosité aux peaux ternes ou fatiguées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hcav-benefit\"\u003e\n \u003cdiv class=\"soi-hcav-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eApaisant et réparateur\u003c\/h3\u003e\n \u003cp\u003eL'aloe vera neutralise l'effet potentiellement asséchant du citron et apporte confort, souplesse et douceur à chaque application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hcav-benefit\"\u003e\n \u003cdiv class=\"soi-hcav-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eTonifiant\u003c\/h3\u003e\n \u003cp\u003eUtilisé comme hydrolat pour le visage matin et soir, il prépare la peau à mieux absorber votre sérum ou votre crème hydratante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-hcav-section\"\u003e\n \u003ch2\u003eComment utiliser un hydrolat visage au quotidien ?\u003c\/h2\u003e\n \u003cp\u003eLa question revient souvent : comment utiliser un hydrolat visage pour en tirer le meilleur ? Voici la routine simple et efficace recommandée.\u003c\/p\u003e\n \u003cdiv class=\"soi-hcav-timeline\"\u003e\n \u003cdiv class=\"soi-hcav-step\"\u003e\n \u003cdiv class=\"soi-hcav-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-hcav-step-content\"\u003e\n \u003ch3\u003eNettoyez votre peau\u003c\/h3\u003e\n \u003cp\u003eAvec votre soin démaquillant habituel, débarrassez votre visage de toutes les impuretés accumulées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hcav-step\"\u003e\n \u003cdiv class=\"soi-hcav-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-hcav-step-content\"\u003e\n \u003ch3\u003eAppliquez l'hydrolat\u003c\/h3\u003e\n \u003cp\u003eVersez quelques gouttes sur un coton ou vaporisez directement sur le visage et le cou.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hcav-step\"\u003e\n \u003cdiv class=\"soi-hcav-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-hcav-step-content\"\u003e\n \u003ch3\u003eLaissez pénétrer\u003c\/h3\u003e\n \u003cp\u003eSans rincer, laissez l'hydrolat agir puis appliquez votre crème ou huile de soin habituelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hcav-tip\"\u003e\n \u003cdiv class=\"soi-hcav-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eCet hydrolat peut également s'utiliser en massage du cuir chevelu pour purifier et apaiser les démangeaisons. Son parfum frais et subtilement citronné rend chaque geste agréable, dès le matin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-hcav-section\"\u003e\n \u003ch2\u003eComposition de l'hydrolat citron et aloe vera Najel\u003c\/h2\u003e\n \u003cp\u003eLa force de cet hydrolat réside dans la simplicité et la pureté de sa formule :\u003c\/p\u003e\n \u003cdiv class=\"soi-hcav-grid\"\u003e\n \u003cdiv class=\"soi-hcav-card\"\u003e\n \u003ch3\u003e🍋 Eau florale de citron (Citrus limon)\u003c\/h3\u003e\n \u003cp\u003eActif principal : purifiant, astringent, éclairant et régulateur de sébum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hcav-card\"\u003e\n \u003ch3\u003e🌱 Jus d'aloe vera (Aloe barbadensis)\u003c\/h3\u003e\n \u003cp\u003eApaisant, hydratant, anti-inflammatoire naturel et réparateur cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eLa formule est sans alcool, sans parfum de synthèse, sans conservateurs controversés. Elle convient aux peaux sensibles qui souhaitent bénéficier des bienfaits du citron sans risquer d'irritation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-hcav-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-hcav-compo\"\u003e\n \u003cdiv class=\"soi-hcav-compo-row\"\u003e\n \u003cspan class=\"soi-hcav-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-hcav-compo-value\"\u003eCosmos Organic (Ecocert), 99 % d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hcav-compo-row\"\u003e\n \u003cspan class=\"soi-hcav-compo-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-hcav-compo-value\"\u003eFabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hcav-compo-row\"\u003e\n \u003cspan class=\"soi-hcav-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-hcav-compo-value\"\u003e200 ml, flacon ambré avec capsule disc-top\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hcav-compo-row\"\u003e\n \u003cspan class=\"soi-hcav-compo-label\"\u003eUsage\u003c\/span\u003e\n \u003cspan class=\"soi-hcav-compo-value\"\u003eMatin et soir, visage, cou, cuir chevelu\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hcav-compo-row\"\u003e\n \u003cspan class=\"soi-hcav-compo-label\"\u003eConvient à\u003c\/span\u003e\n \u003cspan class=\"soi-hcav-compo-value\"\u003eTous types de peaux, idéal peaux mixtes à grasses\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-hcav-accordion\"\u003e\n \u003cdetails class=\"soi-hcav-accordion-item\"\u003e\n \u003csummary class=\"soi-hcav-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"soi-hcav-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique et ne se substitue pas à un avis ou traitement médical. En cas de doute sur une pathologie cutanée, consultez un dermatologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-hcav-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-hcav-cta-box\"\u003e\n \u003cp class=\"soi-hcav-cta-tag\" style=\"color: white;\"\u003ePrendre soin de soi naturellement, un geste à la fois\u003c\/p\u003e\n \u003cp class=\"soi-hcav-cta-text\" style=\"color: white;\"\u003eLégère comme une eau de source, efficace comme un vrai soin : l'hydrolat citron et aloe vera de Najel purifie, illumine et apaise votre peau chaque jour, avec toute la douceur du naturel certifié bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-hcav-marine: #1A2D3D;\n --soi-hcav-marine-dark: #0F1E2B;\n --soi-hcav-marine-light: #2C4458;\n --soi-hcav-pomme: #A1C544;\n --soi-hcav-pomme-dark: #84A636;\n --soi-hcav-pomme-light: rgba(161,197,68,0.10);\n\n --soi-hcav-white: #FFFFFF;\n --soi-hcav-off-white: #F8FAF6;\n --soi-hcav-stone: #F1F3EE;\n --soi-hcav-line: #E5E8E0;\n\n --soi-hcav-primary: #E8A020;\n --soi-hcav-primary-soft: #FFF5E0;\n --soi-hcav-accent: #D4883A;\n\n --soi-hcav-text: #1A2D3D;\n --soi-hcav-text-soft: #4A5B6B;\n --soi-hcav-text-muted: #7B8693;\n\n --soi-hcav-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-hcav-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-hcav-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-hcav-radius: 12px;\n --soi-hcav-radius-sm: 8px;\n --soi-hcav-radius-pill: 999px;\n}\n\n.soi-hcav-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-hcav-fiche img { max-width: 100%; height: auto; }\n\n.soi-hcav-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-hcav-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-hcav-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-hcav-hero {\n position: relative;\n background: var(--soi-hcav-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-hcav-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-hcav-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-hcav-pomme);\n}\n\n.soi-hcav-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-hcav-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-hcav-pomme);\n border-radius: 50%;\n}\n\n.soi-hcav-hero-title {\n display: block;\n color: var(--soi-hcav-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-hcav-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-hcav-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-hcav-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-hcav-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-hcav-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-hcav-label-accent {\n background: var(--soi-hcav-pomme);\n border-color: var(--soi-hcav-pomme);\n color: var(--soi-hcav-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-hcav-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-hcav-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-hcav-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-hcav-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-hcav-pomme);\n border-radius: 2px;\n}\n\n.soi-hcav-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-hcav-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.soi-hcav-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-hcav-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-hcav-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-hcav-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-top: 1.5rem;\n}\n\n.soi-hcav-benefit {\n background: var(--soi-hcav-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-hcav-radius);\n border: 1px solid var(--soi-hcav-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-hcav-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-hcav-shadow-md);\n}\n\n.soi-hcav-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-hcav-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-hcav-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-hcav-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-hcav-benefit:hover .soi-hcav-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-hcav-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-hcav-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-hcav-benefit p {\n font-size: 13px;\n color: var(--soi-hcav-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-hcav-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1rem;\n}\n\n.soi-hcav-card {\n background: var(--soi-hcav-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-hcav-radius);\n border-left: 3px solid var(--soi-hcav-pomme);\n}\n\n.soi-hcav-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-hcav-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-hcav-card p {\n font-size: 14px;\n color: var(--soi-hcav-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-hcav-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.soi-hcav-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-hcav-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-hcav-radius);\n border: 1px solid var(--soi-hcav-line);\n align-items: flex-start;\n}\n\n.soi-hcav-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-hcav-marine);\n color: var(--soi-hcav-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-hcav-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-hcav-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-hcav-step-content p {\n font-size: 14px;\n color: var(--soi-hcav-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-hcav-compo {\n background: var(--soi-hcav-off-white);\n border-radius: var(--soi-hcav-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-bottom: 1rem;\n}\n\n.soi-hcav-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-hcav-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-hcav-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-hcav-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-hcav-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-hcav-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-hcav-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-hcav-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-hcav-pomme-light);\n border-left: 4px solid var(--soi-hcav-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-hcav-radius) var(--soi-hcav-radius) 0;\n align-items: flex-start;\n margin-top: 1.25rem;\n}\n\n.soi-hcav-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-hcav-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-hcav-marine);\n margin-bottom: 4px;\n}\n\n.soi-hcav-tip p {\n font-size: 14px;\n color: var(--soi-hcav-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-hcav-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-hcav-accordion-item {\n background: var(--soi-hcav-off-white);\n border-radius: var(--soi-hcav-radius-sm);\n border: 1px solid var(--soi-hcav-line);\n overflow: hidden;\n}\n\n.soi-hcav-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-hcav-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-hcav-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-hcav-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-hcav-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-hcav-accordion-item[open] .soi-hcav-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-hcav-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-hcav-accordion-content p {\n font-size: 14px;\n color: var(--soi-hcav-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-hcav-cta-box {\n background: var(--soi-hcav-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-hcav-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-hcav-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-hcav-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-hcav-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-hcav-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-hcav-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-hcav-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-hcav-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-hcav-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-hcav-compo-value {\n text-align: left;\n }\n\n .soi-hcav-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-hcav-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-hcav-fiche {\n --soi-hcav-text-soft: #2C3E50;\n --soi-hcav-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603662332234,"sku":"NJ0280","price":9.31,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/hydrolat-citron-et-aloe-vera-certifie-bio-najel-packshot.webp?v=1779640151"},{"product_id":"savon-dalep-ambre-et-oud-najel","title":"Savon d'Alep Ambre \u0026 Oud – Najel","description":"\u003cdiv class=\"soi-alep-fiche\"\u003e\n\n \u003csection class=\"soi-alep-hero\"\u003e\n \u003cdiv class=\"soi-alep-hero-tag\"\u003e\n \u003cspan class=\"soi-alep-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène \u0026amp; soin · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-alep-hero-title\"\u003eSavon d'Alep ambre et oud\u003c\/span\u003e\n \u003cp class=\"soi-alep-hero-subtitle\"\u003eUn savon naturel héritier de 3 000 ans de savoir-faire, enrichi d'un parfum oriental chaud et envoûtant à l'ambre et au bois d'oud.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003eFABRICATION ARTISANALE\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS PARABEN\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS SLS\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS COLORANT\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eSavon d'Alep ambre et oud Najel : le savon naturel aux 3 000 ans d'histoire\u003c\/h2\u003e\n \u003cp\u003eIl existe des rituels qui traversent les siècles sans prendre une ride. Le \u003cstrong\u003esavon d'Alep\u003c\/strong\u003e en fait partie. Fabriqué selon une recette millénaire à base d'\u003cstrong\u003ehuile d'olive\u003c\/strong\u003e et d'\u003cstrong\u003ehuile de baies de laurier\u003c\/strong\u003e, ce savon naturel est considéré comme le premier savon solide jamais créé, bien avant nos cosmétiques modernes.\u003c\/p\u003e\n \u003cp\u003eNajel, maître savonnier depuis 1895, lui ajoute une touche de raffinement orientale : un \u003cstrong\u003eparfum ambre et oud\u003c\/strong\u003e chaud, boisé et envoûtant qui transforme votre douche en véritable rituel sensoriel.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003ePourquoi le savon d'Alep est-il si précieux pour la peau ?\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eContrairement à beaucoup de savons industriels, le \u003cstrong\u003esavon d'Alep artisanal\u003c\/strong\u003e ne contient ni sulfate, ni conservateur de synthèse. Ses deux actifs clés font toute la différence :\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🫒 L'huile d'olive\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras et en vitamine E, elle nourrit en profondeur, préserve l'élasticité cutanée et convient parfaitement aux peaux sèches ou sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🌿 L'huile de baies de laurier\u003c\/h3\u003e\n \u003cp\u003eIngrédient distinctif du vrai savon d'Alep, elle est reconnue pour ses propriétés apaisantes, purifiantes et régénératrices. Elle aide à soulager les peaux sujettes aux irritations, à l'acné, à l'eczéma ou au psoriasis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-tip\"\u003e\n \u003cdiv class=\"soi-alep-tip-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eRésultat\u003c\/strong\u003e\n \u003cp\u003eUn savon visage et corps qui nettoie sans agresser, hydrate sans graisser, et respecte le microbiome naturel de votre peau. De nombreux dermatologues le recommandent d'ailleurs pour les peaux réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eL'ambre et le oud : un voyage olfactif au cœur de l'Orient\u003c\/h2\u003e\n \u003cp\u003eCe qui rend cette version Najel particulièrement spéciale, c'est son parfum. Le \u003cstrong\u003ebois d'oud\u003c\/strong\u003e, aussi appelé \"bois des Dieux\", est l'une des fragrances les plus précieuses au monde : chaleureux, profond, légèrement fumé. Associé à l'ambre aux notes douces et résineuses, il enveloppe votre peau d'un sillage délicat qui persiste bien après le rinçage.\u003c\/p\u003e\n \u003cp\u003eUn savon naturel qui sent aussi bon qu'un parfum de luxe oriental, c'est rare. Ici, c'est une réalité.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep Najel ambre et oud\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-compo\"\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eSodium olivate\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eHuile d'olive saponifiée, base nourrissante principale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eSodium laurate\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eHuile de baies de laurier saponifiée, actif apaisant et régénérant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eAqua\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eEau\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eParfum\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eFragrance ambre et oud\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eSodium chloride\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eSel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eTetrasodium EDTA\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eAgent stabilisant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-grid-compact\"\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🇸🇾\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eSyrie\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🕰️\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003eSéchage\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eMin. 9 mois\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e🧱\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eArtisanale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card-mini\"\u003e\n \u003cspan class=\"soi-alep-card-mini-icon\"\u003e⏳\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-label\"\u003eSavoir-faire\u003c\/span\u003e\n \u003cspan class=\"soi-alep-card-mini-value\"\u003eDepuis 1895\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComment utiliser votre savon d'Alep visage et corps ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-timeline\"\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eVisage\u003c\/h3\u003e\n \u003cp\u003eFaites mousser le savon entre vos mains humides, appliquez délicatement en évitant le contour des yeux, puis rincez à l'eau tiède. Convient à tous les types de peau, y compris les peaux mixtes à tendance acnéique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eCorps et cheveux\u003c\/h3\u003e\n \u003cp\u003eUtilisez-le comme un savon classique sous la douche. Certains l'utilisent en shampooing solide sur cheveux normaux à gras, en insistant sur le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eLinge et armoires\u003c\/h3\u003e\n \u003cp\u003eGlissez-le dans votre armoire à linge pour parfumer naturellement vos textiles avec un sillage ambre et oud subtil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-tip\"\u003e\n \u003cdiv class=\"soi-alep-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003eConservez votre pain de savon sur un porte-savon bien drainé entre chaque utilisation pour prolonger sa durée de vie. Un pain de 185 g dure en moyenne 6 à 8 semaines avec une utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le savon d'Alep\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-accordion\"\u003e\n \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n \u003csummary class=\"soi-alep-accordion-header\"\u003e🧴 Le savon d'Alep est-il adapté aux peaux sensibles ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eOui, c'est même l'une de ses grandes forces. Sa douceur naturelle est appréciée par les peaux intolérantes aux savons classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n \u003csummary class=\"soi-alep-accordion-header\"\u003e🩺 Quel est l'avis des dermatologues sur le savon d'Alep ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eBeaucoup de dermatologues le conseillent comme alternative naturelle aux savons surgras industriels, notamment pour les peaux atopiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-alep-accordion-item\"\u003e\n \u003csummary class=\"soi-alep-accordion-header\"\u003e⏱️ Quelle est la durée de vie d'un pain ?\u003c\/summary\u003e\n \u003cdiv class=\"soi-alep-accordion-content\"\u003e\n \u003cp\u003eUn pain de 185 g dure en moyenne 6 à 8 semaines avec une utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"soi-alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-alep-cta-box\"\u003e\n \u003cp class=\"soi-alep-cta-tag\" style=\"color: white;\"\u003e3 000 ans de savoir-faire, un parfum d'exception\u003c\/p\u003e\n \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau la douceur d'un savon millénaire et le luxe discret d'un sillage oriental qui vous accompagne bien après la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-alep-marine: #1A2D3D;\n --soi-alep-marine-dark: #0F1E2B;\n --soi-alep-marine-light: #2C4458;\n --soi-alep-pomme: #A1C544;\n --soi-alep-pomme-dark: #84A636;\n --soi-alep-pomme-light: rgba(161,197,68,0.10);\n --soi-alep-white: #FFFFFF;\n --soi-alep-off-white: #F8FAF6;\n --soi-alep-stone: #F1F3EE;\n --soi-alep-line: #E5E8E0;\n --soi-alep-primary: #2A6B5A;\n --soi-alep-primary-soft: #E8F2EE;\n --soi-alep-accent: #D4A52A;\n --soi-alep-text: #1A2D3D;\n --soi-alep-text-soft: #4A5B6B;\n --soi-alep-text-muted: #7B8693;\n --soi-alep-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-alep-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-alep-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-alep-radius: 12px;\n --soi-alep-radius-sm: 8px;\n --soi-alep-radius-pill: 999px;\n}\n\n.soi-alep-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-alep-fiche img { max-width: 100%; height: auto; }\n\n.soi-alep-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-alep-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-alep-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-alep-hero {\n position: relative;\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-alep-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-alep-pomme);\n}\n\n.soi-alep-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-alep-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-alep-pomme);\n border-radius: 50%;\n}\n\n.soi-alep-hero-title {\n display: block;\n color: var(--soi-alep-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-alep-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-alep-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-alep-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-alep-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-alep-label-accent {\n background: var(--soi-alep-pomme);\n border-color: var(--soi-alep-pomme);\n color: var(--soi-alep-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-alep-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-alep-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-alep-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-alep-pomme);\n border-radius: 2px;\n}\n\n.soi-alep-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-alep-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-alep-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-alep-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-alep-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-alep-card {\n background: var(--soi-alep-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border-left: 3px solid var(--soi-alep-pomme);\n}\n\n.soi-alep-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-card p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-alep-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-top: 1.5rem;\n}\n\n.soi-alep-card-mini {\n background: var(--soi-alep-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-alep-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-alep-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-alep-card-mini-label {\n font-size: 11px;\n color: var(--soi-alep-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-alep-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-alep-compo {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-alep-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-alep-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-alep-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-alep-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-alep-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-alep-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-alep-marine);\n text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-alep-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-alep-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n align-items: flex-start;\n}\n\n.soi-alep-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-alep-marine);\n color: var(--soi-alep-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-alep-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-alep-step-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-alep-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-alep-pomme-light);\n border-left: 4px solid var(--soi-alep-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-alep-radius) var(--soi-alep-radius) 0;\n align-items: flex-start;\n}\n\n.soi-alep-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-alep-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-alep-marine);\n margin-bottom: 4px;\n}\n\n.soi-alep-tip p {\n font-size: 14px;\n color: var(--soi-alep-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-alep-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-alep-accordion-item {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius-sm);\n border: 1px solid var(--soi-alep-line);\n overflow: hidden;\n}\n\n.soi-alep-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-alep-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-alep-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-alep-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-alep-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-alep-accordion-item[open] .soi-alep-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-alep-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-alep-accordion-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-alep-cta-box {\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-alep-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-alep-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-alep-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-alep-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-alep-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-alep-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-alep-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-alep-compo-value {\n text-align: left;\n }\n\n .soi-alep-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-alep-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-alep-fiche {\n --soi-alep-text-soft: #2C3E50;\n --soi-alep-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603663085898,"sku":"NJ0070","price":4.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-ambre-et-oud-najel-packshot.webp?v=1779627527"},{"product_id":"savon-dalep-rhassoul-argan-najel","title":"Savon d'Alep Rhassoul \u0026 Argan – Najel","description":"\u003cdiv class=\"soi-alep-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-alep-hero\"\u003e\n \u003cdiv class=\"soi-alep-hero-tag\"\u003e\n \u003cspan class=\"soi-alep-tag-dot\"\u003e\u003c\/span\u003e\n Hygiène · Savon artisanal · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-alep-hero-title\"\u003eSavon d'Alep Rhassoul \u0026amp; Argan\u003c\/span\u003e\n \u003cp class=\"soi-alep-hero-subtitle\"\u003ePurification profonde et éclat naturel : plus de 3 000 ans de savoir-faire réunis dans un savon enrichi à l'argile marocaine et à l'huile d'argan.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-hero-labels\"\u003e\n \u003cspan class=\"soi-alep-label soi-alep-label-accent\"\u003e100 % NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS SULFATE\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eSANS PARABEN\u003c\/span\u003e\n \u003cspan class=\"soi-alep-label\"\u003eFABRICATION ARTISANALE\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 1 : Introduction --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eSavon d'Alep Rhassoul \u0026amp; Argan Najel : purification profonde et éclat naturel\u003c\/h2\u003e\n \u003cp\u003eLe savon d'Alep est l'un des plus anciens savons du monde, né il y a plus de 3 000 ans dans la ville syrienne d'Alep. La maison Najel, fondée en 1895 par la famille Al Najjar, perpétue ce savoir-faire artisanal avec une exigence rare. Cette version enrichie au rhassoul et à l'huile d'argan va encore plus loin : elle associe la puissance purifiante de l'argile marocaine à la richesse nourrissante de l'or liquide du Maroc, pour un teint véritablement lumineux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Composition --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComposition du savon d'Alep Rhassoul \u0026amp; Argan\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eCe savon artisanal repose sur une formule 100 % naturelle, sans sulfate ni paraben, pensée pour respecter même les peaux les plus réactives.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-grid\"\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive vierge\u003c\/h3\u003e\n \u003cp\u003eBase traditionnelle du savon d'Alep, elle nourrit, adoucit et protège le film hydrolipidique naturel de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🌿 Huile de baies de laurier\u003c\/h3\u003e\n \u003cp\u003eL'ingrédient signature du vrai savon d'Alep. Apaisante, antibactérienne et cicatrisante, elle convient aussi aux peaux sensibles et aux peaux sujettes aux imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e🏔️ Rhassoul (argile du Moyen Atlas)\u003c\/h3\u003e\n \u003cp\u003eArgile minérale marocaine reconnue pour ses propriétés absorbantes. Elle capte les impuretés, réduit les excès de sébum et resserre les pores visiblement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-card\"\u003e\n \u003ch3\u003e✨ Huile d'argan\u003c\/h3\u003e\n \u003cp\u003eSurnommée \"or liquide\" du Maroc, elle est riche en vitamine E et en acides gras essentiels (oméga-6 et oméga-9). Elle hydrate en profondeur, améliore l'élasticité cutanée et aide à prévenir le vieillissement prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : À qui s'adresse ce savon --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce savon d'Alep ?\u003c\/h2\u003e\n \u003cp class=\"soi-alep-section-intro\"\u003eCe savon est particulièrement adapté si vous avez la peau mixte à grasse ou un cuir chevelu gras, mais sa formule douce le rend aussi compatible avec les peaux sensibles.\u003c\/p\u003e\n \u003cdiv class=\"soi-alep-benefits\"\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🧴\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eVisage\u003c\/h3\u003e\n \u003cp\u003eNettoyage quotidien doux, réduction des pores dilatés, teint unifié.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e🚿\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCorps\u003c\/h3\u003e\n \u003cp\u003eSoin lavant complet, peau douce et ressourcée après chaque douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-benefit\"\u003e\n \u003cdiv class=\"soi-alep-benefit-icon\"\u003e\u003cspan\u003e💆\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCheveux\u003c\/h3\u003e\n \u003cp\u003eShampoing solide naturel pour les cuirs chevelus gras, cheveux plus soyeux et moins alourdis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Mode d'emploi --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eComment utiliser le savon d'Alep sur le visage et le corps ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-timeline\"\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eMouillez et faites mousser\u003c\/h3\u003e\n \u003cp\u003eMouillez votre peau à l'eau tiède, puis faites mousser le savon entre vos mains ou directement sur le visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eMassez en douceur\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement en mouvements circulaires pendant 1 à 2 minutes pour activer les propriétés purifiantes du rhassoul.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step\"\u003e\n \u003cdiv class=\"soi-alep-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-alep-step-content\"\u003e\n \u003ch3\u003eRincez et poursuivez votre routine\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire, puis appliquez votre soin habituel. Pour les cheveux, laissez poser la mousse 1 à 2 minutes avant de rincer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-tip\"\u003e\n \u003cdiv class=\"soi-alep-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour un résultat optimal, utilisez-le 2 à 3 fois par semaine sur le visage et quotidiennement sur le corps. Conservez-le hors de l'eau entre chaque utilisation pour prolonger sa durée de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Bienfaits reconnus --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eBienfaits reconnus du savon d'Alep : ce que disent les dermatologues\u003c\/h2\u003e\n \u003cp\u003eLe savon d'Alep est souvent recommandé par les dermatologues pour les peaux sensibles, à tendance acnéique ou eczémateuse, en raison de sa composition simple et sans agents irritants. L'huile de baies de laurier a démontré des propriétés anti-inflammatoires et antibactériennes, utiles pour calmer les rougeurs et les imperfections. Ce savon ne remplace pas un traitement médical prescrit, mais il peut constituer un nettoyant de base respectueux dans une routine dermatologique adaptée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 : Informations pratiques --\u003e\n \u003csection class=\"soi-alep-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"soi-alep-compo\"\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eNajel (fabricant depuis 1895)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eSyrie (savon d'Alep traditionnel) enrichi d'actifs du Maroc\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eUsage\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eVisage, corps, cheveux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eType de peau\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eMixte, grasse, sensible, à imperfections\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eSulfate, paraben, colorant artificiel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-alep-compo-row\"\u003e\n \u003cspan class=\"soi-alep-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-alep-compo-value\"\u003eArtisanale, méthode traditionnelle à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 : CTA --\u003e\n \u003csection class=\"soi-alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-alep-cta-box\"\u003e\n \u003cp class=\"soi-alep-cta-tag\" style=\"color: white;\"\u003eTrois millénaires de savoir-faire dans un savon\u003c\/p\u003e\n \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eLa douceur de l'olive, la force purifiante du rhassoul, la richesse de l'argan. Votre peau le ressent dès la première utilisation : plus nette, plus souple, véritablement rayonnante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-alep-marine: #1A2D3D;\n --soi-alep-marine-dark: #0F1E2B;\n --soi-alep-marine-light: #2C4458;\n --soi-alep-pomme: #A1C544;\n --soi-alep-pomme-dark: #84A636;\n --soi-alep-pomme-light: rgba(161,197,68,0.10);\n --soi-alep-white: #FFFFFF;\n --soi-alep-off-white: #F8FAF6;\n --soi-alep-stone: #F1F3EE;\n --soi-alep-line: #E5E8E0;\n --soi-alep-primary: #D48A2A;\n --soi-alep-primary-soft: #F5E6D0;\n --soi-alep-accent: #B5694A;\n --soi-alep-text: #1A2D3D;\n --soi-alep-text-soft: #4A5B6B;\n --soi-alep-text-muted: #7B8693;\n --soi-alep-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-alep-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-alep-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-alep-radius: 12px;\n --soi-alep-radius-sm: 8px;\n --soi-alep-radius-pill: 999px;\n}\n\n.soi-alep-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-alep-fiche img { max-width: 100%; height: auto; }\n\n.soi-alep-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-alep-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-alep-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* HERO *\/\n.soi-alep-hero {\n position: relative;\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-alep-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-alep-pomme);\n}\n\n.soi-alep-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-alep-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-alep-pomme);\n border-radius: 50%;\n}\n\n.soi-alep-hero-title {\n display: block;\n color: var(--soi-alep-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-alep-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-alep-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-alep-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-alep-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-alep-label-accent {\n background: var(--soi-alep-pomme);\n border-color: var(--soi-alep-pomme);\n color: var(--soi-alep-marine);\n font-weight: 600;\n}\n\n\/* SECTIONS *\/\n.soi-alep-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-alep-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-alep-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-alep-pomme);\n border-radius: 2px;\n}\n\n.soi-alep-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-alep-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-alep-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-alep-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-alep-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* BENEFITS *\/\n.soi-alep-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-alep-benefit {\n background: var(--soi-alep-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-alep-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-alep-shadow-md);\n}\n\n.soi-alep-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-alep-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-alep-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-alep-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-alep-benefit:hover .soi-alep-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-alep-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-benefit p {\n font-size: 13px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* GRID + CARDS *\/\n.soi-alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-alep-card {\n background: var(--soi-alep-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border-left: 3px solid var(--soi-alep-pomme);\n}\n\n.soi-alep-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-alep-card p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* TIMELINE *\/\n.soi-alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-alep-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-alep-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-alep-radius);\n border: 1px solid var(--soi-alep-line);\n align-items: flex-start;\n}\n\n.soi-alep-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-alep-marine);\n color: var(--soi-alep-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-alep-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-alep-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-alep-step-content p {\n font-size: 14px;\n color: var(--soi-alep-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* COMPOSITION (data rows) *\/\n.soi-alep-compo {\n background: var(--soi-alep-off-white);\n border-radius: var(--soi-alep-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-alep-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-alep-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-alep-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-alep-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-alep-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-alep-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-alep-marine);\n text-align: right;\n}\n\n\/* TIP *\/\n.soi-alep-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-alep-pomme-light);\n border-left: 4px solid var(--soi-alep-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-alep-radius) var(--soi-alep-radius) 0;\n align-items: flex-start;\n margin-top: 1.5rem;\n}\n\n.soi-alep-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-alep-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-alep-marine);\n margin-bottom: 4px;\n}\n\n.soi-alep-tip p {\n font-size: 14px;\n color: var(--soi-alep-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* CTA BOX *\/\n.soi-alep-cta-box {\n background: var(--soi-alep-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-alep-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-alep-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-alep-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-alep-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-alep-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-alep-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-alep-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 640px) {\n .soi-alep-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-alep-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-alep-compo-value {\n text-align: left;\n }\n\n .soi-alep-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-alep-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-alep-fiche {\n --soi-alep-text-soft: #2C3E50;\n --soi-alep-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603663184202,"sku":"NJ0100","price":3.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-rhassoul-argan-najel-packshot.webp?v=1779176394"},{"product_id":"huile-dargan-certifiee-bio-najel","title":"Huile d'Argan certifiée bio – Najel","description":"\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003e\u003cstrong\u003eL'huile d'Argan\u003c\/strong\u003e, surnommée l'or du désert, est un trésor naturel qui offre une multitude de \u003cstrong\u003ebienfaits pour la peau, les cheveux et les ongles\u003c\/strong\u003e. Véritable symbole de la biodiversité marocaine, elle est extraite des fruits de l'arganier, un arbre endémique du sud du Maroc, dont l'importance va bien au-delà de ses vertus cosmétiques. \u003cstrong\u003eL'huile d'Argan certifiée bio de Najel\u003c\/strong\u003e incarne à la fois la richesse d'un patrimoine unique et le respect des normes écologiques modernes. Découvrez cette huile précieuse qui \u003cstrong\u003enourrit, protège et régénère la peau \u003c\/strong\u003eavec efficacité.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"padding: 20px 60px 20px 60px; display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch\"\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\u003cdiv style=\"text-align: center; width: 100%\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/PHOTO_NJ0180_8ebf0823-c69b-468a-bf87-2fdaf6552175.jpg?v=1776181193\" alt=\"Photo d'Argan et son huile\" style=\"height: auto; max-width: 100%\" class=\"soinat-image\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv style=\"flex: 0 0 calc(50.0% - 15px); max-width: calc(50.0% - 15px)\"\u003e\n\u003ch2\u003e\u003cstrong\u003eCaractéristiques et bienfaits de l'huile d'Argan certifiée bio de Najel\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003eL'huile d'Argan Najel est un soin d'exception,\u003cstrong\u003e riche en vitamine E\u003c\/strong\u003e, un \u003cstrong\u003epuissant antioxydant naturel\u003c\/strong\u003e qui lutte efficacement contre les radicaux libres responsables du vieillissement prématuré de la peau. Grâce à ses \u003cstrong\u003epropriétés régénérantes et hydratantes\u003c\/strong\u003e, elle \u003cstrong\u003efavorise le renouvellement cellulaire\u003c\/strong\u003e, offrant ainsi une peau plus jeune et en meilleure santé. Cette vitamine E contribue également à \u003cstrong\u003erestaurer l'élasticité de la peau et à préserver sa souplesse\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003eL'huile d'Argan certifiée bio Najel \u003cstrong\u003eprotège la peau des agressions extérieures\u003c\/strong\u003e telles que la pollution, le froid ou la chaleur. Elle forme un \u003cstrong\u003efilm protecteur invisible sur la peau\u003c\/strong\u003e qui permet de \u003cstrong\u003emaintenir son hydratation et de la protéger \u003c\/strong\u003econtre les facteurs environnementaux. \u003cstrong\u003eAdaptée à tous les types de peau\u003c\/strong\u003e, y compris les peaux les plus sensibles, elle \u003cstrong\u003enourrit en profondeur et améliore visiblement la texture de la peau\u003c\/strong\u003e, tout en apportant confort et douceur.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePolyvalente\u003c\/strong\u003e, l'huile d'Argan de Najel\u003cstrong\u003e peut être utilisée pour le visage, le corps, les cheveux\u003c\/strong\u003e, ainsi que pour le \u003cstrong\u003esoin des mains et des ongles\u003c\/strong\u003e. Elle est particulièrement recommandée \u003cstrong\u003epour réparer les peaux sèches, les cheveux abîmés ou les ongles cassants.\u003c\/strong\u003e Elle est également un excellent soin préventif pour maintenir une peau souple et élastique.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCertifiée Cosmos Organic par Ecocert\u003c\/strong\u003e, cette huile respecte des normes strictes en matière de production et de qualité, garantissant ainsi \u003cstrong\u003eun produit naturel, respectueux de l'environnement et de votre santé\u003c\/strong\u003e. Son flacon ambré, équipé d'une pompe goutte à goutte, permet une utilisation pratique et précise, tout en protégeant le produit de la lumière et de l'air.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 30px\"\u003e\u003cdiv style=\"flex: 1\"\u003e\u003cp\u003e\u003cstrong\u003eL'huile d'Argan certifiée bio de Najel\u003c\/strong\u003e est ainsi \u003cstrong\u003eun soin complet et polyvalent, idéal pour nourrir, hydrater et protéger la peau, les cheveux et les ongles\u003c\/strong\u003e. Sa richesse en vitamine E et ses multiples bienfaits en font un incontournable de votre routine beauté. En plus de ses vertus cosmétiques, elle \u003cstrong\u003esoutient l'autonomisation des femmes marocaines grâce à la fabrication artisanale de l'huile dans des coopératives locales\u003c\/strong\u003e. Optez pour cette huile précieuse pour un soin de qualité, respectueux de votre peau et de l'environnement.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603663774026,"sku":"NJ0180","price":17.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/najel_nj0180_huile_argan_b7479983-7a29-4410-84a2-c74948ec1ef8.jpg?v=1778843299"},{"product_id":"lait-corps-parfum-fleur-de-tiare-certifie-bio-najel","title":"Lait Corps Fleur de Tiaré Bio - Hydratant - Najel","description":"\u003cdiv class=\"soi-tiar-fiche\"\u003e\n\n\u003csection class=\"soi-tiar-hero\"\u003e\n \u003cdiv class=\"soi-tiar-hero-tag\"\u003e\n \u003cspan class=\"soi-tiar-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétique corps · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-tiar-hero-title\"\u003eLait Corps parfum Fleur de Tiaré certifié bio\u003c\/span\u003e\n \u003cp class=\"soi-tiar-hero-subtitle\"\u003eTrois huiles précieuses réunies dans une texture légère au parfum envoûtant de Tiaré, pour une peau nourrie, souple et lumineuse au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"soi-tiar-hero-labels\"\u003e\n \u003cspan class=\"soi-tiar-label soi-tiar-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"soi-tiar-label\"\u003eECOCERT\u003c\/span\u003e\n \u003cspan class=\"soi-tiar-label\"\u003e99 % ORIGINE NATURELLE\u003c\/span\u003e\n \u003cspan class=\"soi-tiar-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-tiar-section\"\u003e\n \u003ch2\u003ePourquoi ce lait corps bio Najel est différent\u003c\/h2\u003e\n \u003cp class=\"soi-tiar-section-intro\"\u003eBeaucoup de laits hydratants corps bio misent sur un ou deux actifs. Celui-ci associe trois huiles complémentaires pour un résultat visible dès la première application, quel que soit votre type de peau.\u003c\/p\u003e\n \u003cdiv class=\"soi-tiar-benefits\"\u003e\n \u003cdiv class=\"soi-tiar-benefit\"\u003e\n \u003cdiv class=\"soi-tiar-benefit-icon\"\u003e\u003cspan\u003e🌸\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile d'amande douce bio\u003c\/h3\u003e\n \u003cp\u003eElle adoucit, apaise les tiraillements et convient parfaitement aux peaux sensibles ou réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-tiar-benefit\"\u003e\n \u003cdiv class=\"soi-tiar-benefit-icon\"\u003e\u003cspan\u003e🫒\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eHuile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamine E et en squalène, elle protège la peau des agressions extérieures et contribue à lutter contre le vieillissement cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-tiar-benefit\"\u003e\n \u003cdiv class=\"soi-tiar-benefit-icon\"\u003e\u003cspan\u003e🧈\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eBeurre de karité\u003c\/h3\u003e\n \u003cp\u003eActif réparateur et nourrissant, idéal pour les zones sèches comme les coudes, genoux ou talons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-tiar-tip\"\u003e\n \u003cdiv class=\"soi-tiar-tip-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eTexture légère et fluide\u003c\/strong\u003e\n \u003cp\u003eCe lait s'absorbe rapidement, sans effet poisseux. Un vrai plaisir à appliquer après la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-tiar-section\"\u003e\n \u003ch2\u003eCertifié Cosmos Organic : ce que ça change concrètement\u003c\/h2\u003e\n \u003cp\u003eLe label Cosmos Organic by Ecocert n'est pas un simple argument marketing. Il garantit que 99 % des ingrédients sont d'origine naturelle, que les matières premières végétales sont issues de l'agriculture biologique certifiée, et que la formule exclut toute substance controversée : parabènes, silicones, colorants synthétiques.\u003c\/p\u003e\n \u003cp\u003eFabriqué en France, ce lait hydratant bio pour le corps répond aux exigences les plus strictes du marché cosmétique naturel.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-tiar-section\"\u003e\n \u003ch2\u003eLe parfum fleur de Tiaré : bien plus qu'une fragrance\u003c\/h2\u003e\n \u003cp\u003eLa fleur de Tiaré, emblème de Tahiti et de Polynésie, offre un parfum à la fois floral, crémeux et légèrement vanillé. Utilisée depuis des siècles dans le soin du corps sous forme de monoï, elle est associée à la douceur, à la féminité et à l'évasion.\u003c\/p\u003e\n \u003cp\u003eIci, sa fragrance naturelle transforme chaque geste d'hydratation en un vrai moment de bien-être sensoriel.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-tiar-section\"\u003e\n \u003ch2\u003eComment utiliser ce lait hydratant corps bio\u003c\/h2\u003e\n \u003cdiv class=\"soi-tiar-timeline\"\u003e\n \u003cdiv class=\"soi-tiar-step\"\u003e\n \u003cdiv class=\"soi-tiar-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-tiar-step-content\"\u003e\n \u003ch3\u003eSur peau propre et humide\u003c\/h3\u003e\n \u003cp\u003eAppliquez après la douche sur une peau légèrement humide : les actifs pénètrent mieux et l'hydratation dure plus longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-tiar-step\"\u003e\n \u003cdiv class=\"soi-tiar-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-tiar-step-content\"\u003e\n \u003ch3\u003eMassez en mouvements circulaires\u003c\/h3\u003e\n \u003cp\u003eDu bas vers le haut pour activer la circulation et favoriser l'absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-tiar-step\"\u003e\n \u003cdiv class=\"soi-tiar-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-tiar-step-content\"\u003e\n \u003ch3\u003eMatin ou soir, selon vos habitudes\u003c\/h3\u003e\n \u003cp\u003ePour les peaux très sèches, une application biquotidienne est recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-tiar-section\"\u003e\n \u003ch2\u003eComposition complète du lait corps bio Najel\u003c\/h2\u003e\n \u003cp\u003eAqua, Prunus Amygdalus Dulcis Oil*, Glycerin, Cetearyl Alcohol, Butyrospermum Parkii Butter*, Olea Europaea Fruit Oil*, Glyceryl Stearate, Sodium Stearoyl Lactylate, Parfum (Gardenia Taitensis Flower Extract), Tocopherol, Xanthan Gum, Citric Acid, Sodium Benzoate, Potassium Sorbate.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003cdiv class=\"soi-tiar-compo\"\u003e\n \u003cdiv class=\"soi-tiar-compo-row\"\u003e\n \u003cspan class=\"soi-tiar-compo-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-tiar-compo-value\"\u003e200 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-tiar-compo-row\"\u003e\n \u003cspan class=\"soi-tiar-compo-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"soi-tiar-compo-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-tiar-compo-row\"\u003e\n \u003cspan class=\"soi-tiar-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-tiar-compo-value\"\u003eCosmos Organic Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-tiar-compo-row\"\u003e\n \u003cspan class=\"soi-tiar-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"soi-tiar-compo-value\"\u003e99 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-tiar-section\"\u003e\n \u003ch2\u003ePour qui est fait ce lait hydratant bio pour le corps ?\u003c\/h2\u003e\n \u003cdiv class=\"soi-tiar-grid\"\u003e\n \u003cdiv class=\"soi-tiar-card\"\u003e\n \u003ch3\u003e🤍 Peaux sèches à très sèches\u003c\/h3\u003e\n \u003cp\u003eEn quête d'hydratation intense et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-tiar-card\"\u003e\n \u003ch3\u003e🌿 Peaux sensibles ou réactives\u003c\/h3\u003e\n \u003cp\u003eQui tolèrent mal les formules conventionnelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-tiar-card\"\u003e\n \u003ch3\u003e🌺 Envie de naturel sans compromis\u003c\/h3\u003e\n \u003cp\u003ePour celles et ceux qui souhaitent passer à un lait corps bio sans sacrifier le parfum ni la texture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-tiar-card\"\u003e\n \u003ch3\u003e🇫🇷 Adeptes du made in France\u003c\/h3\u003e\n \u003cp\u003eCosmétiques naturels fabriqués en France, certifiés et transparents.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-tiar-section\"\u003e\n \u003cdiv class=\"soi-tiar-accordion\"\u003e\n \u003cdetails class=\"soi-tiar-accordion-item\"\u003e\n \u003csummary class=\"soi-tiar-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"soi-tiar-accordion-content\"\u003e\n \u003cp\u003eCe produit est un soin cosmétique et ne se substitue pas à un traitement médical. En cas de problème cutané persistant, consultez un dermatologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-tiar-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-tiar-cta-box\"\u003e\n \u003cp class=\"soi-tiar-cta-tag\" style=\"color: white;\"\u003eFermez les yeux, respirez la fleur de Tiaré\u003c\/p\u003e\n \u003cp class=\"soi-tiar-cta-text\" style=\"color: white;\"\u003eUn lait corps bio qui sent le soleil, nourrit vraiment et respecte votre peau comme la planète. Amande douce, olive et karité réunis dans une formule certifiée Cosmos Organic pour une peau souple et éclatante.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --soi-tiar-marine: #1A2D3D;\n --soi-tiar-marine-dark: #0F1E2B;\n --soi-tiar-marine-light: #2C4458;\n --soi-tiar-pomme: #A1C544;\n --soi-tiar-pomme-dark: #84A636;\n --soi-tiar-pomme-light: rgba(161,197,68,0.10);\n --soi-tiar-white: #FFFFFF;\n --soi-tiar-off-white: #F8FAF6;\n --soi-tiar-stone: #F1F3EE;\n --soi-tiar-line: #E5E8E0;\n --soi-tiar-primary: #D4654A;\n --soi-tiar-primary-soft: #F2DDD7;\n --soi-tiar-accent: #E8A87C;\n --soi-tiar-text: #1A2D3D;\n --soi-tiar-text-soft: #4A5B6B;\n --soi-tiar-text-muted: #7B8693;\n --soi-tiar-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-tiar-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-tiar-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-tiar-radius: 12px;\n --soi-tiar-radius-sm: 8px;\n --soi-tiar-radius-pill: 999px;\n}\n\n.soi-tiar-fiche * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n.soi-tiar-fiche img {\n max-width: 100%;\n height: auto;\n}\n\n.soi-tiar-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-tiar-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-tiar-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-tiar-hero {\n position: relative;\n background: var(--soi-tiar-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-tiar-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-tiar-hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: var(--soi-tiar-pomme);\n}\n\n.soi-tiar-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-tiar-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-tiar-pomme);\n border-radius: 50%;\n}\n\n.soi-tiar-hero-title {\n display: block;\n color: var(--soi-tiar-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-tiar-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-tiar-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-tiar-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-tiar-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-tiar-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-tiar-label-accent {\n background: var(--soi-tiar-pomme);\n border-color: var(--soi-tiar-pomme);\n color: var(--soi-tiar-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-tiar-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-tiar-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-tiar-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-tiar-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-tiar-pomme);\n border-radius: 2px;\n}\n\n.soi-tiar-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-tiar-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-tiar-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-tiar-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-tiar-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-tiar-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-tiar-benefit {\n background: var(--soi-tiar-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-tiar-radius);\n border: 1px solid var(--soi-tiar-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-tiar-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-tiar-shadow-md);\n}\n\n.soi-tiar-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-tiar-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-tiar-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-tiar-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-tiar-benefit:hover .soi-tiar-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-tiar-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-tiar-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-tiar-benefit p {\n font-size: 13px;\n color: var(--soi-tiar-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-tiar-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-tiar-card {\n background: var(--soi-tiar-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-tiar-radius);\n border-left: 3px solid var(--soi-tiar-pomme);\n}\n\n.soi-tiar-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-tiar-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-tiar-card p {\n font-size: 14px;\n color: var(--soi-tiar-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-tiar-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.soi-tiar-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-tiar-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-tiar-radius);\n border: 1px solid var(--soi-tiar-line);\n align-items: flex-start;\n}\n\n.soi-tiar-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-tiar-marine);\n color: var(--soi-tiar-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-tiar-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-tiar-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-tiar-step-content p {\n font-size: 14px;\n color: var(--soi-tiar-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-tiar-compo {\n background: var(--soi-tiar-off-white);\n border-radius: var(--soi-tiar-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.soi-tiar-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-tiar-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-tiar-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-tiar-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-tiar-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-tiar-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-tiar-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-tiar-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-tiar-pomme-light);\n border-left: 4px solid var(--soi-tiar-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-tiar-radius) var(--soi-tiar-radius) 0;\n align-items: flex-start;\n}\n\n.soi-tiar-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-tiar-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-tiar-marine);\n margin-bottom: 4px;\n}\n\n.soi-tiar-tip p {\n font-size: 14px;\n color: var(--soi-tiar-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-tiar-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-tiar-accordion-item {\n background: var(--soi-tiar-off-white);\n border-radius: var(--soi-tiar-radius-sm);\n border: 1px solid var(--soi-tiar-line);\n overflow: hidden;\n}\n\n.soi-tiar-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-tiar-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-tiar-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-tiar-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-tiar-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-tiar-accordion-item[open] .soi-tiar-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-tiar-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-tiar-accordion-content p {\n font-size: 14px;\n color: var(--soi-tiar-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-tiar-cta-box {\n background: var(--soi-tiar-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-tiar-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-tiar-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-tiar-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-tiar-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-tiar-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-tiar-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-tiar-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-tiar-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-tiar-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-tiar-compo-value {\n text-align: left;\n }\n\n .soi-tiar-hero {\n padding: 1.75rem 1.25rem;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-tiar-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-tiar-fiche {\n --soi-tiar-text-soft: #2C3E50;\n --soi-tiar-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603663839562,"sku":"NJ0240","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/lait-corps-parfum-fleur-de-tiare-certifie-bio-najel-packshot.webp?v=1779639480"},{"product_id":"eau-salee-de-la-mer-morte-najel","title":"Eau Salée de la Mer Morte – Najel","description":"\u003cdiv class=\"soi-merm-fiche\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"soi-merm-hero\"\u003e\n \u003cdiv class=\"soi-merm-hero-tag\"\u003e\n \u003cspan class=\"soi-merm-tag-dot\"\u003e\u003c\/span\u003e\n Cosmétique \u0026amp; soin · Najel\n \u003c\/div\u003e\n \u003cspan class=\"soi-merm-hero-title\"\u003eEau Salée de la Mer Morte\u003c\/span\u003e\n \u003cp class=\"soi-merm-hero-subtitle\"\u003eUn concentré de 21 minéraux essentiels puisé directement dans la Mer Morte, pour une peau apaisée, régénérée et visiblement plus douce.\u003c\/p\u003e\n \u003cdiv class=\"soi-merm-hero-labels\"\u003e\n \u003cspan class=\"soi-merm-label soi-merm-label-accent\"\u003eCOSMOS NATURAL\u003c\/span\u003e\n \u003cspan class=\"soi-merm-label\"\u003e100 % NATUREL\u003c\/span\u003e\n \u003cspan class=\"soi-merm-label\"\u003eTOUS TYPES DE PEAUX\u003c\/span\u003e\n \u003cspan class=\"soi-merm-label\"\u003e200 ML\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Eau Salée de la Mer Morte Najel : un concentré minéral pour votre peau --\u003e\n \u003csection class=\"soi-merm-section\"\u003e\n \u003ch2\u003eEau Salée de la Mer Morte Najel : un concentré minéral pour votre peau\u003c\/h2\u003e\n \u003cp\u003ePuisée directement dans la Mer Morte, cette eau salée d'exception signée Najel concentre l'essentiel de ce que la nature a de plus précieux pour votre peau. Avec une concentration en sel dépassant les 340 g\/litre (soit près de 10 fois la salinité d'une mer classique), l'eau de la Mer Morte affiche une densité et une masse volumique bien supérieures à l'eau ordinaire, ce qui explique ses propriétés uniques.\u003c\/p\u003e\n \u003cp\u003eCe flacon de 200 ml, certifié Cosmos Natural par Ecocert, renferme 21 minéraux essentiels : magnésium, potassium, calcium, bromure et bien d'autres actifs naturellement présents dans cette étendue d'eau unique au monde.\u003c\/p\u003e\n\n \u003cdiv class=\"soi-merm-grid-compact\"\u003e\n \u003cdiv class=\"soi-merm-card-mini\"\u003e\n \u003cspan class=\"soi-merm-card-mini-icon\"\u003e🧂\u003c\/span\u003e\n \u003cspan class=\"soi-merm-card-mini-label\"\u003eConcentration en sel\u003c\/span\u003e\n \u003cspan class=\"soi-merm-card-mini-value\"\u003e340 g\/litre\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-merm-card-mini\"\u003e\n \u003cspan class=\"soi-merm-card-mini-icon\"\u003e💎\u003c\/span\u003e\n \u003cspan class=\"soi-merm-card-mini-label\"\u003eMinéraux essentiels\u003c\/span\u003e\n \u003cspan class=\"soi-merm-card-mini-value\"\u003e21 minéraux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-merm-card-mini\"\u003e\n \u003cspan class=\"soi-merm-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"soi-merm-card-mini-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-merm-card-mini-value\"\u003eCosmos Natural Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-merm-card-mini\"\u003e\n \u003cspan class=\"soi-merm-card-mini-icon\"\u003e📏\u003c\/span\u003e\n \u003cspan class=\"soi-merm-card-mini-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"soi-merm-card-mini-value\"\u003e200 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Pourquoi l'eau de la Mer Morte est-elle si particulière ? --\u003e\n \u003csection class=\"soi-merm-section\"\u003e\n \u003ch2\u003ePourquoi l'eau de la Mer Morte est-elle si particulière ?\u003c\/h2\u003e\n \u003cp\u003eLa Mer Morte est un lac salé situé entre la Jordanie et Israël, à plus de 430 mètres sous le niveau de la mer. Sa température de l'eau oscille entre 19 °C en hiver et 31 °C en été, favorisant une concentration minérale extrême par évaporation constante. Cette composition fait de l'eau de la Mer Morte un ingrédient cosmétique à part, utilisé depuis des siècles pour ses vertus thérapeutiques et régénérantes.\u003c\/p\u003e\n\n \u003cdiv class=\"soi-merm-benefits\"\u003e\n \u003cdiv class=\"soi-merm-benefit\"\u003e\n \u003cdiv class=\"soi-merm-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eMagnésium\u003c\/h3\u003e\n \u003cp\u003eApaise les peaux irritées et favorise la régénération cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-merm-benefit\"\u003e\n \u003cdiv class=\"soi-merm-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003ePotassium\u003c\/h3\u003e\n \u003cp\u003eMaintient l'hydratation naturelle de la peau au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-merm-benefit\"\u003e\n \u003cdiv class=\"soi-merm-benefit-icon\"\u003e\u003cspan\u003e🛡️\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eCalcium\u003c\/h3\u003e\n \u003cp\u003eRenforce la barrière cutanée et protège contre la déshydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-merm-benefit\"\u003e\n \u003cdiv class=\"soi-merm-benefit-icon\"\u003e\u003cspan\u003e🧘\u003c\/span\u003e\u003c\/div\u003e\n \u003ch3\u003eBromure\u003c\/h3\u003e\n \u003cp\u003eEffet relaxant reconnu sur les muscles et les tensions.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Les utilisations concrètes de l'eau de la Mer Morte Najel --\u003e\n \u003csection class=\"soi-merm-section\"\u003e\n \u003ch2\u003eLes utilisations concrètes de l'eau de la Mer Morte Najel\u003c\/h2\u003e\n \u003cp class=\"soi-merm-section-intro\"\u003eLa polyvalence de ce soin est l'une de ses grandes forces. Voici comment l'intégrer facilement à votre routine :\u003c\/p\u003e\n\n \u003cdiv class=\"soi-merm-grid\"\u003e\n \u003cdiv class=\"soi-merm-card\"\u003e\n \u003ch3\u003e🌸 Soin du visage\u003c\/h3\u003e\n \u003cp\u003eDiluée à 5 % dans de l'eau (environ 1 cuillère à café pour 200 ml), elle s'utilise en brumisation ou en lotion tonique pour purifier les pores et unifier le teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-merm-card\"\u003e\n \u003ch3\u003e🛁 Bain minéral apaisant\u003c\/h3\u003e\n \u003cp\u003eVersez 200 à 300 ml dans votre bain tiède pour reproduire l'expérience thalasso chez vous. Idéal après une journée intense.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-merm-card\"\u003e\n \u003ch3\u003e💆 Soin du cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eAppliquez diluée en friction légère pour apaiser les irritations et les démangeaisons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-merm-card\"\u003e\n \u003ch3\u003e💪 Massage musculaire\u003c\/h3\u003e\n \u003cp\u003eEn application locale (pure ou légèrement diluée) sur les zones douloureuses ou contractées, elle favorise la détente et soulage les tensions.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-merm-card\"\u003e\n \u003ch3\u003e🩹 Peaux réactives\u003c\/h3\u003e\n \u003cp\u003eSon action purifiante et anti-inflammatoire naturelle la rend particulièrement adaptée aux peaux sujettes à l'eczéma ou au psoriasis. Elle ne remplace en aucun cas un traitement médical prescrit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Composition --\u003e\n \u003csection class=\"soi-merm-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"soi-merm-compo\"\u003e\n \u003cdiv class=\"soi-merm-compo-row\"\u003e\n \u003cspan class=\"soi-merm-compo-label\"\u003eIngrédient unique\u003c\/span\u003e\n \u003cspan class=\"soi-merm-compo-value\"\u003eAqua (Dead Sea Water)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-merm-compo-row\"\u003e\n \u003cspan class=\"soi-merm-compo-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"soi-merm-compo-value\"\u003eEau de la Mer Morte 100 % pure et naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-merm-compo-row\"\u003e\n \u003cspan class=\"soi-merm-compo-label\"\u003eAdditifs\u003c\/span\u003e\n \u003cspan class=\"soi-merm-compo-value\"\u003eSans additif, sans conservateur ajouté, sans parfum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-merm-compo-row\"\u003e\n \u003cspan class=\"soi-merm-compo-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"soi-merm-compo-value\"\u003eCosmos Natural Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-merm-compo-row\"\u003e\n \u003cspan class=\"soi-merm-compo-label\"\u003eConvient à\u003c\/span\u003e\n \u003cspan class=\"soi-merm-compo-value\"\u003eTous types de peaux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Comment utiliser l'eau de la Mer Morte au quotidien ? --\u003e\n \u003csection class=\"soi-merm-section\"\u003e\n \u003ch2\u003eComment utiliser l'eau de la Mer Morte au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"soi-merm-section-intro\"\u003eLa règle d'or : toujours diluer avant une application sur le visage. Pure, elle est réservée aux bains ou aux massages corporels ponctuels.\u003c\/p\u003e\n\n \u003cdiv class=\"soi-merm-timeline\"\u003e\n \u003cdiv class=\"soi-merm-step\"\u003e\n \u003cdiv class=\"soi-merm-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"soi-merm-step-content\"\u003e\n \u003ch3\u003eVisage ou cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eDilution à 5 % : 1 part d'eau salée pour 20 parts d'eau douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-merm-step\"\u003e\n \u003cdiv class=\"soi-merm-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"soi-merm-step-content\"\u003e\n \u003ch3\u003eBain relaxant\u003c\/h3\u003e\n \u003cp\u003eVersez directement le flacon entier dans un bain rempli.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"soi-merm-step\"\u003e\n \u003cdiv class=\"soi-merm-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"soi-merm-step-content\"\u003e\n \u003ch3\u003eApplication locale musculaire\u003c\/h3\u003e\n \u003cp\u003ePure, en compresse tiède sur la zone concernée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"soi-merm-tip\"\u003e\n \u003cdiv class=\"soi-merm-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n \u003cp\u003ePour des résultats visibles sur la peau (éclat, douceur, confort), comptez 3 à 4 semaines d'utilisation régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Précautions d'utilisation --\u003e\n \u003csection class=\"soi-merm-section\"\u003e\n \u003ch2\u003ePrécautions d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"soi-merm-accordion\"\u003e\n \u003cdetails class=\"soi-merm-accordion-item\"\u003e\n \u003csummary class=\"soi-merm-accordion-header\"\u003e👁️ Contact avec les yeux\u003c\/summary\u003e\n \u003cdiv class=\"soi-merm-accordion-content\"\u003e\n \u003cp\u003eÉvitez tout contact avec les yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-merm-accordion-item\"\u003e\n \u003csummary class=\"soi-merm-accordion-header\"\u003e🚫 Application sur le visage\u003c\/summary\u003e\n \u003cdiv class=\"soi-merm-accordion-content\"\u003e\n \u003cp\u003eNe s'applique pas pure sur le visage. Toujours diluer avant utilisation sur cette zone.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-merm-accordion-item\"\u003e\n \u003csummary class=\"soi-merm-accordion-header\"\u003e👶 Enfants\u003c\/summary\u003e\n \u003cdiv class=\"soi-merm-accordion-content\"\u003e\n \u003cp\u003eTenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"soi-merm-accordion-item\"\u003e\n \u003csummary class=\"soi-merm-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"soi-merm-accordion-content\"\u003e\n \u003cp\u003eCe produit cosmétique ne se substitue pas à un avis ou traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA BOX --\u003e\n \u003csection class=\"soi-merm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"soi-merm-cta-box\"\u003e\n \u003cp class=\"soi-merm-cta-tag\" style=\"color: white;\"\u003eDes siècles de sagesse minérale en un flacon\u003c\/p\u003e\n \u003cp class=\"soi-merm-cta-text\" style=\"color: white;\"\u003eRamenez chez vous l'essence même de la Mer Morte. 200 ml de pureté certifiée, pour une peau apaisée, régénérée et visiblement plus douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* === Couleurs Soinat (FIXES) === *\/\n --soi-merm-marine: #1A2D3D;\n --soi-merm-marine-dark: #0F1E2B;\n --soi-merm-marine-light: #2C4458;\n --soi-merm-pomme: #A1C544;\n --soi-merm-pomme-dark: #84A636;\n --soi-merm-pomme-light: rgba(161,197,68,0.10);\n\n \/* === Neutres Soinat === *\/\n --soi-merm-white: #FFFFFF;\n --soi-merm-off-white: #F8FAF6;\n --soi-merm-stone: #F1F3EE;\n --soi-merm-line: #E5E8E0;\n\n \/* === Couleurs dynamiques (packaging ambre\/teal Najel) === *\/\n --soi-merm-primary: #3E8A8E;\n --soi-merm-primary-soft: rgba(62,138,142,0.10);\n --soi-merm-accent: #5AACA8;\n\n \/* === Textes === *\/\n --soi-merm-text: #1A2D3D;\n --soi-merm-text-soft: #4A5B6B;\n --soi-merm-text-muted: #7B8693;\n\n \/* === Effets === *\/\n --soi-merm-shadow: 0 2px 8px rgba(26,45,61,0.06);\n --soi-merm-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n --soi-merm-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n --soi-merm-radius: 12px;\n --soi-merm-radius-sm: 8px;\n --soi-merm-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-merm-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-merm-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-merm-fiche {\n max-width: 1040px;\n margin: 0 auto;\n padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n background: var(--soi-merm-white);\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--soi-merm-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-merm-hero {\n position: relative;\n background: var(--soi-merm-marine);\n padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n border-radius: var(--soi-merm-radius);\n text-align: center;\n overflow: hidden;\n}\n\n.soi-merm-hero::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--soi-merm-pomme);\n}\n\n.soi-merm-hero-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.7);\n margin-bottom: 1rem;\n}\n\n.soi-merm-tag-dot {\n display: inline-block;\n width: 6px;\n height: 6px;\n background: var(--soi-merm-pomme);\n border-radius: 50%;\n}\n\n.soi-merm-hero-title {\n display: block;\n color: var(--soi-merm-white);\n font-family: 'Poppins', sans-serif;\n font-size: clamp(26px, 5vw, 38px);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.2;\n margin-bottom: 0.75rem;\n}\n\n.soi-merm-hero-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: clamp(14px, 2vw, 16px);\n color: rgba(255,255,255,0.85);\n max-width: 580px;\n margin: 0 auto 1.5rem;\n line-height: 1.6;\n}\n\n.soi-merm-hero-labels {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.soi-merm-label {\n display: inline-block;\n padding: 6px 14px;\n background: transparent;\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--soi-merm-white);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.08em;\n border-radius: var(--soi-merm-radius-pill);\n font-family: 'Inter', sans-serif;\n}\n\n.soi-merm-label-accent {\n background: var(--soi-merm-pomme);\n border-color: var(--soi-merm-pomme);\n color: var(--soi-merm-marine);\n font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-merm-section {\n margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-merm-section h2 {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 600;\n color: var(--soi-merm-marine);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n position: relative;\n padding-bottom: 12px;\n}\n\n.soi-merm-section h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background: var(--soi-merm-pomme);\n border-radius: 2px;\n}\n\n.soi-merm-section-intro {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--soi-merm-text-soft);\n margin-bottom: 1.5rem;\n max-width: 720px;\n}\n\n.soi-merm-section p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--soi-merm-text);\n line-height: 1.7;\n margin-bottom: 0.8rem;\n}\n\n.soi-merm-section p:last-child {\n margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-merm-benefits {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.soi-merm-benefit {\n background: var(--soi-merm-white);\n padding: 1.5rem 1.25rem;\n border-radius: var(--soi-merm-radius);\n border: 1px solid var(--soi-merm-line);\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-merm-benefit:hover {\n transform: translateY(-2px);\n box-shadow: var(--soi-merm-shadow-md);\n}\n\n.soi-merm-benefit-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 1rem;\n background: var(--soi-merm-marine);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n position: relative;\n}\n\n.soi-merm-benefit-icon::after {\n content: '';\n position: absolute;\n inset: -4px;\n border: 1.5px solid var(--soi-merm-pomme);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n\n.soi-merm-benefit:hover .soi-merm-benefit-icon::after {\n opacity: 1;\n}\n\n.soi-merm-benefit h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-merm-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-merm-benefit p {\n font-size: 13px;\n color: var(--soi-merm-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-merm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.soi-merm-card {\n background: var(--soi-merm-off-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-merm-radius);\n border-left: 3px solid var(--soi-merm-pomme);\n}\n\n.soi-merm-card h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: var(--soi-merm-marine);\n margin-bottom: 0.5rem;\n}\n\n.soi-merm-card p {\n font-size: 14px;\n color: var(--soi-merm-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-merm-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n margin-top: 1.5rem;\n}\n\n.soi-merm-card-mini {\n background: var(--soi-merm-stone);\n padding: 1rem 1.25rem;\n border-radius: var(--soi-merm-radius-sm);\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.soi-merm-card-mini-icon {\n font-size: 20px;\n margin-bottom: 4px;\n}\n\n.soi-merm-card-mini-label {\n font-size: 11px;\n color: var(--soi-merm-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-weight: 500;\n}\n\n.soi-merm-card-mini-value {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-merm-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-merm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.soi-merm-step {\n display: flex;\n gap: 1.25rem;\n background: var(--soi-merm-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--soi-merm-radius);\n border: 1px solid var(--soi-merm-line);\n align-items: flex-start;\n}\n\n.soi-merm-step-num {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: var(--soi-merm-marine);\n color: var(--soi-merm-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n}\n\n.soi-merm-step-content h3 {\n font-family: 'Poppins', sans-serif;\n font-size: 15px;\n font-weight: 600;\n color: var(--soi-merm-marine);\n margin-bottom: 0.3rem;\n}\n\n.soi-merm-step-content p {\n font-size: 14px;\n color: var(--soi-merm-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-merm-compo {\n background: var(--soi-merm-off-white);\n border-radius: var(--soi-merm-radius);\n padding: 0.5rem 0;\n overflow: hidden;\n}\n\n.soi-merm-compo-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--soi-merm-line);\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.soi-merm-compo-row:last-child {\n border-bottom: none;\n}\n\n.soi-merm-compo-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--soi-merm-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n}\n\n.soi-merm-compo-value {\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--soi-merm-marine);\n text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-merm-tip {\n display: flex;\n gap: 1rem;\n background: var(--soi-merm-pomme-light);\n border-left: 4px solid var(--soi-merm-pomme);\n padding: 1.25rem 1.5rem;\n border-radius: 0 var(--soi-merm-radius) var(--soi-merm-radius) 0;\n align-items: flex-start;\n}\n\n.soi-merm-tip-icon {\n flex-shrink: 0;\n font-size: 22px;\n line-height: 1;\n}\n\n.soi-merm-tip strong {\n display: block;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: var(--soi-merm-marine);\n margin-bottom: 4px;\n}\n\n.soi-merm-tip p {\n font-size: 14px;\n color: var(--soi-merm-text);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-merm-accordion {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.soi-merm-accordion-item {\n background: var(--soi-merm-off-white);\n border-radius: var(--soi-merm-radius-sm);\n border: 1px solid var(--soi-merm-line);\n overflow: hidden;\n}\n\n.soi-merm-accordion-header {\n font-family: 'Poppins', sans-serif;\n font-weight: 500;\n font-size: 14px;\n color: var(--soi-merm-marine);\n padding: 1rem 1.25rem;\n cursor: pointer;\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.soi-merm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.soi-merm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 300;\n color: var(--soi-merm-pomme);\n transition: transform 0.2s ease;\n}\n\n.soi-merm-accordion-item[open] .soi-merm-accordion-header::after {\n transform: rotate(45deg);\n}\n\n.soi-merm-accordion-content {\n padding: 0 1.25rem 1rem;\n}\n\n.soi-merm-accordion-content p {\n font-size: 14px;\n color: var(--soi-merm-text-soft);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-merm-cta-box {\n background: var(--soi-merm-marine);\n padding: clamp(2rem, 4vw, 2.5rem);\n border-radius: var(--soi-merm-radius);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.soi-merm-cta-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--soi-merm-pomme);\n border-radius: 0 0 4px 4px;\n}\n\n.soi-merm-cta-tag {\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--soi-merm-pomme);\n margin-bottom: 0.75rem;\n}\n\n.soi-merm-cta-text {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 500;\n color: var(--soi-merm-white);\n line-height: 1.4;\n margin: 0;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n .soi-merm-step {\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .soi-merm-compo-row {\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n }\n\n .soi-merm-compo-value {\n text-align: left;\n }\n\n .soi-merm-hero {\n padding: 1.75rem 1.25rem;\n }\n\n .soi-merm-grid {\n grid-template-columns: 1fr;\n }\n\n .soi-merm-benefits {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .soi-merm-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .soi-merm-fiche * {\n animation: none;\n transition: none;\n }\n}\n\n@media (prefers-contrast: more) {\n .soi-merm-fiche {\n --soi-merm-text-soft: #2C3E50;\n --soi-merm-line: #B0B8B0;\n }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603665117514,"sku":"NJ0325","price":4.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/eau-salee-de-la-mer-morte-najel-packshot.webp?v=1779719891"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/collections\/Najel.png?v=1779882701","url":"https:\/\/www.soinature.com\/collections\/najel.oembed","provider":"Soinature","version":"1.0","type":"link"}