{"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","url":"https:\/\/www.soinature.com\/products\/savon-dalep-40-hbl-najel","provider":"Soinature","version":"1.0","type":"link"}