{"product_id":"huile-massage-neutre-pranarom","title":"Huile de Massage Neutre Bio - 100 ml - Pranarom","description":"\u003cdiv class=\"pra-premium\"\u003e\n  \u003cdiv class=\"pra-hero\"\u003e\n    \u003cdiv class=\"pra-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"pra-hero-content\"\u003e\n      \u003cdiv class=\"pra-badges-top\"\u003e\n        \u003cspan class=\"pra-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n        \u003cspan class=\"pra-badge\"\u003e🌸 Base neutre\u003c\/span\u003e\n        \u003cspan class=\"pra-badge\"\u003e✨ Eco Garantie\u003c\/span\u003e\n        \u003cspan class=\"pra-badge\"\u003e💧 100 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"pra-hero-title\"\u003eLa toile blanche de vos massages personnalisés\u003c\/span\u003e\n      \u003cp class=\"pra-subtitle\"\u003eUne base 100% végétale pour composer vos synergies\u003c\/p\u003e\n      \u003cp class=\"pra-description\"\u003eFluide, glissante et sans parfum, elle s'utilise pure ou enrichie de vos huiles essentielles préférées pour un moment de détente sur-mesure.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"pra-section\"\u003e\n    \u003ch2\u003eQue contient cette huile de massage bio ?\u003c\/h2\u003e\n    \u003cp class=\"pra-section-intro\"\u003eLa formule associe trois huiles végétales choisies pour leurs qualités complémentaires :\u003c\/p\u003e\n    \u003cdiv class=\"pra-grid\"\u003e\n      \u003cdiv class=\"pra-card\"\u003e\n        \u003ch3\u003e🍑 Huile de noyau d'abricot\u003c\/h3\u003e\n        \u003cp\u003eDouce et légère, elle est appréciée pour ses propriétés assouplissantes, y compris sur les peaux délicates.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pra-card\"\u003e\n        \u003ch3\u003e🌻 Huile de tournesol\u003c\/h3\u003e\n        \u003cp\u003eRiche en acides gras essentiels, elle nourrit la peau et apporte une glisse confortable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pra-card\"\u003e\n        \u003ch3\u003e🌹 Huile de rose musquée\u003c\/h3\u003e\n        \u003cp\u003ePrécieuse et nutritive, elle aide à préserver la souplesse de l'épiderme.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pra-tip\"\u003e\n      \u003cspan class=\"pra-tip-icon\"\u003e✅\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eComposition complète :\u003c\/strong\u003e 100 % huiles végétales issues de l'agriculture biologique (noyau d'abricot, tournesol, rose musquée). Certifiée Eco Garantie, sans allergènes et à odeur neutre. Flacon pompe de 100 ml.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pra-section\"\u003e\n    \u003ch2\u003eComment utiliser cette huile de massage ?\u003c\/h2\u003e\n    \u003cp class=\"pra-section-intro\"\u003eVous pouvez l'appliquer pure ou en faire la base de vos synergies maison :\u003c\/p\u003e\n    \u003cdiv class=\"pra-timeline\"\u003e\n      \u003cdiv class=\"pra-timeline-item\"\u003e\n        \u003cdiv class=\"pra-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"pra-timeline-content\"\u003e\n          \u003ch3\u003eDéposez l'huile\u003c\/h3\u003e\n          \u003cp\u003eUne pression d'huile dans le creux de votre main.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pra-timeline-item\"\u003e\n        \u003cdiv class=\"pra-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"pra-timeline-content\"\u003e\n          \u003ch3\u003eAjoutez vos huiles essentielles\u003c\/h3\u003e\n          \u003cp\u003e1 à 2 gouttes d'huile essentielle adaptée à l'usage cutané, puis mélangez quelques secondes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pra-timeline-item\"\u003e\n        \u003cdiv class=\"pra-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"pra-timeline-content\"\u003e\n          \u003ch3\u003eMassez la zone\u003c\/h3\u003e\n          \u003cp\u003eAppliquez sur la zone souhaitée et massez jusqu'à pénétration complète.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pra-timeline-item\"\u003e\n        \u003cdiv class=\"pra-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"pra-timeline-content\"\u003e\n          \u003ch3\u003eAjustez la quantité\u003c\/h3\u003e\n          \u003cp\u003eUne pression pour la nuque, davantage pour le dos ou les jambes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pra-tip\"\u003e\n      \u003cspan class=\"pra-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eExemple concret :\u003c\/strong\u003e pour un massage relaxant du dos en soirée, mélangez deux pressions d'huile avec deux gouttes d'huile essentielle de lavande vraie. Avant toute nouvelle synergie, faites un test au pli du coude 24 heures à l'avance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pra-section\"\u003e\n    \u003ch2\u003eUne base neutre à personnaliser\u003c\/h2\u003e\n    \u003cp\u003eAvec cette huile, vous partez d'une \u003cstrong\u003ebase neutre\u003c\/strong\u003e et composez votre propre mélange selon vos envies du moment. Si vous appréciez l'\u003cstrong\u003ehuile de massage à l'arnica\u003c\/strong\u003e après le sport, vous pouvez par exemple y associer un macérât d'arnica.\u003c\/p\u003e\n    \u003cdiv class=\"pra-tip\"\u003e\n      \u003cspan class=\"pra-tip-icon\"\u003e⚠️\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003ePrécision importante :\u003c\/strong\u003e il ne s'agit pas d'une huile de massage comestible. Ce produit est strictement réservé à l'usage externe.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pra-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi et conservation\u003c\/h2\u003e\n    \u003cdiv class=\"pra-accordion\"\u003e\n      \u003cdetails class=\"pra-accordion-item\"\u003e\n        \u003csummary class=\"pra-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"pra-accordion-content mt-3\"\u003e\n          \u003cp\u003eUsage externe uniquement. Tenir hors de portée des jeunes enfants. Éviter tout contact avec les muqueuses et les yeux. Respecter les précautions propres à chaque huile essentielle ajoutée, notamment chez la femme enceinte ou allaitante.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"pra-accordion-item\"\u003e\n        \u003csummary class=\"pra-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"pra-accordion-content mt-3\"\u003e\n          \u003cp\u003eConserver à l'abri de la chaleur et de la lumière pour préserver toutes les qualités des huiles végétales.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"pra-accordion-item\"\u003e\n        \u003csummary class=\"pra-accordion-header\"\u003e👨‍⚕️ Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"pra-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe produit cosmétique ne remplace en aucun cas un traitement médical. En cas de douleur persistante ou de problème de peau, demandez conseil à votre médecin ou à votre pharmacien.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"pra-accordion-item\"\u003e\n        \u003csummary class=\"pra-accordion-header\"\u003e♻️ Tri et recyclage\u003c\/summary\u003e\n        \u003cdiv class=\"pra-accordion-content mt-3\"\u003e\n          \u003cp\u003eLe flacon se dépose dans le bac de tri du verre. Les consignes peuvent varier selon votre commune.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.pra-premium {\n  --pra-cream: #faf6f0;\n  --pra-white: #ffffff;\n  --pra-primary: #c89968;\n  --pra-primary-dark: #8b6540;\n  --pra-primary-light: #f5ece0;\n  --pra-secondary: #d4a574;\n  --pra-accent: #e8b584;\n  --pra-text: #2a1f17;\n  --pra-text-light: #6b5848;\n  --pra-border: #e8dcc9;\n  --pra-shadow: 0 4px 24px rgba(139,101,64,.08);\n  --pra-shadow-lg: 0 12px 48px rgba(139,101,64,.15);\n  --pra-radius: 20px;\n  --pra-radius-sm: 12px;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--pra-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--pra-text);\n  line-height: 1.6;\n}\n\n.pra-premium * { box-sizing: border-box; }\n\n.pra-hero {\n  position: relative;\n  background: linear-gradient(135deg, #c89968 0%, #d4a574 50%, #e8b584 100%);\n  border-radius: var(--pra-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--pra-shadow-lg);\n}\n\n.pra-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, white 2px, transparent 3px),\n                    radial-gradient(circle at 80% 70%, white 2px, transparent 3px),\n                    radial-gradient(circle at 50% 50%, white 1px, transparent 2px);\n  background-size: 80px 80px, 60px 60px, 40px 40px;\n  opacity: .08;\n}\n\n.pra-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.pra-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(22px, 7vw, 42px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.15;\n}\n\n.pra-subtitle {\n  color: white;\n  font-size: clamp(15px, 2.8vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  opacity: .95;\n}\n\n.pra-description {\n  color: white;\n  font-size: clamp(14px, 2.3vw, 16px);\n  max-width: 600px;\n  margin: 0 auto;\n  opacity: .9;\n  line-height: 1.7;\n}\n\n.pra-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.pra-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--pra-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.pra-badge:hover { transform: translateY(-2px) scale(1.05); }\n\n.pra-section { margin-bottom: clamp(2rem, 4vw, 3.5rem); }\n\n.pra-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--pra-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.25;\n}\n\n.pra-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--pra-primary), var(--pra-secondary));\n  border-radius: 2px;\n}\n\n.pra-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--pra-text-light);\n  margin: 0 auto 1.5rem;\n  max-width: 650px;\n}\n\n.pra-premium p {\n  font-size: clamp(14px, 2.3vw, 16px);\n  color: var(--pra-text);\n  margin-bottom: 1rem;\n  line-height: 1.7;\n}\n\n.pra-premium strong { color: var(--pra-primary-dark); font-weight: 700; }\n\n.pra-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.pra-card {\n  background: var(--pra-white);\n  border-radius: var(--pra-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--pra-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.pra-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--pra-shadow-lg);\n  border-color: var(--pra-primary);\n}\n\n.pra-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--pra-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.pra-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--pra-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.pra-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.pra-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.pra-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--pra-primary), var(--pra-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(200,153,104,.3);\n}\n\n.pra-timeline-content {\n  flex: 1;\n  background: var(--pra-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--pra-radius-sm);\n  box-shadow: var(--pra-shadow);\n}\n\n.pra-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--pra-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.pra-timeline-content p {\n  font-size: 14px;\n  color: var(--pra-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.pra-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--pra-primary-light);\n  border-radius: var(--pra-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border-left: 4px solid var(--pra-primary);\n}\n\n.pra-tip-icon { font-size: 24px; flex-shrink: 0; }\n\n.pra-tip p {\n  font-size: 14px;\n  color: var(--pra-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.pra-accordion {\n  background: var(--pra-white);\n  border-radius: var(--pra-radius);\n  box-shadow: var(--pra-shadow);\n  overflow: hidden;\n}\n\n.pra-accordion-item {\n  border-bottom: 1px solid var(--pra-border);\n  margin: 0;\n  padding: 0;\n}\n\n.pra-accordion-item:last-child { border-bottom: none; }\n\n.pra-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--pra-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n}\n\n.pra-accordion-header:hover { background: var(--pra-primary-light); }\n.pra-accordion-header::-webkit-details-marker { display: none; }\n\n.pra-accordion-header::after {\n  content: '+';\n  font-size: 24px;\n  font-weight: 400;\n  color: var(--pra-primary);\n  transition: transform .2s ease;\n}\n\n.pra-accordion-item[open] .pra-accordion-header::after { content: '−'; }\n\n.pra-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--pra-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.pra-accordion-content p { margin: 0; font-size: 14px; }\n\n@media (max-width: 767px) {\n  .pra-grid { grid-template-columns: 1fr; gap: 1rem; }\n  .pra-card { padding: 1.125rem; }\n  .pra-section { margin-bottom: 1.75rem; }\n  .pra-hero { padding: 2rem 1.25rem; margin-bottom: 1.75rem; border-radius: var(--pra-radius-sm); }\n  .pra-premium h2 { margin-bottom: 1rem; padding-bottom: .75rem; }\n  .pra-premium h2::after { width: 40px; height: 3px; }\n  .pra-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n  .pra-timeline-content { padding: .875rem 1rem; }\n  .pra-timeline-content h3 { font-size: 14px; }\n  .pra-timeline-content p { font-size: 13px; }\n  .pra-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n  .pra-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .pra-card { animation: fadeInUp .5s ease backwards; }\n  .pra-card:nth-child(1) { animation-delay: .05s; }\n  .pra-card:nth-child(2) { animation-delay: .1s; }\n  .pra-card:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .pra-premium * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }\n}\n\u003c\/style\u003e","brand":"PRANAROM","offers":[{"title":"Default Title","offer_id":65076871889273,"sku":"RA0020","price":8.78,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-massage-neutre-bio-100-ml-pranarom-packshothd.webp?v=1793610909","url":"https:\/\/www.naturellement-bio.com\/products\/huile-massage-neutre-pranarom","provider":"Naturellement Bio","version":"1.0","type":"link"}