{"product_id":"lait-corporel-aloe-vera","title":"Lait Aloe Vera 200ml – hydrate et apaise la peau","description":"\u003c!-- ============================================================\n     FICHE PRODUIT – SÉRUM ÉCLAIRCISSANT ALOE VERA \u0026 VITAMINE E\n     Optimisée SEO (Google) \u0026 Shopify\n     Aucun H1 – H2\/H3 structurés\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 #e8f5e9;\n    letter-spacing: -0.01em;\n  }\n\n  .product-description h3 {\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #2e7d32;\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: #f7fdf7;\n    border: 1px solid #e0f0e0;\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(46, 125, 50, 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: #2e7d32;\n    margin-bottom: 4px;\n  }\n\n  .spec-item span {\n    font-size: 0.98rem;\n    color: #333;\n  }\n\n  \/* ---------- BÉNÉFICES ---------- *\/\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: #2e7d32;\n    font-weight: 700;\n    font-size: 1.1rem;\n    line-height: 1.5;\n  }\n\n  \/* ---------- MODE D'EMPLOI (ÉTAPES) ---------- *\/\n  .steps {\n    counter-reset: step;\n    list-style: none;\n    padding-left: 0;\n  }\n\n  .steps li {\n    counter-increment: step;\n    position: relative;\n    padding-left: 52px;\n    margin-bottom: 1rem;\n    min-height: 36px;\n  }\n\n  .steps li::before {\n    content: counter(step);\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 34px;\n    height: 34px;\n    background: #2e7d32;\n    color: #fff;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 700;\n    font-size: 0.95rem;\n  }\n\n  \/* ---------- SÉPARATEURS ---------- *\/\n  .product-description hr {\n    border: none;\n    height: 1px;\n    background: linear-gradient(to right, transparent, #d0e8d0, transparent);\n    margin: 2rem 0;\n  }\n\n  \/* ---------- ACCORDÉON FAQ (JS) ---------- *\/\n  .faq-item {\n    border: 1px solid #e0f0e0;\n    border-radius: 10px;\n    margin-bottom: 10px;\n    overflow: hidden;\n    background: #fff;\n  }\n\n  .faq-question {\n    width: 100%;\n    background: #f7fdf7;\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: #eef7ee;\n  }\n\n  .faq-question::after {\n    content: \"+\";\n    font-size: 1.3rem;\n    color: #2e7d32;\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    .steps li {\n      padding-left: 46px;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"product-description\"\u003e\n\n  \u003c!-- ============================================================\n       INTRODUCTION OPTIMISÉE SEO\n       ============================================================ --\u003e\n  \u003cp\u003e\n    Révélez l’éclat naturel de votre peau avec ce \u003cstrong\u003esérum éclaircissant à l’Aloe Vera et à la Vitamine E\u003c\/strong\u003e. \n    Sa formule légère et rapidement absorbée cible les \u003cstrong\u003epeaux ternes, sensibles ou sujettes aux taches pigmentaires\u003c\/strong\u003e. \n    Jour après jour, le teint s’unifie, les rougeurs s’apaisent et la peau retrouve souplesse et luminosité.\n  \u003c\/p\u003e\n\n  \u003chr\u003e\n\n  \u003c!-- ============================================================\n       CARACTÉRISTIQUES\n       ============================================================ --\u003e\n  \u003ch2\u003eCaractéristiques du produit\u003c\/h2\u003e\n\n  \u003cdiv class=\"specs-grid\"\u003e\n    \u003cdiv class=\"spec-item\"\u003e\n      \u003cstrong\u003eContenance\u003c\/strong\u003e\n      \u003cspan\u003e200 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"spec-item\"\u003e\n      \u003cstrong\u003eIngrédients clés\u003c\/strong\u003e\n      \u003cspan\u003eAloe Vera \u0026amp; Vitamine E\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"spec-item\"\u003e\n      \u003cstrong\u003eTexture\u003c\/strong\u003e\n      \u003cspan\u003eLégère, absorption rapide, sans résidu\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"spec-item\"\u003e\n      \u003cstrong\u003eCible\u003c\/strong\u003e\n      \u003cspan\u003ePeaux ternes, sensibles, taches pigmentaires\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"spec-item\"\u003e\n      \u003cstrong\u003eUsage\u003c\/strong\u003e\n      \u003cspan\u003eQuotidien, matin et\/ou soir\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003chr\u003e\n\n  \u003c!-- ============================================================\n       BIENFAITS\n       ============================================================ --\u003e\n  \u003ch2\u003eBienfaits prouvés sur la peau\u003c\/h2\u003e\n\n  \u003cul class=\"benefits-list\"\u003e\n    \u003cli\u003e\n\u003cstrong\u003eÉclaircit et unifie le teint\u003c\/strong\u003e naturellement\u003c\/li\u003e\n    \u003cli\u003e\n\u003cstrong\u003eHydrate en profondeur\u003c\/strong\u003e pour une peau souple et douce\u003c\/li\u003e\n    \u003cli\u003e\n\u003cstrong\u003eApaise les rougeurs\u003c\/strong\u003e et les irritations\u003c\/li\u003e\n    \u003cli\u003e\n\u003cstrong\u003eProtège\u003c\/strong\u003e contre les agressions extérieures\u003c\/li\u003e\n    \u003cli\u003e\u003cstrong\u003eFavorise une peau visiblement plus lumineuse\u003c\/strong\u003e\u003c\/li\u003e\n  \u003c\/ul\u003e\n\n  \u003chr\u003e\n\n  \u003c!-- ============================================================\n       MODE D'EMPLOI\n       ============================================================ --\u003e\n  \u003ch2\u003eMode d’emploi\u003c\/h2\u003e\n\n  \u003col class=\"steps\"\u003e\n    \u003cli\u003eAppliquer sur peau propre et sèche.\u003c\/li\u003e\n    \u003cli\u003eMasser en mouvements circulaires jusqu’à absorption complète.\u003c\/li\u003e\n    \u003cli\u003eUtiliser tous les jours, en insistant sur les zones à traiter.\u003c\/li\u003e\n  \u003c\/ol\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      Ce sérum convient-il aux peaux sensibles ?\n    \u003c\/button\u003e\n    \u003cdiv class=\"faq-answer\"\u003e\n      \u003cp\u003e\n        Oui. Sa formule à base d’Aloe Vera et de Vitamine E est spécialement conçue pour apaiser les peaux sensibles \n        et réduire les rougeurs. Elle ne contient pas d’alcool dénaturé.\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      Peut-on l’utiliser matin et soir ?\n    \u003c\/button\u003e\n    \u003cdiv class=\"faq-answer\"\u003e\n      \u003cp\u003e\n        Absolument. Pour de meilleurs résultats, appliquez-le matin et\/ou soir sur une peau propre. \n        Le matin, terminez par une protection solaire.\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      En combien de temps voit-on des résultats ?\n    \u003c\/button\u003e\n    \u003cdiv class=\"faq-answer\"\u003e\n      \u003cp\u003e\n        Les premiers effets hydratants sont immédiats. Pour un teint visiblement plus uniforme et lumineux, \n        comptez en moyenne 4 semaines d’utilisation régulière.\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      Ce produit est-il testé dermatologiquement ?\n    \u003c\/button\u003e\n    \u003cdiv class=\"faq-answer\"\u003e\n      \u003cp\u003e\n        Oui, ce sérum est testé sous contrôle dermatologique et convient à tous les types de peau, \n        y compris les peaux réactives.\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":46962203099466,"sku":"LaitAloev212","price":4.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0663\/1945\/0328\/files\/lait-corporel-a-laloe-vera-200ml-harmonise-la-couleur-de-la-peau-contient-de-la-vitamine-e-873629.jpg?v=1789245667","url":"https:\/\/www.nilabeautys.com\/ar\/products\/lait-corporel-aloe-vera","provider":"nilabeautys.com","version":"1.0","type":"link"}