{"product_id":"the-vert-aux-agrumes-bio-en-sachet-terra-etica","title":"Thé vert aux agrumes Bio en sachet – Terra Etica","description":"\u003c!--\n=== ANALYSE SOINATURE ===\nProduit: Thé vert aux agrumes Bio en sachet\nMarque: Terra Etica\nCatégorie Soinat: Alimentation \/ Thés et infusions bio\n\n=== INVENTAIRE DES DONNÉES SOURCE (preuve anti-invention) ===\nLabels\/certifications mentionnés : Agriculture Biologique UE, Guaranteed Fair Trade, Cueillette fine, Commerce équitable, Bio\nChiffres précis mentionnés : 75°C (eau), 1 sachet environ 2 g, 20 cl d'eau, 2 à 3 minutes infusion, 2 022 producteurs, 20 à 30 mg caféine par tasse\nOrigine mentionnée : Saint James Valley, Ceylan (Sri Lanka), coopérative SOFA\nForme galénique : Sachets (infusion)\nActifs\/plantes nommés : Thé vert de Ceylan bio, écorces de citron bio, écorces d'orange bio, arômes naturels d'agrumes bio\nPosologie mentionnée : 1 sachet dans 20 cl d'eau à 75°C, infuser 2 à 3 minutes, du matin jusqu'en milieu d'après-midi\nPrécautions mentionnées : Caféine (peu conseillé en soirée si sensible), femmes enceintes (consulter médecin), ne constitue pas un médicament\n\n=== PALETTE CSS ===\nMarine Soinat: #1A2D3D (fixe)\nPomme Soinat: #A1C544 (fixe)\nPrimaire produit: #E8A86D (pêche\/abricot du packaging, côté gauche orange doux)\nAccent produit: #C49A5C (ocre doré, rappel des écorces d'agrumes)\nPréfixe CSS: soi-tvag\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés :\n  1. \"Thé vert aux agrumes Bio en sachet, Terra Etica : fraîcheur de Ceylan, zestes d'exception\"\n  2. \"D'où vient ce thé vert bio ?\"\n  3. \"Composition : des ingrédients simples et traçables\"\n  4. \"Comment préparer votre thé vert aux agrumes ?\"\n  5. \"Pourquoi choisir ce thé plutôt qu'un autre ?\"\n  6. \"Questions fréquentes sur le thé vert bio aux agrumes\"\n\n=== COMPOSANTS RETENUS POUR CHAQUE SECTION ===\nHero : labels affichés = BIO, COMMERCE ÉQUITABLE, CUEILLETTE FINE\nH2 #1 → hero-subtitle (phrase d'accroche reformulée à partir du contenu introductif)\nH2 #2 → paragraphes textuels (contenu narratif, origine détaillée)\nH2 #3 → compo (data rows pour ingrédients) + paragraphe certifications\nH2 #4 → timeline (4 étapes numérotées clairement présentes) + tip (conseil horaire)\nH2 #5 → cards classiques (5 arguments distincts avec titre + description)\nH2 #6 → accordéon (3 questions-réponses distinctes) + précautions en accordéon supplémentaire\nCTA final : phrase de clôture présente dans la source\nComposants OMIS faute de données : benefits (cercles marine), grid-compact (pas assez de specs chiffrées isolées), card-mini\n--\u003e\n\n\u003cdiv class=\"soi-tvag-fiche\"\u003e\n\n  \u003csection class=\"soi-tvag-hero\"\u003e\n    \u003cdiv class=\"soi-tvag-hero-tag\"\u003e\n      \u003cspan class=\"soi-tvag-tag-dot\"\u003e\u003c\/span\u003e\n      Thé bio · Terra Etica\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-tvag-hero-title\"\u003eThé vert aux agrumes Bio en sachet\u003c\/span\u003e\n    \u003cp class=\"soi-tvag-hero-subtitle\"\u003eLes notes végétales douces du thé vert de Ceylan rencontrent la vivacité des écorces de citron et d'orange bio. Une infusion équilibrée, issue d'une cueillette fine au Sri Lanka, produite en commerce équitable garanti.\u003c\/p\u003e\n    \u003cdiv class=\"soi-tvag-hero-labels\"\u003e\n      \u003cspan class=\"soi-tvag-label soi-tvag-label-accent\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-tvag-label\"\u003eCOMMERCE ÉQUITABLE\u003c\/span\u003e\n      \u003cspan class=\"soi-tvag-label\"\u003eCUEILLETTE FINE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-tvag-section\"\u003e\n    \u003ch2\u003eD'où vient ce thé vert bio ?\u003c\/h2\u003e\n    \u003cp\u003eLes feuilles de ce thé vert proviennent de la \u003cstrong\u003eSaint James Valley, au cœur de Ceylan (Sri Lanka)\u003c\/strong\u003e, une région d'altitude reconnue pour la finesse de ses thés. Elles sont récoltées par les 2 022 producteurs de la \u003cstrong\u003ecoopérative SOFA\u003c\/strong\u003e, sur de petites parcelles cultivées selon des méthodes agricoles respectueuses de la biodiversité.\u003c\/p\u003e\n    \u003cp\u003eSeuls le bourgeon et les deux premières jeunes feuilles de chaque branche sont sélectionnés : c'est ce qu'on appelle la \u003cstrong\u003ecueillette fine\u003c\/strong\u003e, gage d'une saveur délicate et d'un arôme préservé.\u003c\/p\u003e\n    \u003cp\u003eEn choisissant ce thé, vous soutenez concrètement des agriculteurs qui perçoivent des revenus équitables et cultivent aussi fruits et légumes pour leur propre autonomie alimentaire.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-tvag-section\"\u003e\n    \u003ch2\u003eComposition : des ingrédients simples et traçables\u003c\/h2\u003e\n    \u003cdiv class=\"soi-tvag-compo\"\u003e\n      \u003cdiv class=\"soi-tvag-compo-row\"\u003e\n        \u003cspan class=\"soi-tvag-compo-label\"\u003eIngrédient principal\u003c\/span\u003e\n        \u003cspan class=\"soi-tvag-compo-value\"\u003eThé vert de Ceylan bio (Sri Lanka, coopérative SOFA)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-tvag-compo-row\"\u003e\n        \u003cspan class=\"soi-tvag-compo-label\"\u003eAgrumes\u003c\/span\u003e\n        \u003cspan class=\"soi-tvag-compo-value\"\u003eÉcorces de citron bio, écorces d'orange bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-tvag-compo-row\"\u003e\n        \u003cspan class=\"soi-tvag-compo-label\"\u003eArômes\u003c\/span\u003e\n        \u003cspan class=\"soi-tvag-compo-value\"\u003eArômes naturels d'agrumes bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-tvag-compo-row\"\u003e\n        \u003cspan class=\"soi-tvag-compo-label\"\u003eCertifications\u003c\/span\u003e\n        \u003cspan class=\"soi-tvag-compo-value\"\u003eAgriculture Biologique UE, Guaranteed Fair Trade\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp style=\"margin-top: 1rem;\"\u003eSans arôme artificiel, sans additif superflu.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-tvag-section\"\u003e\n    \u003ch2\u003eComment préparer votre thé vert aux agrumes ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-tvag-timeline\"\u003e\n      \u003cdiv class=\"soi-tvag-step\"\u003e\n        \u003cdiv class=\"soi-tvag-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-tvag-step-content\"\u003e\n          \u003ch3\u003eChauffez votre eau à 75 °C\u003c\/h3\u003e\n          \u003cp\u003eSurtout pas à ébullition, pour préserver les arômes délicats du thé vert.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-tvag-step\"\u003e\n        \u003cdiv class=\"soi-tvag-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-tvag-step-content\"\u003e\n          \u003ch3\u003eDéposez 1 sachet (environ 2 g)\u003c\/h3\u003e\n          \u003cp\u003ePlacez le sachet dans 20 cl d'eau chaude.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-tvag-step\"\u003e\n        \u003cdiv class=\"soi-tvag-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-tvag-step-content\"\u003e\n          \u003ch3\u003eInfusez 2 à 3 minutes maximum\u003c\/h3\u003e\n          \u003cp\u003eAu-delà, l'amertume prend le dessus. Respectez ce temps pour un équilibre parfait.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-tvag-step\"\u003e\n        \u003cdiv class=\"soi-tvag-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-tvag-step-content\"\u003e\n          \u003ch3\u003eRetirez le sachet et dégustez\u003c\/h3\u003e\n          \u003cp\u003eNature ou avec une rondelle de citron frais pour accentuer les notes d'agrumes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-tvag-tip\"\u003e\n      \u003cdiv class=\"soi-tvag-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eCe thé vert se déguste idéalement du matin jusqu'en milieu d'après-midi. Sa teneur en caféine naturelle le rend peu conseillé en soirée si vous êtes sensible aux stimulants.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-tvag-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce thé plutôt qu'un autre ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-tvag-grid\"\u003e\n      \u003cdiv class=\"soi-tvag-card\"\u003e\n        \u003ch3\u003e🌿 Cueillette fine certifiée\u003c\/h3\u003e\n        \u003cp\u003eBourgeon et 2 feuilles uniquement sont sélectionnés, pour un thé d'une vraie qualité supérieure.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-tvag-card\"\u003e\n        \u003ch3\u003e🍋 Agrumes bio vérifiés\u003c\/h3\u003e\n        \u003cp\u003eLes écorces de citron et d'orange sont issues de l'agriculture biologique, sans traitement chimique résiduel sur les zestes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-tvag-card\"\u003e\n        \u003ch3\u003e🤝 Commerce équitable garanti\u003c\/h3\u003e\n        \u003cp\u003eChaque achat contribue directement à un revenu juste pour les producteurs sri-lankais.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-tvag-card\"\u003e\n        \u003ch3\u003e☕ Profil aromatique équilibré\u003c\/h3\u003e\n        \u003cp\u003eNi trop astringent ni trop parfumé, ce thé convient aussi bien aux amateurs de thé vert qu'à ceux qui le découvrent.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-tvag-card\"\u003e\n        \u003ch3\u003e✉️ Praticité du sachet\u003c\/h3\u003e\n        \u003cp\u003eInfusion rapide, dosage maîtrisé, parfait pour le bureau ou les déplacements.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-tvag-section\"\u003e\n    \u003ch2\u003eQuestions fréquentes sur le thé vert bio aux agrumes\u003c\/h2\u003e\n    \u003cdiv class=\"soi-tvag-accordion\"\u003e\n      \u003cdetails class=\"soi-tvag-accordion-item\"\u003e\n        \u003csummary class=\"soi-tvag-accordion-header\"\u003e☕ Le thé vert aux agrumes contient-il de la caféine ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-tvag-accordion-content\"\u003e\n          \u003cp\u003eOui, comme tout thé vert, il contient naturellement de la caféine (environ 20 à 30 mg par tasse), en quantité modérée comparée au café.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-tvag-accordion-item\"\u003e\n        \u003csummary class=\"soi-tvag-accordion-header\"\u003e🧊 Peut-on le boire froid ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-tvag-accordion-content\"\u003e\n          \u003cp\u003eTout à fait. Infusez-le chaud selon les indications, puis laissez refroidir et ajoutez des glaçons pour un thé vert glacé aux agrumes très rafraîchissant en été.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-tvag-accordion-item\"\u003e\n        \u003csummary class=\"soi-tvag-accordion-header\"\u003e🤰 Ce thé convient-il aux femmes enceintes ?\u003c\/summary\u003e\n        \u003cdiv class=\"soi-tvag-accordion-content\"\u003e\n          \u003cp\u003eLa caféine doit être limitée pendant la grossesse. Consultez votre médecin ou sage-femme pour adapter votre consommation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-tvag-accordion-item\"\u003e\n        \u003csummary class=\"soi-tvag-accordion-header\"\u003e⚠️ Précaution\u003c\/summary\u003e\n        \u003cdiv class=\"soi-tvag-accordion-content\"\u003e\n          \u003cp\u003eCe produit est un thé destiné à la dégustation. Il ne constitue pas un médicament et ne saurait remplacer un suivi médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-tvag-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-tvag-cta-box\"\u003e\n      \u003cp class=\"soi-tvag-cta-tag\" style=\"color: white;\"\u003eUne pause qui a du sens\u003c\/p\u003e\n      \u003cp class=\"soi-tvag-cta-text\" style=\"color: white;\"\u003eDes feuilles soigneusement cueillies à Ceylan, des zestes d'agrumes bio qui éveillent les sens, et derrière chaque sachet, des femmes et des hommes engagés pour une agriculture juste. Offrez-vous une pause qui a du goût et de la conscience.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-tvag-marine: #1A2D3D;\n  --soi-tvag-marine-dark: #0F1E2B;\n  --soi-tvag-marine-light: #2C4458;\n  --soi-tvag-pomme: #A1C544;\n  --soi-tvag-pomme-dark: #84A636;\n  --soi-tvag-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-tvag-white: #FFFFFF;\n  --soi-tvag-off-white: #F8FAF6;\n  --soi-tvag-stone: #F1F3EE;\n  --soi-tvag-line: #E5E8E0;\n\n  --soi-tvag-primary: #E8A86D;\n  --soi-tvag-primary-soft: #F5D6B8;\n  --soi-tvag-accent: #C49A5C;\n\n  --soi-tvag-text: #1A2D3D;\n  --soi-tvag-text-soft: #4A5B6B;\n  --soi-tvag-text-muted: #7B8693;\n\n  --soi-tvag-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-tvag-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-tvag-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-tvag-radius: 12px;\n  --soi-tvag-radius-sm: 8px;\n  --soi-tvag-radius-pill: 999px;\n}\n\n.soi-tvag-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-tvag-fiche img { max-width: 100%; height: auto; }\n\n.soi-tvag-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-tvag-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-tvag-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-tvag-hero {\n  position: relative;\n  background: var(--soi-tvag-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-tvag-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-tvag-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-tvag-pomme);\n}\n\n.soi-tvag-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-tvag-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-tvag-pomme);\n  border-radius: 50%;\n}\n\n.soi-tvag-hero-title {\n  display: block;\n  color: var(--soi-tvag-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-tvag-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-tvag-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-tvag-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-tvag-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-tvag-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-tvag-label-accent {\n  background: var(--soi-tvag-pomme);\n  border-color: var(--soi-tvag-pomme);\n  color: var(--soi-tvag-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-tvag-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-tvag-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-tvag-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-tvag-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-tvag-pomme);\n  border-radius: 2px;\n}\n\n.soi-tvag-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-tvag-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-tvag-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-tvag-compo {\n  background: var(--soi-tvag-off-white);\n  border-radius: var(--soi-tvag-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-tvag-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-tvag-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-tvag-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-tvag-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-tvag-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-tvag-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-tvag-marine);\n  text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-tvag-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-tvag-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-tvag-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-tvag-radius);\n  border: 1px solid var(--soi-tvag-line);\n  align-items: flex-start;\n}\n\n.soi-tvag-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-tvag-marine);\n  color: var(--soi-tvag-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-tvag-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-tvag-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-tvag-step-content p {\n  font-size: 14px;\n  color: var(--soi-tvag-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-tvag-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-tvag-pomme-light);\n  border-left: 4px solid var(--soi-tvag-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-tvag-radius) var(--soi-tvag-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-tvag-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-tvag-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-tvag-marine);\n  margin-bottom: 4px;\n}\n\n.soi-tvag-tip p {\n  font-size: 14px;\n  color: var(--soi-tvag-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-tvag-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-tvag-card {\n  background: var(--soi-tvag-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-tvag-radius);\n  border-left: 3px solid var(--soi-tvag-pomme);\n}\n\n.soi-tvag-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-tvag-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-tvag-card p {\n  font-size: 14px;\n  color: var(--soi-tvag-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-tvag-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-tvag-accordion-item {\n  background: var(--soi-tvag-off-white);\n  border-radius: var(--soi-tvag-radius-sm);\n  border: 1px solid var(--soi-tvag-line);\n  overflow: hidden;\n}\n\n.soi-tvag-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-tvag-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-tvag-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-tvag-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-tvag-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-tvag-accordion-item[open] .soi-tvag-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-tvag-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-tvag-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-tvag-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-tvag-cta-box {\n  background: var(--soi-tvag-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-tvag-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-tvag-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-tvag-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-tvag-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-tvag-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-tvag-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-tvag-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .soi-tvag-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-tvag-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-tvag-compo-value {\n    text-align: left;\n  }\n\n  .soi-tvag-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-tvag-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-tvag-fiche {\n    --soi-tvag-text-soft: #2C3E50;\n    --soi-tvag-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Terra Etica","offers":[{"title":"Default Title","offer_id":61603550757194,"sku":"TA0210","price":3.97,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/the-vert-aux-agrumes-bio-en-sachet-terra-etica-packshot.webp?v=1779099408","url":"https:\/\/www.soinature.com\/products\/the-vert-aux-agrumes-bio-en-sachet-terra-etica","provider":"Soinature","version":"1.0","type":"link"}