{"product_id":"savon-au-lait-de-chevre","title":"Savon au Lait de Chèvre 100g – Savon Naturel Hydratant \u0026 Apaisant | Tous Types de Peau","description":"\u003c!-- ═══════════════════════════════════════════════════════════════\n     FICHE PRODUIT — SAVON AU LAIT DE CHÈVRE 100g\n     Savon Naturel Nourrissant \u0026 Apaisant\n     Optimisée SEO Google + Recommandations Shopify\n     Structure : H2 \/ H3 — Sans H1 (réservé au titre Shopify)\n     ═══════════════════════════════════════════════════════════════ --\u003e\n\n\u003cdiv class=\"slc-product\"\u003e\n\n  \u003c!-- ═══════════════════════════════════════════════════════════\n       SECTION 1 — CARACTÉRISTIQUES\n       ═══════════════════════════════════════════════════════════ --\u003e\n  \u003csection class=\"slc-features-section\" aria-label=\"Caractéristiques du Savon au Lait de Chèvre 100g\"\u003e\n    \u003ch2 class=\"slc-section-title\"\u003eCaractéristiques\u003c\/h2\u003e\n    \u003cul class=\"slc-features-list\"\u003e\n      \u003cli class=\"slc-feature-item\"\u003e\n        \u003cspan class=\"slc-feature-icon\"\u003e🥛\u003c\/span\u003e\n        \u003cdiv class=\"slc-feature-content\"\u003e\n          \u003ch3 class=\"slc-feature-title\"\u003eSoin Nourrissant\u003c\/h3\u003e\n          \u003cp class=\"slc-feature-desc\"\u003eEnrichi en lait de chèvre pour une peau douce et hydratée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/li\u003e\n      \u003cli class=\"slc-feature-item\"\u003e\n        \u003cspan class=\"slc-feature-icon\"\u003e👥\u003c\/span\u003e\n        \u003cdiv class=\"slc-feature-content\"\u003e\n          \u003ch3 class=\"slc-feature-title\"\u003eUsage Quotidien\u003c\/h3\u003e\n          \u003cp class=\"slc-feature-desc\"\u003eConvient au visage et au corps, même pour les peaux sensibles.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/li\u003e\n      \u003cli class=\"slc-feature-item\"\u003e\n        \u003cspan class=\"slc-feature-icon\"\u003e🤍\u003c\/span\u003e\n        \u003cdiv class=\"slc-feature-content\"\u003e\n          \u003ch3 class=\"slc-feature-title\"\u003eApaisement Naturel\u003c\/h3\u003e\n          \u003cp class=\"slc-feature-desc\"\u003eAide à calmer les irritations et équilibre la peau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ═══════════════════════════════════════════════════════════\n       SECTION 2 — BIENFAITS\n       ═══════════════════════════════════════════════════════════ --\u003e\n  \u003csection class=\"slc-benefits-section\" aria-label=\"Bienfaits du Savon au Lait de Chèvre 100g\"\u003e\n    \u003ch2 class=\"slc-section-title slc-section-title-light\"\u003eBienfaits\u003c\/h2\u003e\n    \u003cdiv class=\"slc-benefits-grid\"\u003e\n      \u003cdiv class=\"slc-benefit-card\"\u003e\n        \u003cdiv class=\"slc-benefit-icon\"\u003e💧\u003c\/div\u003e\n        \u003ch3 class=\"slc-benefit-title\"\u003eHydratation Intense\u003c\/h3\u003e\n        \u003cp class=\"slc-benefit-desc\"\u003eMaintient l'équilibre naturel d'hydratation de la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slc-benefit-card\"\u003e\n        \u003cdiv class=\"slc-benefit-icon\"\u003e🌿\u003c\/div\u003e\n        \u003ch3 class=\"slc-benefit-title\"\u003eApaise et Protège\u003c\/h3\u003e\n        \u003cp class=\"slc-benefit-desc\"\u003eCalme les irritations et réduit les rougeurs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slc-benefit-card\"\u003e\n        \u003cdiv class=\"slc-benefit-icon\"\u003e✨\u003c\/div\u003e\n        \u003ch3 class=\"slc-benefit-title\"\u003eAdapté à Tous\u003c\/h3\u003e\n        \u003cp class=\"slc-benefit-desc\"\u003eConvient à tous les types de peau, y compris les peaux sèches et sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slc-benefit-card\"\u003e\n        \u003cdiv class=\"slc-benefit-icon\"\u003e🌟\u003c\/div\u003e\n        \u003ch3 class=\"slc-benefit-title\"\u003eÉclat Naturel\u003c\/h3\u003e\n        \u003cp class=\"slc-benefit-desc\"\u003eLaisse la peau douce, lumineuse et équilibrée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ═══════════════════════════════════════════════════════════\n       SECTION 3 — MODE D'EMPLOI\n       ═══════════════════════════════════════════════════════════ --\u003e\n  \u003csection class=\"slc-usage-section\" aria-label=\"Mode d'emploi du Savon au Lait de Chèvre 100g\"\u003e\n    \u003ch2 class=\"slc-section-title\"\u003eMode d'emploi\u003c\/h2\u003e\n    \u003col class=\"slc-usage-steps\"\u003e\n      \u003cli class=\"slc-usage-step\"\u003e\n        \u003cspan class=\"slc-step-num\"\u003e01\u003c\/span\u003e\n        \u003cp class=\"slc-step-desc\"\u003eMouillez vos mains et faites mousser le savon.\u003c\/p\u003e\n      \u003c\/li\u003e\n      \u003cli class=\"slc-usage-step\"\u003e\n        \u003cspan class=\"slc-step-num\"\u003e02\u003c\/span\u003e\n        \u003cp class=\"slc-step-desc\"\u003eAppliquez la mousse sur le visage ou le corps par des mouvements circulaires doux.\u003c\/p\u003e\n      \u003c\/li\u003e\n      \u003cli class=\"slc-usage-step\"\u003e\n        \u003cspan class=\"slc-step-num\"\u003e03\u003c\/span\u003e\n        \u003cp class=\"slc-step-desc\"\u003eRincez abondamment à l'eau tiède.\u003c\/p\u003e\n      \u003c\/li\u003e\n      \u003cli class=\"slc-usage-step\"\u003e\n        \u003cspan class=\"slc-step-num\"\u003e04\u003c\/span\u003e\n        \u003cp class=\"slc-step-desc\"\u003eSéchez la peau en la tapotant doucement avec une serviette.\u003c\/p\u003e\n      \u003c\/li\u003e\n      \u003cli class=\"slc-usage-step\"\u003e\n        \u003cspan class=\"slc-step-num\"\u003e05\u003c\/span\u003e\n        \u003cp class=\"slc-step-desc\"\u003eUtilisez quotidiennement pour des résultats optimaux.\u003c\/p\u003e\n      \u003c\/li\u003e\n    \u003c\/ol\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ═══════════════════════════════════════════════════════════\n       SECTION 4 — PRÉCAUTIONS\n       ═══════════════════════════════════════════════════════════ --\u003e\n  \u003csection class=\"slc-precautions-section\" aria-label=\"Précautions d'utilisation du Savon au Lait de Chèvre\"\u003e\n    \u003ch2 class=\"slc-section-title slc-section-title-light\"\u003ePrécautions\u003c\/h2\u003e\n    \u003cdiv class=\"slc-precautions-content\"\u003e\n      \u003cdiv class=\"slc-precaution-item\"\u003e\n        \u003cspan class=\"slc-precaution-icon\"\u003eℹ️\u003c\/span\u003e\n        \u003cp class=\"slc-precaution-text\"\u003eUsage externe uniquement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slc-precaution-item\"\u003e\n        \u003cspan class=\"slc-precaution-icon\"\u003e👁️\u003c\/span\u003e\n        \u003cp class=\"slc-precaution-text\"\u003eÉviter le contact avec les yeux et les muqueuses.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"slc-precaution-item\"\u003e\n        \u003cspan class=\"slc-precaution-icon\"\u003e📦\u003c\/span\u003e\n        \u003cp class=\"slc-precaution-text\"\u003eConserver dans un endroit sec entre les utilisations.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ═══════════════════════════════════════════════════════════\n       SECTION 5 — CONCLUSION\n       ═══════════════════════════════════════════════════════════ --\u003e\n  \u003csection class=\"slc-conclusion-section\" aria-label=\"Conclusion\"\u003e\n    \u003cp class=\"slc-conclusion-text\"\u003e\n      \u003cstrong\u003eSavon au Lait de Chèvre 100g :\u003c\/strong\u003e Un soin naturel et doux pour une peau éclatante, apaisée et hydratée, chaque jour.\n    \u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- ═══════════════════════════════════════════════════════════════\n     STYLES\n     ═══════════════════════════════════════════════════════════════ --\u003e\n\u003cstyle\u003e\n  .slc-product {\n    --ivory:       #FBF9F4;\n    --ivory-soft:  #F2EFE3;\n    --cream:       #E5E0CC;\n    --sand:        #D0C7A9;\n    --sage:        #7A8C6E;\n    --sage-dark:   #556549;\n    --gold:        #C9A34E;\n    --milk:        #F5EDDC;\n    --ink:         #26241C;\n    --ink-soft:    #524F40;\n    --stone:       #888572;\n    --white:       #FFFFFF;\n    --warning:     #C9822E;\n    font-family: 'Jost', 'Helvetica Neue', Arial, sans-serif;\n    font-weight: 300;\n    color: var(--ink);\n    background: var(--ivory);\n    line-height: 1.7;\n    overflow-x: hidden;\n    position: relative;\n  }\n\n  .slc-product *,\n  .slc-product *::before,\n  .slc-product *::after {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n\n  \/* ─── TITRES ─── *\/\n  .slc-section-title {\n    font-family: 'Cormorant Garamond', Georgia, serif;\n    font-size: 34px;\n    font-weight: 400;\n    color: var(--ink);\n    letter-spacing: 0.02em;\n    margin-bottom: 32px;\n    position: relative;\n    padding-bottom: 18px;\n  }\n\n  .slc-section-title::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 44px;\n    height: 1px;\n    background: var(--sage);\n  }\n\n  .slc-section-title-light {\n    color: var(--ivory);\n  }\n\n  \/* ─── SECTION CARACTÉRISTIQUES ─── *\/\n  .slc-features-section {\n    max-width: 1100px;\n    margin: 0 auto;\n    padding: 70px 60px 50px;\n  }\n\n  .slc-features-list {\n    list-style: none;\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n  }\n\n  .slc-feature-item {\n    display: flex;\n    flex-direction: column;\n    gap: 18px;\n    padding: 32px 26px;\n    background: var(--white);\n    border: 1px solid var(--cream);\n    border-bottom: 2px solid var(--sage);\n    transition: transform 0.35s ease, box-shadow 0.35s ease;\n  }\n\n  .slc-feature-item:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 12px 30px rgba(122, 140, 110, 0.12);\n  }\n\n  .slc-feature-icon {\n    width: 46px;\n    height: 46px;\n    background: var(--ivory-soft);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 20px;\n    flex-shrink: 0;\n    transition: background 0.3s ease;\n  }\n\n  .slc-feature-item:hover .slc-feature-icon {\n    background: var(--cream);\n  }\n\n  .slc-feature-title {\n    font-family: 'Cormorant Garamond', Georgia, serif;\n    font-size: 20px;\n    font-weight: 500;\n    color: var(--ink);\n    margin-bottom: 8px;\n    letter-spacing: 0.01em;\n    line-height: 1.3;\n  }\n\n  .slc-feature-desc {\n    font-size: 13px;\n    line-height: 1.8;\n    color: var(--ink-soft);\n  }\n\n  \/* ─── SECTION BIENFAITS ─── *\/\n  .slc-benefits-section {\n    background: var(--ink);\n    padding: 80px 60px;\n    margin-top: 20px;\n  }\n\n  .slc-benefits-section \u003e .slc-section-title {\n    max-width: 1100px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .slc-benefits-section \u003e .slc-section-title::after {\n    background: var(--gold);\n  }\n\n  .slc-benefits-grid {\n    max-width: 1100px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 2px;\n  }\n\n  .slc-benefit-card {\n    background: rgba(255, 255, 255, 0.04);\n    padding: 34px 24px;\n    border-top: 1px solid rgba(122, 140, 110, 0.35);\n    transition: background 0.35s ease, transform 0.35s ease;\n  }\n\n  .slc-benefit-card:hover {\n    background: rgba(122, 140, 110, 0.12);\n    transform: translateY(-4px);\n  }\n\n  .slc-benefit-icon {\n    font-size: 24px;\n    margin-bottom: 18px;\n    display: block;\n    line-height: 1;\n  }\n\n  .slc-benefit-title {\n    font-family: 'Cormorant Garamond', Georgia, serif;\n    font-size: 19px;\n    font-weight: 500;\n    color: var(--ivory);\n    margin-bottom: 12px;\n    letter-spacing: 0.01em;\n    line-height: 1.3;\n  }\n\n  .slc-benefit-desc {\n    font-size: 13px;\n    line-height: 1.8;\n    color: rgba(251, 249, 244, 0.65);\n  }\n\n  \/* ─── SECTION MODE D'EMPLOI ─── *\/\n  .slc-usage-section {\n    max-width: 1100px;\n    margin: 0 auto;\n    padding: 80px 60px 50px;\n  }\n\n  .slc-usage-steps {\n    list-style: none;\n    display: flex;\n    flex-direction: column;\n    max-width: 780px;\n  }\n\n  .slc-usage-step {\n    display: flex;\n    gap: 28px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--cream);\n    align-items: flex-start;\n  }\n\n  .slc-usage-step:last-child {\n    border-bottom: none;\n  }\n\n  .slc-step-num {\n    font-family: 'Cormorant Garamond', Georgia, serif;\n    font-size: 38px;\n    font-weight: 300;\n    color: var(--sand);\n    line-height: 1;\n    flex-shrink: 0;\n    width: 56px;\n    transition: color 0.3s ease;\n  }\n\n  .slc-usage-step:hover .slc-step-num {\n    color: var(--sage);\n  }\n\n  .slc-step-desc {\n    font-size: 14px;\n    line-height: 1.85;\n    color: var(--ink-soft);\n    padding-top: 8px;\n  }\n\n  \/* ─── SECTION PRÉCAUTIONS ─── *\/\n  .slc-precautions-section {\n    background: var(--ink);\n    padding: 70px 60px;\n    margin-top: 20px;\n  }\n\n  .slc-precautions-section \u003e .slc-section-title {\n    max-width: 1100px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .slc-precautions-section \u003e .slc-section-title::after {\n    background: var(--warning);\n  }\n\n  .slc-precautions-content {\n    max-width: 900px;\n    margin: 0 auto;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n  }\n\n  .slc-precaution-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 18px;\n    padding: 22px 26px;\n    background: rgba(255, 255, 255, 0.04);\n    border-top: 1px solid rgba(201, 130, 46, 0.3);\n    transition: background 0.3s ease;\n  }\n\n  .slc-precaution-item:hover {\n    background: rgba(201, 130, 46, 0.08);\n  }\n\n  .slc-precaution-icon {\n    font-size: 20px;\n    line-height: 1;\n    flex-shrink: 0;\n    padding-top: 2px;\n  }\n\n  .slc-precaution-text {\n    font-size: 14px;\n    line-height: 1.8;\n    color: rgba(251, 249, 244, 0.85);\n  }\n\n  \/* ─── SECTION CONCLUSION ─── *\/\n  .slc-conclusion-section {\n    max-width: 1100px;\n    margin: 0 auto;\n    padding: 20px 60px 90px;\n  }\n\n  .slc-conclusion-text {\n    font-family: 'Cormorant Garamond', Georgia, serif;\n    font-size: 19px;\n    font-style: italic;\n    line-height: 1.75;\n    color: var(--ink);\n    padding: 30px 34px;\n    background: var(--ivory-soft);\n    border-left: 3px solid var(--sage);\n    max-width: 820px;\n  }\n\n  .slc-conclusion-text strong {\n    font-weight: 600;\n    font-style: normal;\n    color: var(--sage-dark);\n  }\n\n  \/* ─── RESPONSIVE ─── *\/\n  @media (max-width: 900px) {\n    .slc-features-section,\n    .slc-usage-section,\n    .slc-conclusion-section {\n      padding: 50px 24px;\n    }\n\n    .slc-benefits-section,\n    .slc-precautions-section {\n      padding: 60px 24px;\n    }\n\n    .slc-section-title {\n      font-size: 28px;\n      margin-bottom: 26px;\n    }\n\n    .slc-features-list {\n      grid-template-columns: 1fr;\n    }\n\n    .slc-benefits-grid {\n      grid-template-columns: 1fr 1fr;\n    }\n\n    .slc-usage-step {\n      gap: 18px;\n    }\n\n    .slc-step-num {\n      font-size: 30px;\n      width: 44px;\n    }\n\n    .slc-benefit-item,\n    .slc-precaution-item {\n      padding: 20px 22px;\n      gap: 14px;\n    }\n\n    .slc-conclusion-text {\n      padding: 24px 24px;\n      font-size: 16px;\n    }\n  }\n\n  @media (max-width: 520px) {\n    .slc-benefits-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .slc-feature-item,\n    .slc-benefit-card {\n      padding: 26px 22px;\n    }\n  }\n\u003c\/style\u003e\n\n\u003c!-- ═══════════════════════════════════════════════════════════════\n     SCRIPT — Animation d'apparition au scroll\n     ═══════════════════════════════════════════════════════════════ --\u003e\n\u003cscript\u003e\n(function () {\n  if (!('IntersectionObserver' in window)) return;\n\n  var observer = new IntersectionObserver(function (entries) {\n    entries.forEach(function (entry) {\n      if (entry.isIntersecting) {\n        entry.target.style.opacity = '1';\n        entry.target.style.transform = 'translateY(0)';\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.12 });\n\n  var targets = document.querySelectorAll(\n    '.slc-feature-item, .slc-benefit-card, .slc-usage-step, .slc-precaution-item, .slc-conclusion-text'\n  );\n\n  targets.forEach(function (el) {\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})();\n\u003c\/script\u003e","brand":"nilabeautys","offers":[{"title":"Default Title","offer_id":46994411520330,"sku":"Savon212","price":3.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0663\/1945\/0328\/files\/Savon_au_Lait_de_Ch_vre_100g_Savon_Naturel_Hydratant_Apaisant_Tous_Types_de_Peau623722.jpg?v=1789678701","url":"https:\/\/www.nilabeautys.com\/ar\/products\/savon-au-lait-de-chevre","provider":"nilabeautys.com","version":"1.0","type":"link"}