{"product_id":"savon-la-glycerine","title":"Savon glycerine 100g – Douceur \u0026 Apaisement | Visage \u0026 Corps","description":"\u003c!-- ═══════════════════════════════════════════════════════════════\n     FICHE PRODUIT — SAVON À LA GLYCÉRINE\n     Optimisée SEO Google + Recommandations Shopify\n     Structure : H2 \/ H3 — Sans H1 (réservé au titre Shopify)\n     ═══════════════════════════════════════════════════════════════ --\u003e\n\u003cdiv class=\"svg-product\"\u003e\n\u003c!-- ═══════════════════════════════════════════════════════════\n       SECTION 1 — BIENFAITS\n       ═══════════════════════════════════════════════════════════ --\u003e\n\u003csection class=\"svg-benefits-section\"\u003e\n\u003ch2 class=\"svg-section-title\"\u003eBienfaits\u003c\/h2\u003e\n\u003cdiv class=\"svg-benefits-grid\"\u003e\n\u003cdiv class=\"svg-benefit-card\"\u003e\n\u003cdiv class=\"svg-benefit-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3 class=\"svg-benefit-title\"\u003eHydratation en profondeur\u003c\/h3\u003e\n\u003cp class=\"svg-benefit-desc\"\u003eRetient l'humidité pour une peau souple et confortable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"svg-benefit-card\"\u003e\n\u003cdiv class=\"svg-benefit-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3 class=\"svg-benefit-title\"\u003eNettoyage doux\u003c\/h3\u003e\n\u003cp class=\"svg-benefit-desc\"\u003eÉlimine les impuretés sans irriter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"svg-benefit-card\"\u003e\n\u003cdiv class=\"svg-benefit-icon\"\u003e🧴\u003c\/div\u003e\n\u003ch3 class=\"svg-benefit-title\"\u003eApaisant\u003c\/h3\u003e\n\u003cp class=\"svg-benefit-desc\"\u003eCalme les rougeurs et irritations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"svg-benefit-card\"\u003e\n\u003cdiv class=\"svg-benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3 class=\"svg-benefit-title\"\u003ePolyvalent\u003c\/h3\u003e\n\u003cp class=\"svg-benefit-desc\"\u003eUsage visage et corps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ═══════════════════════════════════════════════════════════\n       SECTION 2 — MODE D'EMPLOI\n       ═══════════════════════════════════════════════════════════ --\u003e\n\u003csection class=\"svg-usage-section\"\u003e\n\u003ch3 class=\"svg-section-subtitle\"\u003eMode d'emploi\u003c\/h3\u003e\n\u003col class=\"svg-usage-steps\"\u003e\n\u003cli class=\"svg-usage-step\"\u003e\n\u003cspan class=\"svg-step-num\"\u003e01\u003c\/span\u003e\n\u003cdiv class=\"svg-step-content\"\u003e\n\u003cp class=\"svg-step-desc\"\u003eMouillez la peau à l'eau tiède.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"svg-usage-step\"\u003e\n\u003cspan class=\"svg-step-num\"\u003e02\u003c\/span\u003e\n\u003cdiv class=\"svg-step-content\"\u003e\n\u003cp class=\"svg-step-desc\"\u003eFaites mousser le savon entre vos mains.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"svg-usage-step\"\u003e\n\u003cspan class=\"svg-step-num\"\u003e03\u003c\/span\u003e\n\u003cdiv class=\"svg-step-content\"\u003e\n\u003cp class=\"svg-step-desc\"\u003eAppliquez sur le visage et le corps en mouvements circulaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"svg-usage-step\"\u003e\n\u003cspan class=\"svg-step-num\"\u003e04\u003c\/span\u003e\n\u003cdiv class=\"svg-step-content\"\u003e\n\u003cp class=\"svg-step-desc\"\u003eMassez délicatement, puis rincez abondamment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli class=\"svg-usage-step\"\u003e\n\u003cspan class=\"svg-step-num\"\u003e05\u003c\/span\u003e\n\u003cdiv class=\"svg-step-content\"\u003e\n\u003cp class=\"svg-step-desc\"\u003eSéchez en tapotant avec une serviette propre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cdiv class=\"svg-usage-outro\"\u003e\n\u003cp class=\"svg-usage-outro-text\"\u003e\u003cstrong\u003eOffrez à votre peau un soin naturel et bienveillant\u003c\/strong\u003e avec notre savon à la glycérine. Idéal pour un usage quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c!-- ═══════════════════════════════════════════════════════════════\n     STYLES\n     ═══════════════════════════════════════════════════════════════ --\u003e\n\u003cstyle\u003e\n  .svg-product {\n    --cream:       #F8F5EF;\n    --cream-soft:  #EFEAE0;\n    --sand:        #D9CFBE;\n    --sage:        #8FA88A;\n    --sage-dark:   #5E7359;\n    --ink:         #23281F;\n    --ink-soft:    #4A5245;\n    --stone:       #7A7568;\n    --white:       #FDFCFA;\n    --accent:      #C9A96E;\n    font-family: 'Jost', 'Helvetica Neue', Arial, sans-serif;\n    font-weight: 300;\n    color: var(--ink);\n    background: var(--cream);\n    line-height: 1.7;\n    overflow-x: hidden;\n    position: relative;\n  }\n\n  .svg-product *,\n  .svg-product *::before,\n  .svg-product *::after {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n\n  \/* ─── SECTION BIENFAITS ─── *\/\n  .svg-benefits-section {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 70px 60px 50px;\n  }\n\n  .svg-section-title {\n    font-family: 'Cormorant Garamond', Georgia, serif;\n    font-size: 38px;\n    font-weight: 400;\n    color: var(--ink);\n    text-align: center;\n    margin-bottom: 12px;\n    letter-spacing: 0.02em;\n  }\n\n  .svg-section-title::after {\n    content: '';\n    display: block;\n    width: 50px;\n    height: 1px;\n    background: var(--sage);\n    margin: 18px auto 0;\n  }\n\n  .svg-benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 20px;\n    margin-top: 50px;\n  }\n\n  .svg-benefit-card {\n    background: var(--white);\n    padding: 36px 24px;\n    text-align: center;\n    border: 1px solid var(--cream-soft);\n    border-bottom: 2px solid var(--sage);\n    transition: transform 0.35s ease, box-shadow 0.35s ease;\n    position: relative;\n  }\n\n  .svg-benefit-card:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 12px 32px rgba(94, 115, 89, 0.12);\n  }\n\n  .svg-benefit-icon {\n    font-size: 28px;\n    margin-bottom: 16px;\n    display: block;\n    line-height: 1;\n  }\n\n  .svg-benefit-title {\n    font-family: 'Cormorant Garamond', Georgia, serif;\n    font-size: 19px;\n    font-weight: 500;\n    color: var(--ink);\n    margin-bottom: 10px;\n    letter-spacing: 0.01em;\n  }\n\n  .svg-benefit-desc {\n    font-size: 13px;\n    line-height: 1.75;\n    color: var(--ink-soft);\n  }\n\n  \/* ─── SECTION MODE D'EMPLOI ─── *\/\n  .svg-usage-section {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 40px 60px 90px;\n  }\n\n  .svg-section-subtitle {\n    font-family: 'Cormorant Garamond', Georgia, serif;\n    font-size: 32px;\n    font-weight: 400;\n    color: var(--ink);\n    margin-bottom: 40px;\n    letter-spacing: 0.02em;\n  }\n\n  .svg-section-subtitle::after {\n    content: '';\n    display: block;\n    width: 40px;\n    height: 1px;\n    background: var(--sage);\n    margin-top: 14px;\n  }\n\n  .svg-usage-steps {\n    list-style: none;\n    display: flex;\n    flex-direction: column;\n    max-width: 720px;\n    counter-reset: step;\n  }\n\n  .svg-usage-step {\n    display: flex;\n    gap: 28px;\n    padding: 22px 0;\n    border-bottom: 1px solid rgba(35, 40, 31, 0.08);\n    align-items: flex-start;\n  }\n\n  .svg-usage-step:last-child {\n    border-bottom: none;\n  }\n\n  .svg-step-num {\n    font-family: 'Cormorant Garamond', Georgia, serif;\n    font-size: 40px;\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  .svg-usage-step:hover .svg-step-num {\n    color: var(--sage);\n  }\n\n  .svg-step-content {\n    padding-top: 6px;\n  }\n\n  .svg-step-desc {\n    font-size: 14px;\n    line-height: 1.8;\n    color: var(--ink-soft);\n  }\n\n  \/* ─── ENCART CONCLUSION ─── *\/\n  .svg-usage-outro {\n    margin-top: 48px;\n    padding: 32px 36px;\n    background: var(--ink);\n    color: var(--cream);\n    max-width: 720px;\n    position: relative;\n  }\n\n  .svg-usage-outro::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 4px;\n    height: 100%;\n    background: var(--accent);\n  }\n\n  .svg-usage-outro-text {\n    font-family: 'Cormorant Garamond', Georgia, serif;\n    font-size: 18px;\n    font-style: italic;\n    color: rgba(248, 245, 239, 0.9);\n    line-height: 1.7;\n  }\n\n  .svg-usage-outro-text strong {\n    color: var(--cream);\n    font-style: normal;\n    font-weight: 500;\n  }\n\n  \/* ─── RESPONSIVE ─── *\/\n  @media (max-width: 900px) {\n    .svg-benefits-section,\n    .svg-usage-section {\n      padding: 50px 24px;\n    }\n\n    .svg-benefits-grid {\n      grid-template-columns: 1fr 1fr;\n      gap: 16px;\n    }\n\n    .svg-section-title {\n      font-size: 30px;\n    }\n\n    .svg-section-subtitle {\n      font-size: 26px;\n    }\n\n    .svg-usage-step {\n      gap: 18px;\n    }\n\n    .svg-step-num {\n      font-size: 32px;\n      width: 44px;\n    }\n\n    .svg-usage-outro {\n      padding: 26px 24px;\n    }\n  }\n\n  @media (max-width: 520px) {\n    .svg-benefits-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .svg-benefit-card {\n      padding: 28px 20px;\n    }\n  }\n\u003c\/style\u003e\n\u003c!-- ═══════════════════════════════════════════════════════════════\n     SCRIPT — Animation d'apparition au scroll\n     ═══════════════════════════════════════════════════════════════ --\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Herbo Ridouane","offers":[{"title":"Default Title","offer_id":46983580713290,"sku":"SAvongly212","price":3.67,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0663\/1945\/0328\/files\/Savon_glycerine_100g_Douceur_Apaisement_Visage_Corps53211.png?v=1789388318","url":"https:\/\/www.nilabeautys.com\/ar\/products\/savon-la-glycerine","provider":"nilabeautys.com","version":"1.0","type":"link"}