{"product_id":"savon-dalep-parfume-grenade-50-g-al-bara","title":"Savon d'Alep parfumé Grenade - Al Bara","description":"\u003cdiv class=\"soi-gren-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-gren-hero\"\u003e\n    \u003cdiv class=\"soi-gren-hero-tag\"\u003e\n      \u003cspan class=\"soi-gren-tag-dot\"\u003e\u003c\/span\u003e\n      Hygiène · Savon d'Alep · Al Bara\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-gren-hero-title\"\u003eUn savoir-faire ancestral sublimé par la grenade\u003c\/span\u003e\n    \u003cp class=\"soi-gren-hero-subtitle\"\u003eFabriqué artisanalement à Alep selon une méthode vieille de 3 000 ans, ce savon à l'huile d'olive parfumé à la grenade transforme chaque lavage en un rituel sensoriel d'Orient.\u003c\/p\u003e\n    \u003cdiv class=\"soi-gren-hero-labels\"\u003e\n      \u003cspan class=\"soi-gren-label soi-gren-label-accent\"\u003e100 % NATUREL ET VÉGÉTAL\u003c\/span\u003e\n      \u003cspan class=\"soi-gren-label\"\u003eSANS HUILE DE PALME\u003c\/span\u003e\n      \u003cspan class=\"soi-gren-label\"\u003eFABRICATION ARTISANALE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Pourquoi le savon d'Alep est unique --\u003e\n  \u003csection class=\"soi-gren-section\"\u003e\n    \u003ch2\u003ePourquoi le savon d'Alep est unique\u003c\/h2\u003e\n    \u003cp\u003eConsidéré comme le \u003cstrong\u003epremier savon de l'histoire\u003c\/strong\u003e, le savon d'Alep tire son nom de la ville syrienne éponyme. Sa force repose sur une formule d'une sobriété remarquable : de l'huile d'olive, de l'eau et de la soude. Contrairement aux savons industriels, il ne contient aucun dérivé de pétrole, aucune huile de palme, aucun conservateur artificiel.\u003c\/p\u003e\n    \u003cp\u003eCe que les dermatologues apprécient dans le savon d'Alep, c'est justement sa composition minimaliste, respectueuse même des peaux les plus sensibles. Il nettoie sans décaper, hydrate sans alourdir, et convient aussi bien au visage qu'au corps.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : La grenade --\u003e\n  \u003csection class=\"soi-gren-section\"\u003e\n    \u003ch2\u003eLa grenade : une senteur d'Orient qui éveille les sens\u003c\/h2\u003e\n    \u003cp\u003eAl Bara a choisi de parfumer ce savon d'Alep à la \u003cstrong\u003egrenade\u003c\/strong\u003e, fruit emblématique des jardins orientaux. Fraîche, légèrement acidulée, pétillante, cette note fruitée transforme votre rituel de lavage en un moment de plaisir sensoriel. Elle laisse sur la peau une sensation de propreté lumineuse et de douce fraîcheur, sans jamais être entêtante.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Composition --\u003e\n  \u003csection class=\"soi-gren-section\"\u003e\n    \u003ch2\u003eComposition du savon d'Alep Grenade Al Bara\u003c\/h2\u003e\n    \u003cp class=\"soi-gren-section-intro\"\u003eSa formule est \u003cstrong\u003e100 % naturelle et végétale\u003c\/strong\u003e, fabriquée artisanalement à Alep selon la méthode traditionnelle au chaudron :\u003c\/p\u003e\n    \u003cdiv class=\"soi-gren-grid\"\u003e\n      \u003cdiv class=\"soi-gren-card\"\u003e\n        \u003ch3\u003e🫒 Huile d'olive\u003c\/h3\u003e\n        \u003cp\u003eBase nourrissante et adoucissante, reconnue pour ses vertus apaisantes sur la peau sèche et sensible.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gren-card\"\u003e\n        \u003ch3\u003e💧 Eau et soude végétale\u003c\/h3\u003e\n        \u003cp\u003eNécessaires à la saponification, totalement neutralisées dans le produit fini.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gren-card\"\u003e\n        \u003ch3\u003e🌺 Parfum de grenade\u003c\/h3\u003e\n        \u003cp\u003eNote fruitée et lumineuse inspirée des jardins d'Orient.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gren-tip\"\u003e\n      \u003cdiv class=\"soi-gren-tip-icon\"\u003e🚫\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eEngagements de formulation\u003c\/strong\u003e\n        \u003cp\u003eSans huile de palme, sans colorant artificiel, sans conservateur synthétique.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Comment utiliser --\u003e\n  \u003csection class=\"soi-gren-section\"\u003e\n    \u003ch2\u003eComment utiliser le savon d'Alep au quotidien\u003c\/h2\u003e\n    \u003cp class=\"soi-gren-section-intro\"\u003eCe savon se prête à de nombreux usages, c'est l'un de ses grands atouts :\u003c\/p\u003e\n    \u003cdiv class=\"soi-gren-timeline\"\u003e\n      \u003cdiv class=\"soi-gren-step\"\u003e\n        \u003cdiv class=\"soi-gren-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-gren-step-content\"\u003e\n          \u003ch3\u003eSavon visage\u003c\/h3\u003e\n          \u003cp\u003eFaites mousser doucement entre vos mains, appliquez en évitant le contour des yeux, rincez à l'eau tiède. Sa douceur convient aux peaux mixtes, sèches ou réactives.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gren-step\"\u003e\n        \u003cdiv class=\"soi-gren-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-gren-step-content\"\u003e\n          \u003ch3\u003eSavon corps\u003c\/h3\u003e\n          \u003cp\u003eUtilisez-le directement sous la douche pour un nettoyage quotidien respectueux de votre peau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gren-step\"\u003e\n        \u003cdiv class=\"soi-gren-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-gren-step-content\"\u003e\n          \u003ch3\u003eSavon d'invité ou cadeau\u003c\/h3\u003e\n          \u003cp\u003eSon format 50 g et son emballage soigné en font une attention parfumée idéale, à offrir ou à glisser dans un sac de voyage.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-gren-tip\"\u003e\n      \u003cdiv class=\"soi-gren-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePour prolonger sa durée de vie, posez-le sur un porte-savon drainant entre chaque utilisation et laissez-le sécher à l'air libre.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Informations pratiques --\u003e\n  \u003csection class=\"soi-gren-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"soi-gren-compo\"\u003e\n      \u003cdiv class=\"soi-gren-compo-row\"\u003e\n        \u003cspan class=\"soi-gren-compo-label\"\u003ePoids\u003c\/span\u003e\n        \u003cspan class=\"soi-gren-compo-value\"\u003e50 g\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gren-compo-row\"\u003e\n        \u003cspan class=\"soi-gren-compo-label\"\u003eFormat\u003c\/span\u003e\n        \u003cspan class=\"soi-gren-compo-value\"\u003ePain de savon solide, format voyage ou invité\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gren-compo-row\"\u003e\n        \u003cspan class=\"soi-gren-compo-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-gren-compo-value\"\u003eArtisanale, méthode traditionnelle au chaudron, à Alep\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gren-compo-row\"\u003e\n        \u003cspan class=\"soi-gren-compo-label\"\u003eFormule\u003c\/span\u003e\n        \u003cspan class=\"soi-gren-compo-value\"\u003e100 % naturelle et végétale, sans huile de palme\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gren-compo-row\"\u003e\n        \u003cspan class=\"soi-gren-compo-label\"\u003eUsage\u003c\/span\u003e\n        \u003cspan class=\"soi-gren-compo-value\"\u003eVisage, corps, usage familial quotidien\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-gren-compo-row\"\u003e\n        \u003cspan class=\"soi-gren-compo-label\"\u003eEmballage\u003c\/span\u003e\n        \u003cspan class=\"soi-gren-compo-value\"\u003eÉtui carton à déposer dans le bac de tri jaune (règles pouvant varier selon la localité)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION : Questions fréquentes --\u003e\n  \u003csection class=\"soi-gren-section\"\u003e\n    \u003ch2\u003eQuestions fréquentes sur le savon d'Alep\u003c\/h2\u003e\n    \u003cdiv class=\"soi-gren-accordion\"\u003e\n      \u003cdetails class=\"soi-gren-accordion-item\"\u003e\n        \u003csummary class=\"soi-gren-accordion-header\"\u003e🧴 Le savon d'Alep convient-il au visage ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-gren-accordion-content\"\u003e\n          \u003cp\u003eOui, à condition de bien le rincer et de l'utiliser sans frotter. Sa base huile d'olive le rend particulièrement doux pour les peaux sensibles ou sujettes aux rougeurs.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-gren-accordion-item\"\u003e\n        \u003csummary class=\"soi-gren-accordion-header\"\u003e🔎 Quelle est la différence avec un savon d'Alep classique ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-gren-accordion-content\"\u003e\n          \u003cp\u003eLe savon d'Alep traditionnel ne contient aucun parfum. Ce modèle Al Bara y ajoute une touche de grenade pour enrichir l'expérience sensorielle, tout en conservant la base naturelle d'origine.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-gren-accordion-item\"\u003e\n        \u003csummary class=\"soi-gren-accordion-header\"\u003e💧 Peut-on l'utiliser en format liquide ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-gren-accordion-content\"\u003e\n          \u003cp\u003eCe savon se présente sous forme solide. Pour obtenir une texture liquide, il suffit de le diluer dans de l'eau chaude, bien que le format pain reste le plus économique et le moins emballé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"soi-gren-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-gren-cta-box\"\u003e\n      \u003cp class=\"soi-gren-cta-tag\" style=\"color: white;\"\u003eLe soin ancestral parfumé d'Orient\u003c\/p\u003e\n      \u003cp class=\"soi-gren-cta-text\" style=\"color: white;\"\u003eLaissez-vous porter par les jardins d'Orient avec ce savon d'Alep parfumé à la grenade signé Al Bara. Une formule ancestrale, une senteur fruitée et lumineuse, une peau nettoyée en douceur chaque jour.\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-gren-marine: #1A2D3D;\n  --soi-gren-marine-dark: #0F1E2B;\n  --soi-gren-marine-light: #2C4458;\n  --soi-gren-pomme: #A1C544;\n  --soi-gren-pomme-dark: #84A636;\n  --soi-gren-pomme-light: rgba(161,197,68,0.10);\n\n  \/* === Neutres Soinat === *\/\n  --soi-gren-white: #FFFFFF;\n  --soi-gren-off-white: #F8FAF6;\n  --soi-gren-stone: #F1F3EE;\n  --soi-gren-line: #E5E8E0;\n\n  \/* === Couleurs dynamiques (extraites du packaging rose grenade + savon olive) === *\/\n  --soi-gren-primary: #D4687A;\n  --soi-gren-primary-soft: rgba(212,104,122,0.10);\n  --soi-gren-accent: #B89A52;\n\n  \/* === Textes === *\/\n  --soi-gren-text: #1A2D3D;\n  --soi-gren-text-soft: #4A5B6B;\n  --soi-gren-text-muted: #7B8693;\n\n  \/* === Effets === *\/\n  --soi-gren-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-gren-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-gren-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-gren-radius: 12px;\n  --soi-gren-radius-sm: 8px;\n  --soi-gren-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-gren-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-gren-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-gren-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-gren-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-gren-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-gren-hero {\n  position: relative;\n  background: var(--soi-gren-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-gren-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-gren-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-gren-primary);\n}\n\n.soi-gren-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-gren-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-gren-primary);\n  border-radius: 50%;\n}\n\n.soi-gren-hero-title {\n  display: block;\n  color: var(--soi-gren-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-gren-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-gren-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-gren-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-gren-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-gren-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-gren-label-accent {\n  background: var(--soi-gren-primary);\n  border-color: var(--soi-gren-primary);\n  color: var(--soi-gren-white);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-gren-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-gren-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-gren-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-gren-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-gren-pomme);\n  border-radius: 2px;\n}\n\n.soi-gren-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-gren-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-gren-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-gren-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-gren-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-gren-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-gren-card {\n  background: var(--soi-gren-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-gren-radius);\n  border-left: 3px solid var(--soi-gren-pomme);\n}\n\n.soi-gren-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-gren-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-gren-card p {\n  font-size: 14px;\n  color: var(--soi-gren-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-gren-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.25rem;\n}\n\n.soi-gren-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-gren-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-gren-radius);\n  border: 1px solid var(--soi-gren-line);\n  align-items: flex-start;\n}\n\n.soi-gren-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-gren-marine);\n  color: var(--soi-gren-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-gren-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-gren-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-gren-step-content p {\n  font-size: 15px;\n  color: var(--soi-gren-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-gren-compo {\n  background: var(--soi-gren-off-white);\n  border-radius: var(--soi-gren-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-gren-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-gren-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-gren-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-gren-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-gren-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-gren-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-gren-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-gren-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-gren-pomme-light);\n  border-left: 4px solid var(--soi-gren-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-gren-radius) var(--soi-gren-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.25rem;\n}\n\n.soi-gren-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-gren-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-gren-marine);\n  margin-bottom: 4px;\n}\n\n.soi-gren-tip p {\n  font-size: 15px;\n  color: var(--soi-gren-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-gren-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-gren-accordion-item {\n  background: var(--soi-gren-off-white);\n  border-radius: var(--soi-gren-radius-sm);\n  border: 1px solid var(--soi-gren-line);\n  overflow: hidden;\n}\n\n.soi-gren-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-gren-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-gren-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-gren-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-gren-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-gren-accordion-item[open] .soi-gren-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-gren-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-gren-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-gren-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-gren-cta-box {\n  background: var(--soi-gren-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-gren-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-gren-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-gren-primary);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-gren-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-gren-primary);\n  margin-bottom: 0.75rem;\n}\n\n.soi-gren-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-gren-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-gren-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-gren-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-gren-compo-value {\n    text-align: left;\n  }\n\n  .soi-gren-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-gren-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-gren-fiche {\n    --soi-gren-text-soft: #2C3E50;\n    --soi-gren-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Al Bara","offers":[{"title":"50 g","offer_id":63422385619274,"sku":"AB0035","price":3.98,"currency_code":"EUR","in_stock":true},{"title":"100 g","offer_id":63422385652042,"sku":"AB0040","price":4.98,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/savon-dalep-parfume-grenade-50-g-al-bara-packshot.webp?v=1788532975","url":"https:\/\/www.soinature.com\/products\/savon-dalep-parfume-grenade-50-g-al-bara","provider":"Soinature","version":"1.0","type":"link"}