{"product_id":"savon-doux-confort-intime-100g","title":"Savon Doux pour le Confort Intime 100g – Nettoyage Externe des Zones Sensibles","description":"\u003c!-- ═══════════════════════════════════════════════════════════════\n     FICHE PRODUIT — SAVON DOUX POUR LE CONFORT INTIME 100g\n     Nettoyage Externe Doux - Zones Sensibles\n     Optimisée SEO Google + Recommandations Shopify\n     Structure : H2 \/ H3 — Sans H1 (réservé au titre Shopify)\n     ═══════════════════════════════════════════════════════════════ --\u003e\n\n\u003cdiv class=\"sci-product\"\u003e\n\n  \u003c!-- ═══════════════════════════════════════════════════════════\n       SECTION 1 — DESCRIPTION\n       ═══════════════════════════════════════════════════════════ --\u003e\n  \u003csection class=\"sci-description-section\" aria-label=\"Description du Savon Doux pour le Confort Intime 100g\"\u003e\n    \u003ch2 class=\"sci-section-title\"\u003eDescription\u003c\/h2\u003e\n    \u003cp class=\"sci-desc-intro\"\u003e\n      Ce savon est destiné au nettoyage externe des zones sensibles.\n    \u003c\/p\u003e\n    \u003cp class=\"sci-desc-body\"\u003e\n      Il aide à maintenir une sensation de fraîcheur et de confort sans revendiquer d'action contre les hémorroïdes, l'inflammation ou une affection médicale.\n    \u003c\/p\u003e\n    \u003cul class=\"sci-specs-list\"\u003e\n      \u003cli class=\"sci-spec-item\"\u003e\n        \u003cspan class=\"sci-spec-icon\"\u003e🤍\u003c\/span\u003e\n        \u003cspan class=\"sci-spec-text\"\u003e\u003cstrong\u003eNettoyage doux\u003c\/strong\u003e\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli class=\"sci-spec-item\"\u003e\n        \u003cspan class=\"sci-spec-icon\"\u003e🌿\u003c\/span\u003e\n        \u003cspan class=\"sci-spec-text\"\u003e\u003cstrong\u003eConfort intime\u003c\/strong\u003e\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli class=\"sci-spec-item\"\u003e\n        \u003cspan class=\"sci-spec-icon\"\u003e🧴\u003c\/span\u003e\n        \u003cspan class=\"sci-spec-text\"\u003e\u003cstrong\u003eUsage externe\u003c\/strong\u003e\u003c\/span\u003e\n      \u003c\/li\u003e\n      \u003cli class=\"sci-spec-item\"\u003e\n        \u003cspan class=\"sci-spec-icon\"\u003e📦\u003c\/span\u003e\n        \u003cspan class=\"sci-spec-text\"\u003e\u003cstrong\u003e100g\u003c\/strong\u003e\u003c\/span\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ═══════════════════════════════════════════════════════════\n       SECTION 2 — CONSEILS D'UTILISATION\n       ═══════════════════════════════════════════════════════════ --\u003e\n  \u003csection class=\"sci-usage-section\" aria-label=\"Conseils d'utilisation du Savon Doux pour le Confort Intime\"\u003e\n    \u003ch2 class=\"sci-section-title\"\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"sci-usage-content\"\u003e\n      \u003cp class=\"sci-usage-text\"\u003e\n        Faire mousser délicatement sur la peau externe humide, puis rincer soigneusement.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ═══════════════════════════════════════════════════════════\n       SECTION 3 — PRÉCAUTIONS\n       ═══════════════════════════════════════════════════════════ --\u003e\n  \u003csection class=\"sci-precautions-section\" aria-label=\"Précautions d'utilisation du Savon Doux pour le Confort Intime\"\u003e\n    \u003ch2 class=\"sci-section-title sci-section-title-light\"\u003ePrécautions\u003c\/h2\u003e\n    \u003cdiv class=\"sci-precautions-content\"\u003e\n      \u003cdiv class=\"sci-precaution-item\"\u003e\n        \u003cspan class=\"sci-precaution-icon\"\u003e🧴\u003c\/span\u003e\n        \u003cp class=\"sci-precaution-text\"\u003eUsage externe uniquement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sci-precaution-item\"\u003e\n        \u003cspan class=\"sci-precaution-icon\"\u003e⚠️\u003c\/span\u003e\n        \u003cp class=\"sci-precaution-text\"\u003eNe pas appliquer sur les muqueuses ni sur une peau lésée ou irritée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sci-precaution-item\"\u003e\n        \u003cspan class=\"sci-precaution-icon\"\u003e🛑\u003c\/span\u003e\n        \u003cp class=\"sci-precaution-text\"\u003eInterrompre l'utilisation en cas d'inconfort.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- ═══════════════════════════════════════════════════════════════\n     STYLES\n     ═══════════════════════════════════════════════════════════════ --\u003e\n\u003cstyle\u003e\n  .sci-product {\n    --ivory:       #FAF8F6;\n    --ivory-soft:  #F1EDE9;\n    --cream:       #E2DCD6;\n    --sand:        #CBC3BA;\n    --rose:        #B98A94;\n    --rose-dark:   #8F616B;\n    --rose-soft:   #D8AFB7;\n    --gold:        #C9A34E;\n    --ink:         #2B2326;\n    --ink-soft:    #544A4D;\n    --stone:       #88807D;\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  .sci-product *,\n  .sci-product *::before,\n  .sci-product *::after {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n\n  \/* ─── TITRES DE SECTION ─── *\/\n  .sci-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: 30px;\n    position: relative;\n    padding-bottom: 18px;\n  }\n\n  .sci-section-title::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 44px;\n    height: 1px;\n    background: var(--rose);\n  }\n\n  .sci-section-title-light {\n    color: var(--ivory);\n  }\n\n  \/* ─── SECTION DESCRIPTION ─── *\/\n  .sci-description-section {\n    max-width: 900px;\n    margin: 0 auto;\n    padding: 70px 60px 50px;\n  }\n\n  .sci-desc-intro {\n    font-family: 'Cormorant Garamond', Georgia, serif;\n    font-size: 22px;\n    line-height: 1.65;\n    color: var(--ink);\n    font-weight: 400;\n    margin-bottom: 20px;\n    font-style: italic;\n  }\n\n  .sci-desc-body {\n    font-size: 15px;\n    line-height: 1.9;\n    color: var(--ink-soft);\n    margin-bottom: 32px;\n  }\n\n  .sci-specs-list {\n    list-style: none;\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 14px;\n  }\n\n  .sci-spec-item {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 18px 22px;\n    background: var(--white);\n    border: 1px solid var(--cream);\n    border-left: 3px solid var(--rose);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n  }\n\n  .sci-spec-item:hover {\n    transform: translateX(4px);\n    box-shadow: 0 8px 22px rgba(185, 138, 148, 0.12);\n  }\n\n  .sci-spec-icon {\n    font-size: 18px;\n    flex-shrink: 0;\n    line-height: 1;\n  }\n\n  .sci-spec-text {\n    font-size: 14px;\n    line-height: 1.7;\n    color: var(--ink-soft);\n  }\n\n  .sci-spec-text strong {\n    color: var(--ink);\n    font-weight: 500;\n  }\n\n  \/* ─── SECTION CONSEILS D'UTILISATION ─── *\/\n  .sci-usage-section {\n    max-width: 900px;\n    margin: 0 auto;\n    padding: 40px 60px 60px;\n  }\n\n  .sci-usage-content {\n    padding: 28px 32px;\n    background: var(--ivory-soft);\n    border-left: 3px solid var(--rose);\n    max-width: 720px;\n  }\n\n  .sci-usage-text {\n    font-size: 15px;\n    line-height: 1.85;\n    color: var(--ink-soft);\n  }\n\n  \/* ─── SECTION PRÉCAUTIONS ─── *\/\n  .sci-precautions-section {\n    background: var(--ink);\n    padding: 70px 60px;\n    margin-top: 20px;\n  }\n\n  .sci-precautions-section \u003e .sci-section-title {\n    max-width: 900px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .sci-precautions-section \u003e .sci-section-title::after {\n    background: var(--warning);\n  }\n\n  .sci-precautions-content {\n    max-width: 900px;\n    margin: 0 auto;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n  }\n\n  .sci-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  .sci-precaution-item:hover {\n    background: rgba(201, 130, 46, 0.08);\n  }\n\n  .sci-precaution-icon {\n    font-size: 20px;\n    line-height: 1;\n    flex-shrink: 0;\n    padding-top: 2px;\n  }\n\n  .sci-precaution-text {\n    font-size: 14px;\n    line-height: 1.8;\n    color: rgba(250, 248, 246, 0.85);\n  }\n\n  \/* ─── RESPONSIVE ─── *\/\n  @media (max-width: 900px) {\n    .sci-description-section,\n    .sci-usage-section {\n      padding: 50px 24px;\n    }\n\n    .sci-precautions-section {\n      padding: 50px 24px;\n    }\n\n    .sci-section-title {\n      font-size: 28px;\n      margin-bottom: 24px;\n    }\n\n    .sci-desc-intro {\n      font-size: 19px;\n    }\n\n    .sci-specs-list {\n      grid-template-columns: 1fr;\n    }\n\n    .sci-usage-content {\n      padding: 22px 24px;\n    }\n\n    .sci-precaution-item {\n      padding: 20px 22px;\n      gap: 14px;\n    }\n  }\n\n  @media (max-width: 520px) {\n    .sci-spec-item {\n      padding: 16px 18px;\n      gap: 12px;\n    }\n\n    .sci-spec-text {\n      font-size: 13px;\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    '.sci-spec-item, .sci-usage-content, .sci-precaution-item'\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":"Okayo","offers":[{"title":"Default Title","offer_id":46994520605002,"sku":"Savon Doux pour le Confort Intime","price":4.19,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0663\/1945\/0328\/files\/Savon_Doux_pour_le_Confort_Intime_100g_Nettoyage_Externe_des_Zones_Sensibles5211.jpg?v=1789684340","url":"https:\/\/www.nilabeautys.com\/ar\/products\/savon-doux-confort-intime-100g","provider":"nilabeautys.com","version":"1.0","type":"link"}