{"product_id":"savon-nettoyant-100g-peau-nette-douce","title":"Savon Nettoyant 100g – Peau Nette \u0026 Douce | Élimine Impuretés \u0026 Sébum","description":"\u003c!-- ============================================================\n     FICHE PRODUIT – SAVON NETTOYANT 100G\n     Optimisée SEO (Google) \u0026 Shopify\n     Aucun H1 – H2\/H3 structurés\n     Données issues uniquement de la source fournie\n     ============================================================ --\u003e\n\n\u003cstyle\u003e\n  \/* ---------- RESET \u0026 BASE ---------- *\/\n  .product-description {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    color: #2d2d2d;\n    line-height: 1.7;\n    font-size: 16px;\n    max-width: 860px;\n    margin: 0 auto;\n    padding: 0 16px;\n  }\n\n  .product-description * {\n    box-sizing: border-box;\n  }\n\n  \/* ---------- TITRES ---------- *\/\n  .product-description h2 {\n    font-size: 1.45rem;\n    font-weight: 700;\n    color: #1a1a1a;\n    margin: 2rem 0 1rem;\n    padding-bottom: 0.4rem;\n    border-bottom: 2px solid #e0ecec;\n    letter-spacing: -0.01em;\n  }\n\n  .product-description h3 {\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #2b7a7a;\n    margin: 1.6rem 0 0.8rem;\n  }\n\n  \/* ---------- PARAGRAPHES ---------- *\/\n  .product-description p {\n    margin: 0 0 1rem;\n    color: #444;\n  }\n\n  \/* ---------- LISTES ---------- *\/\n  .product-description ul,\n  .product-description ol {\n    margin: 0 0 1.2rem;\n    padding-left: 1.4rem;\n  }\n\n  .product-description li {\n    margin-bottom: 0.55rem;\n    color: #3a3a3a;\n  }\n\n  .product-description li strong {\n    color: #1a1a1a;\n  }\n\n  \/* ---------- ENCART CARACTÉRISTIQUES ---------- *\/\n  .specs-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n    gap: 12px;\n    margin: 1.2rem 0 1.8rem;\n  }\n\n  .spec-item {\n    background: #f2fafa;\n    border: 1px solid #e0ecec;\n    border-radius: 10px;\n    padding: 14px 16px;\n    transition: transform 0.2s ease, box-shadow 0.2s ease;\n  }\n\n  .spec-item:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 6px 18px rgba(43, 122, 122, 0.08);\n  }\n\n  .spec-item strong {\n    display: block;\n    font-size: 0.85rem;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: #2b7a7a;\n    margin-bottom: 4px;\n  }\n\n  .spec-item span {\n    font-size: 0.98rem;\n    color: #333;\n  }\n\n  \/* ---------- BÉNÉFICES (liste à coches) ---------- *\/\n  .benefits-list {\n    list-style: none;\n    padding-left: 0;\n  }\n\n  .benefits-list li {\n    position: relative;\n    padding-left: 32px;\n    margin-bottom: 0.7rem;\n  }\n\n  .benefits-list li::before {\n    content: \"✔\";\n    position: absolute;\n    left: 0;\n    top: 0;\n    color: #2b7a7a;\n    font-weight: 700;\n    font-size: 1.1rem;\n    line-height: 1.5;\n  }\n\n  \/* ---------- MODE D'EMPLOI ---------- *\/\n  .steps {\n    list-style: none;\n    padding-left: 0;\n  }\n\n  .steps li {\n    position: relative;\n    padding-left: 32px;\n    margin-bottom: 0.9rem;\n  }\n\n  .steps li::before {\n    content: \"•\";\n    position: absolute;\n    left: 0;\n    top: 0;\n    color: #2b7a7a;\n    font-weight: 700;\n    font-size: 1.4rem;\n    line-height: 1.3;\n  }\n\n  \/* ---------- ENCART CONSEIL ---------- *\/\n  .tip-box {\n    background: #f2fafa;\n    border-left: 4px solid #2b7a7a;\n    border-radius: 8px;\n    padding: 14px 18px;\n    margin: 1.2rem 0;\n    font-size: 0.95rem;\n    color: #555;\n  }\n\n  .tip-box strong {\n    color: #2b7a7a;\n  }\n\n  \/* ---------- SÉPARATEURS ---------- *\/\n  .product-description hr {\n    border: none;\n    height: 1px;\n    background: linear-gradient(to right, transparent, #e0ecec, transparent);\n    margin: 2rem 0;\n  }\n\n  \/* ---------- ENCART PRÉCAUTIONS ---------- *\/\n  .precautions-box {\n    background: #fff8f0;\n    border-left: 4px solid #d97706;\n    border-radius: 8px;\n    padding: 16px 20px;\n    margin: 1.2rem 0;\n    font-size: 0.95rem;\n    color: #555;\n  }\n\n  .precautions-box strong {\n    color: #d97706;\n    display: block;\n    margin-bottom: 8px;\n  }\n\n  \/* ---------- FAQ ACCORDÉON ---------- *\/\n  .faq-item {\n    border: 1px solid #e0ecec;\n    border-radius: 10px;\n    margin-bottom: 10px;\n    overflow: hidden;\n    background: #fff;\n  }\n\n  .faq-question {\n    width: 100%;\n    background: #f2fafa;\n    border: none;\n    text-align: left;\n    padding: 14px 18px;\n    font-size: 1rem;\n    font-weight: 600;\n    color: #1a1a1a;\n    cursor: pointer;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    transition: background 0.2s ease;\n  }\n\n  .faq-question:hover {\n    background: #e6f4f4;\n  }\n\n  .faq-question::after {\n    content: \"+\";\n    font-size: 1.3rem;\n    color: #2b7a7a;\n    transition: transform 0.3s ease;\n  }\n\n  .faq-item.active .faq-question::after {\n    transform: rotate(45deg);\n  }\n\n  .faq-answer {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.35s ease, padding 0.35s ease;\n    padding: 0 18px;\n    background: #fff;\n  }\n\n  .faq-item.active .faq-answer {\n    max-height: 300px;\n    padding: 14px 18px;\n  }\n\n  .faq-answer p {\n    margin: 0;\n    font-size: 0.95rem;\n    color: #555;\n  }\n\n  \/* ---------- RESPONSIVE ---------- *\/\n  @media (max-width: 600px) {\n    .product-description h2 {\n      font-size: 1.25rem;\n    }\n    .product-description h3 {\n      font-size: 1.05rem;\n    }\n    .specs-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"product-description\"\u003e\n\n  \u003c!-- ============================================================\n       DESCRIPTION\n       ============================================================ --\u003e\n  \u003ch2\u003eSavon Nettoyant 100g – Peau Nette \u0026amp; Douce\u003c\/h2\u003e\n\n  \u003cp\u003e\n    Ce \u003cstrong\u003esavon nettoie délicatement la peau\u003c\/strong\u003e et aide à éliminer les \u003cstrong\u003eimpuretés\u003c\/strong\u003e \n    et l'\u003cstrong\u003eexcès de sébum\u003c\/strong\u003e pour une peau d'apparence plus \u003cstrong\u003enette et uniforme\u003c\/strong\u003e.\n  \u003c\/p\u003e\n\n  \u003chr\u003e\n\n  \u003c!-- ============================================================\n       CARACTÉRISTIQUES\n       ============================================================ --\u003e\n  \u003ch2\u003eCaractéristiques\u003c\/h2\u003e\n\n  \u003cdiv class=\"specs-grid\"\u003e\n    \u003cdiv class=\"spec-item\"\u003e\n      \u003cstrong\u003ePoids\u003c\/strong\u003e\n      \u003cspan\u003e100 g\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"spec-item\"\u003e\n      \u003cstrong\u003eAction\u003c\/strong\u003e\n      \u003cspan\u003eNettoyage, douceur, pores\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"spec-item\"\u003e\n      \u003cstrong\u003eUsage\u003c\/strong\u003e\n      \u003cspan\u003eExterne uniquement\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003chr\u003e\n\n  \u003c!-- ============================================================\n       UTILISATION\n       ============================================================ --\u003e\n  \u003ch2\u003eUtilisation\u003c\/h2\u003e\n\n  \u003col class=\"steps\"\u003e\n    \u003cli\u003eFaire mousser sur peau humide.\u003c\/li\u003e\n    \u003cli\u003eMasser doucement.\u003c\/li\u003e\n    \u003cli\u003eRincer abondamment.\u003c\/li\u003e\n  \u003c\/ol\u003e\n\n  \u003cdiv class=\"tip-box\"\u003e\n    \u003cstrong\u003eConseil d'utilisation :\u003c\/strong\u003e pour un nettoyage doux au quotidien, faites mousser le savon \n    sur peau humide, massez délicatement puis rincez abondamment.\n  \u003c\/div\u003e\n\n  \u003chr\u003e\n\n  \u003c!-- ============================================================\n       PRÉCAUTIONS\n       ============================================================ --\u003e\n  \u003ch2\u003ePrécautions\u003c\/h2\u003e\n\n  \u003cdiv class=\"precautions-box\"\u003e\n    \u003cstrong\u003e⚠ À lire avant utilisation\u003c\/strong\u003e\n    \u003cul style=\"margin:0; padding-left:1.2rem;\"\u003e\n      \u003cli\u003eUsage externe uniquement.\u003c\/li\u003e\n      \u003cli\u003eÉviter les yeux et les muqueuses.\u003c\/li\u003e\n      \u003cli\u003eInterrompre l'utilisation en cas d'irritation.\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003chr\u003e\n\n  \u003c!-- ============================================================\n       FAQ – ACCORDÉON (JS)\n       ============================================================ --\u003e\n  \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n\n  \u003cdiv class=\"faq-item\"\u003e\n    \u003cbutton class=\"faq-question\" aria-expanded=\"false\"\u003e\n      À quoi sert le Savon Nettoyant 100g ?\n    \u003c\/button\u003e\n    \u003cdiv class=\"faq-answer\"\u003e\n      \u003cp\u003e\n        Il nettoie délicatement la peau et aide à éliminer les impuretés et l'excès de sébum pour une \n        peau d'apparence plus nette et uniforme.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"faq-item\"\u003e\n    \u003cbutton class=\"faq-question\" aria-expanded=\"false\"\u003e\n      Quelle est la contenance du savon ?\n    \u003c\/button\u003e\n    \u003cdiv class=\"faq-answer\"\u003e\n      \u003cp\u003e\n        Le Savon Nettoyant est disponible en format 100 g.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"faq-item\"\u003e\n    \u003cbutton class=\"faq-question\" aria-expanded=\"false\"\u003e\n      Comment utiliser ce savon ?\n    \u003c\/button\u003e\n    \u003cdiv class=\"faq-answer\"\u003e\n      \u003cp\u003e\n        Faites mousser sur peau humide, massez doucement puis rincez abondamment.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"faq-item\"\u003e\n    \u003cbutton class=\"faq-question\" aria-expanded=\"false\"\u003e\n      Y a-t-il des précautions à prendre ?\n    \u003c\/button\u003e\n    \u003cdiv class=\"faq-answer\"\u003e\n      \u003cp\u003e\n        Usage externe uniquement. Évitez les yeux et les muqueuses. Interrompez l'utilisation en cas \n        d'irritation.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  \/* ---------- ACCORDÉON FAQ ---------- *\/\n  document.addEventListener('DOMContentLoaded', function () {\n    const faqItems = document.querySelectorAll('.faq-item');\n\n    faqItems.forEach(function (item) {\n      const button = item.querySelector('.faq-question');\n\n      button.addEventListener('click', function () {\n        const isActive = item.classList.contains('active');\n\n        \/\/ Fermer tous les autres\n        faqItems.forEach(function (other) {\n          other.classList.remove('active');\n          other.querySelector('.faq-question').setAttribute('aria-expanded', 'false');\n        });\n\n        \/\/ Ouvrir \/ fermer celui cliqué\n        if (!isActive) {\n          item.classList.add('active');\n          button.setAttribute('aria-expanded', 'true');\n        }\n      });\n    });\n  });\n\u003c\/script\u003e","brand":"Herbo Ridouane","offers":[{"title":"Default Title","offer_id":46983049806154,"sku":"SavonViti212","price":4.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0663\/1945\/0328\/files\/Savon_Nettoyant_100g_Peau_Nette_Douce_limine_Impuret_s_S_bum5132.png?v=1789340714","url":"https:\/\/www.nilabeautys.com\/ar\/products\/savon-nettoyant-100g-peau-nette-douce","provider":"nilabeautys.com","version":"1.0","type":"link"}