{"product_id":"creme-de-jour-apologie-tube-de-50-ml","title":"Crème de Jour – Apologie (tube de 50 ml)","description":"\n\u003cdiv class=\"soi-apcj-fiche\"\u003e\n\n  \u003csection class=\"soi-apcj-hero\"\u003e\n    \u003cdiv class=\"soi-apcj-hero-tag\"\u003e\n      \u003cspan class=\"soi-apcj-tag-dot\"\u003e\u003c\/span\u003e\n      Soin visage · Apologie\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-apcj-hero-title\"\u003eL'hydratation naturelle au quotidien\u003c\/span\u003e\n    \u003cp class=\"soi-apcj-hero-subtitle\"\u003eRose de Damas, tournesol bio et glycérine végétale réunis dans une crème de jour légère à 99 % d'ingrédients d'origine naturelle, fabriquée en France.\u003c\/p\u003e\n    \u003cdiv class=\"soi-apcj-hero-labels\"\u003e\n      \u003cspan class=\"soi-apcj-label soi-apcj-label-accent\"\u003e99 % NATUREL\u003c\/span\u003e\n      \u003cspan class=\"soi-apcj-label\"\u003eVEGAN\u003c\/span\u003e\n      \u003cspan class=\"soi-apcj-label\"\u003eFABRIQUÉE EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-apcj-label\"\u003eSANS SILICONE\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-apcj-section\"\u003e\n    \u003ch2\u003eUne formule naturelle qui fait vraiment la différence\u003c\/h2\u003e\n    \u003cp class=\"soi-apcj-section-intro\"\u003eLà où beaucoup de crèmes de jour misent sur des listes d'ingrédients interminables, Apologie a choisi la clarté et l'efficacité. Trois actifs clés structurent cette formule.\u003c\/p\u003e\n    \u003cdiv class=\"soi-apcj-benefits\"\u003e\n      \u003cdiv class=\"soi-apcj-benefit\"\u003e\n        \u003cdiv class=\"soi-apcj-benefit-icon\"\u003e\u003cspan\u003e🌹\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eEau florale de Rose de Damas\u003c\/h3\u003e\n        \u003cp\u003eApaisante et légèrement tonifiante, elle cible les rougeurs et les sensations de tiraillement dès les premières applications.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-apcj-benefit\"\u003e\n        \u003cdiv class=\"soi-apcj-benefit-icon\"\u003e\u003cspan\u003e🌻\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHuile de tournesol bio\u003c\/h3\u003e\n        \u003cp\u003eRiche en acides gras essentiels, elle nourrit la barrière cutanée et renforce durablement la souplesse de votre peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-apcj-benefit\"\u003e\n        \u003cdiv class=\"soi-apcj-benefit-icon\"\u003e\u003cspan\u003e💧\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eGlycérine végétale\u003c\/h3\u003e\n        \u003cp\u003eUn humectant naturel qui attire et retient l'eau dans l'épiderme pour une hydratation continue, sans effet occlusif.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-apcj-tip\" style=\"margin-top:1.5rem;\"\u003e\n      \u003cdiv class=\"soi-apcj-tip-icon\"\u003e✨\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eTexture légère à pénétration rapide\u003c\/strong\u003e\n        \u003cp\u003eSa texture convient aussi bien seule que sous le maquillage. Pas de film gras, pas de brillance, juste un confort immédiat et durable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-apcj-section\"\u003e\n    \u003ch2\u003ePour qui est cette crème de jour ?\u003c\/h2\u003e\n    \u003cp class=\"soi-apcj-section-intro\"\u003eCette crème s'adresse à toutes celles et ceux qui souhaitent simplifier leur routine soin sans sacrifier la qualité.\u003c\/p\u003e\n    \u003cdiv class=\"soi-apcj-grid\"\u003e\n      \u003cdiv class=\"soi-apcj-card\"\u003e\n        \u003ch3\u003e🌸 Peaux sensibles et réactives\u003c\/h3\u003e\n        \u003cp\u003eFormulée sans silicones, colorants synthétiques ni huiles minérales, elle respecte les peaux les plus délicates.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-apcj-card\"\u003e\n        \u003ch3\u003e⚖️ Peaux normales à mixtes\u003c\/h3\u003e\n        \u003cp\u003eSon fini léger et non comédogène convient parfaitement aux peaux qui recherchent un soin sans surcharge.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-apcj-card\"\u003e\n        \u003ch3\u003e🤍 Peaux sèches\u003c\/h3\u003e\n        \u003cp\u003eUn apport hydratant quotidien régulier pour nourrir et protéger votre barrière cutanée jour après jour.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-apcj-card\"\u003e\n        \u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n        \u003cp\u003ePour celles et ceux qui privilégient une cosmétique vegan, transparente et fabriquée en France.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-apcj-section\"\u003e\n    \u003ch2\u003eCaractéristiques du produit\u003c\/h2\u003e\n    \u003cdiv class=\"soi-apcj-grid-compact\"\u003e\n      \u003cdiv class=\"soi-apcj-card-mini\"\u003e\n        \u003cspan class=\"soi-apcj-card-mini-icon\"\u003e📏\u003c\/span\u003e\n        \u003cspan class=\"soi-apcj-card-mini-label\"\u003eFormat\u003c\/span\u003e\n        \u003cspan class=\"soi-apcj-card-mini-value\"\u003eTube 50 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-apcj-card-mini\"\u003e\n        \u003cspan class=\"soi-apcj-card-mini-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cspan class=\"soi-apcj-card-mini-label\"\u003eNaturalité\u003c\/span\u003e\n        \u003cspan class=\"soi-apcj-card-mini-value\"\u003e99 % naturel\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-apcj-card-mini\"\u003e\n        \u003cspan class=\"soi-apcj-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan class=\"soi-apcj-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n        \u003cspan class=\"soi-apcj-card-mini-value\"\u003eFrance\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-apcj-card-mini\"\u003e\n        \u003cspan class=\"soi-apcj-card-mini-icon\"\u003e♻️\u003c\/span\u003e\n        \u003cspan class=\"soi-apcj-card-mini-label\"\u003eEmballage\u003c\/span\u003e\n        \u003cspan class=\"soi-apcj-card-mini-value\"\u003ePlastique végétal recyclable\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-apcj-compo\" style=\"margin-top:1.25rem;\"\u003e\n      \u003cdiv class=\"soi-apcj-compo-row\"\u003e\n        \u003cspan class=\"soi-apcj-compo-label\"\u003eParfum\u003c\/span\u003e\n        \u003cspan class=\"soi-apcj-compo-value\"\u003e100 % d'origine naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-apcj-compo-row\"\u003e\n        \u003cspan class=\"soi-apcj-compo-label\"\u003eFormulation\u003c\/span\u003e\n        \u003cspan class=\"soi-apcj-compo-value\"\u003eVegan, sans ingrédients controversés\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-apcj-compo-row\"\u003e\n        \u003cspan class=\"soi-apcj-compo-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-apcj-compo-value\"\u003eHuile minérale, silicone, colorant synthétique\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-apcj-section\"\u003e\n    \u003ch2\u003eComment utiliser la crème de jour Apologie ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-apcj-timeline\"\u003e\n      \u003cdiv class=\"soi-apcj-step\"\u003e\n        \u003cdiv class=\"soi-apcj-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-apcj-step-content\"\u003e\n          \u003ch3\u003eNettoyez votre peau\u003c\/h3\u003e\n          \u003cp\u003eCommencez par nettoyer votre visage avec votre soin habituel pour préparer la peau à recevoir la crème.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-apcj-step\"\u003e\n        \u003cdiv class=\"soi-apcj-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-apcj-step-content\"\u003e\n          \u003ch3\u003eAppliquez une noisette de crème\u003c\/h3\u003e\n          \u003cp\u003eChaque matin, prélevez une noisette de crème et répartissez-la sur le visage et le cou.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-apcj-step\"\u003e\n        \u003cdiv class=\"soi-apcj-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-apcj-step-content\"\u003e\n          \u003ch3\u003eMassez en douceur\u003c\/h3\u003e\n          \u003cp\u003eÉtalez en massages circulaires doux jusqu'à pénétration complète. Aucun rinçage nécessaire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-apcj-tip\" style=\"margin-top:1.5rem;\"\u003e\n      \u003cdiv class=\"soi-apcj-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePour une routine complète, associez cette crème à un sérum hydratant ou une eau micellaire de la gamme Apologie. Cette crème n'intègre pas de filtre solaire (SPF) : si vous êtes exposé au soleil, complétez avec une protection solaire adaptée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-apcj-section\"\u003e\n    \u003ch2\u003eComposition (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"soi-apcj-accordion\"\u003e\n      \u003cdetails class=\"soi-apcj-accordion-item\"\u003e\n        \u003csummary class=\"soi-apcj-accordion-header\"\u003e🔬 Liste complète des ingrédients\u003c\/summary\u003e\n        \u003cdiv class=\"soi-apcj-accordion-content\"\u003e\n          \u003cp\u003eAqua, Rosa Damascena Flower Water, Helianthus Annuus (Sunflower) Seed Oil*, Glycerin, Cetearyl Alcohol, Glyceryl Stearate, Butyrospermum Parkii (Shea) Butter*, Sodium Stearoyl Lactylate, Xanthan Gum, Tocopherol, Parfum (Natural), Citric Acid, Sodium Benzoate, Potassium Sorbate.\u003c\/p\u003e\n          \u003cp\u003e\u003cem\u003e*Ingrédient issu de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-apcj-section\"\u003e\n    \u003ch2\u003ePourquoi choisir Apologie plutôt qu'une autre crème de jour ?\u003c\/h2\u003e\n    \u003cp\u003eFace aux grandes marques, Apologie se distingue par une transparence totale sur les ingrédients, une formulation courte et lisible, et un engagement réel pour une cosmétique naturelle et utile. Pas de marketing excessif : juste un soin quotidien honnête, qui hydrate vraiment et respecte votre peau comme l'environnement.\u003c\/p\u003e\n    \u003cp\u003ePour celles et ceux qui souhaitent une routine simple, naturelle et fabriquée en France, c'est un choix difficile à égaler à ce niveau de formulation.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-apcj-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-apcj-cta-box\"\u003e\n      \u003cp class=\"soi-apcj-cta-tag\" style=\"color: white;\"\u003eL'essentiel du soin visage en un geste\u003c\/p\u003e\n      \u003cp class=\"soi-apcj-cta-text\" style=\"color: white;\"\u003eUne hydratation douce, naturelle et immédiate, portée par la Rose de Damas et le tournesol bio. Offrez à votre peau la routine qu'elle mérite, chaque matin.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-apcj-marine: #1A2D3D;\n  --soi-apcj-marine-dark: #0F1E2B;\n  --soi-apcj-marine-light: #2C4458;\n  --soi-apcj-pomme: #A1C544;\n  --soi-apcj-pomme-dark: #84A636;\n  --soi-apcj-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-apcj-white: #FFFFFF;\n  --soi-apcj-off-white: #F8FAF6;\n  --soi-apcj-stone: #F1F3EE;\n  --soi-apcj-line: #E5E8E0;\n\n  --soi-apcj-primary: #D4A8A4;\n  --soi-apcj-primary-soft: #F0DDD9;\n  --soi-apcj-accent: #C9A96E;\n\n  --soi-apcj-text: #1A2D3D;\n  --soi-apcj-text-soft: #4A5B6B;\n  --soi-apcj-text-muted: #7B8693;\n\n  --soi-apcj-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-apcj-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-apcj-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-apcj-radius: 12px;\n  --soi-apcj-radius-sm: 8px;\n  --soi-apcj-radius-pill: 999px;\n}\n\n.soi-apcj-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-apcj-fiche img { max-width: 100%; height: auto; }\n\n.soi-apcj-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-apcj-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-apcj-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-apcj-hero {\n  position: relative;\n  background: var(--soi-apcj-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-apcj-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-apcj-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-apcj-pomme);\n}\n\n.soi-apcj-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-apcj-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-apcj-pomme);\n  border-radius: 50%;\n}\n\n.soi-apcj-hero-title {\n  display: block;\n  color: var(--soi-apcj-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-apcj-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-apcj-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-apcj-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-apcj-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-apcj-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-apcj-label-accent {\n  background: var(--soi-apcj-pomme);\n  border-color: var(--soi-apcj-pomme);\n  color: var(--soi-apcj-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-apcj-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-apcj-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-apcj-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-apcj-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-apcj-pomme);\n  border-radius: 2px;\n}\n\n.soi-apcj-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-apcj-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-apcj-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-apcj-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-apcj-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-apcj-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-apcj-benefit {\n  background: var(--soi-apcj-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-apcj-radius);\n  border: 1px solid var(--soi-apcj-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-apcj-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-apcj-shadow-md);\n}\n\n.soi-apcj-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-apcj-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-apcj-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-apcj-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-apcj-benefit:hover .soi-apcj-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-apcj-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-apcj-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-apcj-benefit p {\n  font-size: 13px;\n  color: var(--soi-apcj-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-apcj-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-apcj-card {\n  background: var(--soi-apcj-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-apcj-radius);\n  border-left: 3px solid var(--soi-apcj-pomme);\n}\n\n.soi-apcj-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-apcj-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-apcj-card p {\n  font-size: 14px;\n  color: var(--soi-apcj-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-apcj-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-apcj-card-mini {\n  background: var(--soi-apcj-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-apcj-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-apcj-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-apcj-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-apcj-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-apcj-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-apcj-marine);\n}\n\n\/* === TIMELINE === *\/\n.soi-apcj-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-apcj-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-apcj-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-apcj-radius);\n  border: 1px solid var(--soi-apcj-line);\n  align-items: flex-start;\n}\n\n.soi-apcj-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-apcj-marine);\n  color: var(--soi-apcj-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-apcj-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-apcj-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-apcj-step-content p {\n  font-size: 14px;\n  color: var(--soi-apcj-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-apcj-compo {\n  background: var(--soi-apcj-off-white);\n  border-radius: var(--soi-apcj-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-apcj-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-apcj-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-apcj-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-apcj-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-apcj-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-apcj-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-apcj-marine);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-apcj-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-apcj-pomme-light);\n  border-left: 4px solid var(--soi-apcj-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-apcj-radius) var(--soi-apcj-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-apcj-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-apcj-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-apcj-marine);\n  margin-bottom: 4px;\n}\n\n.soi-apcj-tip p {\n  font-size: 14px;\n  color: var(--soi-apcj-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-apcj-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-apcj-accordion-item {\n  background: var(--soi-apcj-off-white);\n  border-radius: var(--soi-apcj-radius-sm);\n  border: 1px solid var(--soi-apcj-line);\n  overflow: hidden;\n}\n\n.soi-apcj-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-apcj-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-apcj-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-apcj-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-apcj-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-apcj-accordion-item[open] .soi-apcj-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-apcj-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-apcj-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-apcj-text-soft);\n  line-height: 1.6;\n  margin: 0 0 0.5rem 0;\n}\n\n.soi-apcj-accordion-content p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-apcj-cta-box {\n  background: var(--soi-apcj-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-apcj-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-apcj-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-apcj-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-apcj-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-apcj-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-apcj-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-apcj-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-apcj-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-apcj-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-apcj-compo-value {\n    text-align: left;\n  }\n\n  .soi-apcj-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-apcj-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-apcj-fiche {\n    --soi-apcj-text-soft: #2C3E50;\n    --soi-apcj-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Apologie","offers":[{"title":"Default Title","offer_id":61603414737226,"sku":"LG0010","price":20.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/creme-de-jour-apologie-tube-de-50-ml-packshot.webp?v=1791180345","url":"https:\/\/firmtoaromatherapy.com\/products\/creme-de-jour-apologie-tube-de-50-ml","provider":"Soinature","version":"1.0","type":"link"}