{"product_id":"savon-dermobact-100g-nettoyant-doux","title":"Savon DermoBact 100g – Nettoyant Doux | Peau Confortable et Douce","description":"\u003c!-- ============================================================\n     FICHE PRODUIT – SAVON DERMOBACT 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\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 #e0e8f0;\n    letter-spacing: -0.01em;\n  }\n\n  .product-description h3 {\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #2b5d8a;\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: #f4f8fd;\n    border: 1px solid #e0e8f0;\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, 93, 138, 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: #2b5d8a;\n    margin-bottom: 4px;\n  }\n\n  .spec-item span {\n    font-size: 0.98rem;\n    color: #333;\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: #2b5d8a;\n    font-weight: 700;\n    font-size: 1.4rem;\n    line-height: 1.3;\n  }\n\n  \/* ---------- ENCART CONSEIL ---------- *\/\n  .tip-box {\n    background: #f4f8fd;\n    border-left: 4px solid #2b5d8a;\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: #2b5d8a;\n  }\n\n  \/* ---------- SÉPARATEURS ---------- *\/\n  .product-description hr {\n    border: none;\n    height: 1px;\n    background: linear-gradient(to right, transparent, #e0e8f0, 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 #e0e8f0;\n    border-radius: 10px;\n    margin-bottom: 10px;\n    overflow: hidden;\n    background: #fff;\n  }\n\n  .faq-question {\n    width: 100%;\n    background: #f4f8fd;\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: #eaf2fb;\n  }\n\n  .faq-question::after {\n    content: \"+\";\n    font-size: 1.3rem;\n    color: #2b5d8a;\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\u003cdiv class=\"product-description\"\u003e\n\u003c!-- ============================================================\n       DESCRIPTION\n       ============================================================ --\u003e\n\u003ch2\u003eSavon DermoBact 100g – Nettoyant Doux\u003c\/h2\u003e\n\u003cp\u003eLe \u003cstrong\u003eSavon DermoBact\u003c\/strong\u003e nettoie la peau et aide à éliminer les \u003cstrong\u003eimpuretés\u003c\/strong\u003e tout en préservant une sensation de \u003cstrong\u003econfort et de douceur\u003c\/strong\u003e.\u003c\/p\u003e\n\u003chr\u003e\n\u003c!-- ============================================================\n       CARACTÉRISTIQUES\n       ============================================================ --\u003e\n\u003ch2\u003eCaractéristiques\u003c\/h2\u003e\n\u003cdiv class=\"specs-grid\"\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cstrong\u003ePoids\u003c\/strong\u003e \u003cspan\u003e100 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cstrong\u003eAction\u003c\/strong\u003e \u003cspan\u003eNettoyage, douceur, peau\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cstrong\u003eUsage\u003c\/strong\u003e \u003cspan\u003eExterne uniquement\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr\u003e\n\u003c!-- ============================================================\n       UTILISATION\n       ============================================================ --\u003e\n\u003ch2\u003eUtilisation\u003c\/h2\u003e\n\u003col class=\"steps\"\u003e\n\u003cli\u003eFaire mousser sur peau humide.\u003c\/li\u003e\n\u003cli\u003eMasser délicatement.\u003c\/li\u003e\n\u003cli\u003eRincer abondamment.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"tip-box\"\u003e\n\u003cstrong\u003eConseil d'utilisation :\u003c\/strong\u003e pour un nettoyage doux au quotidien, faites mousser le savon sur peau humide, massez délicatement puis rincez abondamment.\u003c\/div\u003e\n\u003chr\u003e\n\u003c!-- ============================================================\n       PRÉCAUTIONS\n       ============================================================ --\u003e\n\u003ch2\u003ePrécautions\u003c\/h2\u003e\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 le contact avec les yeux.\u003c\/li\u003e\n\u003cli\u003eInterrompre l'utilisation en cas d'irritation.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003chr\u003e\n\u003c!-- ============================================================\n       FAQ – ACCORDÉON (JS)\n       ============================================================ --\u003e\n\u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-question\"\u003e À quoi sert le Savon DermoBact ? \u003c\/button\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eIl nettoie la peau et aide à éliminer les impuretés tout en préservant une sensation de confort et de douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-question\"\u003e Quelle est la contenance du savon ? \u003c\/button\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eLe Savon DermoBact est disponible en format 100 g.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-question\"\u003e Comment utiliser ce savon ? \u003c\/button\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eFaites mousser sur peau humide, massez délicatement puis rincez abondamment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-question\"\u003e Y a-t-il des précautions à prendre ? \u003c\/button\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux. Interrompez l'utilisation en cas d'irritation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Herbo Ridouane","offers":[{"title":"Default Title","offer_id":46983525892426,"sku":"","price":4.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0663\/1945\/0328\/files\/Savon_DermoBact_100g_Nettoyant_Doux_Peau_Confortable_et_Douce3521.jpg?v=1789385238","url":"https:\/\/www.nilabeautys.com\/ar\/products\/savon-dermobact-100g-nettoyant-doux","provider":"nilabeautys.com","version":"1.0","type":"link"}