{"product_id":"savon-dalep-5-190-g-najel","title":"Savon d'Alep 5% HBL – 190 g – Najel","description":"\u003cdiv class=\"alep-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"alep-hero\"\u003e\n\u003cdiv class=\"alep-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"alep-hero-content\"\u003e\n\u003cdiv class=\"alep-badges-top\"\u003e\n\u003cspan class=\"alep-badge\"\u003e🌿 100% Naturel\u003c\/span\u003e \u003cspan class=\"alep-badge\"\u003e🇸🇾 Authentique Alep\u003c\/span\u003e \u003cspan class=\"alep-badge\"\u003e🧴 5% Huile de Laurier\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"alep-hero-title\"\u003eSavon d'Alep 5% HBL\u003c\/span\u003e\n\u003cp class=\"alep-subtitle\"\u003eL'héritage de 3 000 ans de savoir-faire syrien\u003c\/p\u003e\n\u003cp class=\"alep-description\"\u003eCe savon traditionnel associe \u003cstrong\u003e95% d'huile d'olive\u003c\/strong\u003e et \u003cstrong\u003e5% d'huile de baies de laurier\u003c\/strong\u003e pour un soin naturel qui respecte tous les types de peau, y compris les plus sensibles. L'ancêtre du savon de Marseille, dans sa forme la plus pure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003ePourquoi choisir un savon d'Alep à 5 % d'huile de baies de laurier ?\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003ePlus le taux d'huile de baies de laurier est élevé, plus le savon possède des propriétés purifiantes. Avec ses 5% d'HBL, ce dosage représente l'équilibre idéal pour un usage quotidien.\u003c\/p\u003e\n\u003cdiv class=\"alep-grid\"\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🌱 Parfait pour débuter\u003c\/h3\u003e\n\u003cp\u003eSi vous découvrez les bienfaits du savon d'Alep, ce dosage convient à toutes les peaux sans risque d'assèchement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e💧 Peaux normales à sèches\u003c\/h3\u003e\n\u003cp\u003eL'huile d'olive nourrit intensément tandis que le laurier apporte une touche purifiante équilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e👨👩👧👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eEnfants, adultes et personnes âgées peuvent l'utiliser au quotidien en toute sérénité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eLes bienfaits du savon d'Alep pour votre peau\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eCe n'est pas un hasard si le savon d'Alep traverse les siècles avec une réputation intacte.\u003c\/p\u003e\n\u003cdiv class=\"alep-grid\"\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🫒 Nutrition profonde\u003c\/h3\u003e\n\u003cp\u003eL'huile d'olive, riche en acides gras et en vitamine E, pénètre l'épiderme pour une peau souple et confortable toute la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🌸 Action apaisante\u003c\/h3\u003e\n\u003cp\u003eL'huile de baies de laurier calme les petites irritations, les rougeurs et les inconforts cutanés du quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e✨ Propriétés purifiantes\u003c\/h3\u003e\n\u003cp\u003eLe laurier aide à assainir la peau sans l'agresser, idéal pour les peaux à tendance grasse ou à imperfections légères.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🛡️ Respect du film hydrolipidique\u003c\/h3\u003e\n\u003cp\u003eContrairement aux savons industriels, ce savon surgras ne décape pas votre peau et préserve son équilibre naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eSavon d'Alep visage : est-ce vraiment adapté ?\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eOui, et c'est même l'une de ses utilisations les plus appréciées ! Grâce à sa formule douce et naturelle, il nettoie en profondeur sans provoquer de tiraillements.\u003c\/p\u003e\n\u003cdiv class=\"alep-grid\"\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e⚖️ Peaux mixtes\u003c\/h3\u003e\n\u003cp\u003eRégule l'excès de sébum sans assécher les zones plus sèches du visage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🌷 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eIdéal pour celles qui réagissent aux nettoyants conventionnels chargés en additifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🎯 Routine simplifiée\u003c\/h3\u003e\n\u003cp\u003eUn produit polyvalent qui simplifie votre routine beauté quotidienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-tip\"\u003e\n\u003cspan class=\"alep-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e faites mousser le savon entre vos mains et appliquez la mousse onctueuse en massages circulaires, puis rincez à l'eau tiède.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eSavon d'Alep cheveux : un shampooing solide naturel\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eUtiliser le savon d'Alep pour les cheveux est une pratique ancestrale qui revient en force. Ce savon agit comme un shampooing solide naturel, particulièrement adapté aux cuirs chevelus sensibles ou sujets aux pellicules.\u003c\/p\u003e\n\u003cdiv class=\"alep-grid-compact\"\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🧴 Purifie le cuir chevelu\u003c\/h3\u003e\n\u003cp\u003eL'huile de baies de laurier assainit en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e💆 Nourrit la fibre\u003c\/h3\u003e\n\u003cp\u003eL'huile d'olive nourrit et renforce vos cheveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-tip\"\u003e\n\u003cspan class=\"alep-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eConseil :\u003c\/strong\u003e frottez le savon directement sur cheveux mouillés ou faites mousser dans vos mains avant d'appliquer. Rincez abondamment, puis terminez par un rinçage au vinaigre de cidre dilué pour refermer les écailles et apporter brillance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eComposition complète du savon d'Alep Najel 5 % HBL\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eL'âme du savon d'Alep réside dans la simplicité et la pureté de ses ingrédients.\u003c\/p\u003e\n\u003cdiv class=\"alep-composition\"\u003e\n\u003cdiv class=\"alep-composition-item alep-composition-main\"\u003e\n\u003cspan class=\"alep-composition-percent\"\u003e95%\u003c\/span\u003e \u003cspan class=\"alep-composition-name\"\u003eSodium Olivate\u003c\/span\u003e \u003cspan class=\"alep-composition-desc\"\u003eHuile d'olive saponifiée\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-composition-item alep-composition-secondary\"\u003e\n\u003cspan class=\"alep-composition-percent\"\u003e5%\u003c\/span\u003e \u003cspan class=\"alep-composition-name\"\u003eSodium Laurate\u003c\/span\u003e \u003cspan class=\"alep-composition-desc\"\u003eHuile de baies de laurier saponifiée\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-ingredients-list\"\u003e\n\u003cspan class=\"alep-ingredient\"\u003eAqua (eau)\u003c\/span\u003e \u003cspan class=\"alep-ingredient\"\u003eSodium Hydroxide\u003c\/span\u003e \u003cspan class=\"alep-ingredient\"\u003eSodium Chloride (sel)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-purity-badges\"\u003e\n\u003cspan class=\"alep-purity-badge\"\u003e🚫 Sans colorant\u003c\/span\u003e \u003cspan class=\"alep-purity-badge\"\u003e🚫 Sans parfum de synthèse\u003c\/span\u003e \u003cspan class=\"alep-purity-badge\"\u003e🚫 Sans conservateur artificiel\u003c\/span\u003e \u003cspan class=\"alep-purity-badge\"\u003e🌴 Sans huile de palme\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eSavon d'Alep avis dermatologue : qu'en pensent les professionnels ?\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eLe savon d'Alep bénéficie généralement d'un avis favorable des dermatologues.\u003c\/p\u003e\n\u003cdiv class=\"alep-grid\"\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e✅ Composition 100% naturelle\u003c\/h3\u003e\n\u003cp\u003eLimite les risques d'allergie ou d'irritation cutanée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e✅ Caractère surgras\u003c\/h3\u003e\n\u003cp\u003eConvient parfaitement aux peaux atopiques ou réactives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e✅ Recommandé en complément\u003c\/h3\u003e\n\u003cp\u003ePeut accompagner les soins pour peaux à tendance eczémateuse ou psoriasique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"alep-disclaimer\"\u003e⚠️ Ce savon ne constitue pas un traitement médical. En cas de problème cutané persistant, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eComment utiliser votre savon d'Alep au quotidien ?\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eCe savon de 190 g est un véritable couteau suisse de la salle de bain.\u003c\/p\u003e\n\u003cdiv class=\"alep-timeline\"\u003e\n\u003cdiv class=\"alep-timeline-item\"\u003e\n\u003cspan class=\"alep-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"alep-timeline-content\"\u003e\n\u003ch3\u003e🚿 Pour le corps\u003c\/h3\u003e\n\u003cp\u003eFaites mousser sur peau humide, massez délicatement puis rincez. Votre peau est propre, douce et légèrement parfumée par les notes végétales naturelles du laurier.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-timeline-item\"\u003e\n\u003cspan class=\"alep-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"alep-timeline-content\"\u003e\n\u003ch3\u003e😊 Pour le visage\u003c\/h3\u003e\n\u003cp\u003eAppliquez la mousse en évitant le contour des yeux, rincez à l'eau claire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-timeline-item\"\u003e\n\u003cspan class=\"alep-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"alep-timeline-content\"\u003e\n\u003ch3\u003e💇 Pour les cheveux\u003c\/h3\u003e\n\u003cp\u003eUtilisez comme un shampooing solide, en insistant sur le cuir chevelu.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-timeline-item\"\u003e\n\u003cspan class=\"alep-timeline-number\"\u003e4\u003c\/span\u003e\n\u003cdiv class=\"alep-timeline-content\"\u003e\n\u003ch3\u003e🪒 Pour le rasage\u003c\/h3\u003e\n\u003cp\u003eLa mousse onctueuse facilite le passage du rasoir et apaise la peau après le rasage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-tip\"\u003e\n\u003cspan class=\"alep-tip-icon\"\u003e🧼\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eConservation :\u003c\/strong\u003e après chaque utilisation, posez votre savon sur un porte-savon aéré pour qu'il sèche entre deux utilisations. Ainsi, il durera plusieurs mois.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 10 (DERNIÈRE) --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"alep-section\"\u003e\n\u003ch2\u003eEn résumé\u003c\/h2\u003e\n\u003cdiv class=\"alep-cta-box\"\u003e\n\u003cp\u003eLe \u003cstrong\u003eSavon d'Alep 5% HBL de Najel\u003c\/strong\u003e incarne l'essence même du soin naturel : des ingrédients nobles, un savoir-faire ancestral et une efficacité prouvée depuis des millénaires. Que vous souhaitiez l'utiliser pour le visage, le corps ou les cheveux, ce savon authentique deviendra vite un indispensable de votre routine.\u003c\/p\u003e\n\u003cp style=\"margin-top: 1rem; font-size: 1.1em;\"\u003e🌿 Offrez à votre peau le meilleur de la tradition orientale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --alep-cream: #FAF8F5;\n  --alep-white: #ffffff;\n  --alep-primary: #4A9B8C;\n  --alep-primary-dark: #2C5F4F;\n  --alep-primary-light: #E8F4F1;\n  --alep-secondary: #D4A853;\n  --alep-accent: #8B7355;\n  --alep-text: #1a1a1a;\n  --alep-text-light: #5a5a5a;\n  --alep-border: #e0e0e0;\n  --alep-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --alep-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --alep-radius: 20px;\n  --alep-radius-sm: 12px;\n}\n\n.alep-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--alep-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.alep-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--alep-primary) 0%, var(--alep-primary-dark) 50%, #1D4A3F 100%);\n  border-radius: var(--alep-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--alep-shadow-lg);\n}\n\n.alep-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 15 L30 25 L25 15 Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3Ccircle cx='10' cy='40' r='3' fill='%23ffffff' fill-opacity='0.02'\/%3E%3Ccircle cx='50' cy='45' r='4' fill='%23ffffff' fill-opacity='0.02'\/%3E%3C\/svg%3E\");\n  opacity: 1;\n}\n\n.alep-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.alep-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.alep-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--alep-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.alep-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.alep-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.alep-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.5rem 0;\n  letter-spacing: .02em;\n}\n\n.alep-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.alep-description strong {\n  color: var(--alep-secondary);\n}\n\n\/* === SECTIONS === *\/\n.alep-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.alep-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--alep-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.alep-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--alep-primary), var(--alep-secondary));\n  border-radius: 2px;\n}\n\n.alep-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--alep-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.alep-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.alep-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.alep-card {\n  background: var(--alep-white);\n  border-radius: var(--alep-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--alep-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.alep-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--alep-shadow-lg);\n  border-color: var(--alep-primary);\n}\n\n.alep-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--alep-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.alep-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--alep-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.alep-grid-compact .alep-card {\n  padding: 1rem;\n}\n\n.alep-grid-compact .alep-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.alep-grid-compact .alep-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION SECTION === *\/\n.alep-composition {\n  display: flex;\n  justify-content: center;\n  gap: 2rem;\n  flex-wrap: wrap;\n  margin-bottom: 1.5rem;\n}\n\n.alep-composition-item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 1.5rem 2rem;\n  border-radius: var(--alep-radius);\n  text-align: center;\n  min-width: 180px;\n}\n\n.alep-composition-main {\n  background: linear-gradient(135deg, var(--alep-primary), var(--alep-primary-dark));\n  color: white;\n}\n\n.alep-composition-secondary {\n  background: linear-gradient(135deg, var(--alep-secondary), var(--alep-accent));\n  color: white;\n}\n\n.alep-composition-percent {\n  font-size: 42px;\n  font-weight: 900;\n  line-height: 1;\n  margin-bottom: .25rem;\n}\n\n.alep-composition-name {\n  font-size: 14px;\n  font-weight: 700;\n  margin-bottom: .25rem;\n}\n\n.alep-composition-desc {\n  font-size: 12px;\n  opacity: .9;\n}\n\n.alep-ingredients-list {\n  display: flex;\n  justify-content: center;\n  gap: .75rem;\n  flex-wrap: wrap;\n  margin-bottom: 1.5rem;\n}\n\n.alep-ingredient {\n  background: var(--alep-white);\n  padding: .5rem 1rem;\n  border-radius: 999px;\n  font-size: 13px;\n  color: var(--alep-text-light);\n  box-shadow: var(--alep-shadow);\n}\n\n.alep-purity-badges {\n  display: flex;\n  justify-content: center;\n  gap: .75rem;\n  flex-wrap: wrap;\n}\n\n.alep-purity-badge {\n  background: var(--alep-primary-light);\n  color: var(--alep-primary-dark);\n  padding: .5rem 1rem;\n  border-radius: var(--alep-radius-sm);\n  font-size: 12px;\n  font-weight: 600;\n}\n\n\/* === TIMELINE === *\/\n.alep-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.alep-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.alep-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--alep-primary), var(--alep-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.alep-timeline-content {\n  flex: 1;\n  background: var(--alep-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--alep-radius-sm);\n  box-shadow: var(--alep-shadow);\n}\n\n.alep-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--alep-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.alep-timeline-content p {\n  font-size: 14px;\n  color: var(--alep-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.alep-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--alep-primary-light);\n  border-radius: var(--alep-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.alep-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.alep-tip p {\n  font-size: 14px;\n  color: var(--alep-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.alep-cta-box {\n  background: linear-gradient(135deg, var(--alep-primary) 0%, var(--alep-primary-dark) 100%);\n  border-radius: var(--alep-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.alep-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.alep-disclaimer {\n  font-size: 12px;\n  color: var(--alep-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .alep-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .alep-card {\n    padding: 1.125rem;\n  }\n  \n  .alep-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .alep-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--alep-radius-sm);\n  }\n  \n  .alep-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .alep-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .alep-grid-compact {\n    gap: .625rem;\n  }\n  \n  .alep-grid-compact .alep-card {\n    padding: .75rem;\n  }\n  \n  .alep-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .alep-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .alep-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .alep-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .alep-composition {\n    gap: 1rem;\n  }\n  \n  .alep-composition-item {\n    padding: 1rem 1.5rem;\n    min-width: 140px;\n  }\n  \n  .alep-composition-percent {\n    font-size: 32px;\n  }\n  \n  .alep-purity-badges {\n    gap: .5rem;\n  }\n  \n  .alep-purity-badge {\n    font-size: 11px;\n    padding: .4rem .75rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .alep-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .alep-card:nth-child(1) { animation-delay: .05s; }\n  .alep-card:nth-child(2) { animation-delay: .1s; }\n  .alep-card:nth-child(3) { animation-delay: .15s; }\n  .alep-card:nth-child(4) { animation-delay: .2s; }\n  .alep-card:nth-child(5) { animation-delay: .25s; }\n  .alep-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .alep-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54922476355961,"sku":"NJ0035","price":3.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-5-hbl-190-g-najel-lifestyle_eb6c8e97-fb12-41f4-8f84-1cae132dc9c7.webp?v=1769589615","url":"https:\/\/www.naturellement-bio.com\/products\/savon-dalep-5-190-g-najel","provider":"Naturellement Bio","version":"1.0","type":"link"}