{"product_id":"quinton-spray-dermo-action-quinton","title":"Spray dermo action - eau de mer hypertonique – Quinton","description":"\n\u003cdiv class=\"soi-derm-fiche\"\u003e\n\n  \u003csection class=\"soi-derm-hero\"\u003e\n    \u003cdiv class=\"soi-derm-hero-tag\"\u003e\n      \u003cspan class=\"soi-derm-tag-dot\"\u003e\u003c\/span\u003e\n      Thérapie marine · Eau de Quinton\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-derm-hero-title\"\u003eLa pureté de l'océan, en un spray\u003c\/span\u003e\n    \u003cp class=\"soi-derm-hero-subtitle\"\u003eSolution hypertonique d'eau de mer naturelle en spray : réhydratez, reminéralisez et apaisez votre peau en un geste simple et pur.\u003c\/p\u003e\n    \u003cdiv class=\"soi-derm-hero-labels\"\u003e\n      \u003cspan class=\"soi-derm-label soi-derm-label-accent\"\u003e100 % NATURELLE\u003c\/span\u003e\n      \u003cspan class=\"soi-derm-label\"\u003eSANS CONSERVATEURS\u003c\/span\u003e\n      \u003cspan class=\"soi-derm-label\"\u003eSANS PARFUM\u003c\/span\u003e\n      \u003cspan class=\"soi-derm-label\"\u003eSANS ALCOOL\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-derm-section\"\u003e\n    \u003ch2\u003eSpray Dermo Action Quinton : l'eau de mer au service de votre peau\u003c\/h2\u003e\n    \u003cp\u003eImaginez offrir à votre peau la richesse d'un océan préservé, à chaque brumisation. Le Spray Dermo Action Quinton est une solution hypertonique d'eau de mer naturelle, formulée sans conservateurs ni additifs, pour réhydrater, reminéraliser et apaiser l'épiderme en profondeur. Un geste simple, profondément ancré dans la tradition de la thérapie marine.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-derm-section\"\u003e\n    \u003ch2\u003ePourquoi choisir un spray à base d'eau de mer Quinton ?\u003c\/h2\u003e\n    \u003cp\u003eL'eau de mer Quinton est récoltée à froid, dans des zones planctoniques sélectionnées, afin de conserver l'intégralité de ses minéraux et oligo-éléments (magnésium, zinc, silicium, potassium). Contrairement à une simple eau minérale, sa composition se rapproche de celle du milieu extracellulaire humain, ce qui la rend particulièrement bien tolérée par la peau.\u003c\/p\u003e\n    \u003cp\u003eSa formule hypertonique signifie qu'elle est plus concentrée en sels minéraux que les fluides cutanés, ce qui stimule les échanges cellulaires et soutient la régénération naturelle de la barrière épidermique.\u003c\/p\u003e\n    \u003cdiv class=\"soi-derm-grid-compact\"\u003e\n      \u003cdiv class=\"soi-derm-card-mini\"\u003e\n        \u003cspan class=\"soi-derm-card-mini-icon\"\u003e🌊\u003c\/span\u003e\n        \u003cspan class=\"soi-derm-card-mini-label\"\u003eFormule\u003c\/span\u003e\n        \u003cspan class=\"soi-derm-card-mini-value\"\u003eHypertonique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-card-mini\"\u003e\n        \u003cspan class=\"soi-derm-card-mini-icon\"\u003e❄️\u003c\/span\u003e\n        \u003cspan class=\"soi-derm-card-mini-label\"\u003eRécolte\u003c\/span\u003e\n        \u003cspan class=\"soi-derm-card-mini-value\"\u003eÀ froid\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-card-mini\"\u003e\n        \u003cspan class=\"soi-derm-card-mini-icon\"\u003e💧\u003c\/span\u003e\n        \u003cspan class=\"soi-derm-card-mini-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-derm-card-mini-value\"\u003e100 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-card-mini\"\u003e\n        \u003cspan class=\"soi-derm-card-mini-icon\"\u003e✨\u003c\/span\u003e\n        \u003cspan class=\"soi-derm-card-mini-label\"\u003eAdditifs\u003c\/span\u003e\n        \u003cspan class=\"soi-derm-card-mini-value\"\u003eAucun\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-derm-section\"\u003e\n    \u003ch2\u003eLes bienfaits concrets pour votre peau au quotidien\u003c\/h2\u003e\n    \u003cdiv class=\"soi-derm-benefits\"\u003e\n      \u003cdiv class=\"soi-derm-benefit\"\u003e\n        \u003cdiv class=\"soi-derm-benefit-icon\"\u003e\u003cspan\u003e💦\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eHydratation profonde\u003c\/h3\u003e\n        \u003cp\u003eLa brumisation fine pénètre instantanément pour redonner souplesse et confort, même aux peaux sèches ou sensibles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-benefit\"\u003e\n        \u003cdiv class=\"soi-derm-benefit-icon\"\u003e\u003cspan\u003e🪨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eReminéralisation active\u003c\/h3\u003e\n        \u003cp\u003eLes oligo-éléments marins nourrissent les cellules cutanées et renforcent le film hydrolipidique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-benefit\"\u003e\n        \u003cdiv class=\"soi-derm-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eApaisement des irritations\u003c\/h3\u003e\n        \u003cp\u003eIdéal après l'exposition au soleil, au vent ou au froid, il soulage les rougeurs et inconforts.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-benefit\"\u003e\n        \u003cdiv class=\"soi-derm-benefit-icon\"\u003e\u003cspan\u003e🔄\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003ePolyvalence d'usage\u003c\/h3\u003e\n        \u003cp\u003eTonique avant le maquillage, fixateur après application, soin après-rasage ou rafraîchissement en cours de journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-derm-section\"\u003e\n    \u003ch2\u003eComposition et utilisation du Spray Dermo Action\u003c\/h2\u003e\n    \u003cdiv class=\"soi-derm-compo\"\u003e\n      \u003cdiv class=\"soi-derm-compo-row\"\u003e\n        \u003cspan class=\"soi-derm-compo-label\"\u003eIngrédients\u003c\/span\u003e\n        \u003cspan class=\"soi-derm-compo-value\"\u003eEau de mer Quinton hypertonique (non chauffée), eau de source purifiée\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-compo-row\"\u003e\n        \u003cspan class=\"soi-derm-compo-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-derm-compo-value\"\u003eConservateurs, additifs, parfum, alcool\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-compo-row\"\u003e\n        \u003cspan class=\"soi-derm-compo-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"soi-derm-compo-value\"\u003e100 ml, format pratique compatible voyage\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-timeline\"\u003e\n      \u003cdiv class=\"soi-derm-step\"\u003e\n        \u003cdiv class=\"soi-derm-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-derm-step-content\"\u003e\n          \u003ch3\u003eVaporisez\u003c\/h3\u003e\n          \u003cp\u003eAppliquez 2 à 6 pulvérisations par jour selon vos besoins, à une distance de 15 à 20 cm du visage ou de la zone à traiter.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-step\"\u003e\n        \u003cdiv class=\"soi-derm-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-derm-step-content\"\u003e\n          \u003ch3\u003eZones d'application\u003c\/h3\u003e\n          \u003cp\u003eVisage, cou, décolleté ou cheveux pour un effet fraîcheur et minéralisant.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-derm-section\"\u003e\n    \u003ch2\u003eSpray eau de mer et cheveux : une association méconnue mais efficace\u003c\/h2\u003e\n    \u003cp\u003eLe spray eau de mer pour cheveux est une tendance de fond en cosmétique naturelle. L'eau de mer Quinton, riche en sel marin et oligo-éléments, apporte volume, texture et légèreté à la fibre capillaire. Vaporisée sur les longueurs humides ou sèches, elle reproduit cet effet \"sortie de mer\" naturel, tout en reminéralisant le cuir chevelu. Une alternative douce aux sprays coiffants chargés en silicones.\u003c\/p\u003e\n    \u003cdiv class=\"soi-derm-tip\"\u003e\n      \u003cdiv class=\"soi-derm-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003eVaporisez sur les longueurs humides ou sèches pour un effet texturé naturel et un cuir chevelu reminéralisé, sans aucun silicone.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-derm-section\"\u003e\n    \u003ch2\u003ePour qui est fait ce spray à l'eau de mer ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-derm-grid\"\u003e\n      \u003cdiv class=\"soi-derm-card\"\u003e\n        \u003ch3\u003e🏜️ Peaux sèches et fragilisées\u003c\/h3\u003e\n        \u003cp\u003eLes peaux sèches, déshydratées ou fragilisées par les agressions extérieures retrouvent confort et souplesse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-card\"\u003e\n        \u003ch3\u003e🌱 Adeptes du naturel\u003c\/h3\u003e\n        \u003cp\u003eLes personnes souhaitant un soin quotidien minéral, naturel et sans perturbateurs endocriniens.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-card\"\u003e\n        \u003ch3\u003e✨ Usage multiusage\u003c\/h3\u003e\n        \u003cp\u003eCelles et ceux qui cherchent un spray eau de mer pour la peau et les cheveux, pratique au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-derm-card\"\u003e\n        \u003ch3\u003e🩹 Peaux sensibles\u003c\/h3\u003e\n        \u003cp\u003eLes peaux sensibles ou réactives à la recherche d'un soin ultra-épuré et parfaitement toléré.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-derm-accordion\"\u003e\n      \u003cdetails class=\"soi-derm-accordion-item\"\u003e\n        \u003csummary class=\"soi-derm-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"soi-derm-accordion-content\"\u003e\n          \u003cp\u003eCe produit est destiné à un usage cosmétique externe. Il ne remplace pas un traitement médical. En cas de pathologie cutanée, consultez un dermatologue.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"soi-derm-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-derm-cta-box\"\u003e\n      \u003cp class=\"soi-derm-cta-tag\" style=\"color: white;\"\u003eLa mer au service de votre peau\u003c\/p\u003e\n      \u003cp class=\"soi-derm-cta-text\" style=\"color: white;\"\u003eOffrez à votre peau ce que la mer a de meilleur : minéraux, douceur et équilibre. Un flacon, mille usages, une composition irréprochable.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-derm-marine: #1A2D3D;\n  --soi-derm-marine-dark: #0F1E2B;\n  --soi-derm-marine-light: #2C4458;\n  --soi-derm-pomme: #A1C544;\n  --soi-derm-pomme-dark: #84A636;\n  --soi-derm-pomme-light: rgba(161,197,68,0.10);\n  --soi-derm-white: #FFFFFF;\n  --soi-derm-off-white: #F8FAF6;\n  --soi-derm-stone: #F1F3EE;\n  --soi-derm-line: #E5E8E0;\n  --soi-derm-primary: #D88A3A;\n  --soi-derm-primary-soft: #F5E6D0;\n  --soi-derm-accent: #C47A30;\n  --soi-derm-text: #1A2D3D;\n  --soi-derm-text-soft: #4A5B6B;\n  --soi-derm-text-muted: #7B8693;\n  --soi-derm-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-derm-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-derm-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-derm-radius: 12px;\n  --soi-derm-radius-sm: 8px;\n  --soi-derm-radius-pill: 999px;\n}\n\n.soi-derm-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-derm-fiche img { max-width: 100%; height: auto; }\n\n.soi-derm-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-derm-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-derm-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n.soi-derm-hero {\n  position: relative;\n  background: var(--soi-derm-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-derm-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-derm-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-derm-pomme);\n}\n\n.soi-derm-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-derm-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-derm-pomme);\n  border-radius: 50%;\n}\n\n.soi-derm-hero-title {\n  display: block;\n  color: var(--soi-derm-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-derm-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-derm-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-derm-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-derm-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-derm-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-derm-label-accent {\n  background: var(--soi-derm-pomme);\n  border-color: var(--soi-derm-pomme);\n  color: var(--soi-derm-marine);\n  font-weight: 600;\n}\n\n.soi-derm-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-derm-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-derm-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-derm-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-derm-pomme);\n  border-radius: 2px;\n}\n\n.soi-derm-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-derm-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-derm-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-derm-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-derm-benefit {\n  background: var(--soi-derm-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-derm-radius);\n  border: 1px solid var(--soi-derm-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-derm-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-derm-shadow-md);\n}\n\n.soi-derm-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-derm-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-derm-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-derm-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-derm-benefit:hover .soi-derm-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-derm-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-derm-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-derm-benefit p {\n  font-size: 13px;\n  color: var(--soi-derm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-derm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-derm-card {\n  background: var(--soi-derm-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-derm-radius);\n  border-left: 3px solid var(--soi-derm-pomme);\n}\n\n.soi-derm-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-derm-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-derm-card p {\n  font-size: 14px;\n  color: var(--soi-derm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-derm-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n  margin-top: 1.5rem;\n}\n\n.soi-derm-card-mini {\n  background: var(--soi-derm-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-derm-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-derm-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-derm-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-derm-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-derm-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-derm-marine);\n}\n\n.soi-derm-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-top: 1.5rem;\n}\n\n.soi-derm-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-derm-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-derm-radius);\n  border: 1px solid var(--soi-derm-line);\n  align-items: flex-start;\n}\n\n.soi-derm-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-derm-marine);\n  color: var(--soi-derm-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-derm-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-derm-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-derm-step-content p {\n  font-size: 14px;\n  color: var(--soi-derm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-derm-compo {\n  background: var(--soi-derm-off-white);\n  border-radius: var(--soi-derm-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-derm-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-derm-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-derm-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-derm-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-derm-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-derm-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-derm-marine);\n  text-align: right;\n}\n\n.soi-derm-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-derm-pomme-light);\n  border-left: 4px solid var(--soi-derm-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-derm-radius) var(--soi-derm-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.5rem;\n}\n\n.soi-derm-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-derm-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-derm-marine);\n  margin-bottom: 4px;\n}\n\n.soi-derm-tip p {\n  font-size: 14px;\n  color: var(--soi-derm-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-derm-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 1.5rem;\n}\n\n.soi-derm-accordion-item {\n  background: var(--soi-derm-off-white);\n  border-radius: var(--soi-derm-radius-sm);\n  border: 1px solid var(--soi-derm-line);\n  overflow: hidden;\n}\n\n.soi-derm-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-derm-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-derm-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-derm-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-derm-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-derm-accordion-item[open] .soi-derm-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-derm-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-derm-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-derm-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.soi-derm-cta-box {\n  background: var(--soi-derm-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-derm-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-derm-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-derm-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-derm-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-derm-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-derm-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-derm-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 640px) {\n  .soi-derm-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-derm-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-derm-compo-value {\n    text-align: left;\n  }\n\n  .soi-derm-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .soi-derm-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-derm-fiche {\n    --soi-derm-text-soft: #2C3E50;\n    --soi-derm-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Quinton","offers":[{"title":"Default Title","offer_id":61603963502922,"sku":"QU0005","price":13.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/quinton-spray-dermo-action-quinton-packshot.webp?v=1779975225","url":"https:\/\/www.soinature.com\/products\/quinton-spray-dermo-action-quinton","provider":"Soinature","version":"1.0","type":"link"}