{"product_id":"the-vert-pomme-de-noel-bio-100-g-jardins-de-gaia","title":"Thé vert Pomme de Noël bio - 100 g - Jardins de Gaïa","description":"\u003cdiv class=\"pdn-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"pdn-hero\"\u003e\n\u003cdiv class=\"pdn-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pdn-hero-content\"\u003e\n\u003cdiv class=\"pdn-badges-top\"\u003e\n\u003cspan class=\"pdn-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e \u003cspan class=\"pdn-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e \u003cspan class=\"pdn-badge\"\u003e🇫🇷 Conditionné en Alsace\u003c\/span\u003e \u003cspan class=\"pdn-badge\"\u003e🍃 Vrac 100 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pdn-hero-title\"\u003eThé vert Pomme de Noël bio\u003c\/span\u003e\n\u003cp class=\"pdn-subtitle\"\u003eLes Jardins de Gaïa\u003c\/p\u003e\n\u003cp class=\"pdn-description\"\u003eUn voyage sensoriel au cœur des marchés de Noël alsaciens : thé vert délicat, pomme fondante, badiane étoilée et épices chaleureuses dans une tasse réconfortante et festive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"pdn-section\"\u003e\n\u003ch2\u003eThé vert Pomme de Noël bio – Les Jardins de Gaïa\u003c\/h2\u003e\n\u003cp class=\"pdn-section-intro\"\u003eFermez les yeux et laissez-vous transporter au cœur d'un marché de Noël alsacien.\u003c\/p\u003e\n\u003cdiv class=\"pdn-testimonial\"\u003e\n\u003cp class=\"pdn-testimonial-text\"\u003eCe thé vert bio en vrac signé Les Jardins de Gaïa marie avec gourmandise la fraîcheur du thé vert, la douceur fruitée de la pomme et la chaleur enveloppante des épices d'hiver. Un mélange festif, certifié biologique et issu du commerce équitable, conditionné à la main en Alsace — pour un moment de réconfort authentique, tasse après tasse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"pdn-section\"\u003e\n\u003ch2\u003eUn mélange gourmand aux saveurs de Noël\u003c\/h2\u003e\n\u003cp class=\"pdn-section-intro\"\u003eCe qui rend ce thé vert bio vrac si particulier, c'est l'équilibre subtil de ses ingrédients. La base de thé vert, délicate et légèrement végétale, sert d'écrin à un bouquet d'épices et de fruits soigneusement dosés.\u003c\/p\u003e\n\u003cdiv class=\"pdn-grid\"\u003e\n\u003cdiv class=\"pdn-card\"\u003e\n\u003ch3\u003e⭐ Badiane (anis étoilé)\u003c\/h3\u003e\n\u003cp\u003eDes notes anisées et chaleureuses, véritablement emblématiques de la période des fêtes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdn-card\"\u003e\n\u003ch3\u003e🍪 Cannelle \u0026amp; gingembre\u003c\/h3\u003e\n\u003cp\u003eUne rondeur épicée et réconfortante qui rappelle les biscuits sortant du four.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdn-card\"\u003e\n\u003ch3\u003e🍎 Pomme\u003c\/h3\u003e\n\u003cp\u003eMorceaux de pomme et arôme naturel pour une douceur fruitée et légèrement acidulée, comme une pomme au four saupoudrée de cannelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdn-card\"\u003e\n\u003ch3\u003e🌸 Baies roses\u003c\/h3\u003e\n\u003cp\u003eUne touche poivrée et florale, disséminée dans le mélange, qui relève subtilement l'ensemble.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdn-tip\"\u003e\n\u003cspan class=\"pdn-tip-icon\"\u003e☕\u003c\/span\u003e\n\u003cp\u003eEn tasse, vous obtenez une infusion aux \u003cstrong\u003esaveurs rondes et légèrement acidulées\u003c\/strong\u003e, réchauffée par les notes chaudes et anisées de la badiane. Un véritable thé de Noël, aussi agréable le matin qu'après un repas festif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"pdn-section\"\u003e\n\u003ch2\u003eComposition complète\u003c\/h2\u003e\n\u003cp class=\"pdn-section-intro\"\u003eVoici la liste détaillée des ingrédients de ce thé vert Pomme de Noël bio :\u003c\/p\u003e\n\u003cdiv class=\"pdn-grid\"\u003e\n\u003cdiv class=\"pdn-card\"\u003e\n\u003ch3\u003e🍃 Thé vert**\u003c\/h3\u003e\n\u003cp\u003eIssu de l'agriculture biologique et du commerce équitable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdn-card\"\u003e\n\u003ch3\u003e🟤 Cannelle**\u003c\/h3\u003e\n\u003cp\u003eIssue de l'agriculture biologique et du commerce équitable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdn-card\"\u003e\n\u003ch3\u003e🫚 Gingembre**\u003c\/h3\u003e\n\u003cp\u003eIssu de l'agriculture biologique et du commerce équitable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdn-card\"\u003e\n\u003ch3\u003e⭐ Badiane* (8 %)\u003c\/h3\u003e\n\u003cp\u003eIssue de l'agriculture biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdn-card\"\u003e\n\u003ch3\u003e🍏 Arôme naturel de pomme* (4 %)\u003c\/h3\u003e\n\u003cp\u003eIssu de l'agriculture biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdn-card\"\u003e\n\u003ch3\u003e🍎 Morceaux de pomme* (3 %)\u003c\/h3\u003e\n\u003cp\u003eIssus de l'agriculture biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdn-card\"\u003e\n\u003ch3\u003e🔴 Baies roses*\u003c\/h3\u003e\n\u003cp\u003eIssues de l'agriculture biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"pdn-disclaimer\"\u003e* Ingrédient issu de l'agriculture biologique - ** Ingrédient issu de l'agriculture biologique et du commerce équitable\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"pdn-section\"\u003e\n\u003ch2\u003eComment préparer ce thé vert de Noël ?\u003c\/h2\u003e\n\u003cp class=\"pdn-section-intro\"\u003ePour profiter pleinement des arômes de ce thé vert en vrac bio, suivez ces étapes simples :\u003c\/p\u003e\n\u003cdiv class=\"pdn-timeline\"\u003e\n\u003cdiv class=\"pdn-timeline-item\"\u003e\n\u003cdiv class=\"pdn-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"pdn-timeline-content\"\u003e\n\u003ch3\u003eDosez votre thé\u003c\/h3\u003e\n\u003cp\u003eEnviron \u003cstrong\u003e2 à 3 grammes\u003c\/strong\u003e par tasse, soit environ une cuillère à café bien remplie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdn-timeline-item\"\u003e\n\u003cdiv class=\"pdn-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"pdn-timeline-content\"\u003e\n\u003ch3\u003eChauffez l'eau à 90 °C\u003c\/h3\u003e\n\u003cp\u003eÉvitez l'eau bouillante, qui rendrait le thé vert amer et masquerait la finesse des saveurs fruitées et épicées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdn-timeline-item\"\u003e\n\u003cdiv class=\"pdn-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"pdn-timeline-content\"\u003e\n\u003ch3\u003eInfusez 4 à 5 minutes\u003c\/h3\u003e\n\u003cp\u003eRespectez ce temps pour obtenir un équilibre parfait entre la vivacité du thé vert et la douceur de la pomme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdn-tip\"\u003e\n\u003cspan class=\"pdn-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour des saveurs plus corsées et épicées, laissez infuser 5 minutes complètes. Pour une tasse plus douce et fruitée, 4 minutes suffiront. Ce thé se déguste nature, sans sucre ni lait, afin de laisser s'exprimer toute la palette aromatique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"pdn-section\"\u003e\n\u003ch2\u003eQuand déguster le thé vert Pomme de Noël ?\u003c\/h2\u003e\n\u003cp class=\"pdn-section-intro\"\u003eMême si son nom évoque les fêtes de fin d'année, ce thé se savoure bien au-delà du mois de décembre.\u003c\/p\u003e\n\u003cdiv class=\"pdn-grid-compact\"\u003e\n\u003cdiv class=\"pdn-card\"\u003e\n\u003ch3\u003e❄️ En automne et en hiver\u003c\/h3\u003e\n\u003cp\u003ePour accompagner les soirées fraîches avec une boisson chaude et parfumée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdn-card\"\u003e\n\u003ch3\u003e🍰 Au goûter\u003c\/h3\u003e\n\u003cp\u003eAux côtés de sablés, de pain d'épices ou d'une tarte aux pommes — les saveurs se répondent merveilleusement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdn-card\"\u003e\n\u003ch3\u003e🍽️ Après un repas copieux\u003c\/h3\u003e\n\u003cp\u003eProfitez des propriétés digestives naturellement associées au gingembre et à la badiane.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdn-card\"\u003e\n\u003ch3\u003e🎁 En cadeau\u003c\/h3\u003e\n\u003cp\u003eSon packaging festif et sa qualité bio en font une attention délicate et originale, glissé dans un panier gourmand.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"pdn-section\"\u003e\n\u003ch2\u003ePourquoi choisir Les Jardins de Gaïa ?\u003c\/h2\u003e\n\u003cp class=\"pdn-section-intro\"\u003eFondée en Alsace, la maison Les Jardins de Gaïa est une référence en matière de thés et d'infusions biologiques. Chaque mélange est conditionné à la main dans leur atelier alsacien, avec un soin artisanal qui se ressent dès l'ouverture du sachet.\u003c\/p\u003e\n\u003cdiv class=\"pdn-grid-compact\"\u003e\n\u003cdiv class=\"pdn-card\"\u003e\n\u003ch3\u003e🌿 Certification biologique\u003c\/h3\u003e\n\u003cp\u003eTous les ingrédients sont issus de l'agriculture biologique, sans pesticides ni arômes artificiels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdn-card\"\u003e\n\u003ch3\u003e🤝 Commerce équitable\u003c\/h3\u003e\n\u003cp\u003eLe thé vert, la cannelle et le gingembre proviennent de filières équitables, garantissant une rémunération juste pour les producteurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdn-card\"\u003e\n\u003ch3\u003e🍎 Arômes 100 % naturels\u003c\/h3\u003e\n\u003cp\u003eL'arôme de pomme utilisé est naturel, pour un goût authentique loin des saveurs synthétiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pdn-card\"\u003e\n\u003ch3\u003e📦 Format vrac 100 g\u003c\/h3\u003e\n\u003cp\u003eUn conditionnement économique et écologique qui permet de doser à votre convenance et de limiter les emballages superflus.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n  --pdn-cream: #f7f4ef;\n  --pdn-white: #ffffff;\n  --pdn-primary: #1a2a5e;\n  --pdn-primary-dark: #0f1a3a;\n  --pdn-primary-light: #e8ecf5;\n  --pdn-secondary: #c0392b;\n  --pdn-accent: #d4a04a;\n  --pdn-green: #3d5a3a;\n  --pdn-text: #1a1a1a;\n  --pdn-text-light: #5a5a5a;\n  --pdn-border: #e0ddd6;\n  --pdn-shadow: 0 4px 24px rgba(26, 42, 94, .08);\n  --pdn-shadow-lg: 0 12px 48px rgba(26, 42, 94, .15);\n  --pdn-radius: 20px;\n  --pdn-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.pdn-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--pdn-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pdn-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--pdn-primary-dark) 0%, var(--pdn-primary) 40%, #2c3e7a 70%, var(--pdn-secondary) 100%);\n  border-radius: var(--pdn-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(--pdn-shadow-lg);\n}\n\n.pdn-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image:\n    radial-gradient(circle at 20% 30%, rgba(212, 160, 74, .15) 0%, transparent 50%),\n    radial-gradient(circle at 80% 70%, rgba(192, 57, 43, .12) 0%, transparent 50%),\n    radial-gradient(circle at 50% 10%, rgba(255, 255, 255, .08) 0%, transparent 40%);\n  opacity: 1;\n}\n\n.pdn-hero::before {\n  content: '❄';\n  position: absolute;\n  top: 12%;\n  left: 8%;\n  font-size: 40px;\n  opacity: .12;\n  animation: pdn-float 6s ease-in-out infinite;\n}\n\n.pdn-hero::after {\n  content: '⭐';\n  position: absolute;\n  bottom: 15%;\n  right: 10%;\n  font-size: 36px;\n  opacity: .1;\n  animation: pdn-float 5s ease-in-out infinite reverse;\n}\n\n@keyframes pdn-float {\n  0%, 100% { transform: translateY(0px) rotate(0deg); }\n  50% { transform: translateY(-12px) rotate(10deg); }\n}\n\n.pdn-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.pdn-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 .75rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0, 0, 0, .3);\n  line-height: 1.1;\n}\n\n.pdn-subtitle {\n  color: var(--pdn-accent);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 700;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .05em;\n  text-transform: uppercase;\n}\n\n.pdn-description {\n  color: rgba(255, 255, 255, .9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  margin: 0;\n  max-width: 640px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === BADGES === *\/\n.pdn-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.pdn-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(--pdn-primary-dark);\n  box-shadow: 0 2px 12px rgba(0, 0, 0, .1);\n  transition: all .3s ease;\n}\n\n.pdn-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pdn-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pdn-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--pdn-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.pdn-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(--pdn-secondary), var(--pdn-accent));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.pdn-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--pdn-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.pdn-card {\n  background: var(--pdn-white);\n  border-radius: var(--pdn-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--pdn-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.pdn-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--pdn-shadow-lg);\n  border-color: var(--pdn-secondary);\n}\n\n.pdn-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--pdn-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.pdn-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--pdn-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pdn-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.pdn-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.pdn-grid-compact .pdn-card {\n  padding: 1rem;\n}\n\n.pdn-grid-compact .pdn-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.pdn-grid-compact .pdn-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.pdn-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.pdn-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.pdn-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--pdn-primary), var(--pdn-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}\n\n.pdn-timeline-content {\n  flex: 1;\n  background: var(--pdn-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--pdn-radius-sm);\n  box-shadow: var(--pdn-shadow);\n}\n\n.pdn-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--pdn-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.pdn-timeline-content p {\n  font-size: 14px;\n  color: var(--pdn-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.pdn-testimonial {\n  background: var(--pdn-white);\n  border-radius: var(--pdn-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--pdn-shadow);\n  border-left: 4px solid var(--pdn-secondary);\n}\n\n.pdn-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--pdn-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.pdn-accordion {\n  background: var(--pdn-white);\n  border-radius: var(--pdn-radius);\n  box-shadow: var(--pdn-shadow);\n  overflow: hidden;\n}\n\n.pdn-accordion-item {\n  border-bottom: 1px solid var(--pdn-border);\n  margin: 0;\n  padding: 0;\n}\n\n.pdn-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.pdn-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--pdn-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.pdn-accordion-header:hover {\n  background: var(--pdn-primary-light);\n}\n\n.pdn-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.pdn-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--pdn-secondary);\n  transition: transform .2s ease;\n}\n\n.pdn-accordion-item[open] .pdn-accordion-header::after {\n  content: '−';\n}\n\n.pdn-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--pdn-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.pdn-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.pdn-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--pdn-primary-light);\n  border-radius: var(--pdn-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.pdn-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.pdn-tip p {\n  font-size: 14px;\n  color: var(--pdn-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.pdn-cta-box {\n  background: linear-gradient(135deg, var(--pdn-primary) 0%, var(--pdn-primary-dark) 100%);\n  border-radius: var(--pdn-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.pdn-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background:\n    radial-gradient(circle at 15% 50%, rgba(212, 160, 74, .1) 0%, transparent 50%),\n    radial-gradient(circle at 85% 30%, rgba(192, 57, 43, .08) 0%, transparent 50%);\n}\n\n.pdn-cta-box p {\n  position: relative;\n  color: white;\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 2;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0, 0, 0, .1);\n  margin: 0;\n  text-align: left;\n  max-width: 500px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === DISCLAIMER === *\/\n.pdn-disclaimer {\n  font-size: 12px;\n  color: var(--pdn-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .pdn-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .pdn-card {\n    padding: 1.125rem;\n  }\n\n  .pdn-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .pdn-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--pdn-radius-sm);\n  }\n\n  .pdn-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .pdn-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .pdn-grid-compact {\n    gap: .625rem;\n  }\n\n  .pdn-grid-compact .pdn-card {\n    padding: .75rem;\n  }\n\n  .pdn-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .pdn-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .pdn-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .pdn-timeline-content p {\n    font-size: 13px;\n  }\n\n  .pdn-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .pdn-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .pdn-testimonial {\n    padding: 1.25rem;\n  }\n\n  .pdn-testimonial-text {\n    font-size: 14px;\n  }\n\n  .pdn-cta-box p {\n    font-size: 13px;\n    line-height: 1.9;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .pdn-card {\n    animation: pdn-fadeInUp .5s ease backwards;\n  }\n  .pdn-card:nth-child(1) { animation-delay: .05s; }\n  .pdn-card:nth-child(2) { animation-delay: .1s; }\n  .pdn-card:nth-child(3) { animation-delay: .15s; }\n  .pdn-card:nth-child(4) { animation-delay: .2s; }\n  .pdn-card:nth-child(5) { animation-delay: .25s; }\n  .pdn-card:nth-child(6) { animation-delay: .3s; }\n  .pdn-card:nth-child(7) { animation-delay: .35s; }\n}\n\n@keyframes pdn-fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .pdn-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"Jardins de Gaïa","offers":[{"title":"Default Title","offer_id":56627778847097,"sku":"NBAIJDG0108","price":7.25,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/the-vert-badiane-pomme-noel-jardins-de-gaia_11zon.jpg?v=1770627793","url":"https:\/\/www.naturellement-bio.com\/products\/the-vert-pomme-de-noel-bio-100-g-jardins-de-gaia","provider":"Naturellement Bio","version":"1.0","type":"link"}