{"product_id":"reve-dor","title":"Rêve d'Or – Parfum Classique et Élégant aux Notes Florales","description":"\u003cbody\u003e\n\n\n  \u003cmeta charset=\"UTF-8\"\u003e\n  \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n  \u003ctitle\u003eRêve d'Or – Description \u0026amp; Composition\u003c\/title\u003e\n\n  \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n  \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n  \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400\u0026amp;family=Jost:wght@300;400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n  \u003cstyle\u003e\n    :root {\n      --gold: #C9A96E;\n      --gold-light: #E8D5A3;\n      --gold-pale: #F5EDD8;\n      --ink: #1A1410;\n      --ink-soft: #3A2E26;\n      --cream: #FAF6EF;\n      --mist: #F0EAE0;\n    }\n\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n    html { scroll-behavior: smooth; }\n\n    body {\n      background: var(--cream);\n      color: var(--ink);\n      font-family: 'Jost', sans-serif;\n      font-weight: 300;\n      overflow-x: hidden;\n    }\n\n    \/* ─── TABS SECTION ─── *\/\n    .tabs-section {\n      max-width: 1280px;\n      margin: 0 auto;\n      padding: 60px 60px 80px;\n      border-top: 1px solid rgba(201,169,110,0.2);\n    }\n\n    .tabs-header {\n      display: flex;\n      gap: 0;\n      border-bottom: 1px solid rgba(201,169,110,0.2);\n      margin-bottom: 48px;\n    }\n    .tab-btn {\n      background: none;\n      border: none;\n      padding: 16px 32px;\n      font-family: 'Jost', sans-serif;\n      font-size: 11px;\n      letter-spacing: 0.2em;\n      text-transform: uppercase;\n      color: #9A8878;\n      cursor: pointer;\n      border-bottom: 2px solid transparent;\n      margin-bottom: -1px;\n      transition: all 0.3s;\n    }\n    .tab-btn.active { color: var(--ink); border-bottom-color: var(--gold); }\n    .tab-btn:hover { color: var(--ink); }\n\n    .tab-pane { display: none; }\n    .tab-pane.active { display: block; }\n\n    \/* Description tab *\/\n    .desc-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 60px;\n      align-items: start;\n    }\n\n    .desc-intro {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 22px;\n      line-height: 1.7;\n      color: var(--ink);\n      font-weight: 300;\n      margin-bottom: 24px;\n    }\n    .desc-body {\n      font-size: 14px;\n      line-height: 1.9;\n      color: #5A4A3A;\n      margin-bottom: 24px;\n    }\n\n    .features-list { list-style: none; display: flex; flex-direction: column; gap: 14px; }\n    .features-list li {\n      display: flex;\n      align-items: flex-start;\n      gap: 14px;\n      font-size: 13px;\n      line-height: 1.6;\n      color: var(--ink-soft);\n    }\n    .feat-icon {\n      width: 32px;\n      height: 32px;\n      background: var(--gold-pale);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 14px;\n      flex-shrink: 0;\n    }\n    .feat-text strong {\n      display: block;\n      font-size: 12px;\n      letter-spacing: 0.1em;\n      text-transform: uppercase;\n      font-weight: 500;\n      margin-bottom: 2px;\n      color: var(--ink);\n    }\n\n    \/* Benefits *\/\n    .benefits-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 24px;\n    }\n    .benefit-card {\n      background: linear-gradient(145deg, var(--mist), #EDE4D8);\n      padding: 32px 24px;\n      text-align: center;\n      border-bottom: 2px solid var(--gold);\n      transition: transform 0.3s;\n    }\n    .benefit-card:hover { transform: translateY(-4px); }\n    .benefit-icon { font-size: 28px; margin-bottom: 14px; }\n    .benefit-title {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 18px;\n      color: var(--ink);\n      margin-bottom: 8px;\n    }\n    .benefit-desc { font-size: 12px; line-height: 1.7; color: #7A6A5A; }\n\n    \/* Usage *\/\n    .usage-steps { display: flex; flex-direction: column; gap: 0; max-width: 640px; }\n    .usage-step {\n      display: flex;\n      gap: 28px;\n      padding: 28px 0;\n      border-bottom: 1px solid rgba(201,169,110,0.15);\n      align-items: flex-start;\n    }\n    .step-num {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 48px;\n      font-weight: 300;\n      color: rgba(201,169,110,0.35);\n      line-height: 1;\n      flex-shrink: 0;\n      width: 60px;\n    }\n    .step-title {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 22px;\n      color: var(--ink);\n      margin-bottom: 6px;\n    }\n    .step-desc { font-size: 13px; line-height: 1.8; color: #7A6A5A; }\n\n    \/* ─── OLFACTIVE PYRAMID ─── *\/\n    .pyramid-section {\n      max-width: 1280px;\n      margin: 0 auto;\n      padding: 60px 60px 80px;\n      background: var(--ink);\n      color: var(--cream);\n    }\n    .pyramid-label {\n      font-size: 10px;\n      letter-spacing: 0.35em;\n      text-transform: uppercase;\n      color: var(--gold);\n      margin-bottom: 16px;\n    }\n    .pyramid-title {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 40px;\n      font-weight: 300;\n      margin-bottom: 56px;\n      color: var(--cream);\n    }\n    .pyramid-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 2px;\n    }\n    .pyramid-col {\n      padding: 36px 28px;\n      background: rgba(255,255,255,0.04);\n      position: relative;\n      transition: background 0.3s;\n    }\n    .pyramid-col:hover { background: rgba(201,169,110,0.08); }\n    .pyramid-col-label {\n      font-size: 9px;\n      letter-spacing: 0.35em;\n      text-transform: uppercase;\n      color: var(--gold);\n      margin-bottom: 20px;\n    }\n    .pyramid-note-name {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 28px;\n      font-weight: 300;\n      color: var(--cream);\n      margin-bottom: 8px;\n    }\n    .pyramid-note-desc {\n      font-size: 12px;\n      line-height: 1.8;\n      color: rgba(250,246,239,0.5);\n    }\n    .pyramid-line {\n      position: absolute;\n      bottom: 0;\n      left: 28px;\n      width: 40px;\n      height: 1px;\n      background: var(--gold);\n      transform-origin: left;\n      transform: scaleX(0);\n      transition: transform 0.5s 0.1s;\n    }\n    .pyramid-col:hover .pyramid-line { transform: scaleX(1); }\n\n    \/* ─── WHY SECTION ─── *\/\n    .why-section {\n      max-width: 1280px;\n      margin: 0 auto;\n      padding: 80px 60px;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 80px;\n      align-items: center;\n    }\n    .why-visual {\n      position: relative;\n      height: 480px;\n    }\n    .why-bg-rect {\n      position: absolute;\n      right: 0;\n      top: 0;\n      width: 85%;\n      height: 85%;\n      background: linear-gradient(135deg, #EDE0CC, #DDD0B8);\n    }\n    .why-accent-rect {\n      position: absolute;\n      left: 0;\n      bottom: 0;\n      width: 65%;\n      height: 65%;\n      background: var(--ink);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-direction: column;\n      padding: 40px;\n    }\n    .why-quote {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 22px;\n      font-style: italic;\n      color: var(--gold-light);\n      line-height: 1.5;\n      margin-bottom: 16px;\n    }\n    .why-quote-author {\n      font-size: 10px;\n      letter-spacing: 0.25em;\n      text-transform: uppercase;\n      color: rgba(232,213,163,0.5);\n    }\n    .why-tag {\n      font-size: 10px;\n      letter-spacing: 0.3em;\n      text-transform: uppercase;\n      color: var(--gold);\n      margin-bottom: 16px;\n    }\n    .why-heading {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 38px;\n      font-weight: 300;\n      line-height: 1.2;\n      margin-bottom: 24px;\n      color: var(--ink);\n    }\n    .why-body {\n      font-size: 14px;\n      line-height: 1.9;\n      color: #5A4A3A;\n    }\n\n    \/* ─── RESPONSIVE ─── *\/\n    @media (max-width: 900px) {\n      .tabs-section, .pyramid-section { padding: 40px 24px; }\n      .desc-grid, .benefits-grid, .pyramid-grid { grid-template-columns: 1fr; }\n      .why-section { grid-template-columns: 1fr; padding: 40px 24px; gap: 40px; }\n      .why-visual { height: 300px; }\n    }\n  \u003c\/style\u003e\n\n\n\n  \u003c!-- Tabs Section --\u003e\n  \u003csection class=\"tabs-section\" aria-label=\"Détails du produit\"\u003e\n    \u003cdiv class=\"tabs-header\" role=\"tablist\"\u003e\n      \u003cbutton class=\"tab-btn active\" role=\"tab\" aria-selected=\"true\" data-tab=\"description\"\u003eDescription\u003c\/button\u003e\n      \u003cbutton class=\"tab-btn\" role=\"tab\" aria-selected=\"false\" data-tab=\"benefits\"\u003eBienfaits\u003c\/button\u003e\n      \u003cbutton class=\"tab-btn\" role=\"tab\" aria-selected=\"false\" data-tab=\"usage\"\u003eMode d'emploi\u003c\/button\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Description --\u003e\n    \u003cdiv class=\"tab-pane active\" id=\"tab-description\" role=\"tabpanel\"\u003e\n      \u003cdiv class=\"desc-grid\"\u003e\n        \u003cdiv\u003e\n          \u003cp class=\"desc-intro\"\u003eUne fragrance qui révèle votre élégance naturelle, du matin jusqu'au soir.\u003c\/p\u003e\n          \u003cp class=\"desc-body\"\u003e\n            Rêve d'Or est une eau de cologne délicate et sophistiquée, conçue pour la femme moderne qui cultive l'élégance au quotidien. Sa signature olfactive associe harmonieusement des notes florales lumineuses, un cœur boisé chaleureux et des touches épicées subtilement envoûtantes.\n          \u003c\/p\u003e\n          \u003cp class=\"desc-body\"\u003e\n            Sa composition raffinée évolue au fil des heures pour révéler toute sa richesse et sa profondeur, vous accompagnant du matin jusqu'au soir avec une tenue remarquable et un sillage mémorable.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cul class=\"features-list\" aria-label=\"Points forts\"\u003e\n          \u003cli\u003e\n            \u003cspan class=\"feat-icon\"\u003e🌸\u003c\/span\u003e\n            \u003cdiv class=\"feat-text\"\u003e\n              \u003cstrong\u003eFragrance Intemporelle\u003c\/strong\u003e\n              Notes florales, boisées et légèrement épicées pour un équilibre parfait entre douceur et caractère.\n            \u003c\/div\u003e\n          \u003c\/li\u003e\n          \u003cli\u003e\n            \u003cspan class=\"feat-icon\"\u003e✨\u003c\/span\u003e\n            \u003cdiv class=\"feat-text\"\u003e\n              \u003cstrong\u003eÉlégance Raffinée\u003c\/strong\u003e\n              Idéale pour la femme sophistiquée qui souhaite laisser un sillage élégant et mémorable.\n            \u003c\/div\u003e\n          \u003c\/li\u003e\n          \u003cli\u003e\n            \u003cspan class=\"feat-icon\"\u003e⏳\u003c\/span\u003e\n            \u003cdiv class=\"feat-text\"\u003e\n              \u003cstrong\u003eLongue Tenue\u003c\/strong\u003e\n              Parfum évolutif tout au long de la journée, du matin au soir sans retouche.\n            \u003c\/div\u003e\n          \u003c\/li\u003e\n          \u003cli\u003e\n            \u003cspan class=\"feat-icon\"\u003e💫\u003c\/span\u003e\n            \u003cdiv class=\"feat-text\"\u003e\n              \u003cstrong\u003ePolyvalent\u003c\/strong\u003e\n              Parfait pour le quotidien comme pour les occasions spéciales et les soirées élégantes.\n            \u003c\/div\u003e\n          \u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Benefits --\u003e\n    \u003cdiv class=\"tab-pane\" id=\"tab-benefits\" role=\"tabpanel\"\u003e\n      \u003cdiv class=\"benefits-grid\"\u003e\n        \u003cdiv class=\"benefit-card\"\u003e\n          \u003cdiv class=\"benefit-icon\"\u003e💎\u003c\/div\u003e\n          \u003ch3 class=\"benefit-title\"\u003eSenteur Sophistiquée\u003c\/h3\u003e\n          \u003cp class=\"benefit-desc\"\u003eUn équilibre parfait entre douceur féminine et caractère affirmé pour une signature olfactive unique.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"benefit-card\"\u003e\n          \u003cdiv class=\"benefit-icon\"\u003e🌟\u003c\/div\u003e\n          \u003ch3 class=\"benefit-title\"\u003eConfiance \u0026amp; Charme\u003c\/h3\u003e\n          \u003cp class=\"benefit-desc\"\u003eLaisse un sillage élégant et mémorable qui renforce votre présence et votre charme naturel.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"benefit-card\"\u003e\n          \u003cdiv class=\"benefit-icon\"\u003e🌈\u003c\/div\u003e\n          \u003ch3 class=\"benefit-title\"\u003ePolyvalence Absolue\u003c\/h3\u003e\n          \u003cp class=\"benefit-desc\"\u003eDu bureau au dîner romantique, Rêve d'Or s'adapte à chaque moment de votre vie avec grâce.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Usage --\u003e\n    \u003cdiv class=\"tab-pane\" id=\"tab-usage\" role=\"tabpanel\"\u003e\n      \u003cdiv class=\"usage-steps\"\u003e\n        \u003cdiv class=\"usage-step\"\u003e\n          \u003cspan class=\"step-num\"\u003e01\u003c\/span\u003e\n          \u003cdiv class=\"step-content\"\u003e\n            \u003ch3 class=\"step-title\"\u003ePoints de pulsation\u003c\/h3\u003e\n            \u003cp class=\"step-desc\"\u003eVaporisez sur les zones de chaleur : cou, poignets, creux des coudes et derrière les oreilles. La chaleur naturelle de votre peau diffuse et amplifie la fragrance tout au long de la journée.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"usage-step\"\u003e\n          \u003cspan class=\"step-num\"\u003e02\u003c\/span\u003e\n          \u003cdiv class=\"step-content\"\u003e\n            \u003ch3 class=\"step-title\"\u003ePréparer la peau\u003c\/h3\u003e\n            \u003cp class=\"step-desc\"\u003eAppliquez une crème hydratante avant la vaporisation pour prolonger la tenue du parfum. Une peau bien hydratée retient mieux les molécules aromatiques et intensifie le sillage.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"usage-step\"\u003e\n          \u003cspan class=\"step-num\"\u003e03\u003c\/span\u003e\n          \u003cdiv class=\"step-content\"\u003e\n            \u003ch3 class=\"step-title\"\u003eRenouveler si besoin\u003c\/h3\u003e\n            \u003cp class=\"step-desc\"\u003eRenouvelez l'application en cours de journée si nécessaire. Une légère vaporisation sur les cheveux ou les vêtements peut également prolonger le sillage de manière délicate.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Olfactive Pyramid --\u003e\n  \u003csection class=\"pyramid-section\" aria-label=\"Pyramide olfactive\"\u003e\n    \u003cp class=\"pyramid-label\"\u003eComposition\u003c\/p\u003e\n    \u003ch2 class=\"pyramid-title\"\u003eLa Pyramide Olfactive\u003c\/h2\u003e\n    \u003cdiv class=\"pyramid-grid\"\u003e\n      \u003cdiv class=\"pyramid-col\"\u003e\n        \u003cp class=\"pyramid-col-label\"\u003eNotes de tête\u003c\/p\u003e\n        \u003cp class=\"pyramid-note-name\"\u003eFlorale\u003c\/p\u003e\n        \u003cp class=\"pyramid-note-desc\"\u003eRose, Jasmin et Ylang-ylang — premières impressions lumineuses et féminines qui s'expriment dès la vaporisation.\u003c\/p\u003e\n        \u003cdiv class=\"pyramid-line\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pyramid-col\"\u003e\n        \u003cp class=\"pyramid-col-label\"\u003eNotes de cœur\u003c\/p\u003e\n        \u003cp class=\"pyramid-note-name\"\u003eBoisée\u003c\/p\u003e\n        \u003cp class=\"pyramid-note-desc\"\u003eSantal, Cèdre et Vétiver — l'âme du parfum, chaude et sensuelle, révélée après quelques minutes sur la peau.\u003c\/p\u003e\n        \u003cdiv class=\"pyramid-line\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pyramid-col\"\u003e\n        \u003cp class=\"pyramid-col-label\"\u003eNotes de fond\u003c\/p\u003e\n        \u003cp class=\"pyramid-note-name\"\u003eÉpicée\u003c\/p\u003e\n        \u003cp class=\"pyramid-note-desc\"\u003eMusc, Ambre et Cannelle — signature profonde et enveloppante qui persiste plusieurs heures pour un sillage mémorable.\u003c\/p\u003e\n        \u003cdiv class=\"pyramid-line\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Why section --\u003e\n  \u003csection class=\"why-section\" aria-label=\"Pourquoi choisir Rêve d'Or\"\u003e\n    \u003cdiv class=\"why-visual\"\u003e\n      \u003cdiv class=\"why-bg-rect\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"why-accent-rect\"\u003e\n        \u003cp class=\"why-quote\"\u003e\"Rêve d'Or est bien plus qu'un parfum — c'est une expérience sensorielle.\"\u003c\/p\u003e\n        \u003cp class=\"why-quote-author\"\u003eLa Maison Dorée\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"why-content\"\u003e\n      \u003cp class=\"why-tag\"\u003eNotre promesse\u003c\/p\u003e\n      \u003ch2 class=\"why-heading\"\u003ePourquoi choisir\u003cbr\u003eRêve d'Or ?\u003c\/h2\u003e\n      \u003cp class=\"why-body\"\u003eRêve d'Or incarne l'alliance parfaite entre l'art de la parfumerie traditionnelle et les exigences de la femme contemporaine. Chaque flacon est conçu pour révéler votre élégance naturelle et votre charme avec la subtilité qui vous caractérise.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003cscript\u003e\n  \/\/ ─── Tabs\n  document.querySelectorAll('.tab-btn').forEach(btn =\u003e {\n    btn.addEventListener('click', () =\u003e {\n      document.querySelectorAll('.tab-btn').forEach(b =\u003e {\n        b.classList.remove('active');\n        b.setAttribute('aria-selected', 'false');\n      });\n      document.querySelectorAll('.tab-pane').forEach(p =\u003e p.classList.remove('active'));\n      btn.classList.add('active');\n      btn.setAttribute('aria-selected', 'true');\n      document.getElementById('tab-' + btn.dataset.tab).classList.add('active');\n    });\n  });\n\n  \/\/ ─── Scroll reveal\n  const observer = new IntersectionObserver(entries =\u003e {\n    entries.forEach(e =\u003e {\n      if (e.isIntersecting) {\n        e.target.style.opacity = '1';\n        e.target.style.transform = 'translateY(0)';\n      }\n    });\n  }, { threshold: 0.12 });\n\n  document.querySelectorAll('.benefit-card, .usage-step, .pyramid-col').forEach(el =\u003e {\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\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"nilabeautys.com","offers":[{"title":"Default Title","offer_id":49253938692426,"sku":"RêvOr212","price":6.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0663\/1945\/0328\/files\/eau-de-cologne-reve-dor-97ml-527263.png?v=1745636858","url":"https:\/\/www.nilabeautys.com\/ar\/products\/reve-dor","provider":"nilabeautys.com","version":"1.0","type":"link"}