{"product_id":"fleurs-de-camomille-sechees","title":"أزهار البابونج الطبيعية 100% – 50g أو 100g أو 200g | للنقع وحمام الاسترخاء","description":"\u003c!-- ═══════════════════════════════════════════════════════════════\n     FICHE PRODUIT — FLEURS DE CAMOMILLE\n     Plante Naturelle Apaisante - Infusion \u0026 Bain Relaxant\n     Optimisée SEO Google + Recommandations Shopify\n     Structure : H2 \/ H3 — Sans H1 (réservé au titre Shopify)\n     ═══════════════════════════════════════════════════════════════ --\u003e\n\u003cdiv class=\"cml-product\"\u003e\n \u003c!-- ═══════════════════════════════════════════════════════════\n       SECTION 1 — CARACTÉRISTIQUES\n       ═══════════════════════════════════════════════════════════ --\u003e\n \u003csection class=\"cml-features-section\" aria-label=\"Caractéristiques des fleurs de camomille\"\u003e\n \u003ch2 class=\"cml-section-title\"\u003eالخصائص\u003c\/h2\u003e\n \u003cul class=\"cml-features-list\"\u003e\n \u003cli class=\"cml-feature-item\"\u003e\n \u003cspan class=\"cml-feature-icon\"\u003e🌼\u003c\/span\u003e\n \u003cdiv class=\"cml-feature-content\"\u003e\n \u003ch3 class=\"cml-feature-title\"\u003eطبيعي 100%\u003c\/h3\u003e\n \u003cp class=\"cml-feature-desc\"\u003eزهور بابونج أصلية، خالية من الإضافات.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"cml-feature-item\"\u003e\n \u003cspan class=\"cml-feature-icon\"\u003e📦\u003c\/span\u003e\n \u003cdiv class=\"cml-feature-content\"\u003e\n \u003ch3 class=\"cml-feature-title\"\u003eأحجام متنوعة\u003c\/h3\u003e\n \u003cp class=\"cml-feature-desc\"\u003eمتوفر بأوزان 50غ و100غ و200غ.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli class=\"cml-feature-item\"\u003e\n \u003cspan class=\"cml-feature-icon\"\u003e🛁\u003c\/span\u003e\n \u003cdiv class=\"cml-feature-content\"\u003e\n \u003ch3 class=\"cml-feature-title\"\u003eمتعدد الاستخدامات\u003c\/h3\u003e\n \u003cp class=\"cml-feature-desc\"\u003eمثالي لتحضيره كشاي أو لاستخدامه في حمّام مريح.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/section\u003e\n \u003c!-- ═══════════════════════════════════════════════════════════\n       SECTION 2 — BIENFAITS\n       ═══════════════════════════════════════════════════════════ --\u003e\n \u003csection class=\"cml-benefits-section\" aria-label=\"Bienfaits des fleurs de camomille\"\u003e\n \u003ch2 class=\"cml-section-title cml-section-title-light\"\u003eالفوائد\u003c\/h2\u003e\n \u003cdiv class=\"cml-benefits-grid\"\u003e\n \u003cdiv class=\"cml-benefit-card\"\u003e\n \u003cdiv class=\"cml-benefit-icon\"\u003e🕊️\u003c\/div\u003e\n \u003ch3 class=\"cml-benefit-title\"\u003eاسترخاء طبيعي\u003c\/h3\u003e\n \u003cp class=\"cml-benefit-desc\"\u003eيساعد على تهدئة العقل وتقليل التوتر.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cml-benefit-card\"\u003e\n \u003cdiv class=\"cml-benefit-icon\"\u003e🌱\u003c\/div\u003e\n \u003ch3 class=\"cml-benefit-title\"\u003eدعم الهضم\u003c\/h3\u003e\n \u003cp class=\"cml-benefit-desc\"\u003eيخفف الانتفاخ وآلام المعدة.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cml-benefit-card\"\u003e\n \u003cdiv class=\"cml-benefit-icon\"\u003e🌙\u003c\/div\u003e\n \u003ch3 class=\"cml-benefit-title\"\u003eنوم مريح\u003c\/h3\u003e\n \u003cp class=\"cml-benefit-desc\"\u003eيساعد على الحصول على راحة عميقة ومجددة للنشاط.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n \u003c!-- ═══════════════════════════════════════════════════════════\n       SECTION 3 — MODE D'EMPLOI\n       ═══════════════════════════════════════════════════════════ --\u003e\n \u003csection class=\"cml-usage-section\" aria-label=\"Mode d'emploi des fleurs de camomille\"\u003e\n \u003ch2 class=\"cml-section-title\"\u003eطريقة الاستخدام\u003c\/h2\u003e\n \u003cdiv class=\"cml-usage-blocks\"\u003e\n \u003cdiv class=\"cml-usage-block\"\u003e\n \u003ch3 class=\"cml-usage-block-title\"\u003eالنقع\u003c\/h3\u003e\n \u003col class=\"cml-usage-steps\"\u003e\n \u003cli class=\"cml-usage-step\"\u003e\n \u003cspan class=\"cml-step-num\"\u003e01\u003c\/span\u003e\n \u003cp class=\"cml-step-desc\"\u003eأضف \u003cstrong\u003eملعقة صغيرة\u003c\/strong\u003e من الزهور إلى كوب من الماء الساخن.\u003c\/p\u003e\n \u003c\/li\u003e\n \u003cli class=\"cml-usage-step\"\u003e\n \u003cspan class=\"cml-step-num\"\u003e02\u003c\/span\u003e\n \u003cp class=\"cml-step-desc\"\u003eاتركه منقوعًا لمدة \u003cstrong\u003e5-10 دقائق\u003c\/strong\u003e، ثم صفّه قبل الاستمتاع به.\u003c\/p\u003e\n \u003c\/li\u003e\n \u003c\/ol\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cml-usage-block\"\u003e\n \u003ch3 class=\"cml-usage-block-title\"\u003eحمّام مريح\u003c\/h3\u003e\n \u003col class=\"cml-usage-steps\"\u003e\n \u003cli class=\"cml-usage-step\"\u003e\n \u003cspan class=\"cml-step-num\"\u003e01\u003c\/span\u003e\n \u003cp class=\"cml-step-desc\"\u003eأضف \u003cstrong\u003eحفنة من الزهور\u003c\/strong\u003e إلى حمّامك الدافئ لتجربة مهدئة.\u003c\/p\u003e\n \u003c\/li\u003e\n \u003c\/ol\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n \u003c!-- ═══════════════════════════════════════════════════════════\n       SECTION 4 — PRÉCAUTIONS\n       ═══════════════════════════════════════════════════════════ --\u003e\n \u003csection class=\"cml-precautions-section\" aria-label=\"Précautions d'utilisation des fleurs de camomille\"\u003e\n \u003ch2 class=\"cml-section-title cml-section-title-light\"\u003eالاحتياطات\u003c\/h2\u003e\n \u003cdiv class=\"cml-precautions-content\"\u003e\n \u003cdiv class=\"cml-precaution-item\"\u003e\n \u003cspan class=\"cml-precaution-icon\"\u003e🧴\u003c\/span\u003e\n \u003cp class=\"cml-precaution-text\"\u003eللاستخدام الداخلي أو الخارجي فقط.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cml-precaution-item\"\u003e\n \u003cspan class=\"cml-precaution-icon\"\u003e👨‍⚕️\u003c\/span\u003e\n \u003cp class=\"cml-precaution-text\"\u003eاستشر مختصًا إذا كنتِ حاملًا أو مرضعةً أو تتناولين أدوية.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cml-precaution-item\"\u003e\n \u003cspan class=\"cml-precaution-icon\"\u003e📦\u003c\/span\u003e\n \u003cp class=\"cml-precaution-text\"\u003eيُحفظ في مكان جاف وبارد، بعيدًا عن متناول الأطفال.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\u003c!-- ═══════════════════════════════════════════════════════════════\n     STYLES\n     ═══════════════════════════════════════════════════════════════ --\u003e\n\u003cstyle\u003e\n  .cml-product {\n    --ivory:       #FDFBF5;\n    --ivory-soft:  #F5EFE0;\n    --cream:       #EBDDBD;\n    --sand:        #D6C294;\n    --chamomile:   #D4A757;\n    --chamomile-dark: #A87E2E;\n    --chamomile-soft: #E8C682;\n    --gold:        #C9A34E;\n    --sage:        #8FA085;\n    --ink:         #2B2419;\n    --ink-soft:    #564D3D;\n    --stone:       #8C8272;\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  .cml-product *,\n  .cml-product *::before,\n  .cml-product *::after {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n\n  \/* ─── TITRES ─── *\/\n  .cml-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  .cml-section-title::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 44px;\n    height: 1px;\n    background: var(--chamomile);\n  }\n\n  .cml-section-title-light {\n    color: var(--ivory);\n  }\n\n  \/* ─── SECTION CARACTÉRISTIQUES ─── *\/\n  .cml-features-section {\n    max-width: 1100px;\n    margin: 0 auto;\n    padding: 70px 60px 50px;\n  }\n\n  .cml-features-list {\n    list-style: none;\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n  }\n\n  .cml-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(--chamomile);\n    transition: transform 0.35s ease, box-shadow 0.35s ease;\n  }\n\n  .cml-feature-item:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 12px 30px rgba(212, 167, 87, 0.14);\n  }\n\n  .cml-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  .cml-feature-item:hover .cml-feature-icon {\n    background: var(--cream);\n  }\n\n  .cml-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  .cml-feature-desc {\n    font-size: 13px;\n    line-height: 1.8;\n    color: var(--ink-soft);\n  }\n\n  \/* ─── SECTION BIENFAITS ─── *\/\n  .cml-benefits-section {\n    background: var(--ink);\n    padding: 80px 60px;\n    margin-top: 20px;\n  }\n\n  .cml-benefits-section \u003e .cml-section-title {\n    max-width: 1100px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .cml-benefits-section \u003e .cml-section-title::after {\n    background: var(--gold);\n  }\n\n  .cml-benefits-grid {\n    max-width: 1100px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 2px;\n  }\n\n  .cml-benefit-card {\n    background: rgba(255, 255, 255, 0.04);\n    padding: 34px 28px;\n    border-top: 1px solid rgba(212, 167, 87, 0.4);\n    transition: background 0.35s ease, transform 0.35s ease;\n  }\n\n  .cml-benefit-card:hover {\n    background: rgba(212, 167, 87, 0.12);\n    transform: translateY(-4px);\n  }\n\n  .cml-benefit-icon {\n    font-size: 26px;\n    margin-bottom: 18px;\n    display: block;\n    line-height: 1;\n  }\n\n  .cml-benefit-title {\n    font-family: 'Cormorant Garamond', Georgia, serif;\n    font-size: 21px;\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  .cml-benefit-desc {\n    font-size: 14px;\n    line-height: 1.8;\n    color: rgba(253, 251, 245, 0.7);\n  }\n\n  \/* ─── SECTION MODE D'EMPLOI ─── *\/\n  .cml-usage-section {\n    max-width: 1100px;\n    margin: 0 auto;\n    padding: 80px 60px 50px;\n  }\n\n  .cml-usage-blocks {\n    display: flex;\n    flex-direction: column;\n    gap: 40px;\n    max-width: 780px;\n  }\n\n  .cml-usage-block-title {\n    font-family: 'Cormorant Garamond', Georgia, serif;\n    font-size: 24px;\n    font-weight: 500;\n    color: var(--ink);\n    margin-bottom: 16px;\n    padding-bottom: 10px;\n    border-bottom: 1px solid var(--cream);\n    letter-spacing: 0.01em;\n  }\n\n  .cml-usage-steps {\n    list-style: none;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .cml-usage-step {\n    display: flex;\n    gap: 24px;\n    padding: 18px 0;\n    border-bottom: 1px solid var(--cream);\n    align-items: flex-start;\n  }\n\n  .cml-usage-step:last-child {\n    border-bottom: none;\n  }\n\n  .cml-step-num {\n    font-family: 'Cormorant Garamond', Georgia, serif;\n    font-size: 30px;\n    font-weight: 300;\n    color: var(--sand);\n    line-height: 1;\n    flex-shrink: 0;\n    width: 44px;\n    transition: color 0.3s ease;\n  }\n\n  .cml-usage-step:hover .cml-step-num {\n    color: var(--chamomile);\n  }\n\n  .cml-step-desc {\n    font-size: 14px;\n    line-height: 1.85;\n    color: var(--ink-soft);\n    padding-top: 4px;\n  }\n\n  .cml-step-desc strong {\n    color: var(--ink);\n    font-weight: 500;\n  }\n\n  \/* ─── SECTION PRÉCAUTIONS ─── *\/\n  .cml-precautions-section {\n    background: var(--ink);\n    padding: 70px 60px;\n    margin-top: 20px;\n  }\n\n  .cml-precautions-section \u003e .cml-section-title {\n    max-width: 1100px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .cml-precautions-section \u003e .cml-section-title::after {\n    background: var(--warning);\n  }\n\n  .cml-precautions-content {\n    max-width: 900px;\n    margin: 0 auto;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n  }\n\n  .cml-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  .cml-precaution-item:hover {\n    background: rgba(201, 130, 46, 0.08);\n  }\n\n  .cml-precaution-icon {\n    font-size: 20px;\n    line-height: 1;\n    flex-shrink: 0;\n    padding-top: 2px;\n  }\n\n  .cml-precaution-text {\n    font-size: 14px;\n    line-height: 1.8;\n    color: rgba(253, 251, 245, 0.85);\n  }\n\n  \/* ─── RESPONSIVE ─── *\/\n  @media (max-width: 900px) {\n    .cml-features-section,\n    .cml-usage-section {\n      padding: 50px 24px;\n    }\n\n    .cml-benefits-section,\n    .cml-precautions-section {\n      padding: 60px 24px;\n    }\n\n    .cml-section-title {\n      font-size: 28px;\n      margin-bottom: 26px;\n    }\n\n    .cml-features-list,\n    .cml-benefits-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .cml-usage-block-title {\n      font-size: 21px;\n    }\n\n    .cml-usage-step {\n      gap: 18px;\n    }\n\n    .cml-step-num {\n      font-size: 26px;\n      width: 38px;\n    }\n\n    .cml-precaution-item {\n      padding: 20px 22px;\n      gap: 14px;\n    }\n  }\n\n  @media (max-width: 520px) {\n    .cml-feature-item,\n    .cml-benefit-card {\n      padding: 26px 22px;\n    }\n  }\n\u003c\/style\u003e\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    '.cml-feature-item, .cml-benefit-card, .cml-usage-step, .cml-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":"Herbo Ridouane","offers":[{"title":"50g","offer_id":47003474461002,"sku":"","price":3.79,"currency_code":"EUR","in_stock":true},{"title":"100g","offer_id":47003474493770,"sku":"","price":8.99,"currency_code":"EUR","in_stock":true},{"title":"200g","offer_id":47003474526538,"sku":"","price":16.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0663\/1945\/0328\/files\/Fleurs_de_Camomille_100_Naturelles_50g_100g_ou_200g_Infusion_Bain_Relaxant632.jpg?v=1789775196","url":"https:\/\/www.nilabeautys.com\/ar\/products\/fleurs-de-camomille-sechees","provider":"nilabeautys.com","version":"1.0","type":"link"}