{"product_id":"savon-alep-iris-al-bara","title":"Savon d'Alep artisanal parfum Iris - Al Bara","description":"\u003cdiv class=\"alep-premium\"\u003e\n\u003cdiv class=\"alep-hero\"\u003e\n\u003cdiv class=\"alep-hero-pattern\"\u003e\u003cimg\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 \u0026amp; végétal\u003c\/span\u003e \u003cspan class=\"alep-badge\"\u003e🏺 3 000 ans de tradition\u003c\/span\u003e \u003cspan class=\"alep-badge\"\u003e🌸 Parfum iris\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\"\u003eUn savon millénaire réinventé aux notes poudrées d'iris\u003c\/p\u003e\n\u003cp class=\"alep-description\"\u003eRedécouvrez l'un des plus anciens savons du monde : floral, délicat et enveloppant, fidèle à plus de 3 000 ans de savoir-faire alépin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eSavon d'Alep parfumé Iris Al Bara\u003c\/h2\u003e\n\u003cp\u003eLe \u003cstrong\u003esavon d'Alep\u003c\/strong\u003e parfumé à l'iris Al Bara vous invite à redécouvrir l'un des plus anciens savons du monde. Né il y a plus de 3 000 ans à Alep, il est toujours fabriqué au chaudron selon un savoir-faire transmis de génération en génération. La tradition se pare ici d'un parfum floral velouté aux notes poudrées, qui transforme chaque douche en un moment sensoriel raffiné.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eBienfaits reconnus pour la peau\u003c\/h2\u003e\n\u003cp\u003eLes \u003cstrong\u003ebienfaits du savon d'Alep\u003c\/strong\u003e reposent sur sa richesse en acides gras insaturés issus de l'huile d'olive. Doux, il respecte le film hydrolipidique et convient aux peaux sensibles, sèches ou mixtes. Utilisé en \u003cstrong\u003esavon d'Alep visage\u003c\/strong\u003e, il nettoie sans dessécher ; sur le corps, sa mousse fine apaise les zones réactives. Certains l'apprécient aussi comme \u003cstrong\u003esavon d'Alep cheveux\u003c\/strong\u003e, en shampoing occasionnel.\u003c\/p\u003e\n\u003cdiv class=\"alep-grid\"\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🧴 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eUne formule douce, saluée pour sa tolérance sur les peaux fragiles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🫧 Nettoyage respectueux\u003c\/h3\u003e\n\u003cp\u003eUne mousse fine qui purifie sans agresser, contrairement aux savons industriels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🌸 Parfum iris naturel\u003c\/h3\u003e\n\u003cp\u003eDes notes fleuries et poudrées pour une expérience sensorielle unique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eComposition du savon d'Alep Iris\u003c\/h2\u003e\n\u003cp\u003eLa \u003cstrong\u003ecomposition\u003c\/strong\u003e Al Bara est claire et 100 % naturelle :\u003c\/p\u003e\n\u003cdiv class=\"alep-compo\"\u003e\n\u003cdiv class=\"alep-compo-row\"\u003e\n\u003cspan class=\"alep-compo-label\"\u003eHuile d'olive\u003c\/span\u003e \u003cspan class=\"alep-compo-value\"\u003eOlea Europaea · Nourrissante\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-compo-row\"\u003e\n\u003cspan class=\"alep-compo-label\"\u003eSoude végétale\u003c\/span\u003e \u003cspan class=\"alep-compo-value\"\u003eSodium Hydroxide · Saponifiant\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-compo-row\"\u003e\n\u003cspan class=\"alep-compo-label\"\u003eEau\u003c\/span\u003e \u003cspan class=\"alep-compo-value\"\u003eAqua\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-compo-row\"\u003e\n\u003cspan class=\"alep-compo-label\"\u003eParfum Iris\u003c\/span\u003e \u003cspan class=\"alep-compo-value\"\u003eNotes florales poudrées\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eSans huile de palme, sans conservateur synthétique, sans colorant.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eComment l'utiliser ?\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\u003eFaire mousser\u003c\/h3\u003e\n\u003cp\u003eMouillez le savon à l'eau tiède et faites mousser entre vos mains.\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\u003eMasser\u003c\/h3\u003e\n\u003cp\u003eAppliquez sur le visage ou le corps par 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\u003eRincer et sécher\u003c\/h3\u003e\n\u003cp\u003eRincez à l'eau claire et laissez sécher sur un porte-savon drainant.\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\u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n\u003cp\u003ePour une texture fluide, optez pour un \u003cstrong\u003esavon d'Alep liquide\u003c\/strong\u003e en complément.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"alep-grid-compact\"\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🏷️ Marque\u003c\/h3\u003e\n\u003cp\u003eAl Bara\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e⚖️ Format\u003c\/h3\u003e\n\u003cp\u003e50 g ou 100 g\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🏺 Origine\u003c\/h3\u003e\n\u003cp\u003eAlep, Syrie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e♻️ Emballage\u003c\/h3\u003e\n\u003cp\u003eRecyclable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"alep-disclaimer\"\u003eProduit d'hygiène cosmétique. En cas de pathologie cutanée, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"alep-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"alep-cta-box\"\u003e\n\u003cp\u003eDoux, floral et authentique, ce savon d'Alep à l'iris transforme chaque geste de soin en véritable rituel de bien-être. Trois millénaires de savoir-faire dans le creux de votre main.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --alep-cream: #f7fafc;\n  --alep-white: #ffffff;\n  --alep-primary: #89c4d4;\n  --alep-primary-dark: #4a7f92;\n  --alep-primary-light: #e4f1f5;\n  --alep-secondary: #b5a46a;\n  --alep-accent: #d4b678;\n  --alep-text: #1a2d3d;\n  --alep-text-light: #5a6b7a;\n  --alep-border: #d9e5ea;\n  --alep-shadow: 0 4px 24px rgba(74,127,146,.08);\n  --alep-shadow-lg: 0 12px 48px rgba(74,127,146,.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.7;\n}\n\n.alep-premium * { box-sizing: border-box; }\n\n\/* HERO *\/\n.alep-hero {\n  position: relative;\n  background: linear-gradient(135deg, #a8d4e0 0%, #89c4d4 50%, #6ba9bc 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 3px),\n    radial-gradient(circle at 80% 70%, white 2px, transparent 3px),\n    radial-gradient(circle at 50% 50%, white 1px, transparent 2px);\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(22px, 7vw, 42px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.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 .75rem 0;\n}\n\n.alep-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2vw, 16px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.6;\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\/* 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 p {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--alep-text);\n  line-height: 1.75;\n  margin-bottom: .9rem;\n  text-align: center;\n  max-width: 780px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.alep-section p strong { color: var(--alep-primary-dark); }\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  text-align: center;\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  margin-top: 1.5rem;\n}\n\n.alep-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n  margin-top: 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: 13px;\n  font-weight: 600;\n  color: var(--alep-primary-dark);\n}\n\n\/* COMPO *\/\n.alep-compo {\n  background: var(--alep-white);\n  border-radius: var(--alep-radius);\n  padding: .5rem 0;\n  box-shadow: var(--alep-shadow);\n  margin: 1.5rem auto;\n  max-width: 780px;\n}\n\n.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(--alep-border);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.alep-compo-row:last-child { border-bottom: none; }\n\n.alep-compo-label {\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--alep-primary-dark);\n  text-transform: uppercase;\n  letter-spacing: .08em;\n}\n\n.alep-compo-value {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--alep-text);\n  text-align: right;\n}\n\n\/* TIMELINE *\/\n.alep-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-top: 1.5rem;\n  max-width: 780px;\n  margin-left: auto;\n  margin-right: 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: 40px;\n  height: 40px;\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: 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  text-align: left;\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 1.5rem;\n  margin: 1.5rem auto 0;\n  max-width: 780px;\n  border-left: 4px solid var(--alep-primary);\n}\n\n.alep-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.alep-tip strong {\n  display: block;\n  font-weight: 800;\n  font-size: 14px;\n  color: var(--alep-primary-dark);\n  margin-bottom: 4px;\n}\n\n.alep-tip p {\n  font-size: 14px;\n  color: var(--alep-text);\n  margin: 0;\n  line-height: 1.6;\n  text-align: left;\n  max-width: none;\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 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  max-width: 640px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\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\/* MOBILE *\/\n@media (max-width: 767px) {\n  .alep-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .alep-card { padding: 1.125rem; }\n  .alep-section { margin-bottom: 1.75rem; }\n  .alep-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--alep-radius-sm);\n  }\n  .alep-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .alep-premium h2::after { width: 40px; height: 3px; }\n  .alep-grid-compact { gap: .625rem; }\n  .alep-grid-compact .alep-card { padding: .75rem; }\n  .alep-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n  .alep-timeline-content { padding: .875rem 1rem; }\n  .alep-timeline-content h3 { font-size: 14px; }\n  .alep-timeline-content p { font-size: 13px; }\n  .alep-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n  .alep-compo-value { text-align: left; }\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":64498288755065,"sku":"AB0045","price":3.79,"currency_code":"EUR","in_stock":true},{"title":"100 g","offer_id":64498288787833,"sku":"AB0050","price":4.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-parfume-iris-al-bara-packshothd.webp?v=1788768584","url":"https:\/\/www.naturellement-bio.com\/products\/savon-alep-iris-al-bara","provider":"Naturellement Bio","version":"1.0","type":"link"}