{"title":"Produits à Base de Charbon Actif","description":"\u003cp\u003eLe charbon actif, connu pour ses propriétés de purification et de détoxification, est devenu un ingrédient incontournable dans de nombreux produits de santé et de beauté.\u003c\/p\u003e","products":[{"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"},{"product_id":"rhassoul-noir-au-charbon","title":"Rhassoul Noire au Charbon","description":"\u003cp style=\"padding-left: 40px;\"\u003e\u003cstrong\u003e✅ Argile Naturelle Enrichie : \u003c\/strong\u003eMélange unique de rhassoul noir et de charbon actif, offrant des propriétés purifiantes et détoxifiantes profondes.\u003c\/p\u003e\n\u003cp style=\"padding-left: 40px;\"\u003e\u003cstrong\u003e✅ Purification Intense : \u003c\/strong\u003eAbsorbe l’excès de sébum, les impuretés et les toxines, laissant la peau et les cheveux frais et revitalisés.\u003c\/p\u003e\n\u003cp style=\"padding-left: 40px;\"\u003e\u003cstrong\u003e✅ Multi-Usages : \u003c\/strong\u003eAdapté pour les soins du visage, du corps et des cheveux, idéal pour les peaux grasses et les cuirs chevelus à tendance grasse.\u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eBienfaits :\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eNettoyage en Profondeur\u003c\/strong\u003e : Le charbon actif et le rhassoul éliminent les impuretés, les toxines et l’excès de sébum, aidant à réduire les imperfections.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRevitalisation de la Peau et des Cheveux\u003c\/strong\u003e : Laisse la peau douce et les cheveux brillants tout en les rendant plus résistants.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÉquilibre Naturel\u003c\/strong\u003e : Absorbe l’huile tout en préservant l'hydratation naturelle, parfait pour les peaux mixtes à grasses.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\u003cstrong\u003eMode d'Emploi :\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eMasque Visage\u003c\/strong\u003e : Mélangez le rhassoul noir au charbon avec de l’eau ou de l’eau de rose pour obtenir une pâte, appliquez sur le visage, laissez agir 10 à 15 minutes puis rincez.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoin Capillaire\u003c\/strong\u003e : Appliquez sur cheveux humides, laissez poser 10 à 20 minutes avant de rincer pour purifier et fortifier le cuir chevelu et les longueurs.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGommage Corporel\u003c\/strong\u003e : Utilisez en gommage en massant doucement sur peau humide, puis rincez pour une peau douce et éclatante.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c!----\u003e","brand":"Magouna","offers":[{"title":"Default Title","offer_id":47727880143178,"sku":"RHASSOULCHARBON212","price":5.4,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0663\/1945\/0328\/files\/rhassoul-noire-au-charbon-soin-purifiant-pour-peau-et-cheveux-459868.jpg?v=1745635067"},{"product_id":"blanchisseur-de-dent-naturel","title":"Blanchisseur de Dent 125g","description":"\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eBlanchiment Instantané\u003c\/strong\u003e : Résultats visibles dès la première utilisation grâce au charbon actif.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormule Naturelle et Bio\u003c\/strong\u003e : Sans bicarbonate, agents de conservation ni produits nocifs.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoin Complet des Dents et Gencives\u003c\/strong\u003e : Élimine tartre, mauvaise haleine et améliore la santé gingivale.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003e\u003cstrong\u003eBienfaits\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eBlanchiment Immédiat\u003c\/strong\u003e : Charbon actif et herbes naturelles pour des dents visiblement plus blanches dès la première utilisation.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSanté des Gencives\u003c\/strong\u003e : Combat la récession gingivale, les saignements et les problèmes de gencives.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSenteur Agréable\u003c\/strong\u003e : Enrichi en aloès pour un goût frais et une haleine agréable.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÉlimination du Tartre et Caries\u003c\/strong\u003e : Combat efficacement le tartre et les caries, tout en maintenant une bonne hygiène bucco-dentaire.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\u003cstrong\u003eMode d’Emploi\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eMouillez\u003c\/strong\u003e votre brosse à dents.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAppliquez\u003c\/strong\u003e une petite quantité de blanchisseur de dents sur la brosse humide.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBrossez\u003c\/strong\u003e pendant 2 à 3 minutes en mouvements circulaires.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRincez\u003c\/strong\u003e abondamment à l'eau claire.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUtilisation quotidienne\u003c\/strong\u003e recommandée pour des résultats optimaux.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e\u003cstrong\u003ePrécautions\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eUsage externe uniquement.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eÉvitez tout contact avec les yeux.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eConservez dans un endroit frais et sec, à l'abri de l'humidité.\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNe pas utiliser chez les enfants de moins de 6 ans\u003c\/strong\u003e sans avis médical.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eBlanchisseur de Dent 125g\u003c\/strong\u003e est votre solution naturelle pour un sourire éclatant. Grâce à sa formule bio à base de charbon actif, herbes et aloès, il nettoie et blanchit vos dents tout en prenant soin de vos gencives et en luttant contre les problèmes bucco-dentaires.\u003c\/p\u003e","brand":"ARABIC MEDIEVAL COSMETIQUE","offers":[{"title":"Default Title","offer_id":47868736602442,"sku":"dentifresherbe212","price":6.42,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0663\/1945\/0328\/files\/blanchisseur-de-dent-125g-naturel-et-bio-a-base-dherbes-et-de-charbon-actif-318771.jpg?v=1745635242"},{"product_id":"charbon-bois-exotique-33mm-allumage-rapide-et-longue-duree","title":"Charbon Bois Exotique 33mm","description":"\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eAllumage rapide\u003c\/strong\u003e : Le charbon s'allume instantanément, facilitant son utilisation.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCombustion longue durée\u003c\/strong\u003e : Brûle longtemps, parfait pour des séances prolongées d'encens.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePréserve les arômes\u003c\/strong\u003e : Ne déforme pas l'odeur de l'encens, offrant une expérience authentique.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eBienfaits\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003ePraticité\u003c\/strong\u003e : Grâce à son allumage rapide, il est facile et rapide à utiliser.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDurabilité\u003c\/strong\u003e : Une combustion lente pour profiter plus longtemps de l’encens ou du bakhoor.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePureté des arômes\u003c\/strong\u003e : Ne modifie pas les fragrances naturelles de l'encens.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eMode d'Emploi\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eUtilisez une allumette ou un briquet pour allumer un disque de charbon.\u003c\/li\u003e\n\u003cli\u003eAttendez que le disque devienne rougeoyant avant de poser l’encens dessus.\u003c\/li\u003e\n\u003cli\u003ePlacez le disque dans un brûleur ou support adapté.\u003c\/li\u003e\n\u003cli\u003eProfitez de la combustion longue et stable.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003ePrécautions\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eUtiliser dans un espace bien ventilé.\u003c\/li\u003e\n\u003cli\u003eManipulez avec précaution pour éviter les brûlures.\u003c\/li\u003e\n\u003cli\u003eNe laissez pas brûler sans surveillance et gardez hors de portée des enfants.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eCe charbon de haute qualité est idéal pour une utilisation avec de l’encens ou du bakhoor, offrant une expérience parfumée authentique.\u003c\/p\u003e","brand":"nilabeautys.com","offers":[{"title":"Default Title","offer_id":49294387151178,"sku":"CHARBONBOIS212","price":2.75,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0663\/1945\/0328\/files\/charbon-bois-exotique-33mm-allumage-rapide-et-longue-duree-308318.jpg?v=1745623035"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0663\/1945\/0328\/collections\/produits-a-base-de-charbon-actif-400530.jpg?v=1733026763","url":"https:\/\/www.nilabeautys.com\/ar\/collections\/produits-a-base-de-charbon-actif.oembed","provider":"nilabeautys.com","version":"1.0","type":"link"}