{"product_id":"savon-dalep-parfume-chevrefeuille-50-g-al-bara","title":"Savon d'Alep artisanal parfum Chèvrefeuille - Al Bara","description":"\u003cdiv class=\"alep-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"alep-hero\"\u003e\n    \u003cdiv class=\"alep-hero-pattern\"\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\n        \u003cspan class=\"alep-badge\"\u003e🖐️ Fabrication Artisanale\u003c\/span\u003e\n        \u003cspan class=\"alep-badge\"\u003e🌸 Chèvrefeuille\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"alep-hero-title\"\u003eL'Orient floral à l'état pur\u003c\/span\u003e\n      \u003cp class=\"alep-subtitle\"\u003eSavon d'Alep authentique parfumé au chèvrefeuille\u003c\/p\u003e\n      \u003cp class=\"alep-description\"\u003eUn savon artisanal issu d'un savoir-faire vieux de plus de 3 000 ans, sublimé par la douceur florale du chèvrefeuille. Authenticité, simplicité, naturalité.\u003c\/p\u003e\n      \u003cdiv class=\"alep-hero-labels\"\u003e\n        \u003cspan class=\"alep-label alep-label-accent\"\u003e100% VÉGÉTAL\u003c\/span\u003e\n        \u003cspan class=\"alep-label\"\u003eSANS HUILE DE PALME\u003c\/span\u003e\n        \u003cspan class=\"alep-label\"\u003eSANS PARABÈNES\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 : Un trésor millénaire --\u003e\n  \u003csection class=\"alep-section\"\u003e\n    \u003ch2\u003eLe savon d'Alep : un trésor millénaire pour votre peau\u003c\/h2\u003e\n    \u003cp class=\"alep-section-intro\"\u003eConsidéré comme \u003cstrong\u003el'âme du savon d'Alep\u003c\/strong\u003e et ancêtre direct du savon de Marseille, ce pain solide est traditionnellement élaboré à partir d'huile d'olive et d'huile de baies de laurier, cuit lentement au chaudron selon la méthode ancestrale de saponification à chaud. Chez Al Bara, la tradition est respectée : aucun raccourci industriel, aucune huile de palme.\u003c\/p\u003e\n    \u003cdiv class=\"alep-grid\"\u003e\n      \u003cdiv class=\"alep-card\"\u003e\n        \u003ch3\u003e🌿 Nettoyage tout en douceur\u003c\/h3\u003e\n        \u003cp\u003eAdapté aux peaux sensibles, il s'utilise sur le \u003cstrong\u003evisage\u003c\/strong\u003e comme sur le corps.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"alep-card\"\u003e\n        \u003ch3\u003e💧 Action nourrissante\u003c\/h3\u003e\n        \u003cp\u003eRiche en acides gras et vitamine E grâce à l'huile d'olive précieuse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"alep-card\"\u003e\n        \u003ch3\u003e☁️ Mousse fine et crémeuse\u003c\/h3\u003e\n        \u003cp\u003ePurifie sans agresser, même les épidermes les plus fragiles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"alep-card\"\u003e\n        \u003ch3\u003e🍃 Formule 100 % naturelle\u003c\/h3\u003e\n        \u003cp\u003eVégétale, sans parabènes ni conservateurs synthétiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Chèvrefeuille --\u003e\n  \u003csection class=\"alep-section\"\u003e\n    \u003ch2\u003eChèvrefeuille : une fragrance florale venue des jardins d'Orient\u003c\/h2\u003e\n    \u003cdiv class=\"alep-testimonial\"\u003e\n      \u003cp class=\"alep-testimonial-text\"\u003e\"Ce savon se distingue par son parfum de \u003cstrong\u003echèvrefeuille\u003c\/strong\u003e, fleur emblématique des jardins méditerranéens. Sa senteur fraîche, légèrement sucrée et lumineuse laisse un sillage délicat qui persiste après le rinçage. Un véritable plaisir sensoriel qui transforme votre rituel de soin en un moment de douceur quotidien.\"\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Composition --\u003e\n  \u003csection class=\"alep-section\"\u003e\n    \u003ch2\u003eComposition du savon d'Alep parfumé Chèvrefeuille\u003c\/h2\u003e\n    \u003cp class=\"alep-section-intro\"\u003eLa \u003cstrong\u003ecomposition du savon d'Alep\u003c\/strong\u003e Al Bara reste volontairement courte et transparente.\u003c\/p\u003e\n    \u003cdiv class=\"alep-compo\"\u003e\n      \u003cdiv class=\"alep-compo-row\"\u003e\n        \u003cspan class=\"alep-compo-label\"\u003eBase saponifiée\u003c\/span\u003e\n        \u003cspan class=\"alep-compo-value\"\u003eSodium Olivate (huile d'olive), Aqua, Sodium Hydroxide\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"alep-compo-row\"\u003e\n        \u003cspan class=\"alep-compo-label\"\u003eParfum\u003c\/span\u003e\n        \u003cspan class=\"alep-compo-value\"\u003eFragrance chèvrefeuille\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"alep-compo-row\"\u003e\n        \u003cspan class=\"alep-compo-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"alep-compo-value\"\u003eHuile de palme, parabènes, colorants\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"alep-compo-note\"\u003eUne formule pensée pour les peaux réactives et pour toutes celles et ceux en quête d'une alternative saine aux savons conventionnels.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Utilisation --\u003e\n  \u003csection class=\"alep-section\"\u003e\n    \u003ch2\u003eComment utiliser votre savon d'Alep parfumé ?\u003c\/h2\u003e\n    \u003cdiv class=\"alep-timeline\"\u003e\n      \u003cdiv class=\"alep-timeline-item\"\u003e\n        \u003cdiv class=\"alep-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"alep-timeline-content\"\u003e\n          \u003ch3\u003eMouillez\u003c\/h3\u003e\n          \u003cp\u003eHumidifiez le savon ainsi que vos mains ou un gant.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"alep-timeline-item\"\u003e\n        \u003cdiv class=\"alep-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"alep-timeline-content\"\u003e\n          \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n          \u003cp\u003eMassez le \u003cstrong\u003evisage\u003c\/strong\u003e ou le corps en mouvements circulaires.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"alep-timeline-item\"\u003e\n        \u003cdiv class=\"alep-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"alep-timeline-content\"\u003e\n          \u003ch3\u003eRincez et séchez\u003c\/h3\u003e\n          \u003cp\u003eRincez à l'eau tiède, puis conservez le pain au sec entre chaque usage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"alep-tip\"\u003e\n      \u003cdiv class=\"alep-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cp\u003e\u003cstrong\u003eNotre conseil :\u003c\/strong\u003e peut aussi s'utiliser en shampoing solide occasionnel pour les \u003cstrong\u003echeveux\u003c\/strong\u003e normaux à gras. Terminez par un rinçage à l'eau vinaigrée pour raviver la brillance.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Pourquoi choisir --\u003e\n  \u003csection class=\"alep-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le savon d'Alep Al Bara ?\u003c\/h2\u003e\n    \u003cdiv class=\"alep-grid-compact\"\u003e\n      \u003cdiv class=\"alep-card\"\u003e\n        \u003ch3\u003e🕌 Tradition artisanale\u003c\/h3\u003e\n        \u003cp\u003eFabriqué à la main dans la pure tradition orientale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"alep-card\"\u003e\n        \u003ch3\u003e📋 Formule courte\u003c\/h3\u003e\n        \u003cp\u003eIngrédients transparents, sans substances controversées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"alep-card\"\u003e\n        \u003ch3\u003e🌸 Parfum élégant\u003c\/h3\u003e\n        \u003cp\u003eLe chèvrefeuille offre une note florale douce, non entêtante.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"alep-card\"\u003e\n        \u003ch3\u003e🌍 Respect de l'environnement\u003c\/h3\u003e\n        \u003cp\u003eEmballage carton recyclable et formule biodégradable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Précautions --\u003e\n  \u003csection class=\"alep-section\"\u003e\n    \u003cdiv class=\"alep-accordion\"\u003e\n      \u003cdetails class=\"alep-accordion-item\"\u003e\n        \u003csummary class=\"alep-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"alep-accordion-content mt-3\"\u003e\n          \u003cp\u003eProduit cosmétique naturel. Il ne remplace pas un traitement médical. Évitez le contour des yeux. En cas de réaction 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  \u003c!-- CTA --\u003e\n  \u003csection class=\"alep-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"alep-cta-box\"\u003e\n      \u003cp\u003e🌿 Un rituel vieux de 3 000 ans\u003cbr\u003e\u003cbr\u003eUn savon qui sent le chèvrefeuille en fleur, façonné à la main selon une tradition millénaire. Simple, pur, authentique.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --alep-cream: #f7f5ee;\n  --alep-white: #ffffff;\n  --alep-primary: #8ba876;\n  --alep-primary-dark: #4a5d3a;\n  --alep-primary-light: #e8ecdf;\n  --alep-secondary: #c9b47a;\n  --alep-accent: #d4a574;\n  --alep-text: #2c3524;\n  --alep-text-light: #6b7261;\n  --alep-border: #dde3d3;\n  --alep-shadow: 0 4px 24px rgba(74,93,58,.08);\n  --alep-shadow-lg: 0 12px 48px rgba(74,93,58,.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  color: var(--alep-text);\n  line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.alep-hero {\n  position: relative;\n  background: linear-gradient(135deg, #a8bf90 0%, #8ba876 50%, #6d8a5c 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  opacity: .08;\n  background-image: \n    radial-gradient(circle at 20% 30%, white 2px, transparent 2px),\n    radial-gradient(circle at 80% 70%, white 2px, transparent 2px),\n    radial-gradient(circle at 50% 50%, white 1px, transparent 1px);\n  background-size: 60px 60px, 80px 80px, 40px 40px;\n}\n\n.alep-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.alep-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(24px, 7vw, 44px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.15;\n}\n\n.alep-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.5vw, 19px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  font-style: italic;\n}\n\n.alep-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2vw, 16px);\n  max-width: 640px;\n  margin: 0 auto 1.75rem;\n  line-height: 1.7;\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-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-top: 1.25rem;\n}\n\n.alep-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: rgba(255,255,255,.15);\n  border: 1.5px solid rgba(255,255,255,.4);\n  border-radius: 999px;\n  font-size: 11px;\n  font-weight: 700;\n  color: white;\n  letter-spacing: .05em;\n}\n\n.alep-label-accent {\n  background: var(--alep-secondary);\n  border-color: var(--alep-secondary);\n  color: var(--alep-primary-dark);\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, 34px);\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  line-height: 1.25;\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: 0 auto 1.75rem;\n  max-width: 720px;\n  line-height: 1.75;\n}\n\n.alep-section p {\n  color: var(--alep-text);\n  line-height: 1.75;\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\/* === GRIDS === *\/\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.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\/* === COMPO === *\/\n.alep-compo {\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-left: 4px solid var(--alep-primary);\n}\n\n.alep-compo-row {\n  display: grid;\n  grid-template-columns: 180px 1fr;\n  gap: 1rem;\n  padding: .875rem 0;\n  border-bottom: 1px dashed var(--alep-border);\n  align-items: baseline;\n}\n\n.alep-compo-row:last-child {\n  border-bottom: none;\n}\n\n.alep-compo-label {\n  font-weight: 800;\n  color: var(--alep-primary-dark);\n  font-size: 14px;\n  text-transform: uppercase;\n  letter-spacing: .04em;\n}\n\n.alep-compo-value {\n  font-size: 14px;\n  color: var(--alep-text-light);\n  line-height: 1.6;\n}\n\n.alep-compo-note {\n  margin-top: 1rem;\n  text-align: center;\n  font-size: 14px;\n  color: var(--alep-text-light);\n  font-style: italic;\n}\n\n\/* === TIMELINE === *\/\n.alep-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 720px;\n  margin: 0 auto;\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: 44px;\n  height: 44px;\n  background: linear-gradient(135deg, var(--alep-primary), var(--alep-primary-dark));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 17px;\n  box-shadow: 0 4px 12px rgba(74,93,58,.3);\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: 800;\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.6;\n}\n\n\/* === TIP === *\/\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: 1.25rem;\n  margin-top: 1.5rem;\n  max-width: 720px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.alep-tip-icon {\n  font-size: 26px;\n  flex-shrink: 0;\n  line-height: 1;\n}\n\n.alep-tip p {\n  font-size: 14px;\n  color: var(--alep-text);\n  margin: 0;\n  line-height: 1.65;\n}\n\n\/* === TESTIMONIAL === *\/\n.alep-testimonial {\n  background: var(--alep-white);\n  border-radius: var(--alep-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--alep-shadow);\n  border-left: 4px solid var(--alep-secondary);\n  max-width: 820px;\n  margin: 0 auto;\n  position: relative;\n}\n\n.alep-testimonial::before {\n  content: '❝';\n  position: absolute;\n  top: -10px;\n  left: 20px;\n  font-size: 60px;\n  color: var(--alep-secondary);\n  opacity: .4;\n  line-height: 1;\n  font-family: Georgia, serif;\n}\n\n.alep-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--alep-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n  position: relative;\n  z-index: 1;\n}\n\n\/* === ACCORDION === *\/\n.alep-accordion {\n  background: var(--alep-white);\n  border-radius: var(--alep-radius);\n  box-shadow: var(--alep-shadow);\n  overflow: hidden;\n  max-width: 820px;\n  margin: 0 auto;\n}\n\n.alep-accordion-item {\n  border-bottom: 1px solid var(--alep-border);\n}\n\n.alep-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.alep-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--alep-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n}\n\n.alep-accordion-header:hover {\n  background: var(--alep-primary-light);\n}\n\n.alep-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.alep-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--alep-primary);\n  transition: transform .2s ease;\n}\n\n.alep-accordion-item[open] .alep-accordion-header::after {\n  content: '−';\n}\n\n.alep-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--alep-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.alep-accordion-content.mt-3 {\n  margin-top: 10px;\n}\n\n.alep-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA === *\/\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  box-shadow: var(--alep-shadow-lg);\n}\n\n.alep-cta-box::before {\n  content: '';\n  position: absolute;\n  top: -50%; right: -20%;\n  width: 300px; height: 300px;\n  background: radial-gradient(circle, rgba(201,180,122,.25) 0%, transparent 70%);\n  border-radius: 50%;\n}\n\n.alep-cta-box p {\n  position: relative;\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.15);\n  margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .alep-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\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-compo-row {\n    grid-template-columns: 1fr;\n    gap: .25rem;\n    padding: .75rem 0;\n  }\n  \n  .alep-compo-label {\n    font-size: 12px;\n  }\n  \n  .alep-compo-value {\n    font-size: 13px;\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: 36px;\n    height: 36px;\n    font-size: 15px;\n  }\n  \n  .alep-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .alep-timeline-content h3 {\n    font-size: 15px;\n  }\n  \n  .alep-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .alep-tip {\n    padding: 1rem;\n    gap: .75rem;\n  }\n  \n  .alep-tip p {\n    font-size: 13px;\n  }\n  \n  .alep-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .alep-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .alep-testimonial {\n    padding: 1.5rem 1.25rem;\n  }\n  \n  .alep-testimonial-text {\n    font-size: 14px;\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}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .alep-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"Al Bara","offers":[{"title":"50 g","offer_id":64506484982137,"sku":"AB0065","price":3.89,"currency_code":"EUR","in_stock":true},{"title":"100 g","offer_id":64506485014905,"sku":"AB0070","price":4.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-parfume-chevrefeuille-al-bara-packshothd_f3a8a024-b62c-44a6-893d-619aa50a829b.webp?v=1788857976","url":"https:\/\/www.naturellement-bio.com\/products\/savon-dalep-parfume-chevrefeuille-50-g-al-bara","provider":"Naturellement Bio","version":"1.0","type":"link"}