{"product_id":"infusion-vent-de-fraicheur-boite-metal-50g-bioheme","title":"Infusion \"vent de fraîcheur\" - boîte métal - 50g - Biohême","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Infusion \"Vent de Fraîcheur\" - Biohême\nPalette détectée:\n  - Primaire: #1D6B6B (bleu-vert\/teal profond du couvercle et illustrations)\n  - Secondaire: #E8A840 (orange\/miel du badge bergamote)\n  - Accent: #7FB069 (vert nature du label bio)\n  - Fond: #F8F7F4 (blanc cassé crème du packaging)\nAmbiance: Naturel, bio, artisanal français, fraîcheur végétale, élégance simple\nPréfixe CSS: vdf\n--\u003e\n\n\u003cdiv class=\"vdf-premium\"\u003e\n  \n  \u003cdiv class=\"vdf-hero\"\u003e\n    \u003cdiv class=\"vdf-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"vdf-hero-content\"\u003e\n      \u003cdiv class=\"vdf-badges-top\"\u003e\n        \u003cspan class=\"vdf-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n        \u003cspan class=\"vdf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"vdf-badge\"\u003e♻️ Boîte réutilisable\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"vdf-hero-title\"\u003eVent de Fraîcheur\u003c\/span\u003e\n      \u003cp class=\"vdf-subtitle\"\u003eL'infusion vivifiante à la bergamote\u003c\/p\u003e\n      \u003cp class=\"vdf-description\"\u003eUn mélange rafraîchissant de basilic, menthe douce, coriandre et fenouil, sublimé par une délicate note de bergamote. Une pause sensorielle qui réveille et apaise.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"vdf-section\"\u003e\n    \u003ch2\u003e🌬️ Une expérience rafraîchissante\u003c\/h2\u003e\n    \u003cdiv class=\"vdf-grid\"\u003e\n      \u003cdiv class=\"vdf-card\"\u003e\n        \u003ch3\u003e💨 Vivifiante\u003c\/h3\u003e\n        \u003cp\u003eLe duo basilic-menthe douce apporte une fraîcheur immédiate qui éveille les sens dès la première gorgée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdf-card\"\u003e\n        \u003ch3\u003e🍃 Légère\u003c\/h3\u003e\n        \u003cp\u003eUne infusion tout en subtilité qui procure une agréable sensation de légèreté et de bien-être.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdf-card\"\u003e\n        \u003ch3\u003e❄️ Rafraîchissante\u003c\/h3\u003e\n        \u003cp\u003eParfaite en toute saison : chaude pour se réchauffer ou glacée pour se désaltérer l'été.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdf-card\"\u003e\n        \u003ch3\u003e🍋 Note d'agrume\u003c\/h3\u003e\n        \u003cp\u003eLa bergamote apporte sa signature parfumée unique, raffinée et subtilement citronnée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"vdf-section\"\u003e\n    \u003ch2\u003e🌱 Composition 100% bio\u003c\/h2\u003e\n    \u003cdiv class=\"vdf-grid\"\u003e\n      \u003cdiv class=\"vdf-card vdf-card-ingredient\"\u003e\n        \u003ch3\u003e🌿 Basilic\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eOcimum basilicum\u003c\/em\u003e\u003c\/p\u003e\n        \u003cp\u003eNotes herbacées légèrement épicées\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdf-card vdf-card-ingredient\"\u003e\n        \u003ch3\u003e🍃 Menthe douce\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eMentha viridis\u003c\/em\u003e\u003c\/p\u003e\n        \u003cp\u003eFraîcheur délicate, moins intense que la menthe poivrée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdf-card vdf-card-ingredient\"\u003e\n        \u003ch3\u003e🫛 Coriandre\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eCoriandrum sativum\u003c\/em\u003e\u003c\/p\u003e\n        \u003cp\u003eTouches subtilement citronnées\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdf-card vdf-card-ingredient\"\u003e\n        \u003ch3\u003e🌾 Fenouil\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eFoeniculum vulgare\u003c\/em\u003e\u003c\/p\u003e\n        \u003cp\u003eDouceur anisée caractéristique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdf-card vdf-card-ingredient\"\u003e\n        \u003ch3\u003e🍋 Écorce de citron\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eCitrus limon\u003c\/em\u003e\u003c\/p\u003e\n        \u003cp\u003eZeste d'agrume vivifiant\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdf-card vdf-card-ingredient\"\u003e\n        \u003ch3\u003e🍊 HE Bergamote\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eCitrus bergamia\u003c\/em\u003e\u003c\/p\u003e\n        \u003cp\u003eSignature parfumée raffinée\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"vdf-section\"\u003e\n    \u003ch2\u003e☕ Préparation parfaite\u003c\/h2\u003e\n    \u003cdiv class=\"vdf-steps\"\u003e\n      \u003cdiv class=\"vdf-step\"\u003e\n        \u003cdiv class=\"vdf-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"vdf-step-content\"\u003e\n          \u003ch3\u003eDosez\u003c\/h3\u003e\n          \u003cp\u003e1 cuillère (≈ 2g) pour 300ml d'eau\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdf-step\"\u003e\n        \u003cdiv class=\"vdf-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"vdf-step-content\"\u003e\n          \u003ch3\u003eVersez\u003c\/h3\u003e\n          \u003cp\u003eEau frémissante (non bouillante)\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdf-step\"\u003e\n        \u003cdiv class=\"vdf-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"vdf-step-content\"\u003e\n          \u003ch3\u003eInfusez\u003c\/h3\u003e\n          \u003cp\u003e5 à 10 minutes selon l'intensité désirée\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdf-step\"\u003e\n        \u003cdiv class=\"vdf-step-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"vdf-step-content\"\u003e\n          \u003ch3\u003eSavourez\u003c\/h3\u003e\n          \u003cp\u003eChaude ou glacée, tout au long de la journée\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"vdf-section\"\u003e\n    \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n    \u003cdiv class=\"vdf-grid-compact\"\u003e\n      \u003cdiv class=\"vdf-card\"\u003e\n        \u003ch3\u003e🧘 Amateurs de pauses zen\u003c\/h3\u003e\n        \u003cp\u003eUn moment de calme rafraîchissant\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdf-card\"\u003e\n        \u003ch3\u003e🍽️ Après les repas\u003c\/h3\u003e\n        \u003cp\u003eAccompagne la digestion en douceur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdf-card\"\u003e\n        \u003ch3\u003e☀️ Fans de thés glacés\u003c\/h3\u003e\n        \u003cp\u003eDélicieuse version froide en été\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdf-card\"\u003e\n        \u003ch3\u003e🌍 Éco-responsables\u003c\/h3\u003e\n        \u003cp\u003ePackaging réutilisable et recyclable\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"vdf-section\"\u003e\n    \u003ch2\u003e✨ Un savoir-faire d'exception\u003c\/h2\u003e\n    \u003cdiv class=\"vdf-highlight-box\"\u003e\n      \u003cdiv class=\"vdf-highlight-grid\"\u003e\n        \u003cdiv class=\"vdf-highlight-item\"\u003e\n          \u003cspan class=\"vdf-highlight-icon\"\u003e🏭\u003c\/span\u003e\n          \u003cspan class=\"vdf-highlight-text\"\u003e\u003cstrong\u003eNantes\u003c\/strong\u003e\u003cbr\u003eFabrication française\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"vdf-highlight-item\"\u003e\n          \u003cspan class=\"vdf-highlight-icon\"\u003e🇮🇹\u003c\/span\u003e\n          \u003cspan class=\"vdf-highlight-text\"\u003e\u003cstrong\u003eLac de Côme\u003c\/strong\u003e\u003cbr\u003eBoîte artisanale italienne\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"vdf-highlight-item\"\u003e\n          \u003cspan class=\"vdf-highlight-icon\"\u003e🌾\u003c\/span\u003e\n          \u003cspan class=\"vdf-highlight-text\"\u003e\u003cstrong\u003eFilières françaises\u003c\/strong\u003e\u003cbr\u003ePlantes traçables\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"vdf-highlight-item\"\u003e\n          \u003cspan class=\"vdf-highlight-icon\"\u003e📦\u003c\/span\u003e\n          \u003cspan class=\"vdf-highlight-text\"\u003e\u003cstrong\u003e50g\u003c\/strong\u003e\u003cbr\u003e≈ 25 tasses\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"vdf-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"vdf-accordion\"\u003e\n      \u003cdetails class=\"vdf-accordion-item\"\u003e\n        \u003csummary class=\"vdf-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"vdf-accordion-content\"\u003e\n          \u003cp\u003eConservez à température ambiante, à l'abri de la lumière et de l'humidité. La boîte métal protège parfaitement les arômes pendant \u003cstrong\u003e24 mois\u003c\/strong\u003e (DLUO). Une fois vide, réutilisez-la ou recyclez-la !\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"vdf-accordion-item\"\u003e\n        \u003csummary class=\"vdf-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"vdf-accordion-content\"\u003e\n          \u003cp\u003e\u003cstrong\u003eNe convient pas aux enfants de moins de 12 ans\u003c\/strong\u003e en raison de la présence de fenouil. Ce produit ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"vdf-accordion-item\"\u003e\n        \u003csummary class=\"vdf-accordion-header\"\u003e🏷️ Certifications\u003c\/summary\u003e\n        \u003cdiv class=\"vdf-accordion-content\"\u003e\n          \u003cp\u003eAgriculture Biologique certifiée • Soutient les producteurs et filières Plantes de France • Fabrication artisanale française\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"vdf-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"vdf-cta-box\"\u003e\n      \u003cp\u003e🌬️ Offrez-vous une parenthèse de fraîcheur\u003cbr\u003eUn voyage sensoriel entre herbes aromatiques et agrumes, dans le respect de la nature et du savoir-faire artisanal français.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --vdf-cream: #F8F7F4;\n  --vdf-white: #ffffff;\n  --vdf-primary: #1D6B6B;\n  --vdf-primary-dark: #145454;\n  --vdf-primary-light: #E8F4F4;\n  --vdf-secondary: #E8A840;\n  --vdf-accent: #7FB069;\n  --vdf-text: #1a1a1a;\n  --vdf-text-light: #5a5a5a;\n  --vdf-border: #e0e0e0;\n  --vdf-shadow: 0 4px 24px rgba(29,107,107,.08);\n  --vdf-shadow-lg: 0 12px 48px rgba(29,107,107,.15);\n  --vdf-radius: 20px;\n  --vdf-radius-sm: 12px;\n}\n\n.vdf-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--vdf-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.vdf-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1D6B6B 0%, #2A8585 50%, #145454 100%);\n  border-radius: var(--vdf-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(--vdf-shadow-lg);\n}\n\n.vdf-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 Q35 15 30 25 Q25 15 30 5' fill='none' stroke='%23fff' stroke-width='1' opacity='0.1'\/%3E%3Ccircle cx='10' cy='45' r='3' fill='%23fff' opacity='0.08'\/%3E%3Ccircle cx='50' cy='40' r='2' fill='%23fff' opacity='0.08'\/%3E%3C\/svg%3E\");\n  opacity: .3;\n}\n\n.vdf-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.vdf-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.vdf-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(--vdf-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.vdf-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.vdf-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 8vw, 56px);\n  font-weight: 900;\n  margin: 0 0 .75rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.vdf-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(18px, 4vw, 26px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.vdf-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.vdf-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.vdf-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--vdf-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}\n\n.vdf-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(--vdf-primary), var(--vdf-accent));\n  border-radius: 2px;\n}\n\n.vdf-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.vdf-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.vdf-card {\n  background: var(--vdf-white);\n  border-radius: var(--vdf-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--vdf-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.vdf-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--vdf-shadow-lg);\n  border-color: var(--vdf-primary);\n}\n\n.vdf-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--vdf-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.vdf-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--vdf-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.vdf-card-ingredient em {\n  display: block;\n  font-size: 12px;\n  color: var(--vdf-primary);\n  margin-bottom: .25rem;\n}\n\n.vdf-grid-compact .vdf-card {\n  padding: 1rem;\n}\n\n.vdf-grid-compact .vdf-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.vdf-grid-compact .vdf-card p {\n  font-size: 12px;\n}\n\n\/* Steps *\/\n.vdf-steps {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1rem;\n}\n\n.vdf-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  background: var(--vdf-white);\n  padding: 1.25rem;\n  border-radius: var(--vdf-radius);\n  box-shadow: var(--vdf-shadow);\n  transition: all .3s ease;\n}\n\n.vdf-step:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--vdf-shadow-lg);\n}\n\n.vdf-step-number {\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--vdf-primary), var(--vdf-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 900;\n  font-size: 18px;\n  flex-shrink: 0;\n}\n\n.vdf-step-content h3 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--vdf-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.vdf-step-content p {\n  font-size: 13px;\n  color: var(--vdf-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* Highlight box *\/\n.vdf-highlight-box {\n  background: var(--vdf-white);\n  border-radius: var(--vdf-radius);\n  padding: clamp(1.5rem, 3vw, 2.5rem);\n  box-shadow: var(--vdf-shadow);\n  border-left: 4px solid var(--vdf-secondary);\n}\n\n.vdf-highlight-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n  gap: 1.5rem;\n}\n\n.vdf-highlight-item {\n  display: flex;\n  align-items: center;\n  gap: .75rem;\n  text-align: left;\n}\n\n.vdf-highlight-icon {\n  font-size: 28px;\n  flex-shrink: 0;\n}\n\n.vdf-highlight-text {\n  font-size: 13px;\n  color: var(--vdf-text-light);\n  line-height: 1.4;\n}\n\n.vdf-highlight-text strong {\n  display: block;\n  color: var(--vdf-primary-dark);\n  font-size: 15px;\n}\n\n\/* Accordion *\/\n.vdf-accordion {\n  background: var(--vdf-white);\n  border-radius: var(--vdf-radius);\n  box-shadow: var(--vdf-shadow);\n  overflow: hidden;\n}\n\n.vdf-accordion-item {\n  border-bottom: 1px solid var(--vdf-border);\n  margin: 0;\n  padding: 0;\n}\n\n.vdf-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.vdf-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--vdf-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  margin: 0;\n}\n\n.vdf-accordion-header:hover {\n  background: var(--vdf-primary-light);\n}\n\n.vdf-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.vdf-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--vdf-primary);\n  transition: transform .2s ease;\n}\n\n.vdf-accordion-item[open] .vdf-accordion-header::after {\n  content: '−';\n}\n\n.vdf-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--vdf-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.vdf-accordion-content p {\n  margin: 0;\n}\n\n\/* CTA Box *\/\n.vdf-cta-box {\n  background: linear-gradient(135deg, var(--vdf-primary) 0%, #2A8585 50%, var(--vdf-primary-dark) 100%);\n  border-radius: var(--vdf-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.vdf-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='20' cy='20' r='1.5' fill='%23fff' opacity='0.1'\/%3E%3C\/svg%3E\");\n  opacity: .5;\n}\n\n.vdf-cta-box p {\n  position: relative;\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* Responsive *\/\n@media (max-width: 767px) {\n  .vdf-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .vdf-card {\n    padding: 1.125rem;\n  }\n  \n  .vdf-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .vdf-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--vdf-radius-sm);\n  }\n  \n  .vdf-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .vdf-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .vdf-grid-compact {\n    gap: .625rem;\n  }\n  \n  .vdf-grid-compact .vdf-card {\n    padding: .75rem;\n  }\n  \n  .vdf-steps {\n    grid-template-columns: 1fr;\n    gap: .75rem;\n  }\n  \n  .vdf-step {\n    padding: 1rem;\n  }\n  \n  .vdf-step-number {\n    width: 36px;\n    height: 36px;\n    font-size: 16px;\n  }\n  \n  .vdf-highlight-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 1rem;\n  }\n  \n  .vdf-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .vdf-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n\/* Animations *\/\n@media (prefers-reduced-motion: no-preference) {\n  .vdf-card, .vdf-step {\n    animation: vdfFadeInUp .5s ease backwards;\n  }\n  .vdf-card:nth-child(1), .vdf-step:nth-child(1) { animation-delay: .05s; }\n  .vdf-card:nth-child(2), .vdf-step:nth-child(2) { animation-delay: .1s; }\n  .vdf-card:nth-child(3), .vdf-step:nth-child(3) { animation-delay: .15s; }\n  .vdf-card:nth-child(4), .vdf-step:nth-child(4) { animation-delay: .2s; }\n  .vdf-card:nth-child(5) { animation-delay: .25s; }\n  .vdf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes vdfFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .vdf-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"BIOHÊME","offers":[{"title":"Default Title","offer_id":56503073440121,"sku":"NBAIBHM0039","price":8.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/infusion-vent-de-fraicheur-boite-metal-50g-bioheme-ingredients.webp?v=1768466070","url":"https:\/\/www.naturellement-bio.com\/products\/infusion-vent-de-fraicheur-boite-metal-50g-bioheme","provider":"Naturellement Bio","version":"1.0","type":"link"}