{"product_id":"dermoherbe-80g-melange-plantes","title":"Dermoherbe 80g – Mélange de Plantes Traditionnel","description":"\u003c!-- ============================================================\n     DERMOHERBE 80g – FICHE PRODUIT SHOPIFY\n     Architecture SEO : H2 \u003e H3 \u003e paragraphes\n     Sans H1 (titre géré par Shopify)\n     Données : uniquement source fournie\n     ============================================================\n\n     === GMC \/ MÉTA-DONNÉES SEO (À CONFIGURER DANS SHOPIFY) ===\n\n     TITRE SEO (max 60 car.) :\n     Dermoherbe 80g – Mélange de Plantes Traditionnel | Herboristerie\n\n     MÉTA-DESCRIPTION (max 160 car.) :\n     Dermoherbe 80g, mélange de plantes traditionnel de préparation\n     herboristerie. Utilisation selon étiquetage fabricant. Conseils\n     professionnels disponibles.\n\n     TITRE GMC Google Merchant Center :\n     Dermoherbe – Mélange de Plantes Traditionnel 80g\n\n     DESCRIPTION GMC (max 5000 car.) :\n     Dermoherbe est un mélange de plantes traditionnel conditionné en\n     format 80g. Produit d'herboristerie à utiliser conformément aux\n     indications figurant sur l'étiquetage du fabricant. Respecter les\n     quantités indiquées sur l'emballage. Consulter un professionnel\n     qualifié en cas de grossesse, allaitement, traitement en cours ou\n     de doute.\n     ============================================================ --\u003e\n\u003cstyle\u003e\n  \/* ---- RESET \u0026 BASE ---- *\/\n  .dh-wrapper * {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n\n  \/* ---- VARIABLES ---- *\/\n  .dh-wrapper {\n    --dh-vert:      #2D5016;\n    --dh-vert-clair:#4A7A2A;\n    --dh-creme:     #F9F6F0;\n    --dh-or:        #8B6914;\n    --dh-or-clair:  #F5EDD4;\n    --dh-gris:      #5C5447;\n    --dh-gris-clair:#E8E3DC;\n    --dh-amber:     #7A4A00;\n    --dh-amber-bg:  #FEF3CD;\n    --dh-text:      #2A2520;\n    --dh-radius:    8px;\n    --dh-shadow:    0 2px 12px rgba(45,80,22,0.08);\n\n    font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;\n    font-size: 16px;\n    line-height: 1.65;\n    color: var(--dh-text);\n    background: transparent;\n    max-width: 780px;\n    margin: 0 auto;\n    padding: 0 4px;\n  }\n\n  \/* ---- INTRO BLOC ---- *\/\n  .dh-intro {\n    background: var(--dh-creme);\n    border-left: 4px solid var(--dh-vert);\n    border-radius: 0 var(--dh-radius) var(--dh-radius) 0;\n    padding: 20px 24px;\n    margin-bottom: 28px;\n  }\n\n  .dh-intro h2 {\n    font-family: Georgia, 'Times New Roman', serif;\n    font-size: 1.35rem;\n    font-weight: 700;\n    color: var(--dh-vert);\n    margin-bottom: 14px;\n    line-height: 1.3;\n  }\n\n  \/* ---- BADGES ATTRIBUTS ---- *\/\n  .dh-badges {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-bottom: 16px;\n  }\n\n  .dh-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    background: white;\n    border: 1.5px solid var(--dh-gris-clair);\n    border-radius: 20px;\n    padding: 4px 12px;\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--dh-gris);\n    letter-spacing: 0.01em;\n  }\n\n  .dh-badge .dh-dot {\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    background: var(--dh-vert-clair);\n    display: inline-block;\n    flex-shrink: 0;\n  }\n\n  .dh-intro-text {\n    font-size: 0.97rem;\n    color: var(--dh-gris);\n    line-height: 1.6;\n  }\n\n  \/* ---- SECTIONS H3 ---- *\/\n  .dh-section {\n    margin-bottom: 20px;\n    border-radius: var(--dh-radius);\n    overflow: hidden;\n    box-shadow: var(--dh-shadow);\n  }\n\n  .dh-section-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 14px 20px;\n    cursor: pointer;\n    user-select: none;\n    transition: background 0.2s;\n  }\n\n  .dh-section--utilisation .dh-section-header {\n    background: var(--dh-vert);\n    color: white;\n  }\n\n  .dh-section--precautions .dh-section-header {\n    background: var(--dh-amber-bg);\n    border-bottom: 2px solid var(--dh-or);\n  }\n\n  .dh-section-header h3 {\n    font-family: Georgia, 'Times New Roman', serif;\n    font-size: 1.05rem;\n    font-weight: 700;\n    flex: 1;\n  }\n\n  .dh-section--utilisation .dh-section-header h3 {\n    color: white;\n  }\n\n  .dh-section--precautions .dh-section-header h3 {\n    color: var(--dh-amber);\n  }\n\n  .dh-icon {\n    font-size: 1.2rem;\n    flex-shrink: 0;\n  }\n\n  .dh-chevron {\n    font-size: 0.8rem;\n    transition: transform 0.3s ease;\n    flex-shrink: 0;\n  }\n\n  .dh-section--utilisation .dh-chevron { color: rgba(255,255,255,0.8); }\n  .dh-section--precautions .dh-chevron { color: var(--dh-amber); }\n\n  .dh-section.open .dh-chevron {\n    transform: rotate(180deg);\n  }\n\n  .dh-section-body {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.35s ease, padding 0.25s ease;\n  }\n\n  .dh-section.open .dh-section-body {\n    max-height: 400px;\n  }\n\n  .dh-section-inner {\n    padding: 18px 20px;\n  }\n\n  .dh-section--utilisation .dh-section-inner {\n    background: white;\n  }\n\n  .dh-section--precautions .dh-section-inner {\n    background: #FFFDF5;\n  }\n\n  .dh-section-inner p {\n    font-size: 0.95rem;\n    color: var(--dh-gris);\n    line-height: 1.65;\n  }\n\n  \/* ---- LISTE PRECAUTIONS ---- *\/\n  .dh-precautions-list {\n    list-style: none;\n    padding: 0;\n    margin-top: 10px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .dh-precautions-list li {\n    display: flex;\n    align-items: flex-start;\n    gap: 9px;\n    font-size: 0.92rem;\n    color: var(--dh-gris);\n    line-height: 1.5;\n  }\n\n  .dh-precautions-list li::before {\n    content: \"⚠\";\n    color: var(--dh-or);\n    font-size: 0.85rem;\n    margin-top: 2px;\n    flex-shrink: 0;\n  }\n\n  \/* ---- SÉPARATEUR VÉGÉTAL ---- *\/\n  .dh-separator {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin: 24px 0;\n    color: var(--dh-gris-clair);\n  }\n\n  .dh-separator span {\n    font-size: 1.1rem;\n    color: var(--dh-vert-clair);\n  }\n\n  .dh-separator-line {\n    flex: 1;\n    height: 1px;\n    background: var(--dh-gris-clair);\n  }\n\n  \/* ---- BLOC CONFIANCE ---- *\/\n  .dh-trust {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 12px;\n    margin-bottom: 28px;\n  }\n\n  .dh-trust-item {\n    background: var(--dh-creme);\n    border-radius: var(--dh-radius);\n    padding: 14px 12px;\n    text-align: center;\n    border: 1px solid var(--dh-gris-clair);\n  }\n\n  .dh-trust-item .dh-t-icon {\n    font-size: 1.4rem;\n    display: block;\n    margin-bottom: 6px;\n  }\n\n  .dh-trust-item .dh-t-label {\n    font-size: 0.75rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.06em;\n    color: var(--dh-vert);\n    display: block;\n    margin-bottom: 3px;\n  }\n\n  .dh-trust-item .dh-t-desc {\n    font-size: 0.78rem;\n    color: var(--dh-gris);\n    line-height: 1.4;\n  }\n\n  \/* ---- RESPONSIVE ---- *\/\n  @media (max-width: 540px) {\n    .dh-trust {\n      grid-template-columns: 1fr 1fr;\n    }\n    .dh-trust-item:last-child {\n      grid-column: 1 \/ -1;\n    }\n    .dh-intro h2 {\n      font-size: 1.15rem;\n    }\n    .dh-badges {\n      gap: 6px;\n    }\n  }\n\n  @media (max-width: 360px) {\n    .dh-trust {\n      grid-template-columns: 1fr;\n    }\n    .dh-trust-item:last-child {\n      grid-column: auto;\n    }\n  }\n\u003c\/style\u003e\n\u003c!-- ============================================================\n     FICHE PRODUIT — DÉBUT DU CONTENU\n     ============================================================ --\u003e\n\u003cdiv class=\"dh-wrapper\" itemscope=\"\" itemtype=\"https:\/\/schema.org\/Product\"\u003e\n\u003c!-- ---- SECTION PRINCIPALE H2 ---- --\u003e\n\u003cdiv class=\"dh-intro\"\u003e\n\u003ch2 itemprop=\"name\"\u003eDermoherbe 80g – Mélange de Plantes Traditionnel\u003c\/h2\u003e\n\u003c!-- Attributs produits : badges visuels + données structurées --\u003e\n\u003cdiv class=\"dh-badges\"\u003e\n\u003cspan class=\"dh-badge\"\u003e\u003cspan class=\"dh-dot\"\u003e\u003c\/span\u003e80g\u003c\/span\u003e \u003cspan class=\"dh-badge\"\u003e\u003cspan class=\"dh-dot\"\u003e\u003c\/span\u003eMélange de plantes\u003c\/span\u003e \u003cspan class=\"dh-badge\"\u003e\u003cspan class=\"dh-dot\"\u003e\u003c\/span\u003ePréparation traditionnelle\u003c\/span\u003e \u003cspan class=\"dh-badge\"\u003e\u003cspan class=\"dh-dot\"\u003e\u003c\/span\u003eHerboristerie\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- Description principale — texte SEO principal --\u003e\n\u003cp class=\"dh-intro-text\" itemprop=\"description\"\u003eDermoherbe est un mélange de plantes traditionnel proposé en format 80g, à utiliser conformément aux indications figurant sur l'étiquetage du fabricant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ---- BLOC CONFIANCE ---- --\u003e\n\u003cdiv class=\"dh-trust\" role=\"list\"\u003e\n\u003cdiv class=\"dh-trust-item\" role=\"listitem\"\u003e\n\u003cspan class=\"dh-t-icon\"\u003e🌿\u003c\/span\u003e \u003cspan class=\"dh-t-label\"\u003eHerboristerie\u003c\/span\u003e \u003cspan class=\"dh-t-desc\"\u003ePréparation traditionnelle aux plantes\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dh-trust-item\" role=\"listitem\"\u003e\n\u003cspan class=\"dh-t-icon\"\u003e⚖️\u003c\/span\u003e \u003cspan class=\"dh-t-label\"\u003eFormat 80g\u003c\/span\u003e \u003cspan class=\"dh-t-desc\"\u003eConditionnement traditionnel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dh-trust-item\" role=\"listitem\"\u003e\n\u003cspan class=\"dh-t-icon\"\u003e📋\u003c\/span\u003e \u003cspan class=\"dh-t-label\"\u003eÉtiquetage fabricant\u003c\/span\u003e \u003cspan class=\"dh-t-desc\"\u003eUtilisation selon les indications officielles\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ---- SÉPARATEUR ---- --\u003e\n\u003cdiv class=\"dh-separator\"\u003e\n\u003cdiv class=\"dh-separator-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan\u003e🌱\u003c\/span\u003e\n\u003cdiv class=\"dh-separator-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ---- H3 : CONSEILS D'UTILISATION ---- --\u003e\n\u003cdiv class=\"dh-section dh-section--utilisation open\" id=\"section-utilisation\"\u003e\n\u003cdiv class=\"dh-section-header\" role=\"button\" tabindex=\"0\"\u003e\n\u003cspan class=\"dh-icon\"\u003e📋\u003c\/span\u003e\n\u003ch3\u003eConseils d'utilisation\u003c\/h3\u003e\n\u003cspan class=\"dh-chevron\"\u003e▼\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dh-section-body\" id=\"body-utilisation\"\u003e\n\u003cdiv class=\"dh-section-inner\"\u003e\n\u003cp\u003eRespecter les recommandations portées sur l'emballage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ---- H3 : PRÉCAUTIONS ---- --\u003e\n\u003cdiv class=\"dh-section dh-section--precautions open\" id=\"section-precautions\"\u003e\n\u003cdiv class=\"dh-section-header\" role=\"button\" tabindex=\"0\"\u003e\n\u003cspan class=\"dh-icon\"\u003e⚠️\u003c\/span\u003e\n\u003ch3\u003ePrécautions\u003c\/h3\u003e\n\u003cspan class=\"dh-chevron\"\u003e▼\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dh-section-body\" id=\"body-precautions\"\u003e\n\u003cdiv class=\"dh-section-inner\"\u003e\n\u003cp\u003eRespecter les quantités indiquées.\u003c\/p\u003e\n\u003cul class=\"dh-precautions-list\"\u003e\n\u003cli\u003eGrossesse\u003c\/li\u003e\n\u003cli\u003eAllaitement\u003c\/li\u003e\n\u003cli\u003eTraitement médical en cours\u003c\/li\u003e\n\u003cli\u003eTout cas de doute\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp style=\"margin-top: 12px; font-size: 0.88rem; font-style: italic; color: #7a6a55;\"\u003eDemander conseil à un professionnel qualifié dans ces situations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ============================================================\n     FIN FICHE PRODUIT\n     ============================================================ --\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"ARABIC MEDIEVAL COSMETIQUE","offers":[{"title":"Default Title","offer_id":43427216556248,"sku":"Dermo-herbes212","price":6.71,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0663\/1945\/0328\/files\/dermoherbe-80g-melange-plantes-traditionnel-2.jpg?v=1787418435","url":"https:\/\/www.nilabeautys.com\/ar\/products\/dermoherbe-80g-melange-plantes","provider":"nilabeautys.com","version":"1.0","type":"link"}