{"product_id":"macerat-huileux-de-calendula-certifie-bio-florame","title":"Macérât Huileux de Calendula certifié bio – Florame","description":"\n\u003cdiv class=\"soi-cald-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-cald-hero\"\u003e\n    \u003cdiv class=\"soi-cald-hero-tag\"\u003e\n      \u003cspan class=\"soi-cald-tag-dot\"\u003e\u003c\/span\u003e\n      Cosmétique naturelle · Florame\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-cald-hero-title\"\u003eDouceur et réconfort pour toute la famille\u003c\/span\u003e\n    \u003cp class=\"soi-cald-hero-subtitle\"\u003eUn macérât huileux de calendula certifié bio, formulé avec seulement deux ingrédients d'exception pour apaiser, nourrir et réparer les peaux les plus sensibles.\u003c\/p\u003e\n    \u003cdiv class=\"soi-cald-hero-labels\"\u003e\n      \u003cspan class=\"soi-cald-label soi-cald-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-cald-label\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-cald-label\"\u003eSANS OGM\u003c\/span\u003e\n      \u003cspan class=\"soi-cald-label\"\u003e50 ML\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Qu'est-ce qu'un macérât huileux de calendula ? --\u003e\n  \u003csection class=\"soi-cald-section\"\u003e\n    \u003ch2\u003eQu'est-ce qu'un macérât huileux de calendula ?\u003c\/h2\u003e\n    \u003cp\u003eContrairement à une simple huile végétale, un macérât lipidique de calendula est obtenu en faisant longuement tremper les fleurs séchées de souci (\u003cem\u003eCalendula officinalis\u003c\/em\u003e) dans une huile porteuse. Ce procédé extrait les actifs liposolubles de la plante : flavonoïdes, caroténoïdes, triterpènes et acides gras essentiels. Le résultat est une huile enrichie, bien plus concentrée en principes actifs qu'une huile végétale classique, et donc particulièrement efficace sur les peaux fragilisées ou réactives.\u003c\/p\u003e\n    \u003cp\u003eChez Florame, ce macérât de calendula est préparé à Saint-Rémy-de-Provence selon un savoir-faire rigoureux, avec des fleurs de souci issues de l'agriculture biologique et une huile d'olive également certifiée bio.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Les propriétés du macérât de calendula --\u003e\n  \u003csection class=\"soi-cald-section\"\u003e\n    \u003ch2\u003eLes propriétés du macérât de calendula : ce qu'il fait concrètement pour votre peau\u003c\/h2\u003e\n    \u003cdiv class=\"soi-cald-benefits\"\u003e\n      \u003cdiv class=\"soi-cald-benefit\"\u003e\n        \u003cdiv class=\"soi-cald-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eApaise les irritations\u003c\/h3\u003e\n        \u003cp\u003eIdéal sur les zones rougies, les peaux tiraillées ou les épidermes sujets aux inconforts cutanés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cald-benefit\"\u003e\n        \u003cdiv class=\"soi-cald-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eRégénération cutanée\u003c\/h3\u003e\n        \u003cp\u003eLes caroténoïdes du calendula soutiennent le renouvellement cellulaire et aident à réparer les peaux abîmées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cald-benefit\"\u003e\n        \u003cdiv class=\"soi-cald-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eNourrit et protège\u003c\/h3\u003e\n        \u003cp\u003eL'huile d'olive bio enrichit la formule en acides gras oméga-9, pour une peau durablement souple et préservée des agressions extérieures.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cald-benefit\"\u003e\n        \u003cdiv class=\"soi-cald-benefit-icon\"\u003e\u003cspan\u003e👶\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePeaux les plus délicates\u003c\/h3\u003e\n        \u003cp\u003eGrande tolérance cutanée, y compris pour les peaux de bébés, les femmes enceintes et les peaux matures.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-cald-tip\"\u003e\n      \u003cdiv class=\"soi-cald-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePolyvalent, ce macérât s'adapte à de nombreuses situations du quotidien : visage, corps, zones sèches, vergetures, érythèmes fessiers ou après-soleil.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Composition du macérât huileux de calendula Florame --\u003e\n  \u003csection class=\"soi-cald-section\"\u003e\n    \u003ch2\u003eComposition du macérât huileux de calendula Florame\u003c\/h2\u003e\n    \u003cp class=\"soi-cald-section-intro\"\u003eUne formule minimaliste et transparente, à l'image de la philosophie Florame.\u003c\/p\u003e\n    \u003cdiv class=\"soi-cald-compo\"\u003e\n      \u003cdiv class=\"soi-cald-compo-row\"\u003e\n        \u003cspan class=\"soi-cald-compo-label\"\u003eHuile porteuse\u003c\/span\u003e\n        \u003cspan class=\"soi-cald-compo-value\"\u003eHuile d'olive biologique (Olea europaea fruit oil) : nourrissante, riche en oméga-9 et en squalène naturel\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cald-compo-row\"\u003e\n        \u003cspan class=\"soi-cald-compo-label\"\u003eActif végétal\u003c\/span\u003e\n        \u003cspan class=\"soi-cald-compo-value\"\u003eExtrait de fleurs de souci biologique (Calendula officinalis flower extract) : actifs apaisants, reconstituants et antioxydants\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cald-compo-row\"\u003e\n        \u003cspan class=\"soi-cald-compo-label\"\u003eINCI\u003c\/span\u003e\n        \u003cspan class=\"soi-cald-compo-value\"\u003eOlea Europaea Fruit Oil*, Calendula Officinalis Flower Extract*\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cald-compo-row\"\u003e\n        \u003cspan class=\"soi-cald-compo-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"soi-cald-compo-value\"\u003eSaint-Rémy-de-Provence\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique\u003c\/em\u003e\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Comment utiliser le macérât huileux de calendula au quotidien ? --\u003e\n  \u003csection class=\"soi-cald-section\"\u003e\n    \u003ch2\u003eComment utiliser le macérât huileux de calendula au quotidien ?\u003c\/h2\u003e\n    \u003cp class=\"soi-cald-section-intro\"\u003eSon utilisation est simple et intuitive. Voici quelques façons concrètes de l'intégrer dans votre routine.\u003c\/p\u003e\n    \u003cdiv class=\"soi-cald-timeline\"\u003e\n      \u003cdiv class=\"soi-cald-step\"\u003e\n        \u003cdiv class=\"soi-cald-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-cald-step-content\"\u003e\n          \u003ch3\u003eEn soin visage\u003c\/h3\u003e\n          \u003cp\u003eAppliquez quelques gouttes sur une peau propre et sèche, matin ou soir, en massages doux jusqu'à absorption complète.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cald-step\"\u003e\n        \u003cdiv class=\"soi-cald-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-cald-step-content\"\u003e\n          \u003ch3\u003eEn soin corps\u003c\/h3\u003e\n          \u003cp\u003eMassez les zones sèches ou sensibles (coudes, talons, genoux) après la douche pour une hydratation durable.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cald-step\"\u003e\n        \u003cdiv class=\"soi-cald-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-cald-step-content\"\u003e\n          \u003ch3\u003eEn base de massage\u003c\/h3\u003e\n          \u003cp\u003eMélangez-le à quelques gouttes d'huiles essentielles adaptées pour personnaliser votre soin selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cald-step\"\u003e\n        \u003cdiv class=\"soi-cald-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-cald-step-content\"\u003e\n          \u003ch3\u003ePour les bébés\u003c\/h3\u003e\n          \u003cp\u003eQuelques gouttes suffisent pour apaiser les fesses irritées ou les peaux réactives, en application douce après le change.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp\u003eLe flacon pompe de 50 ml garantit une utilisation pratique et hygiénique, sans risque d'oxydation prématurée.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Certification Cosmos Organic : une garantie de confiance --\u003e\n  \u003csection class=\"soi-cald-section\"\u003e\n    \u003ch2\u003eCertification Cosmos Organic : une garantie de confiance\u003c\/h2\u003e\n    \u003cdiv class=\"soi-cald-grid-compact\"\u003e\n      \u003cdiv class=\"soi-cald-card-mini\"\u003e\n        \u003cspan class=\"soi-cald-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cspan class=\"soi-cald-card-mini-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-cald-card-mini-value\"\u003eCosmos Organic\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cald-card-mini\"\u003e\n        \u003cspan class=\"soi-cald-card-mini-icon\"\u003e🚫\u003c\/span\u003e\n        \u003cspan class=\"soi-cald-card-mini-label\"\u003eFormule\u003c\/span\u003e\n        \u003cspan class=\"soi-cald-card-mini-value\"\u003eSans pétrochimie, sans OGM\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cald-card-mini\"\u003e\n        \u003cspan class=\"soi-cald-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-cald-card-mini-label\"\u003eSavoir-faire\u003c\/span\u003e\n        \u003cspan class=\"soi-cald-card-mini-value\"\u003eFlorame, depuis 1992\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp\u003eCe macérât de calendula bio est certifié Cosmos Organic, le référentiel européen le plus exigeant en cosmétique biologique. Cette certification vous assure une formule fabriquée dans le respect des écosystèmes. Un gage de sérieux que Florame, pionnière de la cosmétique naturelle en France depuis 1992, revendique avec cohérence.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 : Pour qui est fait ce macérât de calendula ? --\u003e\n  \u003csection class=\"soi-cald-section\"\u003e\n    \u003ch2\u003ePour qui est fait ce macérât de calendula ?\u003c\/h2\u003e\n    \u003cp class=\"soi-cald-section-intro\"\u003eCe soin convient à tous les types de peaux, et s'adresse particulièrement aux profils suivants.\u003c\/p\u003e\n    \u003cdiv class=\"soi-cald-grid\"\u003e\n      \u003cdiv class=\"soi-cald-card\"\u003e\n        \u003ch3\u003e🤍 Peaux sèches, sensibles ou réactives\u003c\/h3\u003e\n        \u003cp\u003eApaise les tiraillements et nourrit en profondeur les épidermes fragilisés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cald-card\"\u003e\n        \u003ch3\u003e🌬️ Peaux agressées par les éléments\u003c\/h3\u003e\n        \u003cp\u003eFroid, vent ou soleil : ce macérât protège et répare les peaux exposées aux agressions extérieures.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cald-card\"\u003e\n        \u003ch3\u003e🌸 Peaux matures\u003c\/h3\u003e\n        \u003cp\u003eEn quête de confort et de souplesse, les peaux matures retrouvent douceur et élasticité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cald-card\"\u003e\n        \u003ch3\u003e👶 Bébés et jeunes enfants\u003c\/h3\u003e\n        \u003cp\u003eGrande tolérance cutanée pour les peaux les plus délicates, dès le plus jeune âge.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-cald-card\"\u003e\n        \u003ch3\u003e🤰 Femmes enceintes\u003c\/h3\u003e\n        \u003cp\u003eAdapté pendant la grossesse, en l'absence de contre-indication médicale.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-cald-accordion\"\u003e\n      \u003cdetails class=\"soi-cald-accordion-item\"\u003e\n        \u003csummary class=\"soi-cald-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"soi-cald-accordion-content\"\u003e\n          \u003cp\u003eCe produit est un soin cosmétique. Il ne se substitue pas à un traitement médical. En cas de problème cutané persistant, consultez un professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"soi-cald-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-cald-cta-box\"\u003e\n      \u003cp class=\"soi-cald-cta-tag\" style=\"color: white;\"\u003eDeux ingrédients, une douceur infinie\u003c\/p\u003e\n      \u003cp class=\"soi-cald-cta-text\" style=\"color: white;\"\u003eLe macérât huileux de calendula bio Florame, c'est l'essence même du soin naturel. Que ce soit pour vous, votre enfant ou toute la famille, ce flacon de 50 ml devient vite un incontournable, celui qu'on attrape instinctivement dès que la peau réclame un peu de réconfort.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-cald-marine: #1A2D3D;\n  --soi-cald-marine-dark: #0F1E2B;\n  --soi-cald-marine-light: #2C4458;\n  --soi-cald-pomme: #A1C544;\n  --soi-cald-pomme-dark: #84A636;\n  --soi-cald-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-cald-white: #FFFFFF;\n  --soi-cald-off-white: #F8FAF6;\n  --soi-cald-stone: #F1F3EE;\n  --soi-cald-line: #E5E8E0;\n\n  --soi-cald-primary: #D4A52A;\n  --soi-cald-primary-soft: #F5EDD4;\n  --soi-cald-accent: #C49A5C;\n\n  --soi-cald-text: #1A2D3D;\n  --soi-cald-text-soft: #4A5B6B;\n  --soi-cald-text-muted: #7B8693;\n\n  --soi-cald-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-cald-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-cald-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-cald-radius: 12px;\n  --soi-cald-radius-sm: 8px;\n  --soi-cald-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-cald-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-cald-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-cald-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-cald-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-cald-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-cald-hero {\n  position: relative;\n  background: var(--soi-cald-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-cald-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-cald-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-cald-pomme);\n}\n\n.soi-cald-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-cald-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-cald-pomme);\n  border-radius: 50%;\n}\n\n.soi-cald-hero-title {\n  display: block;\n  color: var(--soi-cald-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-cald-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-cald-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-cald-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-cald-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-cald-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-cald-label-accent {\n  background: var(--soi-cald-pomme);\n  border-color: var(--soi-cald-pomme);\n  color: var(--soi-cald-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-cald-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-cald-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-cald-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-cald-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-cald-pomme);\n  border-radius: 2px;\n}\n\n.soi-cald-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-cald-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-cald-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-cald-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-cald-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-cald-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-cald-benefit {\n  background: var(--soi-cald-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-cald-radius);\n  border: 1px solid var(--soi-cald-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-cald-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-cald-shadow-md);\n}\n\n.soi-cald-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-cald-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-cald-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-cald-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-cald-benefit:hover .soi-cald-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-cald-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-cald-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-cald-benefit p {\n  font-size: 13px;\n  color: var(--soi-cald-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-cald-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-cald-card {\n  background: var(--soi-cald-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-cald-radius);\n  border-left: 3px solid var(--soi-cald-pomme);\n}\n\n.soi-cald-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-cald-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-cald-card p {\n  font-size: 14px;\n  color: var(--soi-cald-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-cald-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-bottom: 1.5rem;\n}\n\n.soi-cald-card-mini {\n  background: var(--soi-cald-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-cald-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-cald-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-cald-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-cald-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-cald-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-cald-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-cald-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-cald-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-cald-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-cald-radius);\n  border: 1px solid var(--soi-cald-line);\n  align-items: flex-start;\n}\n\n.soi-cald-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-cald-marine);\n  color: var(--soi-cald-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-cald-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-cald-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-cald-step-content p {\n  font-size: 14px;\n  color: var(--soi-cald-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-cald-compo {\n  background: var(--soi-cald-off-white);\n  border-radius: var(--soi-cald-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-bottom: 1rem;\n}\n\n.soi-cald-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-cald-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-cald-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-cald-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-cald-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-cald-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-cald-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-cald-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-cald-pomme-light);\n  border-left: 4px solid var(--soi-cald-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-cald-radius) var(--soi-cald-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-cald-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-cald-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-cald-marine);\n  margin-bottom: 4px;\n}\n\n.soi-cald-tip p {\n  font-size: 14px;\n  color: var(--soi-cald-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.soi-cald-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-cald-accordion-item {\n  background: var(--soi-cald-off-white);\n  border-radius: var(--soi-cald-radius-sm);\n  border: 1px solid var(--soi-cald-line);\n  overflow: hidden;\n}\n\n.soi-cald-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-cald-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-cald-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-cald-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-cald-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-cald-accordion-item[open] .soi-cald-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-cald-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-cald-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-cald-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-cald-cta-box {\n  background: var(--soi-cald-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-cald-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-cald-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-cald-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-cald-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-cald-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-cald-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-cald-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-cald-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-cald-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-cald-compo-value {\n    text-align: left;\n  }\n\n  .soi-cald-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-cald-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-cald-fiche {\n    --soi-cald-text-soft: #2C3E50;\n    --soi-cald-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Florame","offers":[{"title":"Default Title","offer_id":61603853631818,"sku":"FM0255","price":10.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/macerat-huileux-de-calendula-certifie-bio-florame-packshot.webp?v=1785766470","url":"https:\/\/firmtoaromatherapy.com\/products\/macerat-huileux-de-calendula-certifie-bio-florame","provider":"Soinature","version":"1.0","type":"link"}