{"product_id":"savon-au-charbon-100g","title":"Savon au Charbon 100g – Nettoyage Profond \u0026 Purification | Tous Types de Peau","description":"\u003cbody\u003e\n\n\n  \u003cmeta charset=\"UTF-8\"\u003e\n  \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n  \u003ctitle\u003eSavon au Charbon Actif 100g – Nettoyage Profond \u0026amp; Purification | Tous Types de Peau\u003c\/title\u003e\n  \u003cmeta name=\"description\" content=\"Savon au charbon actif 100g : nettoyage en profondeur, régulation du sébum et élimination des toxines. Sans parabènes ni sulfates. Convient à tous les types de peau.\"\u003e\n  \u003cmeta name=\"keywords\" content=\"savon charbon actif, savon purifiant visage, nettoyage profond pores, savon anti sébum, savon détox peau, savon naturel sans parabènes\"\u003e\n  \u003cmeta property=\"og:title\" content=\"Savon au Charbon Actif 100g – Purification \u0026amp; Nettoyage en Profondeur\"\u003e\n  \u003cmeta property=\"og:description\" content=\"Le charbon actif agit comme un aimant pour éliminer impuretés et toxines. Peau propre, équilibrée et éclatante. Sans parabènes ni sulfates.\"\u003e\n  \u003cmeta property=\"og:type\" content=\"product\"\u003e\n\n  \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n  \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n  \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400\u0026amp;family=Jost:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n  \u003cstyle\u003e\n    :root {\n      --char:        #2C2C2C;\n      --char-soft:   #444444;\n      --silver:      #9EAAB4;\n      --silver-pale: #E8ECEF;\n      --silver-mist: #F2F4F6;\n      --ink:         #111418;\n      --ink-soft:    #2A2E32;\n      --snow:        #F8F9FA;\n      --mist:        #ECEEF0;\n      --accent:      #6B8FA3;\n    }\n\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n    html { scroll-behavior: smooth; }\n\n    body {\n      background: var(--snow);\n      color: var(--ink);\n      font-family: 'Jost', sans-serif;\n      font-weight: 300;\n      overflow-x: hidden;\n    }\n\n    \/* ─── GRAIN ─── *\/\n    body::before {\n      content: '';\n      position: fixed; inset: 0;\n      background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'\/%3E%3C\/svg%3E\");\n      pointer-events: none; z-index: 999; opacity: 0.4;\n    }\n\n    \/* ═══════════════════════\n       TABS\n    ═══════════════════════ *\/\n    .tabs-section {\n      max-width: 1280px;\n      margin: 0 auto;\n      padding: 60px 60px 80px;\n      border-top: 1px solid rgba(44,44,44,0.12);\n    }\n    .tabs-header {\n      display: flex;\n      border-bottom: 1px solid rgba(44,44,44,0.12);\n      margin-bottom: 48px;\n    }\n    .tab-btn {\n      background: none; border: none;\n      padding: 16px 32px;\n      font-family: 'Jost', sans-serif;\n      font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase;\n      color: #AABBCC; cursor: pointer;\n      border-bottom: 2px solid transparent;\n      margin-bottom: -1px; transition: all 0.3s;\n    }\n    .tab-btn.active { color: var(--ink); border-bottom-color: var(--char); }\n    .tab-btn:hover  { color: var(--ink); }\n\n    .tab-pane { display: none; }\n    .tab-pane.active { display: block; }\n\n    \/* ── Description ── *\/\n    .desc-grid {\n      display: grid; grid-template-columns: 1fr 1fr;\n      gap: 60px; align-items: start;\n    }\n    .desc-intro {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 22px; line-height: 1.7;\n      color: var(--ink); font-weight: 300; margin-bottom: 24px;\n    }\n    .desc-body {\n      font-size: 14px; line-height: 1.9;\n      color: #4A5560; margin-bottom: 20px;\n    }\n\n    \/* Badges caractéristiques *\/\n    .char-badges {\n      display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px;\n    }\n    .char-badge {\n      padding: 6px 14px;\n      border: 1px solid rgba(44,44,44,0.15);\n      font-size: 10px; letter-spacing: 0.15em; text-transform: uppercase;\n      color: var(--ink-soft); background: var(--mist);\n    }\n    .char-badge strong { color: var(--ink); }\n\n    .features-list { list-style: none; display: flex; flex-direction: column; gap: 16px; }\n    .features-list li {\n      display: flex; align-items: flex-start;\n      gap: 14px; font-size: 13px; line-height: 1.6; color: var(--ink-soft);\n    }\n    .feat-icon {\n      width: 34px; height: 34px;\n      background: var(--silver-pale); border-radius: 50%;\n      display: flex; align-items: center; justify-content: center;\n      font-size: 15px; flex-shrink: 0;\n    }\n    .feat-text strong {\n      display: block; font-size: 12px; letter-spacing: 0.1em;\n      text-transform: uppercase; font-weight: 500; margin-bottom: 2px; color: var(--ink);\n    }\n\n    \/* ── Bienfaits ── *\/\n    .benefits-grid {\n      display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;\n    }\n    .benefit-card {\n      background: linear-gradient(145deg, var(--mist), #DDE1E6);\n      padding: 28px 20px; text-align: center;\n      border-bottom: 2px solid var(--char); transition: transform 0.3s;\n    }\n    .benefit-card:hover { transform: translateY(-4px); }\n    .benefit-icon { font-size: 26px; margin-bottom: 12px; }\n    .benefit-title {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 16px; color: var(--ink); margin-bottom: 8px;\n    }\n    .benefit-desc { font-size: 12px; line-height: 1.7; color: #5A6470; }\n\n    \/* ── Mode d'emploi ── *\/\n    .usage-steps { display: flex; flex-direction: column; max-width: 700px; }\n    .usage-step {\n      display: flex; gap: 28px;\n      padding: 24px 0;\n      border-bottom: 1px solid rgba(44,44,44,0.08);\n      align-items: flex-start;\n    }\n    .step-num {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 44px; font-weight: 300;\n      color: rgba(44,44,44,0.18);\n      line-height: 1; flex-shrink: 0; width: 56px;\n    }\n    .step-title {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 20px; color: var(--ink); margin-bottom: 5px;\n    }\n    .step-desc { font-size: 13px; line-height: 1.8; color: #5A6470; }\n\n    \/* ─── Encart conclusion usage ─── *\/\n    .usage-outro {\n      margin-top: 36px;\n      padding: 28px 32px;\n      background: var(--ink);\n      color: var(--snow);\n      max-width: 700px;\n    }\n    .usage-outro-text {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 18px; font-style: italic;\n      color: rgba(248,249,250,0.8); line-height: 1.7;\n    }\n\n    \/* ═══════════════════════\n       INGRÉDIENTS\n    ═══════════════════════ *\/\n    .pyramid-section {\n      max-width: 1280px; margin: 0 auto;\n      padding: 60px 60px 80px;\n      background: var(--ink); color: var(--snow);\n    }\n    .pyramid-label {\n      font-size: 10px; letter-spacing: 0.35em; text-transform: uppercase;\n      color: var(--silver); margin-bottom: 16px;\n    }\n    .pyramid-title {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 40px; font-weight: 300; margin-bottom: 56px; color: var(--snow);\n    }\n    .pyramid-grid {\n      display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px;\n    }\n    .pyramid-col {\n      padding: 36px 28px; background: rgba(255,255,255,0.04);\n      position: relative; transition: background 0.3s;\n    }\n    .pyramid-col:hover { background: rgba(158,170,180,0.1); }\n    .pyramid-col-label {\n      font-size: 9px; letter-spacing: 0.35em; text-transform: uppercase;\n      color: var(--silver); margin-bottom: 20px;\n    }\n    .pyramid-note-name {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 28px; font-weight: 300; color: var(--snow); margin-bottom: 8px;\n    }\n    .pyramid-note-desc {\n      font-size: 12px; line-height: 1.8; color: rgba(248,249,250,0.5);\n    }\n    .pyramid-line {\n      position: absolute; bottom: 0; left: 28px;\n      width: 40px; height: 1px; background: var(--silver);\n      transform-origin: left; transform: scaleX(0); transition: transform 0.5s 0.1s;\n    }\n    .pyramid-col:hover .pyramid-line { transform: scaleX(1); }\n\n    \/* ── Labels qualité ── *\/\n    .quality-row {\n      display: flex; gap: 2px; margin-top: 48px;\n    }\n    .quality-item {\n      flex: 1; padding: 20px 16px; text-align: center;\n      background: rgba(255,255,255,0.04);\n      border-top: 1px solid rgba(158,170,180,0.2);\n      font-size: 11px; letter-spacing: 0.15em; text-transform: uppercase;\n      color: rgba(248,249,250,0.5); line-height: 1.6;\n      transition: background 0.3s;\n    }\n    .quality-item:hover { background: rgba(158,170,180,0.08); color: var(--snow); }\n    .quality-icon { font-size: 18px; display: block; margin-bottom: 8px; }\n\n    \/* ═══════════════════════\n       WHY\n    ═══════════════════════ *\/\n    .why-section {\n      max-width: 1280px; margin: 0 auto;\n      padding: 80px 60px;\n      display: grid; grid-template-columns: 1fr 1fr;\n      gap: 80px; align-items: center;\n    }\n    .why-visual { position: relative; height: 480px; }\n    .why-bg-rect {\n      position: absolute; right: 0; top: 0;\n      width: 85%; height: 85%;\n      background: linear-gradient(135deg, #C8CDD4, #A8B0BA);\n    }\n    .why-accent-rect {\n      position: absolute; left: 0; bottom: 0;\n      width: 65%; height: 65%;\n      background: var(--ink);\n      display: flex; align-items: center; justify-content: center;\n      flex-direction: column; padding: 40px;\n    }\n    .why-quote {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 20px; font-style: italic;\n      color: var(--silver); line-height: 1.6; margin-bottom: 16px;\n    }\n    .why-quote-author {\n      font-size: 10px; letter-spacing: 0.25em; text-transform: uppercase;\n      color: rgba(158,170,180,0.5);\n    }\n    .why-tag {\n      font-size: 10px; letter-spacing: 0.3em; text-transform: uppercase;\n      color: var(--accent); margin-bottom: 16px;\n    }\n    .why-heading {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 38px; font-weight: 300; line-height: 1.2;\n      margin-bottom: 24px; color: var(--ink);\n    }\n    .why-body {\n      font-size: 14px; line-height: 1.9;\n      color: #4A5560; margin-bottom: 32px;\n    }\n    .why-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }\n    .stat-num {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 40px; font-weight: 300;\n      color: var(--char-soft); line-height: 1; margin-bottom: 6px;\n    }\n    .stat-label {\n      font-size: 11px; letter-spacing: 0.1em;\n      text-transform: uppercase; color: #AABBCC;\n    }\n\n    \/* ─── RESPONSIVE ─── *\/\n    @media (max-width: 900px) {\n      .tabs-section, .pyramid-section { padding: 40px 24px; }\n      .desc-grid, .benefits-grid, .pyramid-grid, .quality-row { grid-template-columns: 1fr; }\n      .quality-row { flex-direction: column; }\n      .why-section { grid-template-columns: 1fr; padding: 40px 24px; gap: 40px; }\n      .why-visual { height: 300px; }\n      .tab-btn { padding: 14px 16px; font-size: 10px; }\n    }\n  \u003c\/style\u003e\n\n\n\n  \u003c!-- ══ TABS ══ --\u003e\n  \u003csection class=\"tabs-section\" aria-label=\"Détails Savon au Charbon\"\u003e\n    \u003cdiv class=\"tabs-header\" role=\"tablist\"\u003e\n      \u003cbutton class=\"tab-btn active\" role=\"tab\" aria-selected=\"true\" data-tab=\"description\"\u003eDescription\u003c\/button\u003e\n      \u003cbutton class=\"tab-btn\" role=\"tab\" aria-selected=\"false\" data-tab=\"benefits\"\u003eBienfaits\u003c\/button\u003e\n      \u003cbutton class=\"tab-btn\" role=\"tab\" aria-selected=\"false\" data-tab=\"usage\"\u003eMode d'emploi\u003c\/button\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Description --\u003e\n    \u003cdiv class=\"tab-pane active\" id=\"tab-description\" role=\"tabpanel\"\u003e\n      \u003cdiv class=\"desc-grid\"\u003e\n        \u003cdiv\u003e\n          \u003cp class=\"desc-intro\"\u003eLa puissance purifiante du charbon actif pour une peau propre, nette et revitalisée.\u003c\/p\u003e\n          \u003cp class=\"desc-body\"\u003e\n            Notre Savon au Charbon Actif 100g offre une expérience de nettoyage en profondeur pour tous les types de peau. Enrichi en charbon actif naturel, il agit comme un véritable aimant pour attirer et éliminer les impuretés incrustées dans les pores, tout en régulant efficacement l'excès de sébum.\n          \u003c\/p\u003e\n          \u003cp class=\"desc-body\"\u003e\n            Sa formule sans parabènes, sans sulfates ni colorants artificiels garantit un nettoyage puissant sans agresser la peau, préservant son équilibre naturel pour un teint visiblement plus sain et éclatant.\n          \u003c\/p\u003e\n\n          \u003c!-- Badges caractéristiques --\u003e\n          \u003cdiv class=\"char-badges\" aria-label=\"Caractéristiques produit\"\u003e\n            \u003cspan class=\"char-badge\"\u003e\u003cstrong\u003e100g\u003c\/strong\u003e\u003c\/span\u003e\n            \u003cspan class=\"char-badge\"\u003eTous types de peau\u003c\/span\u003e\n            \u003cspan class=\"char-badge\"\u003eSans parabènes\u003c\/span\u003e\n            \u003cspan class=\"char-badge\"\u003eSans sulfates\u003c\/span\u003e\n            \u003cspan class=\"char-badge\"\u003eSans colorants\u003c\/span\u003e\n            \u003cspan class=\"char-badge\"\u003eCharbon actif naturel\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cul class=\"features-list\" aria-label=\"Points forts du savon au charbon\"\u003e\n          \u003cli\u003e\n            \u003cspan class=\"feat-icon\"\u003e🖤\u003c\/span\u003e\n            \u003cdiv class=\"feat-text\"\u003e\n              \u003cstrong\u003eNettoyage en Profondeur\u003c\/strong\u003e\n              Le charbon actif agit comme un aimant pour attraper et éliminer les impuretés incrustées dans les pores, laissant la peau propre et revitalisée.\n            \u003c\/div\u003e\n          \u003c\/li\u003e\n          \u003cli\u003e\n            \u003cspan class=\"feat-icon\"\u003e⚖️\u003c\/span\u003e\n            \u003cdiv class=\"feat-text\"\u003e\n              \u003cstrong\u003eRégulation du Sébum\u003c\/strong\u003e\n              Idéal pour les peaux grasses ou mixtes, il contribue à maintenir l'équilibre naturel de la peau en régulant l'excès de sébum.\n            \u003c\/div\u003e\n          \u003c\/li\u003e\n          \u003cli\u003e\n            \u003cspan class=\"feat-icon\"\u003e🧪\u003c\/span\u003e\n            \u003cdiv class=\"feat-text\"\u003e\n              \u003cstrong\u003eÉlimination des Toxines\u003c\/strong\u003e\n              Le charbon aide à neutraliser les toxines et polluants accumulés sur la peau pour un teint plus clair et radieux.\n            \u003c\/div\u003e\n          \u003c\/li\u003e\n          \u003cli\u003e\n            \u003cspan class=\"feat-icon\"\u003e🌊\u003c\/span\u003e\n            \u003cdiv class=\"feat-text\"\u003e\n              \u003cstrong\u003ePolyvalent \u0026amp; Respectueux\u003c\/strong\u003e\n              Adapté à tous les types de peau, il offre un nettoyage efficace sans dessécher ni fragiliser le film cutané naturel.\n            \u003c\/div\u003e\n          \u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Bienfaits --\u003e\n    \u003cdiv class=\"tab-pane\" id=\"tab-benefits\" role=\"tabpanel\"\u003e\n      \u003cdiv class=\"benefits-grid\"\u003e\n        \u003cdiv class=\"benefit-card\"\u003e\n          \u003cdiv class=\"benefit-icon\"\u003e🔬\u003c\/div\u003e\n          \u003ch3 class=\"benefit-title\"\u003eNettoyage Profond\u003c\/h3\u003e\n          \u003cp class=\"benefit-desc\"\u003eÉlimine les impuretés incrustées dans les pores grâce au pouvoir adsorbant du charbon actif naturel.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"benefit-card\"\u003e\n          \u003cdiv class=\"benefit-icon\"\u003e⚖️\u003c\/div\u003e\n          \u003ch3 class=\"benefit-title\"\u003eRégulation du Sébum\u003c\/h3\u003e\n          \u003cp class=\"benefit-desc\"\u003eMaintient l'équilibre naturel de la peau en régulant la production de sébum sans agresser l'épiderme.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"benefit-card\"\u003e\n          \u003cdiv class=\"benefit-icon\"\u003e✨\u003c\/div\u003e\n          \u003ch3 class=\"benefit-title\"\u003eDétox \u0026amp; Éclat\u003c\/h3\u003e\n          \u003cp class=\"benefit-desc\"\u003eÉlimine toxines et polluants pour un teint visiblement plus clair, unifié et naturellement radieux.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"benefit-card\"\u003e\n          \u003cdiv class=\"benefit-icon\"\u003e🌿\u003c\/div\u003e\n          \u003ch3 class=\"benefit-title\"\u003ePeau Équilibrée\u003c\/h3\u003e\n          \u003cp class=\"benefit-desc\"\u003eConvient à tous les types de peau — nettoyage efficace sans dessécher ni fragiliser l'hydratation naturelle.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Mode d'emploi --\u003e\n    \u003cdiv class=\"tab-pane\" id=\"tab-usage\" role=\"tabpanel\"\u003e\n      \u003cdiv class=\"usage-steps\"\u003e\n        \u003cdiv class=\"usage-step\"\u003e\n          \u003cspan class=\"step-num\"\u003e01\u003c\/span\u003e\n          \u003cdiv class=\"step-content\"\u003e\n            \u003ch3 class=\"step-title\"\u003ePréparer la peau\u003c\/h3\u003e\n            \u003cp class=\"step-desc\"\u003eMouillez votre visage et vos mains à l'eau tiède pour ouvrir les pores et préparer la peau à recevoir les bienfaits purifiants du charbon actif.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"usage-step\"\u003e\n          \u003cspan class=\"step-num\"\u003e02\u003c\/span\u003e\n          \u003cdiv class=\"step-content\"\u003e\n            \u003ch3 class=\"step-title\"\u003eFaire mousser\u003c\/h3\u003e\n            \u003cp class=\"step-desc\"\u003eFaites mousser le savon entre vos mains jusqu'à obtenir une mousse crémeuse et homogène, prête à être appliquée sur la peau.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"usage-step\"\u003e\n          \u003cspan class=\"step-num\"\u003e03\u003c\/span\u003e\n          \u003cdiv class=\"step-content\"\u003e\n            \u003ch3 class=\"step-title\"\u003eAppliquer \u0026amp; Masser\u003c\/h3\u003e\n            \u003cp class=\"step-desc\"\u003eAppliquez délicatement la mousse sur le visage en effectuant des mouvements circulaires doux. Insistez sur les zones sujettes aux impuretés : front, nez et menton.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"usage-step\"\u003e\n          \u003cspan class=\"step-num\"\u003e04\u003c\/span\u003e\n          \u003cdiv class=\"step-content\"\u003e\n            \u003ch3 class=\"step-title\"\u003eLaisser agir\u003c\/h3\u003e\n            \u003cp class=\"step-desc\"\u003eMassez doucement pendant quelques instants pour permettre au charbon actif de pénétrer les pores et d'agir en profondeur sur les impuretés et les toxines.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"usage-step\"\u003e\n          \u003cspan class=\"step-num\"\u003e05\u003c\/span\u003e\n          \u003cdiv class=\"step-content\"\u003e\n            \u003ch3 class=\"step-title\"\u003eRincer \u0026amp; Sécher\u003c\/h3\u003e\n            \u003cp class=\"step-desc\"\u003eRincez abondamment à l'eau tiède jusqu'à élimination complète du savon. Séchez votre peau en tapotant doucement avec une serviette propre, sans frotter.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"usage-outro\"\u003e\n        \u003cp class=\"usage-outro-text\"\u003e\"Découvrez la sensation de propreté profonde et de fraîcheur — pour une peau visiblement plus saine et éclatante dès les premières utilisations.\"\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ══ INGRÉDIENTS ══ --\u003e\n  \u003csection class=\"pyramid-section\" aria-label=\"Ingrédients clés du savon au charbon\"\u003e\n    \u003cp class=\"pyramid-label\"\u003eFormulation\u003c\/p\u003e\n    \u003ch2 class=\"pyramid-title\"\u003eLes Ingrédients Clés\u003c\/h2\u003e\n    \u003cdiv class=\"pyramid-grid\"\u003e\n      \u003cdiv class=\"pyramid-col\"\u003e\n        \u003cp class=\"pyramid-col-label\"\u003eIngrédient actif principal\u003c\/p\u003e\n        \u003cp class=\"pyramid-note-name\"\u003eCharbon Actif\u003c\/p\u003e\n        \u003cp class=\"pyramid-note-desc\"\u003eIssu de sources naturelles, le charbon actif possède une surface poreuse exceptionnelle qui adsorbe les impuretés, toxines et excès de sébum logés dans les pores.\u003c\/p\u003e\n        \u003cdiv class=\"pyramid-line\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pyramid-col\"\u003e\n        \u003cp class=\"pyramid-col-label\"\u003eAgents nettoyants\u003c\/p\u003e\n        \u003cp class=\"pyramid-note-name\"\u003eAgents Doux\u003c\/p\u003e\n        \u003cp class=\"pyramid-note-desc\"\u003eUne base lavante douce sans sulfates ni parabènes garantit un nettoyage efficace en profondeur tout en respectant l'équilibre naturel et le film hydrolipidique de la peau.\u003c\/p\u003e\n        \u003cdiv class=\"pyramid-line\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pyramid-col\"\u003e\n        \u003cp class=\"pyramid-col-label\"\u003eEnrichissement naturel\u003c\/p\u003e\n        \u003cp class=\"pyramid-note-name\"\u003eActifs Naturels\u003c\/p\u003e\n        \u003cp class=\"pyramid-note-desc\"\u003eUne sélection d'ingrédients naturels nourrissants complète la formule pour adoucir et revitaliser la peau après le nettoyage, sans la dessécher.\u003c\/p\u003e\n        \u003cdiv class=\"pyramid-line\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Labels qualité --\u003e\n    \u003cdiv class=\"quality-row\" aria-label=\"Labels qualité\"\u003e\n      \u003cdiv class=\"quality-item\"\u003e\n\u003cspan class=\"quality-icon\"\u003e🚫\u003c\/span\u003eSans Parabènes\u003c\/div\u003e\n      \u003cdiv class=\"quality-item\"\u003e\n\u003cspan class=\"quality-icon\"\u003e🚫\u003c\/span\u003eSans Sulfates\u003c\/div\u003e\n      \u003cdiv class=\"quality-item\"\u003e\n\u003cspan class=\"quality-icon\"\u003e🎨\u003c\/span\u003eSans Colorants\u003c\/div\u003e\n      \u003cdiv class=\"quality-item\"\u003e\n\u003cspan class=\"quality-icon\"\u003e🌿\u003c\/span\u003eIngrédients Naturels\u003c\/div\u003e\n      \u003cdiv class=\"quality-item\"\u003e\n\u003cspan class=\"quality-icon\"\u003e👥\u003c\/span\u003eTous Types de Peau\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ══ WHY ══ --\u003e\n  \u003csection class=\"why-section\" aria-label=\"Pourquoi choisir le Savon au Charbon\"\u003e\n    \u003cdiv class=\"why-visual\"\u003e\n      \u003cdiv class=\"why-bg-rect\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"why-accent-rect\"\u003e\n        \u003cp class=\"why-quote\"\u003e\"La puissance du charbon actif — un nettoyage profond qui respecte l'équilibre naturel de votre peau.\"\u003c\/p\u003e\n        \u003cp class=\"why-quote-author\"\u003eMaison Pure \u0026amp; Nature\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"why-content\"\u003e\n      \u003cp class=\"why-tag\"\u003eNotre promesse\u003c\/p\u003e\n      \u003ch2 class=\"why-heading\"\u003ePourquoi choisir notre\u003cbr\u003eSavon au Charbon ?\u003c\/h2\u003e\n      \u003cp class=\"why-body\"\u003eNotre Savon au Charbon Actif conjugue l'efficacité prouvée du charbon naturel à une formulation douce et respectueuse de tous les types de peau. Sans compromis sur la pureté des ingrédients, il offre un nettoyage en profondeur qui laisse la peau propre, fraîche et visiblement plus éclatante à chaque utilisation.\u003c\/p\u003e\n      \u003cdiv class=\"why-stats\"\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"stat-num\"\u003e100\u003csmall style=\"font-size:20px\"\u003eg\u003c\/small\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"stat-label\"\u003eFormat généreux\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"stat-num\"\u003e0\u003c\/div\u003e\n          \u003cdiv class=\"stat-label\"\u003eParabènes \u0026amp; sulfates\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"stat-num\"\u003e5\u003c\/div\u003e\n          \u003cdiv class=\"stat-label\"\u003eÉtapes de nettoyage\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"stat-num\"\u003e100\u003csmall style=\"font-size:20px\"\u003e%\u003c\/small\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"stat-label\"\u003eTous types de peau\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003cscript\u003e\n  document.querySelectorAll('.tab-btn').forEach(btn =\u003e {\n    btn.addEventListener('click', () =\u003e {\n      document.querySelectorAll('.tab-btn').forEach(b =\u003e {\n        b.classList.remove('active');\n        b.setAttribute('aria-selected', 'false');\n      });\n      document.querySelectorAll('.tab-pane').forEach(p =\u003e p.classList.remove('active'));\n      btn.classList.add('active');\n      btn.setAttribute('aria-selected', 'true');\n      document.getElementById('tab-' + btn.dataset.tab).classList.add('active');\n    });\n  });\n\n  const observer = new IntersectionObserver(entries =\u003e {\n    entries.forEach(e =\u003e {\n      if (e.isIntersecting) {\n        e.target.style.opacity = '1';\n        e.target.style.transform = 'translateY(0)';\n      }\n    });\n  }, { threshold: 0.12 });\n\n  document.querySelectorAll('.benefit-card, .usage-step, .pyramid-col, .quality-item, .why-stats \u003e div').forEach(el =\u003e {\n    el.style.opacity = '0';\n    el.style.transform = 'translateY(20px)';\n    el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n    observer.observe(el);\n  });\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"Herbo Ridouane","offers":[{"title":"Default Title","offer_id":46983569080650,"sku":"002109273893","price":2.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0663\/1945\/0328\/files\/Savon_au_Charbon_100g_Nettoyage_Profond_Purification_Tous_Types_de_Peau5321.png?v=1789388051","url":"https:\/\/www.nilabeautys.com\/ar\/products\/savon-au-charbon-100g","provider":"nilabeautys.com","version":"1.0","type":"link"}