{"product_id":"ghee-bio-ayurvana","title":"Ghee bio (beurre de baratte clarifié) - Ayurvana","description":"\u003cdiv class=\"soi-ghee-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-ghee-hero\"\u003e\n    \u003cdiv class=\"soi-ghee-hero-tag\"\u003e\n      \u003cspan class=\"soi-ghee-tag-dot\"\u003e\u003c\/span\u003e\n      Alimentation ayurvédique · Ayurvana\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-ghee-hero-title\"\u003eGhee bio Ayurvana\u003c\/span\u003e\n    \u003cp class=\"soi-ghee-hero-subtitle\"\u003eLe beurre clarifié artisanal d'exception, élaboré en France à partir de beurre de baratte bio, selon les principes ancestraux de l'Ayurveda.\u003c\/p\u003e\n    \u003cdiv class=\"soi-ghee-hero-labels\"\u003e\n      \u003cspan class=\"soi-ghee-label soi-ghee-label-accent\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-ghee-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-ghee-label\"\u003eSANS LACTOSE\u003c\/span\u003e\n      \u003cspan class=\"soi-ghee-label\"\u003eSANS CASÉINE\u003c\/span\u003e\n      \u003cspan class=\"soi-ghee-label\"\u003eARTISANAL\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Ghee bio Ayurvana : le beurre clarifié artisanal, fabriqué en France --\u003e\n  \u003csection class=\"soi-ghee-section\"\u003e\n    \u003ch2\u003eGhee bio Ayurvana : le beurre clarifié artisanal, fabriqué en France\u003c\/h2\u003e\n    \u003cp\u003eLe \u003cstrong\u003eghee bio\u003c\/strong\u003e d'Ayurvana est bien plus qu'un simple corps gras. C'est un \u003cstrong\u003ebeurre clarifié\u003c\/strong\u003e d'exception, élaboré artisanalement en France à partir du lait de vaches françaises, selon les principes ancestraux de l'Ayurveda. Si vous cherchez un \u003cstrong\u003eghee bio\u003c\/strong\u003e de qualité, vous êtes au bon endroit.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Qu'est-ce que le ghee, concrètement ? --\u003e\n  \u003csection class=\"soi-ghee-section\"\u003e\n    \u003ch2\u003eQu'est-ce que le ghee, concrètement ?\u003c\/h2\u003e\n    \u003cp\u003eLe ghee est un \u003cstrong\u003ebeurre clarifié\u003c\/strong\u003e obtenu en faisant fondre doucement le beurre, puis en éliminant l'eau et les protéines du lait (caséine et lactose) par décantation et filtration. Ce procédé, utilisé en Inde depuis des millénaires, donne un corps gras pur, stable à la chaleur, naturellement \u003cstrong\u003esans lactose\u003c\/strong\u003e et sans caséine.\u003c\/p\u003e\n    \u003cp\u003eChez Ayurvana, le ghee est fabriqué à partir du \u003cstrong\u003ebeurre de baratte bio Maison Le Gall\u003c\/strong\u003e, un beurre d'excellence issu de lait 100 % origine France. Chaque pot incarne la rencontre entre un savoir-faire traditionnel indien et une matière première française irréprochable.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Composition du ghee bio Ayurvana --\u003e\n  \u003csection class=\"soi-ghee-section\"\u003e\n    \u003ch2\u003eComposition du ghee bio Ayurvana\u003c\/h2\u003e\n    \u003cdiv class=\"soi-ghee-compo\"\u003e\n      \u003cdiv class=\"soi-ghee-compo-row\"\u003e\n        \u003cspan class=\"soi-ghee-compo-label\"\u003eIngrédient unique\u003c\/span\u003e\n        \u003cspan class=\"soi-ghee-compo-value\"\u003eBeurre de baratte bio clarifié, issu de lait de vache français (Maison Le Gall)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ghee-compo-row\"\u003e\n        \u003cspan class=\"soi-ghee-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-ghee-compo-value\"\u003eAgriculture biologique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ghee-compo-row\"\u003e\n        \u003cspan class=\"soi-ghee-compo-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-ghee-compo-value\"\u003eArtisanale, en France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ghee-compo-row\"\u003e\n        \u003cspan class=\"soi-ghee-compo-label\"\u003eAllergènes\u003c\/span\u003e\n        \u003cspan class=\"soi-ghee-compo-value\"\u003eSans lactose, sans caséine (après clarification)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ghee-compo-row\"\u003e\n        \u003cspan class=\"soi-ghee-compo-label\"\u003ePoint de fumée\u003c\/span\u003e\n        \u003cspan class=\"soi-ghee-compo-value\"\u003eÉlevé, jusqu'à 250 °C environ\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp style=\"margin-top: 1.25rem;\"\u003eLe ghee bio Ayurvana est naturellement riche en \u003cstrong\u003evitamines liposolubles A, D, E et K\u003c\/strong\u003e, en \u003cstrong\u003eacides gras oméga-3 et oméga-9\u003c\/strong\u003e, ainsi qu'en antioxydants. Sa composition en fait un corps gras qualitativement différent d'une huile végétale raffinée ou d'un beurre ordinaire.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Pourquoi choisir le ghee plutôt qu'un autre corps gras ? --\u003e\n  \u003csection class=\"soi-ghee-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le ghee plutôt qu'un autre corps gras ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-ghee-benefits\"\u003e\n      \u003cdiv class=\"soi-ghee-benefit\"\u003e\n        \u003cdiv class=\"soi-ghee-benefit-icon\"\u003e\u003cspan\u003e🔥\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCuisson à haute température\u003c\/h3\u003e\n        \u003cp\u003eContrairement au beurre classique qui brûle dès 150 °C, le ghee supporte la friture légère, le sauté et la cuisson au four sans se dégrader.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ghee-benefit\"\u003e\n        \u003cdiv class=\"soi-ghee-benefit-icon\"\u003e\u003cspan\u003e🫶\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eDigestion facilitée\u003c\/h3\u003e\n        \u003cp\u003eL'absence de lactose et de caséine le rend bien toléré par les personnes sensibles aux produits laitiers.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ghee-benefit\"\u003e\n        \u003cdiv class=\"soi-ghee-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eRichesse nutritionnelle\u003c\/h3\u003e\n        \u003cp\u003eIl concentre les bonnes graisses et les vitamines liposolubles du beurre, sans ses composants potentiellement irritants.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ghee-benefit\"\u003e\n        \u003cdiv class=\"soi-ghee-benefit-icon\"\u003e\u003cspan\u003e🏺\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eConservation longue durée\u003c\/h3\u003e\n        \u003cp\u003eStable à température ambiante plusieurs semaines une fois ouvert, sans réfrigération obligatoire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Comment utiliser le ghee au quotidien ? --\u003e\n  \u003csection class=\"soi-ghee-section\"\u003e\n    \u003ch2\u003eComment utiliser le ghee au quotidien ?\u003c\/h2\u003e\n    \u003cp class=\"soi-ghee-section-intro\"\u003eLe ghee s'intègre facilement dans votre cuisine et vos rituels bien-être :\u003c\/p\u003e\n    \u003cdiv class=\"soi-ghee-grid\"\u003e\n      \u003cdiv class=\"soi-ghee-card\"\u003e\n        \u003ch3\u003e🍳 En cuisine\u003c\/h3\u003e\n        \u003cp\u003eFaites revenir vos légumes, vos épices ou votre viande dans une cuillère à café de ghee. Son arôme légèrement noisette rehausse les plats avec subtilité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ghee-card\"\u003e\n        \u003ch3\u003e🥣 Sur une tartine ou un porridge\u003c\/h3\u003e\n        \u003cp\u003eUne petite noix de ghee à la place du beurre, et vous bénéficiez d'un petit-déjeuner plus digeste et nourrissant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ghee-card\"\u003e\n        \u003ch3\u003e🌿 Avec des plantes ayurvédiques\u003c\/h3\u003e\n        \u003cp\u003eMélangé au curcuma, il forme une base nutritive classique. Associé au Triphala, il soutient la digestion. Avec le Shatavari ou le Brahmi, il devient un soin de terrain selon les traditions ayurvédiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ghee-card\"\u003e\n        \u003ch3\u003e💧 En usage topique\u003c\/h3\u003e\n        \u003cp\u003eAppliqué en petite quantité sur les lèvres sèches ou les zones irritées, le ghee est utilisé comme soin naturel apaisant dans les pratiques ayurvédiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Comment faire du beurre clarifié ghee soi-même ? --\u003e\n  \u003csection class=\"soi-ghee-section\"\u003e\n    \u003ch2\u003eComment faire du beurre clarifié ghee soi-même ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-ghee-timeline\"\u003e\n      \u003cdiv class=\"soi-ghee-step\"\u003e\n        \u003cdiv class=\"soi-ghee-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-ghee-step-content\"\u003e\n          \u003ch3\u003eFonte douce\u003c\/h3\u003e\n          \u003cp\u003eFaites fondre du beurre bio à feu très doux pendant 20 à 30 minutes jusqu'à ce que l'eau s'évapore et que les dépôts blanchâtres tombent au fond.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-ghee-step\"\u003e\n        \u003cdiv class=\"soi-ghee-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-ghee-step-content\"\u003e\n          \u003ch3\u003eFiltration\u003c\/h3\u003e\n          \u003cp\u003eFiltrez ensuite à travers une étamine. Le résultat est du ghee maison.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-ghee-tip\"\u003e\n      \u003cdiv class=\"soi-ghee-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eLa régularité artisanale et la qualité du beurre de baratte Maison Le Gall utilisé par Ayurvana restent difficiles à reproduire à domicile. Pour un résultat optimal, faites confiance au savoir-faire d'Ayurvana.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Précautions et conseils --\u003e\n  \u003csection class=\"soi-ghee-section\"\u003e\n    \u003ch2\u003ePrécautions et conseils\u003c\/h2\u003e\n    \u003cdiv class=\"soi-ghee-accordion\"\u003e\n      \u003cdetails class=\"soi-ghee-accordion-item\"\u003e\n        \u003csummary class=\"soi-ghee-accordion-header\"\u003e⚖️ Dosage recommandé\u003c\/summary\u003e\n        \u003cdiv class=\"soi-ghee-accordion-content\"\u003e\n          \u003cp\u003eLe ghee est un aliment riche en graisses saturées : il s'intègre dans le cadre d'une alimentation variée et équilibrée, en quantité raisonnable (1 à 2 cuillères à café par jour en usage culinaire courant).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"soi-ghee-accordion-item\"\u003e\n        \u003csummary class=\"soi-ghee-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"soi-ghee-accordion-content\"\u003e\n          \u003cp\u003eLe ghee ne se substitue pas à un traitement médical et ne constitue pas un médicament. En cas de doute sur votre état de santé, consultez un professionnel.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-ghee-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-ghee-cta-box\"\u003e\n      \u003cp class=\"soi-ghee-cta-tag\" style=\"color: white;\"\u003eCinq mille ans de sagesse ayurvédique dans un pot fabriqué en France\u003c\/p\u003e\n      \u003cp class=\"soi-ghee-cta-text\" style=\"color: white;\"\u003eUn beurre clarifié d'exception, pur, sans lactose, au goût doucement noisette, qui transforme chaque repas en un geste de soin pour votre corps.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  \/* === Couleurs Soinat (FIXES) === *\/\n  --soi-ghee-marine: #1A2D3D;\n  --soi-ghee-marine-dark: #0F1E2B;\n  --soi-ghee-marine-light: #2C4458;\n  --soi-ghee-pomme: #A1C544;\n  --soi-ghee-pomme-dark: #84A636;\n  --soi-ghee-pomme-light: rgba(161,197,68,0.10);\n\n  \/* === Neutres Soinat === *\/\n  --soi-ghee-white: #FFFFFF;\n  --soi-ghee-off-white: #F8FAF6;\n  --soi-ghee-stone: #F1F3EE;\n  --soi-ghee-line: #E5E8E0;\n\n  \/* === Couleurs dynamiques (packaging : jaune doré \/ orangé \/ crème) === *\/\n  --soi-ghee-primary: #D4A52A;\n  --soi-ghee-primary-soft: rgba(212,165,42,0.12);\n  --soi-ghee-accent: #D88542;\n\n  \/* === Textes === *\/\n  --soi-ghee-text: #1A2D3D;\n  --soi-ghee-text-soft: #4A5B6B;\n  --soi-ghee-text-muted: #7B8693;\n\n  \/* === Effets === *\/\n  --soi-ghee-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-ghee-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-ghee-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-ghee-radius: 12px;\n  --soi-ghee-radius-sm: 8px;\n  --soi-ghee-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-ghee-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-ghee-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-ghee-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-ghee-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-ghee-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-ghee-hero {\n  position: relative;\n  background: var(--soi-ghee-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-ghee-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-ghee-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-ghee-primary);\n}\n\n.soi-ghee-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-ghee-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-ghee-primary);\n  border-radius: 50%;\n}\n\n.soi-ghee-hero-title {\n  display: block;\n  color: var(--soi-ghee-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-ghee-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-ghee-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-ghee-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-ghee-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-ghee-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-ghee-label-accent {\n  background: var(--soi-ghee-primary);\n  border-color: var(--soi-ghee-primary);\n  color: var(--soi-ghee-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-ghee-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-ghee-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-ghee-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-ghee-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-ghee-pomme);\n  border-radius: 2px;\n}\n\n.soi-ghee-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-ghee-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-ghee-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-ghee-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-ghee-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-ghee-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-ghee-benefit {\n  background: var(--soi-ghee-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-ghee-radius);\n  border: 1px solid var(--soi-ghee-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-ghee-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-ghee-shadow-md);\n}\n\n.soi-ghee-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-ghee-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-ghee-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-ghee-primary);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-ghee-benefit:hover .soi-ghee-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-ghee-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-ghee-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-ghee-benefit p {\n  font-size: 13px;\n  color: var(--soi-ghee-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-ghee-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-ghee-card {\n  background: var(--soi-ghee-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-ghee-radius);\n  border-left: 3px solid var(--soi-ghee-primary);\n}\n\n.soi-ghee-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-ghee-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-ghee-card p {\n  font-size: 14px;\n  color: var(--soi-ghee-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-ghee-compo {\n  background: var(--soi-ghee-off-white);\n  border-radius: var(--soi-ghee-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-ghee-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-ghee-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-ghee-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-ghee-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-ghee-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-ghee-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-ghee-marine);\n  text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-ghee-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-ghee-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-ghee-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-ghee-radius);\n  border: 1px solid var(--soi-ghee-line);\n  align-items: flex-start;\n}\n\n.soi-ghee-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-ghee-marine);\n  color: var(--soi-ghee-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-ghee-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-ghee-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-ghee-step-content p {\n  font-size: 14px;\n  color: var(--soi-ghee-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-ghee-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-ghee-pomme-light);\n  border-left: 4px solid var(--soi-ghee-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-ghee-radius) var(--soi-ghee-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-ghee-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-ghee-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-ghee-marine);\n  margin-bottom: 4px;\n}\n\n.soi-ghee-tip p {\n  font-size: 14px;\n  color: var(--soi-ghee-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-ghee-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-ghee-accordion-item {\n  background: var(--soi-ghee-off-white);\n  border-radius: var(--soi-ghee-radius-sm);\n  border: 1px solid var(--soi-ghee-line);\n  overflow: hidden;\n}\n\n.soi-ghee-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-ghee-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-ghee-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-ghee-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-ghee-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-ghee-accordion-item[open] .soi-ghee-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-ghee-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-ghee-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-ghee-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-ghee-cta-box {\n  background: var(--soi-ghee-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-ghee-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-ghee-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-ghee-primary);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-ghee-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-ghee-primary);\n  margin-bottom: 0.75rem;\n}\n\n.soi-ghee-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-ghee-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-ghee-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-ghee-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-ghee-compo-value {\n    text-align: left;\n  }\n\n  .soi-ghee-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-ghee-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-ghee-fiche {\n    --soi-ghee-text-soft: #2C3E50;\n    --soi-ghee-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Ayur-vana","offers":[{"title":"Default Title","offer_id":61603375481162,"sku":"AY0008","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/ghee-bio-beurre-de-baratte-clarifie-ayurvana-packshot.webp?v=1779709296","url":"https:\/\/www.soinature.com\/products\/ghee-bio-ayurvana","provider":"Soinature","version":"1.0","type":"link"}