{"product_id":"savon-d-alep-35-laurier-200-g-al-bara","title":"Savon d’Alep 35% Laurier – 200 g – Al Bara","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 · Al Bara\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-alep-hero-title\"\u003eTrois millénaires de tradition savonnière\u003c\/span\u003e\n    \u003cp class=\"soi-alep-hero-subtitle\"\u003eUn savon d'Alep authentique à 35% d'huile de baies de laurier, façonné artisanalement selon un savoir-faire ancestral pour les peaux en quête de pureté et de douceur.\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\"\u003eFABRICATION ARTISANALE\u003c\/span\u003e\n      \u003cspan class=\"soi-alep-label\"\u003eSANS HUILE DE PALME\u003c\/span\u003e\n      \u003cspan class=\"soi-alep-label\"\u003eSANS CONSERVATEUR\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!-- INTRO --\u003e\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eLe savon d'Alep Al Bara : un soin lavant ancestral\u003c\/h2\u003e\n    \u003cp\u003eLe savon d'Alep 35% Laurier Al Bara est bien plus qu'un simple savon. C'est l'un des plus anciens savons du monde, né à Alep en Syrie il y a plus de 3 000 ans, façonné selon un savoir-faire artisanal transmis de génération en génération. Avec sa teneur élevée en huile de baies de laurier, cette version 35% s'adresse tout particulièrement aux peaux qui ont besoin d'un soin lavant à la fois purifiant, apaisant et naturel.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- COMPOSITION --\u003e\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eComposition du savon d'Alep Al Bara : le minimalisme au service de la peau\u003c\/h2\u003e\n    \u003cp class=\"soi-alep-section-intro\"\u003eCe qui distingue un vrai savon d'Alep authentique, c'est la pureté de sa formule. Pas de parfum ajouté, pas de colorant, pas de conservateur. Seulement l'essentiel.\u003c\/p\u003e\n    \u003cdiv class=\"soi-alep-grid\"\u003e\n      \u003cdiv class=\"soi-alep-card\"\u003e\n        \u003ch3\u003e🫒 Huile d'olive de première pression\u003c\/h3\u003e\n        \u003cp\u003eBase principale du savon, elle nourrit, adoucit et protège l'épiderme en profondeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-card\"\u003e\n        \u003ch3\u003e🌿 Huile de baies de laurier à 35%\u003c\/h3\u003e\n        \u003cp\u003ePurifie, apaise et contribue à assainir la peau. C'est l'actif signature du savon d'Alep.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-card\"\u003e\n        \u003ch3\u003e💧 Eau et soude\u003c\/h3\u003e\n        \u003cp\u003eAgents de saponification naturels, indispensables à la formation du savon.\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\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eSon parfum discret et boisé provient uniquement des huiles qui le composent. Aucun ajout artificiel ne vient altérer cette authenticité.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- POURQUOI 35% --\u003e\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003ePourquoi choisir un savon d'Alep à 35% de laurier ?\u003c\/h2\u003e\n    \u003cp\u003ePlus le pourcentage d'huile de laurier est élevé, plus les propriétés purifiantes et apaisantes du savon sont prononcées. Le 35% est particulièrement adapté aux peaux mixtes à grasses, aux peaux sujettes aux imperfections, ou encore à celles qui réagissent à de nombreux produits cosmétiques conventionnels.\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\u003ePeaux sensibles et réactives\u003c\/h3\u003e\n        \u003cp\u003eSa formule minimaliste respecte les épidermes les plus délicats.\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\u003eAcné et points noirs\u003c\/h3\u003e\n        \u003cp\u003eSes propriétés purifiantes aident à assainir les peaux sujettes aux imperfections.\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\u003eEczéma et psoriasis\u003c\/h3\u003e\n        \u003cp\u003eL'huile de laurier contribue à apaiser les peaux concernées par ces problématiques.\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 mixtes à grasses\u003c\/h3\u003e\n        \u003cp\u003eCe savon purifie sans décaper, pour un nettoyage équilibré au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp\u003eCe savon peut s'utiliser aussi bien pour le visage que pour le corps, voire les cheveux. Recommandé par de nombreux dermatologues, il constitue une alternative naturelle fiable aux produits nettoyants chargés en agents irritants.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- FABRICATION --\u003e\n  \u003csection class=\"soi-alep-section\"\u003e\n    \u003ch2\u003eUn processus de fabrication artisanal unique\u003c\/h2\u003e\n    \u003cp class=\"soi-alep-section-intro\"\u003eLe savon d'Alep Al Bara est fabriqué selon la méthode traditionnelle en trois étapes clés.\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\u003eCuisson lente au chaudron\u003c\/h3\u003e\n          \u003cp\u003eLes huiles sont chauffées et mélangées à la soude pendant plusieurs jours.\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\u003eSéchage naturel\u003c\/h3\u003e\n          \u003cp\u003eLes pains sont empilés dans des caves et séchés à l'air libre pendant 6 à 8 mois minimum.\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\u003eFaçonnage et découpe manuels\u003c\/h3\u003e\n          \u003cp\u003eChaque pain est taillé à la main, ce qui explique ses contours légèrement irréguliers, signe d'authenticité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp\u003eCe long processus de maturation est ce qui confère au savon d'Alep ses propriétés exceptionnelles. Plus il vieillit, plus il s'enrichit et devient doux.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- UTILISATION --\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.\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\u003eAppliquer et masser\u003c\/h3\u003e\n          \u003cp\u003eAppliquez la mousse sur le visage ou le corps en massages circulaires doux. Rincez 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\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-alep-step-content\"\u003e\n          \u003ch3\u003eConserver correctement\u003c\/h3\u003e\n          \u003cp\u003eÉgouttez votre pain entre chaque utilisation en le posant sur une savonnière à l'abri de l'eau stagnante.\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 peaux sensibles, commencez par une utilisation 2 à 3 fois par semaine avant d'augmenter la fréquence selon la tolérance de votre peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- 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\"\u003ePoids\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-compo-value\"\u003e200 g\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\"\u003eAlep, Syrie\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\"\u003e100% artisanale et naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-alep-compo-row\"\u003e\n        \u003cspan class=\"soi-alep-compo-label\"\u003eConditionnement\u003c\/span\u003e\n        \u003cspan class=\"soi-alep-compo-value\"\u003eÉtui en carton recyclable (bac jaune)\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\"\u003eHuile de palme, conservateur, parfum de synthèse\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;\"\u003eSe soigner naturellement\u003c\/p\u003e\n      \u003cp class=\"soi-alep-cta-text\" style=\"color: white;\"\u003eTrois millénaires de tradition dans le creux de vos mains. Naturel, pur, efficace : offrez à votre peau ce qu'elle mérite vraiment, sans compromis.\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 bleu-vert oriental + ocre doré) === *\/\n  --soi-alep-primary: #2A7A8A;\n  --soi-alep-primary-soft: rgba(42,122,138,0.08);\n  --soi-alep-accent: #C4A35A;\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(24px, 5vw, 35px);\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  margin-bottom: 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: 15px;\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: 16px;\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: 15px;\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: 15px;\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":"Al Bara","offers":[{"title":"Default Title","offer_id":62333302014282,"sku":"AB0005","price":8.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-35-laurier-200-g-al-bara-packshot.webp?v=1788439761","url":"https:\/\/www.soinature.com\/products\/savon-d-alep-35-laurier-200-g-al-bara","provider":"Soinature","version":"1.0","type":"link"}