{"product_id":"huile-essentielle-de-pin-sylvestre-10-ml-florame","title":"Huile Essentielle de Pin Sylvestre Bio - 10 ml - Florame","description":"\u003cdiv class=\"pin-premium\"\u003e\n\u003cdiv class=\"pin-hero\"\u003e\n\u003cdiv class=\"pin-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pin-hero-content\"\u003e\n\u003cdiv class=\"pin-badges-top\"\u003e\n\u003cspan class=\"pin-badge\"\u003e🌲 100% Pure \u0026amp; Naturelle\u003c\/span\u003e \u003cspan class=\"pin-badge\"\u003e🌿 Certifiée Bio Ecocert\u003c\/span\u003e \u003cspan class=\"pin-badge\"\u003e✅ HEBBD Chémotypée\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pin-hero-title\"\u003eHuile Essentielle de Pin Sylvestre Bio\u003c\/span\u003e\n\u003cp class=\"pin-subtitle\"\u003eL'énergie vivifiante de la forêt en flacon\u003c\/p\u003e\n\u003cp class=\"pin-description\"\u003eDistillée à la vapeur d'eau à partir des aiguilles de \u003cstrong\u003ePinus sylvestris\u003c\/strong\u003e, cette huile essentielle Florame concentre toute la puissance tonique et respiratoire des conifères. Flacon compte-gouttes 10 ml.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"pin-section\"\u003e\n\u003ch2\u003eHuile Essentielle de Pin Sylvestre Bio Florame : l'énergie vivifiante de la forêt\u003c\/h2\u003e\n\u003cp class=\"pin-section-intro\"\u003eIssue de la distillation à la vapeur d'eau des aiguilles de \u003cstrong\u003ePinus sylvestris\u003c\/strong\u003e, l'huile essentielle de pin sylvestre Florame est un concentré de vitalité forestière. Reconnue pour son parfum boisé, frais et résineux, elle accompagne depuis longtemps les amateurs d'aromathérapie en quête de tonus et de confort respiratoire.\u003c\/p\u003e\n\u003cdiv class=\"pin-grid-compact\"\u003e\n\u003cdiv class=\"pin-card\"\u003e\n\u003ch3\u003e🌲 Pinus sylvestris\u003c\/h3\u003e\n\u003cp\u003eDistillation des aiguilles de conifère\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pin-card\"\u003e\n\u003ch3\u003e💧 10 ml\u003c\/h3\u003e\n\u003cp\u003eFlacon compte-gouttes précis\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pin-card\"\u003e\n\u003ch3\u003e🌿 Bio Ecocert\u003c\/h3\u003e\n\u003cp\u003eCertification FR-BIO-01\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pin-card\"\u003e\n\u003ch3\u003e🔬 HEBBD\u003c\/h3\u003e\n\u003cp\u003eHuile chémotypée garantie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"pin-section\"\u003e\n\u003ch2\u003eLes bienfaits de l'huile essentielle de pin sylvestre\u003c\/h2\u003e\n\u003cp class=\"pin-section-intro\"\u003eTraditionnellement appréciée en aromathérapie, le pin sylvestre est reconnu pour plusieurs propriétés majeures :\u003c\/p\u003e\n\u003cdiv class=\"pin-grid\"\u003e\n\u003cdiv class=\"pin-card\"\u003e\n\u003ch3\u003e🌬️ Vertus respiratoires\u003c\/h3\u003e\n\u003cp\u003eContribue à dégager les voies respiratoires encombrées, notamment en période hivernale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pin-card\"\u003e\n\u003ch3\u003e💪 Action tonique \u0026amp; stimulante\u003c\/h3\u003e\n\u003cp\u003eUn soutien précieux lors des moments de fatigue passagère et de baisse de forme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pin-card\"\u003e\n\u003ch3\u003e⚡ Effet dynamisant\u003c\/h3\u003e\n\u003cp\u003eIdéale au lever ou lors des coups de pompe pour retrouver énergie et vitalité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pin-tip\"\u003e\n\u003cspan class=\"pin-tip-icon\"\u003e🧪\u003c\/span\u003e\n\u003cp\u003eSon action repose sur sa richesse en molécules aromatiques actives : \u003cstrong\u003ealpha-pinène, bêta-pinène et limonène\u003c\/strong\u003e, typiques des conifères.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"pin-section\"\u003e\n\u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n\u003cdiv class=\"pin-grid-compact\"\u003e\n\u003cdiv class=\"pin-card\"\u003e\n\u003ch3\u003e🌲 Plante\u003c\/h3\u003e\n\u003cp\u003ePinus sylvestris (pin sylvestre)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pin-card\"\u003e\n\u003ch3\u003e🍃 Partie distillée\u003c\/h3\u003e\n\u003cp\u003eAiguilles du conifère\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pin-card\"\u003e\n\u003ch3\u003e💨 Méthode\u003c\/h3\u003e\n\u003cp\u003eDistillation à la vapeur d'eau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pin-card\"\u003e\n\u003ch3\u003e🌿 Famille\u003c\/h3\u003e\n\u003cp\u003eAbiétacées\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pin-card\"\u003e\n\u003ch3\u003e✅ Pureté\u003c\/h3\u003e\n\u003cp\u003e100% pure et naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pin-card\"\u003e\n\u003ch3\u003e🔬 Composants\u003c\/h3\u003e\n\u003cp\u003eAlpha-pinène, bêta-pinène, limonène\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"pin-section\"\u003e\n\u003ch2\u003eComment utiliser l'huile essentielle de pin sylvestre ?\u003c\/h2\u003e\n\u003cp class=\"pin-section-intro\"\u003ePlusieurs modes d'utilisation sont possibles selon vos besoins :\u003c\/p\u003e\n\u003cdiv class=\"pin-timeline\"\u003e\n\u003cdiv class=\"pin-timeline-item\"\u003e\n\u003cdiv class=\"pin-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"pin-timeline-content\"\u003e\n\u003ch3\u003e🌫️ Diffusion atmosphérique\u003c\/h3\u003e\n\u003cp\u003eToujours diluée avec une huile essentielle non irritante, pour parfumer et assainir l'atmosphère. Privilégiez l'inhalation sèche, l'inhalation humide à faible dose ou la diffusion passive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pin-timeline-item\"\u003e\n\u003cdiv class=\"pin-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"pin-timeline-content\"\u003e\n\u003ch3\u003e💆 Voie cutanée\u003c\/h3\u003e\n\u003cp\u003eDiluée dans une huile végétale (amande douce, jojoba, noisette) pour un massage tonifiant du dos ou des jambes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pin-timeline-item\"\u003e\n\u003cdiv class=\"pin-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"pin-timeline-content\"\u003e\n\u003ch3\u003e⚠️ Voie orale\u003c\/h3\u003e\n\u003cp\u003eRecommandé avec avis médical préalable d'un professionnel de santé qualifié.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pin-tip\"\u003e\n\u003cspan class=\"pin-tip-icon\"\u003e💧\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003ePosologie indicative\u003c\/strong\u003e : 1 goutte par jour (environ 45 mg) mélangée à une cuillerée à café d'huile végétale, pendant \u003cstrong\u003e2 à 5 jours maximum\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"pin-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cp class=\"pin-section-intro\"\u003eCette huile essentielle est puissante et demande quelques précautions indispensables :\u003c\/p\u003e\n\u003cdiv class=\"pin-accordion\"\u003e\n\u003cdetails class=\"pin-accordion-item\"\u003e\n\u003csummary class=\"pin-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n\u003cdiv class=\"pin-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillée aux femmes enceintes ou allaitantes pendant toute la durée de la grossesse et de l'allaitement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pin-accordion-item\"\u003e\n\u003csummary class=\"pin-accordion-header\"\u003e👶 Enfants de moins de 12 ans\u003c\/summary\u003e\n\u003cdiv class=\"pin-accordion-content mt-3\"\u003e\n\u003cp\u003eNe pas utiliser chez l'enfant de moins de 12 ans, en raison de la puissance des molécules aromatiques actives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pin-accordion-item\"\u003e\n\u003csummary class=\"pin-accordion-header\"\u003e⚠️ Contre-indications médicales\u003c\/summary\u003e\n\u003cdiv class=\"pin-accordion-content mt-3\"\u003e\n\u003cp\u003eÀ éviter en cas d'asthme, d'antécédents de convulsions ou d'allergies aux huiles essentielles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pin-accordion-item\"\u003e\n\u003csummary class=\"pin-accordion-header\"\u003e🧪 Test cutané préalable\u003c\/summary\u003e\n\u003cdiv class=\"pin-accordion-content mt-3\"\u003e\n\u003cp\u003eRisque d'irritations cutanées : réalisez toujours un test dans le pli du coude 48 h avant une utilisation plus large.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pin-accordion-item\"\u003e\n\u003csummary class=\"pin-accordion-header\"\u003e👨⚕️ Avis professionnel\u003c\/summary\u003e\n\u003cdiv class=\"pin-accordion-content mt-3\"\u003e\n\u003cp\u003eConsultez un professionnel de santé pour toute indication thérapeutique ou un usage par voie orale. Ce produit ne se substitue en aucun cas à un avis médical ou à un traitement prescrit par votre médecin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"pin-section\"\u003e\n\u003ch2\u003eConservation et format\u003c\/h2\u003e\n\u003cdiv class=\"pin-grid-compact\"\u003e\n\u003cdiv class=\"pin-card\"\u003e\n\u003ch3\u003e☀️ À l'abri de la lumière\u003c\/h3\u003e\n\u003cp\u003eConserver dans un endroit sombre et frais\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pin-card\"\u003e\n\u003ch3\u003e🌡️ À l'abri de la chaleur\u003c\/h3\u003e\n\u003cp\u003ePréserver les molécules aromatiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pin-card\"\u003e\n\u003ch3\u003e🔒 Bien refermé\u003c\/h3\u003e\n\u003cp\u003eRefermer après chaque utilisation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pin-card\"\u003e\n\u003ch3\u003e💧 Compte-gouttes\u003c\/h3\u003e\n\u003cp\u003eDosage précis, goutte après goutte\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"pin-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eFlorame, une référence de l'aromathérapie bio\u003c\/h2\u003e\n\u003cdiv class=\"pin-cta-box\"\u003e\n\u003cp\u003eInstallée à \u003cstrong\u003eSaint-Rémy-de-Provence\u003c\/strong\u003e, la marque Florame cultive depuis plus de \u003cstrong\u003e20 ans\u003c\/strong\u003e une expertise reconnue dans les huiles essentielles biologiques. Chaque flacon respecte un cahier des charges exigeant : plantes issues de l'agriculture biologique, huiles chémotypées (HEBBD) et certifiées Ecocert. Un gage de traçabilité et de pureté pour profiter pleinement des bienfaits du pin sylvestre au quotidien. 🌲\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"pin-disclaimer\"\u003eCe produit ne se substitue pas à un avis médical ou à un traitement prescrit. Consultez un professionnel de santé en cas de doute.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --pin-cream: #f5f7f2;\n  --pin-white: #ffffff;\n  --pin-primary: #7ba83f;\n  --pin-primary-dark: #3d5a28;\n  --pin-primary-light: #eaf2dc;\n  --pin-secondary: #a8c66c;\n  --pin-accent: #d4a84b;\n  --pin-text: #1a1a1a;\n  --pin-text-light: #5a5a5a;\n  --pin-border: #e0e0e0;\n  --pin-shadow: 0 4px 24px rgba(61,90,40,.08);\n  --pin-shadow-lg: 0 12px 48px rgba(61,90,40,.15);\n  --pin-radius: 20px;\n  --pin-radius-sm: 12px;\n}\n\n.pin-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--pin-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--pin-text);\n}\n\n.pin-hero {\n  position: relative;\n  background: linear-gradient(135deg, #3d5a28 0%, #7ba83f 50%, #a8c66c 100%);\n  border-radius: var(--pin-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(--pin-shadow-lg);\n}\n\n.pin-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%), radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n  opacity: .5;\n}\n\n.pin-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.pin-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\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.1;\n}\n\n.pin-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.pin-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.2vw, 17px);\n  max-width: 700px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.pin-description strong {\n  color: white;\n  font-weight: 700;\n}\n\n.pin-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.pin-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(--pin-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.pin-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.pin-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pin-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--pin-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.pin-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(--pin-primary), var(--pin-secondary));\n  border-radius: 2px;\n}\n\n.pin-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--pin-text-light);\n  margin-bottom: 1.75rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.pin-section-intro strong {\n  color: var(--pin-primary-dark);\n}\n\n.pin-card {\n  background: var(--pin-white);\n  border-radius: var(--pin-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--pin-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.pin-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--pin-shadow-lg);\n  border-color: var(--pin-primary);\n}\n\n.pin-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--pin-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.pin-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--pin-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.pin-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.pin-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.pin-grid-compact .pin-card {\n  padding: 1rem;\n}\n\n.pin-grid-compact .pin-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.pin-grid-compact .pin-card p {\n  font-size: 12px;\n}\n\n.pin-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.pin-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.pin-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--pin-primary), var(--pin-primary-dark));\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(61,90,40,.25);\n}\n\n.pin-timeline-content {\n  flex: 1;\n  background: var(--pin-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--pin-radius-sm);\n  box-shadow: var(--pin-shadow);\n}\n\n.pin-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--pin-primary-dark);\n  margin: 0 0 .35rem 0;\n}\n\n.pin-timeline-content p {\n  font-size: 14px;\n  color: var(--pin-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.pin-accordion {\n  background: var(--pin-white);\n  border-radius: var(--pin-radius);\n  box-shadow: var(--pin-shadow);\n  overflow: hidden;\n}\n\n.pin-accordion-item {\n  border-bottom: 1px solid var(--pin-border);\n  margin: 0;\n  padding: 0;\n}\n\n.pin-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.pin-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--pin-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  background: transparent;\n  border: none;\n}\n\n.pin-accordion-header:hover {\n  background: var(--pin-primary-light);\n}\n\n.pin-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.pin-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--pin-primary);\n  transition: transform .2s ease;\n  margin-left: 1rem;\n}\n\n.pin-accordion-item[open] .pin-accordion-header::after {\n  content: '−';\n}\n\n.pin-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--pin-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.pin-accordion-content p {\n  margin: 0;\n}\n\n.pin-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--pin-primary-light);\n  border-radius: var(--pin-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border-left: 4px solid var(--pin-primary);\n}\n\n.pin-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.pin-tip p {\n  font-size: 14px;\n  color: var(--pin-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.pin-tip strong {\n  color: var(--pin-primary-dark);\n}\n\n.pin-cta-box {\n  background: linear-gradient(135deg, var(--pin-primary-dark) 0%, var(--pin-primary) 100%);\n  border-radius: var(--pin-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--pin-shadow-lg);\n}\n\n.pin-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 18px);\n  line-height: 1.7;\n  font-weight: 500;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n.pin-cta-box strong {\n  color: white;\n  font-weight: 800;\n}\n\n.pin-disclaimer {\n  font-size: 12px;\n  color: var(--pin-text-light);\n  text-align: center;\n  margin-top: 1.25rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .pin-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .pin-card {\n    padding: 1.125rem;\n  }\n  .pin-section {\n    margin-bottom: 1.75rem;\n  }\n  .pin-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--pin-radius-sm);\n  }\n  .pin-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .pin-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .pin-grid-compact {\n    gap: .625rem;\n  }\n  .pin-grid-compact .pin-card {\n    padding: .75rem;\n  }\n  .pin-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .pin-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .pin-timeline-content h3 {\n    font-size: 14px;\n  }\n  .pin-timeline-content p {\n    font-size: 13px;\n  }\n  .pin-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .pin-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .pin-card {\n    animation: pinFadeInUp .5s ease backwards;\n  }\n  .pin-card:nth-child(1) { animation-delay: .05s; }\n  .pin-card:nth-child(2) { animation-delay: .1s; }\n  .pin-card:nth-child(3) { animation-delay: .15s; }\n  .pin-card:nth-child(4) { animation-delay: .2s; }\n  .pin-card:nth-child(5) { animation-delay: .25s; }\n  .pin-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes pinFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .pin-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":57115562312057,"sku":"FM0145","price":10.84,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-pin-sylvestre-bio-10-ml-florame-lifestyle.webp?v=1776764610","url":"https:\/\/www.naturellement-bio.com\/products\/huile-essentielle-de-pin-sylvestre-10-ml-florame","provider":"Naturellement Bio","version":"1.0","type":"link"}