{"product_id":"madagascar-centella-ampoule","title":"Madagascar Centella Ampoule","description":"\u003cstyle\u003e\n\/* ============================================================\n   SKINCARISMA — Product description block styles\n   ============================================================ *\/\n\n  \/* Color tokens promoted to :root so theme sections below .pp can use them too *\/\n  :root {\n    --pp-ink: #0d1f2d;\n    --pp-ink-2: #475569;\n    --pp-ink-3: #94a3b8;\n    --pp-rule: #e2e8f0;\n    --pp-rule-2: #f1f5f9;\n    --pp-canvas: #ffffff;\n    --pp-soft: #f8fafc;\n    --pp-card: #ffffff;\n    --pp-accent: #5bb8f5;\n    --pp-accent-light: #91d1ff;\n    --pp-accent-deep: #1d6fa5;\n    --pp-accent-tint: #e0f2fe;\n    --pp-safe: #22c55e;\n    --pp-safe-deep: #15803d;\n    --pp-safe-tint: #dcfce7;\n    --pp-warn: #f59e0b;\n    --pp-warn-deep: #b45309;\n    --pp-warn-tint: #fef3c7;\n    --pp-danger: #ef4444;\n    --pp-danger-deep: #b91c1c;\n    --pp-danger-tint: #fee2e2;\n    --pp-radius-lg: 18px;\n    --pp-radius: 14px;\n    --pp-radius-sm: 10px;\n  }\n\n  .pp {\n    --pp-ink: #0d1f2d;\n    --pp-ink-2: #475569;\n    --pp-ink-3: #94a3b8;\n    --pp-rule: #e2e8f0;\n    --pp-rule-2: #f1f5f9;\n    --pp-canvas: #ffffff;\n    --pp-soft: #f8fafc;\n    --pp-card: #ffffff;\n    --pp-accent: #5bb8f5;\n    --pp-accent-light: #91d1ff;\n    --pp-accent-deep: #1d6fa5;\n    --pp-accent-tint: #e0f2fe;\n    --pp-safe: #22c55e;\n    --pp-safe-deep: #15803d;\n    --pp-safe-tint: #dcfce7;\n    --pp-warn: #f59e0b;\n    --pp-warn-deep: #b45309;\n    --pp-warn-tint: #fef3c7;\n    --pp-danger: #ef4444;\n    --pp-danger-deep: #b91c1c;\n    --pp-danger-tint: #fee2e2;\n    --pp-star: #f59e0b;\n    --pp-radius-lg: 18px;\n    --pp-radius: 14px;\n    --pp-radius-sm: 10px;\n\n    font-family: \"Pretendard Variable\", Pretendard, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n    color: var(--pp-ink);\n    line-height: 1.6;\n    font-size: 15px;\n    max-width: 700px;\n    margin: 0 auto;\n    padding: 0;\n    -webkit-font-smoothing: antialiased;\n    scroll-behavior: smooth;\n  }\n  .pp [id] { scroll-margin-top: 24px; }\n  .pp .pp-hero[id], .pp .pp-title[id] { scroll-margin-top: 32px; }\n    padding: 0;\n    -webkit-font-smoothing: antialiased;\n  }\n  .pp *, .pp *::before, .pp *::after { box-sizing: border-box; }\n  \/* Reset wrapped in :where() so specificity is 0 — any .pp-* class rule wins. *\/\n  :where(.pp h2, .pp h3, .pp h4, .pp p, .pp ul, .pp li) { margin: 0; padding: 0; }\n  :where(.pp ul) { list-style: none; }\n  .pp a { color: inherit; }\n\n  \/* Visually hidden but readable by screen readers \u0026 search engines *\/\n  .pp .pp-sr-only {\n    position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;\n    overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;\n  }\n\n  \/* shared icon component *\/\n  .pp .ico { width: 18px; height: 18px; stroke: currentColor; stroke-width: 1.6; fill: none; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; display: inline-block; vertical-align: middle; }\n  .pp .ico-lg { width: 22px; height: 22px; }\n  .pp .ico-xl { width: 28px; height: 28px; }\n\n  \/* ===== Section titles ===== *\/\n  .pp-title {\n    display: flex;\n    align-items: baseline;\n    gap: 14px;\n    margin: 56px 0 24px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--pp-rule);\n  }\n  .pp-title .eyebrow { font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--pp-ink-3); font-weight: 600; }\n  .pp-title h2 { font-size: 26px; line-height: 1.15; letter-spacing: -0.022em; font-weight: 700; color: var(--pp-ink); flex: 1; }\n  .pp-title .num { font-size: 11px; letter-spacing: 0.18em; color: var(--pp-ink-3); font-weight: 600; font-variant-numeric: tabular-nums; }\n\n  \/* ============ HERO ============ *\/\n  .pp-hero { padding: 8px 0 36px; }\n  .pp-hero .pp-origin {\n    display: inline-flex; align-items: center; gap: 10px;\n    padding: 7px 14px 7px 10px;\n    background: var(--pp-accent-tint);\n    border: 1px solid color-mix(in srgb, var(--pp-accent) 25%, transparent);\n    border-radius: 999px;\n    font-size: 12px;\n    color: var(--pp-accent-deep);\n    font-weight: 600;\n    letter-spacing: 0.02em;\n    margin-bottom: 20px;\n  }\n  .pp-hero .pp-origin .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--pp-accent); }\n  .pp-hero .pp-origin .pin { width: 14px; height: 14px; stroke: var(--pp-accent-deep); stroke-width: 1.8; fill: none; stroke-linecap: round; stroke-linejoin: round; }\n  .pp-hero .pp-subtitle {\n    font-size: 18px;\n    line-height: 1.55;\n    color: var(--pp-ink);\n    letter-spacing: -0.011em;\n    max-width: 720px;\n    margin: 0 0 24px;\n    text-wrap: pretty;\n  }\n  .pp-hero .pp-subtitle strong { font-weight: 600; }\n  .pp-badges { display: flex; flex-wrap: wrap; gap: 6px; }\n  .pp-badge {\n    display: inline-flex; align-items: center; gap: 6px;\n    padding: 6px 12px;\n    background: var(--pp-card);\n    border: 1px solid var(--pp-rule);\n    border-radius: 999px;\n    font-size: 12px;\n    color: var(--pp-ink);\n    font-weight: 500;\n    letter-spacing: -0.005em;\n    transition: border-color 0.15s ease, background 0.15s ease;\n  }\n  .pp-badge:hover { border-color: var(--pp-accent); background: var(--pp-accent-tint); }\n  .pp-badge svg { width: 12px; height: 12px; stroke: var(--pp-safe); stroke-width: 2.2; fill: none; stroke-linecap: round; stroke-linejoin: round; }\n\n  \/* ===== Section nav ===== *\/\n  .pp-nav {\n    margin-top: 28px;\n    padding: 18px;\n    background: linear-gradient(135deg, var(--pp-accent-tint) 0%, #f0f9ff 100%);\n    border: 1px solid color-mix(in srgb, var(--pp-accent) 25%, transparent);\n    border-radius: var(--pp-radius-lg);\n  }\n  .pp-nav-head {\n    display: flex; align-items: center; gap: 10px;\n    font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase;\n    color: var(--pp-accent-deep); font-weight: 700;\n    margin-bottom: 14px;\n  }\n  .pp-nav-head::after {\n    content: \"\"; flex: 1; height: 1px;\n    background: color-mix(in srgb, var(--pp-accent) 30%, transparent);\n  }\n  .pp-nav-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }\n  .pp-nav-list a {\n    display: flex; align-items: center; gap: 10px;\n    padding: 12px 14px;\n    background: #fff;\n    border: 1px solid color-mix(in srgb, var(--pp-accent) 20%, transparent);\n    border-radius: 10px;\n    font-size: 13px;\n    font-weight: 600;\n    letter-spacing: -0.005em;\n    color: var(--pp-ink);\n    text-decoration: none;\n    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;\n  }\n  .pp-nav-list a:hover {\n    border-color: var(--pp-accent);\n    background: #fff;\n    transform: translateY(-2px);\n    box-shadow: 0 6px 18px -8px rgba(91, 184, 245, 0.55);\n  }\n  .pp-nav-list a .ico {\n    width: 16px; height: 16px;\n    color: var(--pp-accent-deep);\n    flex-shrink: 0;\n  }\n  .pp-nav-list a .lbl { flex: 1; }\n  .pp-nav-list a .arrow {\n    width: 14px; height: 14px;\n    color: var(--pp-ink-3);\n    transition: transform 0.18s ease, color 0.18s ease;\n  }\n  .pp-nav-list a:hover .arrow { transform: translateX(3px); color: var(--pp-accent-deep); }\n\n  \/* ============ QUICK INFO + SPECS ============ *\/\n  .pp-scorecard {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 0;\n    margin: 32px 0 0;\n    padding: 22px 0;\n    border-top: 1px solid var(--pp-rule);\n    border-bottom: 1px solid var(--pp-rule);\n  }\n  .pp-scorecard \u003e div { padding: 0 24px; border-right: 1px solid var(--pp-rule); }\n  .pp-scorecard \u003e div:last-child { border-right: none; }\n  .pp-scorecard .lbl { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--pp-ink-3); font-weight: 600; margin-bottom: 8px; }\n  .pp-scorecard .val { font-size: 22px; font-weight: 700; letter-spacing: -0.02em; color: var(--pp-ink); display: flex; align-items: center; gap: 8px; }\n  .pp-scorecard .val .check { width: 18px; height: 18px; stroke: var(--pp-safe); stroke-width: 2.2; fill: none; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }\n  .pp-scorecard .val .alert { width: 18px; height: 18px; stroke: var(--pp-warn); stroke-width: 2.2; fill: none; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }\n  .pp-scorecard .val .x { width: 18px; height: 18px; stroke: var(--pp-danger); stroke-width: 2.2; fill: none; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }\n  .pp-scorecard .val.caution { color: var(--pp-warn-deep); }\n  .pp-scorecard .val.warning { color: var(--pp-danger-deep); }\n  .pp-scorecard .val small { font-size: 13px; color: var(--pp-ink-3); font-weight: 500; }\n\n  .pp-specs {\n    display: grid;\n    grid-template-columns: repeat(5, 1fr);\n    gap: 0;\n    margin: 16px 0 0;\n    background: var(--pp-card);\n    border: 1px solid var(--pp-rule);\n    border-radius: var(--pp-radius);\n    overflow: hidden;\n  }\n  .pp-spec { padding: 18px 16px; border-right: 1px solid var(--pp-rule); }\n  .pp-spec:last-child { border-right: none; }\n  .pp-spec .ico-wrap { display: flex; width: 32px; height: 32px; border-radius: 8px; background: var(--pp-accent-tint); align-items: center; justify-content: center; color: var(--pp-accent-deep); margin-bottom: 10px; }\n  .pp-spec .ico-wrap svg { width: 16px; height: 16px; }\n  .pp-spec .lbl { font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--pp-ink-3); font-weight: 600; margin-bottom: 4px; }\n  .pp-spec .val { font-size: 14px; font-weight: 600; color: var(--pp-ink); letter-spacing: -0.005em; }\n\n  @media (max-width: 700px) {\n    .pp-scorecard { grid-template-columns: 1fr; padding: 0; }\n    .pp-scorecard \u003e div { padding: 16px 20px; border-right: none; border-bottom: 1px solid var(--pp-rule); }\n    .pp-scorecard \u003e div:last-child { border-bottom: none; }\n    .pp-specs { grid-template-columns: repeat(2, 1fr); }\n    .pp-spec { border-bottom: 1px solid var(--pp-rule); }\n    .pp-spec:nth-last-child(-n+1):nth-child(odd) { border-right: 1px solid var(--pp-rule); }\n  }\n\n  \/* ============ SENSORY ============ *\/\n  .pp-sensory {\n    display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px;\n    margin: 28px 0 0;\n  }\n  .pp-sensory-item {\n    padding: 18px;\n    background: var(--pp-card);\n    border: 1px solid var(--pp-rule);\n    border-radius: var(--pp-radius);\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .pp-sensory-item .top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }\n  .pp-sensory-item .ico-wrap { width: 28px; height: 28px; border-radius: 7px; background: var(--pp-accent-tint); display: flex; align-items: center; justify-content: center; color: var(--pp-accent-deep); }\n  .pp-sensory-item .ico-wrap svg { width: 14px; height: 14px; }\n  .pp-sensory-item .lbl { font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--pp-ink-3); font-weight: 600; }\n  .pp-sensory-item .val { font-size: 15px; font-weight: 600; letter-spacing: -0.01em; color: var(--pp-ink); }\n  @media (max-width: 700px) { .pp-sensory { grid-template-columns: repeat(2, 1fr); } }\n\n  \/* ============ FEATURES ============ *\/\n  .pp-features {\n    display: grid; grid-template-columns: 1fr 1fr; gap: 10px;\n    margin: 28px 0 0;\n  }\n  .pp-feature {\n    padding: 22px;\n    background: var(--pp-card);\n    border: 1px solid var(--pp-rule);\n    border-radius: var(--pp-radius-lg);\n    transition: border-color 0.2s ease, transform 0.2s ease;\n  }\n  .pp-feature:hover { border-color: var(--pp-accent); transform: translateY(-2px); }\n  .pp-feature .ico-wrap {\n    width: 40px; height: 40px;\n    border-radius: 10px;\n    background: var(--pp-accent-tint);\n    color: var(--pp-accent-deep);\n    display: flex; align-items: center; justify-content: center;\n    margin-bottom: 16px;\n  }\n  .pp-feature .ico-wrap svg { width: 20px; height: 20px; stroke-width: 1.7; }\n  .pp-feature h4 { font-size: 16px; font-weight: 700; letter-spacing: -0.015em; margin-bottom: 6px; }\n  .pp-feature p { font-size: 14px; line-height: 1.55; color: var(--pp-ink-2); }\n  @media (max-width: 600px) { .pp-features { grid-template-columns: 1fr; } }\n\n  \/* ============ SAFETY LIST ============ *\/\n  .pp-safety { display: grid; grid-template-columns: 1fr 1fr; gap: 0; background: var(--pp-card); border: 1px solid var(--pp-rule); border-radius: var(--pp-radius-lg); overflow: hidden; }\n  .pp-safety-item { display: flex; align-items: flex-start; gap: 14px; padding: 20px 22px; border-right: 1px solid var(--pp-rule); border-bottom: 1px solid var(--pp-rule); }\n  .pp-safety-item:nth-child(2n) { border-right: none; }\n  .pp-safety-item:nth-last-child(-n+2) { border-bottom: none; }\n  .pp-safety-item .ico-wrap { width: 28px; height: 28px; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n  .pp-safety-item.safe .ico-wrap { background: var(--pp-safe-tint); color: var(--pp-safe); }\n  .pp-safety-item.info .ico-wrap { background: var(--pp-accent-tint); color: var(--pp-accent-deep); }\n  .pp-safety-item.caution .ico-wrap { background: var(--pp-warn-tint); color: var(--pp-warn); }\n  .pp-safety-item .ico-wrap svg { width: 15px; height: 15px; stroke-width: 2; }\n  .pp-safety-item strong { display: block; font-size: 14px; font-weight: 700; color: var(--pp-ink); margin-bottom: 4px; letter-spacing: -0.005em; }\n  .pp-safety-item p { font-size: 13px; line-height: 1.55; color: var(--pp-ink-2); }\n  @media (max-width: 600px) {\n    .pp-safety { grid-template-columns: 1fr; }\n    .pp-safety-item { border-right: none; }\n    .pp-safety-item:nth-last-child(-n+2):not(:last-child) { border-bottom: 1px solid var(--pp-rule); }\n  }\n\n  \/* ============ FEATURED HIGHLIGHT (\"Why it's different\") ============ *\/\n  .pp-highlight {\n    margin: 28px 0 0;\n    padding: 24px 28px;\n    background: linear-gradient(135deg, var(--pp-accent-tint) 0%, #ffffff 100%);\n    border: 1px solid color-mix(in srgb, var(--pp-accent) 25%, transparent);\n    border-radius: var(--pp-radius-lg);\n    position: relative;\n    overflow: hidden;\n  }\n  .pp-highlight::before {\n    content: \"\"; position: absolute;\n    top: 0; left: 0; bottom: 0; width: 4px;\n    background: linear-gradient(180deg, var(--pp-accent) 0%, var(--pp-accent-deep) 100%);\n  }\n  .pp-highlight .eyebrow {\n    display: inline-flex; align-items: center; gap: 7px;\n    font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase;\n    color: var(--pp-accent-deep); font-weight: 700;\n    margin-bottom: 10px;\n  }\n  .pp-highlight .eyebrow svg { width: 13px; height: 13px; }\n  .pp-highlight h3 {\n    font-size: 22px; font-weight: 700; letter-spacing: -0.022em;\n    line-height: 1.2; color: var(--pp-ink);\n    margin-bottom: 8px;\n    text-wrap: pretty;\n  }\n  .pp-highlight p {\n    font-size: 14.5px; line-height: 1.6; color: var(--pp-ink-2);\n    margin: 0;\n    text-wrap: pretty;\n  }\n  .pp-highlight p strong { color: var(--pp-ink); font-weight: 700; }\n  @media (max-width: 600px) {\n    .pp-highlight { padding: 20px 22px 20px 24px; }\n    .pp-highlight h3 { font-size: 19px; }\n    .pp-highlight p { font-size: 13.5px; }\n  }\n\n  \/* ============ AGGREGATE REVIEWS SUMMARY ============ *\/\n  .pp-reviews-summary {\n    display: grid; grid-template-columns: auto 1fr; gap: 0 28px;\n    align-items: center;\n    padding: 22px 26px;\n    background: var(--pp-soft);\n    border: 1px solid var(--pp-rule);\n    border-radius: var(--pp-radius-lg);\n    margin-top: 24px;\n  }\n  .pp-reviews-summary .num {\n    font-size: 48px; font-weight: 800; letter-spacing: -0.03em;\n    line-height: 1; color: var(--pp-ink);\n    font-variant-numeric: tabular-nums;\n  }\n  .pp-reviews-summary .body { display: flex; flex-direction: column; gap: 4px; }\n  .pp-reviews-summary .stars {\n    color: var(--pp-star); letter-spacing: 2px; font-size: 16px;\n  }\n  .pp-reviews-summary .count {\n    font-size: 13.5px; color: var(--pp-ink); font-weight: 600;\n  }\n  .pp-reviews-summary .count strong {\n    font-weight: 800;\n  }\n  .pp-reviews-summary .sources {\n    font-size: 12px; color: var(--pp-ink-3); letter-spacing: 0.02em;\n  }\n  @media (max-width: 480px) {\n    .pp-reviews-summary { padding: 18px 22px; gap: 0 18px; }\n    .pp-reviews-summary .num { font-size: 38px; }\n    .pp-reviews-summary .stars { font-size: 14px; letter-spacing: 1.5px; }\n  }\n\n  \/* ============ INGREDIENTS ============ *\/\n  .pp-ingredient {\n    padding: 24px;\n    background: var(--pp-card);\n    border: 1px solid var(--pp-rule);\n    border-radius: var(--pp-radius-lg);\n    margin-bottom: 12px;\n    position: relative;\n  }\n  .pp-ingredient .ing-head {\n    display: flex; align-items: center; gap: 14px;\n    margin-bottom: 14px;\n  }\n  .pp-ingredient .ing-icon {\n    width: 44px; height: 44px;\n    border-radius: 10px;\n    background: var(--pp-accent-tint);\n    color: var(--pp-accent-deep);\n    display: flex; align-items: center; justify-content: center;\n    flex-shrink: 0;\n  }\n  .pp-ingredient .ing-icon svg { width: 22px; height: 22px; stroke-width: 1.7; }\n  .pp-ingredient h3 {\n    font-size: 19px; font-weight: 700; letter-spacing: -0.018em;\n    display: flex; align-items: center; flex-wrap: wrap; gap: 8px;\n    flex: 1; min-width: 0;\n  }\n  .pp-ingredient h3 .conc {\n    font-size: 11px; padding: 3px 9px; background: var(--pp-soft);\n    border: 1px solid var(--pp-rule); border-radius: 999px;\n    color: var(--pp-ink-2); font-weight: 600; letter-spacing: 0.02em;\n  }\n  .pp-ingredient h3 .tag {\n    font-size: 11px; padding: 3px 9px; border-radius: 999px;\n    font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase;\n  }\n  .pp-ingredient h3 .tag.proven { background: var(--pp-safe-tint); color: var(--pp-safe-deep); }\n  .pp-ingredient h3 .tag.supporting { background: var(--pp-accent-tint); color: var(--pp-accent-deep); }\n  .pp-ingredient .ing-desc { font-size: 14px; line-height: 1.6; color: var(--pp-ink-2); margin-bottom: 14px; }\n  .pp-science {\n    padding: 18px 22px 18px 32px;\n    background: var(--pp-soft);\n    border-radius: var(--pp-radius);\n    border: 1px solid var(--pp-rule-2);\n    display: grid; gap: 10px;\n  }\n  .pp-science li {\n    font-size: 13px; line-height: 1.55; color: var(--pp-ink);\n    padding: 0;\n  }\n  .pp-science li strong { color: var(--pp-ink); font-weight: 700; }\n  .pp-callout { display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px; border-radius: var(--pp-radius); margin-top: 12px; font-size: 13px; line-height: 1.55; }\n  .pp-callout.positive { background: var(--pp-safe-tint); color: var(--pp-safe-deep); }\n  .pp-callout.positive svg { stroke: var(--pp-safe); }\n  .pp-callout svg { width: 16px; height: 16px; stroke-width: 2; fill: none; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; margin-top: 1px; }\n\n  \/* ============ INCI ACCORDION ============ *\/\n  .pp-accordion { margin-top: 16px; }\n  .pp-accordion input[type=\"checkbox\"] { position: absolute; opacity: 0; pointer-events: none; }\n  .pp-accordion label {\n    display: flex; align-items: center; gap: 12px;\n    padding: 16px 20px;\n    background: var(--pp-card);\n    border: 1px solid var(--pp-rule);\n    border-radius: var(--pp-radius);\n    cursor: pointer;\n    font-size: 14px; font-weight: 600; color: var(--pp-ink);\n    user-select: none;\n    transition: border-color 0.15s ease;\n  }\n  .pp-accordion label:hover { border-color: var(--pp-accent); }\n  .pp-accordion label .lbl-ico { width: 18px; height: 18px; color: var(--pp-accent-deep); }\n  .pp-accordion label .chev { width: 18px; height: 18px; margin-left: auto; transition: transform 0.25s ease; color: var(--pp-ink-3); }\n  .pp-accordion input:checked + label { border-radius: var(--pp-radius) var(--pp-radius) 0 0; border-bottom-color: transparent; }\n  .pp-accordion input:checked + label .chev { transform: rotate(180deg); }\n  .pp-accordion .pp-acc-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; border: 0 solid var(--pp-rule); border-radius: 0 0 var(--pp-radius) var(--pp-radius); background: var(--pp-soft); }\n  .pp-accordion input:checked ~ .pp-acc-content { max-height: 600px; border-width: 0 1px 1px 1px; }\n  .pp-acc-inner { padding: 18px 20px; }\n  .pp-acc-inner .count { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--pp-ink-3); font-weight: 600; margin-bottom: 8px; }\n  .pp-acc-inner .inci { font-size: 13px; line-height: 1.7; color: var(--pp-ink); margin-bottom: 14px; }\n  .pp-acc-inner .free { padding-top: 14px; border-top: 1px dashed var(--pp-rule); font-size: 12px; color: var(--pp-ink-2); line-height: 1.7; }\n  .pp-acc-inner .free strong { color: var(--pp-ink); font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; font-size: 11px; }\n\n  \/* ============ ROUTINE FLOW ============ *\/\n  .pp-routine {\n    display: grid; grid-template-columns: repeat(6, 1fr);\n    gap: 0;\n    margin: 28px 0 0;\n    padding: 28px 16px 22px;\n    background: var(--pp-card);\n    border: 1px solid var(--pp-rule);\n    border-radius: var(--pp-radius-lg);\n    position: relative;\n  }\n  .pp-routine::before {\n    content: \"\";\n    position: absolute;\n    top: 47px; left: 38px; right: 38px;\n    height: 2px;\n    background: repeating-linear-gradient(to right, var(--pp-rule) 0 6px, transparent 6px 12px);\n    transform: translateY(-50%);\n    z-index: 0;\n  }\n  .pp-routine-step {\n    position: relative; z-index: 1;\n    display: flex; flex-direction: column; align-items: center; gap: 12px;\n    text-align: center;\n  }\n  .pp-routine-step .num {\n    width: 38px; height: 38px;\n    background: var(--pp-card);\n    border: 1.5px solid var(--pp-rule);\n    border-radius: 50%;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 13px; font-weight: 700; color: var(--pp-ink-3);\n    font-variant-numeric: tabular-nums;\n    flex-shrink: 0;\n    transition: transform 0.2s ease;\n  }\n  .pp-routine-step .name {\n    font-size: 12px; font-weight: 500; color: var(--pp-ink-2);\n    line-height: 1.3;\n    min-height: 16px;\n  }\n  .pp-routine-step.current .num {\n    background: var(--pp-accent);\n    border-color: var(--pp-accent);\n    color: #fff;\n    box-shadow: 0 0 0 5px var(--pp-accent-tint);\n    animation: pp-pulse-ring 2.4s ease-in-out infinite;\n  }\n  .pp-routine-step.current .name { color: var(--pp-ink); font-weight: 700; }\n  .pp-routine-note { text-align: center; font-size: 13px; color: var(--pp-ink-2); margin-top: 16px; line-height: 1.55; }\n  @media (max-width: 700px) {\n    .pp-routine { grid-template-columns: repeat(3, 1fr); row-gap: 20px; padding: 22px 14px; }\n    .pp-routine::before { display: none; }\n  }\n\n  \/* ============ HOW TO USE ============ *\/\n  .pp-steps { display: grid; gap: 10px; margin-top: 24px; }\n  .pp-step {\n    display: flex; gap: 18px;\n    padding: 20px 22px;\n    background: var(--pp-card);\n    border: 1px solid var(--pp-rule);\n    border-radius: var(--pp-radius-lg);\n  }\n  .pp-step .num {\n    width: 32px; height: 32px;\n    background: var(--pp-ink);\n    color: #fff;\n    border-radius: 50%;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 13px; font-weight: 700; flex-shrink: 0;\n    font-variant-numeric: tabular-nums;\n  }\n  .pp-step h4 { font-size: 15px; font-weight: 700; letter-spacing: -0.01em; margin-bottom: 4px; }\n  .pp-step p { font-size: 14px; color: var(--pp-ink-2); line-height: 1.55; }\n\n  \/* ============ FIT FOR ============ *\/\n  .pp-fit { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 24px; }\n  .pp-fit-box { padding: 24px; border-radius: var(--pp-radius-lg); }\n  .pp-fit-box.yes { background: var(--pp-safe-tint); border: 1px solid color-mix(in srgb, var(--pp-safe) 25%, transparent); }\n  .pp-fit-box.no { background: var(--pp-danger-tint); border: 1px solid color-mix(in srgb, var(--pp-danger) 25%, transparent); }\n  .pp-fit-box h4 { font-size: 15px; font-weight: 700; letter-spacing: -0.01em; margin-bottom: 14px; display: flex; align-items: center; gap: 10px; }\n  .pp-fit-box.yes h4 { color: var(--pp-safe-deep); }\n  .pp-fit-box.no h4 { color: var(--pp-danger-deep); }\n  .pp-fit-box ul { display: grid; gap: 10px; }\n  .pp-fit-box li { display: flex; align-items: flex-start; gap: 10px; font-size: 13.5px; line-height: 1.5; color: var(--pp-ink); }\n  .pp-fit-box li svg { width: 16px; height: 16px; stroke-width: 2.2; flex-shrink: 0; margin-top: 2px; }\n  .pp-fit-box.yes li svg { stroke: var(--pp-safe); }\n  .pp-fit-box.no li svg { stroke: var(--pp-danger); }\n  @media (max-width: 600px) { .pp-fit { grid-template-columns: 1fr; } }\n\n  \/* ============ SKIN TYPES ============ *\/\n  .pp-skin-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 24px; }\n  .pp-skin-card {\n    background: var(--pp-card);\n    border: 1px solid var(--pp-rule);\n    border-radius: var(--pp-radius-lg);\n    padding: 20px;\n  }\n  .pp-skin-card .row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }\n  .pp-skin-card .type { font-size: 15px; font-weight: 700; letter-spacing: -0.01em; }\n  .pp-skin-card .rate { font-size: 11px; padding: 4px 10px; border-radius: 999px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; }\n  .pp-skin-card .rate.excellent { background: var(--pp-safe-tint); color: var(--pp-safe-deep); }\n  .pp-skin-card .rate.good { background: #ecfccb; color: #4d7c0f; }\n  .pp-skin-card .rate.moderate { background: var(--pp-warn-tint); color: var(--pp-warn-deep); }\n  .pp-skin-card .meter { display: flex; gap: 4px; margin-bottom: 12px; }\n  .pp-skin-card .meter span { flex: 1; height: 6px; border-radius: 3px; background: var(--pp-rule-2); }\n  .pp-skin-card .meter span.on { background: var(--pp-accent); }\n  .pp-skin-card p { font-size: 13px; line-height: 1.55; color: var(--pp-ink-2); }\n  @media (max-width: 600px) { .pp-skin-grid { grid-template-columns: 1fr; } }\n\n  \/* ============ TIMELINE ============ *\/\n  .pp-timeline { margin-top: 24px; position: relative; padding-left: 28px; }\n  .pp-timeline::before {\n    content: \"\"; position: absolute; left: 11px; top: 8px; bottom: 8px;\n    width: 2px; background: var(--pp-rule);\n  }\n  .pp-tl-item { position: relative; padding: 4px 0 28px; }\n  .pp-tl-item:last-child { padding-bottom: 0; }\n  .pp-tl-item::before {\n    content: \"\"; position: absolute; left: -23px; top: 8px;\n    width: 12px; height: 12px; border-radius: 50%;\n    background: #fff; border: 2.5px solid var(--pp-accent);\n  }\n  .pp-tl-item .time { display: inline-block; font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--pp-accent-deep); font-weight: 700; margin-bottom: 4px; }\n  .pp-tl-item h4 { font-size: 17px; font-weight: 700; letter-spacing: -0.015em; margin-bottom: 6px; }\n  .pp-tl-item p { font-size: 14px; line-height: 1.55; color: var(--pp-ink-2); margin-bottom: 10px; }\n  .pp-tl-item .percent {\n    display: inline-flex; align-items: center; gap: 6px;\n    font-size: 12px; font-weight: 600; color: var(--pp-safe-deep);\n    padding: 4px 10px; background: var(--pp-safe-tint); border-radius: 999px;\n  }\n  .pp-tl-item .percent svg { width: 11px; height: 11px; stroke: currentColor; stroke-width: 2.4; fill: none; stroke-linecap: round; stroke-linejoin: round; }\n\n  \/* ============ REVIEWS ============ *\/\n  .pp-reviews { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 24px; }\n  .pp-review-card { background: var(--pp-card); border: 1px solid var(--pp-rule); border-radius: var(--pp-radius-lg); padding: 22px; }\n  .pp-review-card .platform { display: flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 700; letter-spacing: -0.01em; margin-bottom: 16px; }\n  .pp-review-card .platform .ico-wrap { width: 28px; height: 28px; border-radius: 7px; background: var(--pp-canvas); display: flex; align-items: center; justify-content: center; color: var(--pp-ink-2); }\n  .pp-review-card .platform .ico-wrap svg { width: 14px; height: 14px; }\n  .pp-review-card .stats { display: flex; gap: 24px; padding: 14px 0; border-top: 1px solid var(--pp-rule); border-bottom: 1px solid var(--pp-rule); margin-bottom: 14px; }\n  .pp-review-card .stat .num { font-size: 22px; font-weight: 700; letter-spacing: -0.02em; color: var(--pp-ink); }\n  .pp-review-card .stat .stars { color: var(--pp-star); letter-spacing: 1px; font-size: 11px; margin-top: 2px; }\n  .pp-review-card .stat .lbl { font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--pp-ink-3); font-weight: 600; margin-top: 4px; }\n  .pp-review-card .complaint { font-size: 13px; line-height: 1.55; color: var(--pp-ink-2); display: flex; gap: 10px; align-items: flex-start; }\n  .pp-review-card .complaint svg { width: 14px; height: 14px; stroke: var(--pp-warn); stroke-width: 2; fill: none; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; margin-top: 3px; }\n  @media (max-width: 600px) { .pp-reviews { grid-template-columns: 1fr; } }\n\n  \/* ============ PROS \/ CONS ============ *\/\n  .pp-proscons { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 24px; }\n  .pp-pc {\n    padding: 24px;\n    border-radius: var(--pp-radius-lg);\n    border: 1px solid var(--pp-rule);\n    background: var(--pp-card);\n  }\n  .pp-pc h4 { font-size: 15px; font-weight: 700; letter-spacing: -0.01em; margin-bottom: 14px; display: flex; align-items: center; gap: 10px; }\n  .pp-pc h4 .ico-wrap { width: 26px; height: 26px; border-radius: 7px; display: flex; align-items: center; justify-content: center; }\n  .pp-pc.pros h4 .ico-wrap { background: var(--pp-safe-tint); color: var(--pp-safe); }\n  .pp-pc.cons h4 .ico-wrap { background: var(--pp-danger-tint); color: var(--pp-danger); }\n  .pp-pc h4 svg { width: 14px; height: 14px; stroke-width: 2.4; }\n  .pp-pc ul { display: grid; gap: 10px; }\n  .pp-pc li { display: flex; align-items: flex-start; gap: 10px; font-size: 13.5px; line-height: 1.5; color: var(--pp-ink); }\n  .pp-pc li svg { width: 14px; height: 14px; stroke-width: 2.4; flex-shrink: 0; margin-top: 4px; }\n  .pp-pc.pros li svg { stroke: var(--pp-safe); }\n  .pp-pc.cons li svg { stroke: var(--pp-danger); }\n  @media (max-width: 600px) { .pp-proscons { grid-template-columns: 1fr; } }\n\n  \/* ============ DUPES ============ *\/\n  .pp-dupes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 24px; }\n  .pp-dupe-card {\n    position: relative;\n    background: var(--pp-card);\n    border: 1px solid var(--pp-rule);\n    border-radius: var(--pp-radius-lg);\n    overflow: hidden;\n  }\n  .pp-dupe-card .photo { aspect-ratio: 1\/1; background: var(--pp-canvas); position: relative; overflow: hidden; }\n  .pp-dupe-card .photo img { width: 100%; height: 100%; object-fit: cover; display: block; }\n  .pp-dupe-card .photo .photo-fallback { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: var(--pp-ink-3); }\n  .pp-dupe-card .match {\n    position: absolute; top: 12px; left: 12px;\n    padding: 5px 10px;\n    background: rgba(13,31,45,0.85);\n    color: #fff;\n    border-radius: 999px;\n    font-size: 11px; font-weight: 700; letter-spacing: 0.04em;\n    backdrop-filter: blur(8px);\n  }\n  .pp-dupe-card .body { padding: 18px 20px 20px; }\n  .pp-dupe-card .name { font-size: 13.5px; font-weight: 700; letter-spacing: -0.01em; line-height: 1.35; margin-bottom: 10px; min-height: 36px; }\n  .pp-dupe-card .price-row { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }\n  .pp-dupe-card .price-row .amount { font-size: 18px; font-weight: 700; letter-spacing: -0.02em; color: var(--pp-ink); }\n  .pp-dupe-card .price-row .tag { font-size: 10px; padding: 3px 8px; border-radius: 999px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; }\n  .pp-dupe-card .price-row .tag.budget { background: var(--pp-safe-tint); color: var(--pp-safe-deep); }\n  .pp-dupe-card .price-row .tag.similar { background: var(--pp-warn-tint); color: var(--pp-warn-deep); }\n  .pp-dupe-card .diff { font-size: 12.5px; line-height: 1.55; color: var(--pp-ink-2); padding-top: 12px; border-top: 1px solid var(--pp-rule); }\n  @media (max-width: 640px) { .pp-dupes { grid-template-columns: 1fr; } }\n\n  \/* ============ COMPARE ============ *\/\n  .pp-compare { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 24px; }\n  .pp-compare-card { background: var(--pp-card); border: 1px solid var(--pp-rule); border-radius: var(--pp-radius-lg); overflow: hidden; }\n  .pp-compare-card.featured { border: 2px solid var(--pp-ink); }\n  .pp-compare-card .photo { aspect-ratio: 4\/3; background: var(--pp-canvas); position: relative; }\n  .pp-compare-card .photo img { width: 100%; height: 100%; object-fit: cover; display: block; }\n  .pp-compare-card .photo .placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: var(--pp-ink-3); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; font-weight: 600; }\n  .pp-compare-card.featured .photo::before {\n    content: \"OUR PICK\"; position: absolute; top: 12px; right: 12px;\n    background: var(--pp-ink); color: #fff;\n    padding: 5px 10px; border-radius: 999px; font-size: 10px; letter-spacing: 0.12em; font-weight: 700;\n  }\n  .pp-compare-card .head { padding: 16px 18px 12px; border-bottom: 1px solid var(--pp-rule); }\n  .pp-compare-card .head h4 { font-size: 13px; font-weight: 700; letter-spacing: -0.01em; line-height: 1.3; margin-bottom: 6px; min-height: 34px; }\n  .pp-compare-card .head .price { font-size: 18px; font-weight: 700; letter-spacing: -0.02em; color: var(--pp-ink); }\n  .pp-compare-card .body { padding: 8px 18px 18px; }\n  .pp-compare-row { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 10px 0; border-bottom: 1px solid var(--pp-rule-2); }\n  .pp-compare-row:last-child { border-bottom: none; }\n  .pp-compare-row .lbl { font-size: 11px; letter-spacing: 0.06em; color: var(--pp-ink-3); font-weight: 500; text-transform: uppercase; }\n  .pp-compare-row .val { font-size: 12.5px; font-weight: 600; color: var(--pp-ink); text-align: right; max-width: 60%; }\n  .pp-compare-row .val.good { color: var(--pp-safe-deep); }\n  .pp-compare-row .val.bad { color: var(--pp-danger-deep); }\n  .pp-compare-row .val.bad svg, .pp-compare-row .val.good svg { width: 11px; height: 11px; stroke-width: 2.5; vertical-align: -1px; margin-right: 3px; }\n  @media (max-width: 720px) { .pp-compare { grid-template-columns: 1fr; } }\n\n  \/* ============ FAQ ============ *\/\n  .pp-faq { margin-top: 24px; border-top: 1px solid var(--pp-rule); }\n  .pp-faq-item { border-bottom: 1px solid var(--pp-rule); position: relative; }\n  .pp-faq-item input[type=\"checkbox\"] { position: absolute; opacity: 0; pointer-events: none; }\n  .pp-faq-item label {\n    display: flex; align-items: center; gap: 16px;\n    padding: 20px 0;\n    font-size: 16px; font-weight: 600; letter-spacing: -0.01em;\n    color: var(--pp-ink);\n    cursor: pointer;\n    user-select: none;\n  }\n  .pp-faq-item label:hover { color: var(--pp-accent-deep); }\n  .pp-faq-item label .q { flex: 1; }\n  .pp-faq-item label .ico {\n    width: 28px; height: 28px;\n    border-radius: 50%;\n    background: var(--pp-canvas);\n    display: flex; align-items: center; justify-content: center;\n    color: var(--pp-ink-2);\n    flex-shrink: 0;\n    transition: transform 0.25s ease, background 0.2s ease, color 0.2s ease;\n  }\n  .pp-faq-item label .ico svg { width: 12px; height: 12px; stroke-width: 2.5; }\n  .pp-faq-item input:checked + label .ico { background: var(--pp-ink); color: #fff; transform: rotate(45deg); }\n  .pp-faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }\n  .pp-faq-item input:checked ~ .pp-faq-answer { max-height: 500px; }\n  .pp-faq-answer p { font-size: 14px; line-height: 1.7; color: var(--pp-ink-2); padding: 0 44px 22px 0; text-wrap: pretty; }\n\n  \/* ============ VERDICT ============ *\/\n  .pp-verdict {\n    margin: 56px 0 24px;\n    padding: 40px;\n    background: var(--pp-accent-tint);\n    color: var(--pp-ink);\n    border: 1px solid color-mix(in srgb, var(--pp-accent) 30%, transparent);\n    border-radius: var(--pp-radius-lg);\n    position: relative;\n    overflow: hidden;\n  }\n  .pp-verdict .eyebrow { font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--pp-accent-deep); font-weight: 700; margin-bottom: 16px; position: relative; }\n  .pp-verdict .score-row { display: flex; align-items: baseline; gap: 16px; margin-bottom: 20px; position: relative; }\n  .pp-verdict .score { font-size: 48px; font-weight: 800; letter-spacing: -0.03em; line-height: 1; font-variant-numeric: tabular-nums; color: var(--pp-ink); }\n  .pp-verdict .max { font-size: 18px; color: var(--pp-ink-3); font-weight: 500; }\n  .pp-verdict .stars { color: var(--pp-star); letter-spacing: 3px; font-size: 18px; margin-left: auto; }\n  .pp-verdict p { font-size: 15.5px; line-height: 1.7; color: var(--pp-ink-2); position: relative; max-width: 700px; text-wrap: pretty; }\n  .pp-verdict p strong { color: var(--pp-ink); font-weight: 700; }\n\n  @media (max-width: 600px) {\n    .pp { font-size: 14px; }\n    .pp-title { margin: 40px 0 20px; padding-bottom: 12px; gap: 10px; }\n    .pp-title h2 { font-size: 20px; letter-spacing: -0.02em; }\n    .pp-title .eyebrow, .pp-title .num { font-size: 10px; letter-spacing: 0.14em; }\n    .pp-title .num { display: none; }\n    .pp-hero { padding: 4px 0 28px; }\n    .pp-hero .pp-subtitle { font-size: 16px; line-height: 1.5; }\n    .pp-hero .pp-origin { font-size: 11px; padding: 6px 12px 6px 9px; margin-bottom: 16px; }\n    .pp-badge { font-size: 11px; padding: 5px 10px; }\n    .pp-nav { margin-top: 22px; padding: 14px; }\n    .pp-nav-head { font-size: 10px; margin-bottom: 12px; }\n    .pp-nav-list { grid-template-columns: repeat(2, 1fr); gap: 6px; }\n    .pp-nav-list a { font-size: 12.5px; padding: 11px 12px; gap: 8px; }\n    .pp-nav-list a .ico { width: 14px; height: 14px; }\n    .pp-nav-list a .arrow { width: 12px; height: 12px; }\n    .pp-scorecard { margin-top: 22px; }\n    .pp-scorecard .val { font-size: 18px; }\n    .pp-scorecard .lbl { font-size: 10px; }\n    .pp-specs { grid-template-columns: repeat(2, 1fr); }\n    .pp-spec { padding: 14px 12px; border-bottom: 1px solid var(--pp-rule); }\n    .pp-spec:nth-child(odd) { border-right: 1px solid var(--pp-rule); }\n    .pp-spec:nth-last-child(-n+1) { border-bottom: none; }\n    .pp-spec .val { font-size: 13px; }\n    .pp-sensory-item { padding: 14px; }\n    .pp-feature { padding: 18px; }\n    .pp-feature .ico-wrap { width: 36px; height: 36px; margin-bottom: 12px; }\n    .pp-feature h4 { font-size: 15px; }\n    .pp-feature p { font-size: 13px; }\n    .pp-safety-item { padding: 16px 18px; gap: 12px; }\n    .pp-safety-item strong { font-size: 13.5px; }\n    .pp-safety-item p { font-size: 12.5px; }\n    .pp-ingredient { padding: 20px 18px; }\n    .pp-ingredient h3 { font-size: 17px; }\n    .pp-ingredient .ing-icon { width: 38px; height: 38px; }\n    .pp-ingredient .ing-icon svg { width: 19px; height: 19px; }\n    .pp-ingredient .ing-head { gap: 12px; }\n    .pp-ingredient .ing-head p { font-size: 13.5px; }\n    .pp-science li { font-size: 12.5px; }\n    .pp-step { padding: 16px 18px; gap: 14px; }\n    .pp-step .num { width: 28px; height: 28px; font-size: 12px; }\n    .pp-step h4 { font-size: 14px; }\n    .pp-step p { font-size: 13px; }\n    .pp-fit-box { padding: 20px; }\n    .pp-skin-card { padding: 18px; }\n    .pp-skin-card .type { font-size: 14px; }\n    .pp-timeline { padding-left: 24px; }\n    .pp-timeline::before { left: 9px; }\n    .pp-tl-item::before { left: -19px; width: 10px; height: 10px; border-width: 2px; }\n    .pp-tl-item h4 { font-size: 15.5px; }\n    .pp-tl-item p { font-size: 13.5px; }\n    .pp-review-card { padding: 18px; }\n    .pp-review-card .stats { gap: 18px; }\n    .pp-review-card .stat .num { font-size: 19px; }\n    .pp-pc { padding: 20px; }\n    .pp-dupe-card .body { padding: 14px 16px 16px; }\n    .pp-dupe-card .name { font-size: 13px; min-height: 0; }\n    .pp-compare-card .head { padding: 14px 16px 10px; }\n    .pp-compare-card .body { padding: 6px 16px 16px; }\n    .pp-compare-card .head h4 { font-size: 13px; min-height: 0; }\n    .pp-compare-card .head .price { font-size: 16px; }\n    .pp-faq-item label { font-size: 15px; padding: 18px 0; gap: 12px; }\n    .pp-faq-item label .ico { width: 26px; height: 26px; }\n    .pp-faq-answer p { font-size: 13.5px; padding: 0 36px 18px 0; }\n    .pp-verdict { padding: 28px 22px; margin: 44px 0 16px; }\n    .pp-verdict .score { font-size: 38px; }\n    .pp-verdict p { font-size: 14.5px; }\n  }\n\n  \/* ============================================================\n     ANIMATIONS — subtle, mobile-aware. Falls back to no-anim\n     where view-timeline isn't supported (Safari, older Chrome).\n     ============================================================ *\/\n  @keyframes pp-fade-up {\n    from { opacity: 0; transform: translateY(14px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n  @keyframes pp-fade-in {\n    from { opacity: 0; }\n    to   { opacity: 1; }\n  }\n  @keyframes pp-pulse-ring {\n    0%, 100% { box-shadow: 0 0 0 5px var(--pp-accent-tint); }\n    50%      { box-shadow: 0 0 0 10px color-mix(in srgb, var(--pp-accent) 18%, transparent); }\n  }\n  @keyframes pp-meter-fill {\n    from { transform: scaleX(0); }\n    to   { transform: scaleX(1); }\n  }\n  @keyframes pp-shine {\n    0%   { background-position: -200% 0; }\n    100% { background-position: 200% 0; }\n  }\n\n  \/* Meter bars: animate width from 0 *\/\n  .pp .pp-skin-card .meter span.on { transform-origin: left center; }\n\n  \/* Tooltip-style hover lift on cards (uniform) *\/\n  .pp .pp-feature, .pp .pp-ingredient, .pp .pp-skin-card,\n  .pp .pp-review-card, .pp .pp-dupe-card, .pp .pp-compare-card,\n  .pp .pp-step, .pp .pp-tl-item, .pp .pp-pc {\n    transition: transform 0.22s cubic-bezier(0.2, 0.8, 0.2, 1),\n                box-shadow 0.22s ease,\n                border-color 0.22s ease;\n  }\n  .pp .pp-feature:hover, .pp .pp-ingredient:hover, .pp .pp-skin-card:hover,\n  .pp .pp-review-card:hover, .pp .pp-dupe-card:hover, .pp .pp-compare-card:hover,\n  .pp .pp-tl-item:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 8px 24px -8px rgba(13, 31, 45, 0.08);\n  }\n\n  \/* Animated chevron lift on accordion \u0026 faq labels *\/\n  .pp .pp-accordion label .lbl-ico,\n  .pp .pp-faq-item label .q { transition: color 0.2s ease; }\n\n  \/* Verdict score — static color, no shine animation *\/\n  .pp .pp-verdict .score { color: var(--pp-accent-deep); }\n\n  \/* Scroll-triggered fade-up on cards (view-timeline) *\/\n  @supports (animation-timeline: view()) {\n    .pp .pp-feature,\n    .pp .pp-ingredient,\n    .pp .pp-sensory-item,\n    .pp .pp-skin-card,\n    .pp .pp-tl-item,\n    .pp .pp-review-card,\n    .pp .pp-dupe-card,\n    .pp .pp-compare-card,\n    .pp .pp-step,\n    .pp .pp-fit-box,\n    .pp .pp-pc,\n    .pp .pp-faq-item,\n    .pp .pp-safety-item,\n    .pp .pp-spec {\n      animation: pp-fade-up 0.7s cubic-bezier(0.2, 0.8, 0.2, 1) both;\n      animation-timeline: view();\n      animation-range: entry 0% cover 22%;\n    }\n    .pp .pp-title {\n      animation: pp-fade-in 0.5s ease both;\n      animation-timeline: view();\n      animation-range: entry 0% cover 18%;\n    }\n    .pp .pp-skin-card .meter span.on {\n      animation: pp-meter-fill 0.9s cubic-bezier(0.2, 0.8, 0.2, 1) both;\n      animation-timeline: view();\n      animation-range: entry 10% cover 30%;\n    }\n  }\n\n  \/* ============================================================\n     SCROLL REVEALS — cross-browser fallback for animation-timeline: view().\n     Cards are visible by default. When the inline script at the end\n     of .pp runs, it adds .pp-anim-ready to the root — then cards hide\n     and IntersectionObserver adds .is-visible to fade them in on scroll.\n     If the script is stripped (some Shopify themes do), content stays\n     visible — graceful degradation.\n     ============================================================ *\/\n  @media (prefers-reduced-motion: no-preference) {\n    .pp.pp-anim-ready .pp-feature,\n    .pp.pp-anim-ready .pp-ingredient,\n    .pp.pp-anim-ready .pp-sensory-item,\n    .pp.pp-anim-ready .pp-skin-card,\n    .pp.pp-anim-ready .pp-tl-item,\n    .pp.pp-anim-ready .pp-review-card,\n    .pp.pp-anim-ready .pp-dupe-card,\n    .pp.pp-anim-ready .pp-compare-card,\n    .pp.pp-anim-ready .pp-step,\n    .pp.pp-anim-ready .pp-fit-box,\n    .pp.pp-anim-ready .pp-pc,\n    .pp.pp-anim-ready .pp-faq-item,\n    .pp.pp-anim-ready .pp-safety-item,\n    .pp.pp-anim-ready .pp-spec {\n      opacity: 0;\n      transform: translateY(16px);\n      transition: opacity 0.6s cubic-bezier(0.2, 0.8, 0.2, 1),\n                  transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);\n      will-change: opacity, transform;\n    }\n    .pp.pp-anim-ready .is-visible {\n      opacity: 1 !important;\n      transform: translateY(0) !important;\n    }\n  }\n\n  \/* Tap feedback — native mobile feel *\/\n  @media (hover: none) and (pointer: coarse) {\n    .pp .pp-feature:active, .pp .pp-ingredient:active,\n    .pp .pp-skin-card:active, .pp .pp-review-card:active,\n    .pp .pp-dupe-card:active, .pp .pp-compare-card:active,\n    .pp .pp-step:active, .pp .pp-pc:active, .pp .pp-tl-item:active,\n    .pp .pp-sensory-item:active, .pp .pp-fit-box:active,\n    .pp .pp-nav-list a:active, .pp .pp-badge:active,\n    .pp .pp-faq-item label:active, .pp .pp-accordion label:active {\n      transform: scale(0.985);\n      transition: transform 0.08s ease-out;\n    }\n  }\n\n  \/* ===== Back-to-top floating button (mobile-focused) ===== *\/\n  .pp-back-to-top {\n    position: fixed;\n    bottom: 20px;\n    right: 20px;\n    width: 46px; height: 46px;\n    border-radius: 50%;\n    background: var(--pp-ink);\n    color: #fff;\n    border: none;\n    display: flex; align-items: center; justify-content: center;\n    cursor: pointer;\n    box-shadow: 0 4px 18px rgba(13, 31, 45, 0.22);\n    opacity: 0;\n    transform: translateY(20px) scale(0.9);\n    pointer-events: none;\n    transition: opacity 0.25s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);\n    z-index: 50;\n    -webkit-tap-highlight-color: transparent;\n  }\n  .pp-back-to-top.is-visible {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n    pointer-events: auto;\n  }\n  .pp-back-to-top:active { transform: translateY(0) scale(0.92); }\n  .pp-back-to-top svg {\n    width: 18px; height: 18px;\n    stroke: currentColor; stroke-width: 2; fill: none;\n    stroke-linecap: round; stroke-linejoin: round;\n  }\n  @media (min-width: 900px) { .pp-back-to-top { display: none; } }\n\n  \/* Decorative hero corner accent — removed per design feedback *\/\n  .pp-hero { position: relative; }\n  .pp-hero::before { display: none; }\n  .pp-hero \u003e * { position: relative; z-index: 1; }\n\n  \/* Respect motion preferences *\/\n  @media (prefers-reduced-motion: reduce) {\n    .pp *, .pp *::before, .pp *::after {\n      animation-duration: 0.001ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.001ms !important;\n    }\n    .pp .pp-verdict .score {\n      background: none;\n      -webkit-text-fill-color: currentColor;\n      color: var(--pp-ink);\n    }\n  }\n\n  \/* ============================================================\n     HARMONIZE — Theme \"Product Overview\" section below .pp\n     Restyles Skincarisma's Quick Product Notes \/ EWG \/ skin-type\n     \/ ingredient-list to feel native to the new .pp design.\n     ============================================================ *\/\n\n  \/* Section headings: h2.top-line and .title-with-tooltip.top-line *\/\n  h2.top-line,\n  .title-with-tooltip.top-line {\n    border-top: none !important;\n    margin: 40px 0 16px !important;\n    padding: 0 !important;\n    font-family: \"Pretendard Variable\", Pretendard, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n    font-size: 22px;\n    font-weight: 700;\n    letter-spacing: -0.022em;\n    line-height: 1.25;\n    color: var(--pp-ink);\n    position: relative;\n  }\n  h2.top-line::before,\n  .title-with-tooltip.top-line::before {\n    content: \"\";\n    display: block;\n    width: 32px;\n    height: 3px;\n    background: linear-gradient(90deg, var(--pp-accent) 0%, var(--pp-accent-deep) 100%);\n    border-radius: 999px;\n    margin-bottom: 12px;\n  }\n\n  \/* Sub-section h3 (Quick Product Notes, Notable Effects, etc.) *\/\n  .title-with-tooltip h3 {\n    font-family: \"Pretendard Variable\", Pretendard, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n    font-size: 17px;\n    font-weight: 700;\n    letter-spacing: -0.01em;\n    color: var(--pp-ink);\n    margin: 24px 0 6px;\n  }\n  .title-with-tooltip {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n  .caption-more-info {\n    font-size: 12.5px;\n    color: var(--pp-ink-3);\n    margin-bottom: 14px;\n    letter-spacing: 0.01em;\n  }\n\n  \/* Quick Product Notes grid *\/\n  .quick-products-container {\n    gap: 10px;\n    margin: 8px 0 28px !important;\n  }\n  .quick-products-container \u003e div {\n    background: var(--pp-soft);\n    border: 1px solid var(--pp-rule);\n    border-radius: var(--pp-radius-sm);\n    padding: 10px 12px !important;\n    transition: border-color 0.15s ease, background 0.15s ease;\n  }\n  .quick-products-container \u003e div:hover {\n    border-color: var(--pp-accent);\n    background: var(--pp-accent-tint);\n  }\n  .qn-icon span {\n    border-bottom: none !important;\n    font-size: 13.5px;\n    font-weight: 600;\n    color: var(--pp-ink);\n  }\n\n  \/* Notable ingredients pills *\/\n  .notable-ingredients {\n    margin: 8px 0 28px;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n  }\n  .notable-ingredients span {\n    background: var(--pp-accent-tint) !important;\n    color: var(--pp-accent-deep) !important;\n    border: 1px solid color-mix(in srgb, var(--pp-accent) 25%, transparent);\n    border-radius: 999px !important;\n    padding: 5px 11px !important;\n    font-size: 12.5px !important;\n    font-weight: 600;\n    letter-spacing: 0.005em;\n  }\n\n  \/* Skin-type categories *\/\n  .skin-type-categories {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\n    gap: 8px;\n    margin: 8px 0 28px;\n  }\n  .skin-type-container .skin-type {\n    background: var(--pp-soft);\n    border: 1px solid var(--pp-rule);\n    border-radius: var(--pp-radius-sm);\n    padding: 10px 12px;\n    font-size: 13.5px;\n    color: var(--pp-ink);\n  }\n  .skin-type-label {\n    font-weight: 600;\n    color: var(--pp-ink-2);\n    margin-right: 6px;\n  }\n\n  \/* Risk breakdown — recolor squares using design tokens *\/\n  .risk-breakdown-container {\n    background: var(--pp-soft);\n    border: 1px solid var(--pp-rule);\n    border-radius: var(--pp-radius);\n    padding: 16px 18px !important;\n    margin: 12px 0 28px;\n  }\n  .risk-breakdown-label {\n    font-weight: 600;\n    color: var(--pp-ink);\n    margin-bottom: 8px !important;\n  }\n  .risk-square {\n    border-radius: 4px !important;\n    width: 12px !important;\n    height: 12px !important;\n    display: inline-block;\n  }\n  .risk-square.low-risk,\n  .low-risk.risk-square { background: var(--pp-safe) !important; }\n  .risk-square.medium-risk,\n  .medium-risk.risk-square { background: var(--pp-warn) !important; }\n  .risk-square.high-risk,\n  .high-risk.risk-square { background: var(--pp-danger) !important; }\n\n  \/* EWG rating circles *\/\n  .cir-rating {\n    width: 28px; height: 28px;\n    border-radius: 50%;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 12px;\n    font-weight: 700;\n    color: #fff;\n  }\n  .cir-rating.low-risk { background: var(--pp-safe); }\n  .cir-rating.cir-medium { background: var(--pp-warn); }\n  .cir-rating[class*=\"high\"] { background: var(--pp-danger); }\n\n  \/* Ingredient list table *\/\n  table.ingredient-list {\n    width: 100%;\n    border-collapse: separate;\n    border-spacing: 0;\n    margin: 16px 0;\n    font-family: \"Pretendard Variable\", Pretendard, -apple-system, BlinkMacSystemFont, sans-serif;\n    font-size: 13.5px;\n  }\n  table.ingredient-list thead th {\n    background: var(--pp-soft);\n    color: var(--pp-ink-2);\n    font-weight: 600;\n    font-size: 12px;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    padding: 12px 10px !important;\n    border-bottom: 2px solid var(--pp-rule) !important;\n  }\n  table.ingredient-list tbody tr.ingredient-row {\n    transition: background 0.15s ease;\n  }\n  table.ingredient-list tbody tr.ingredient-row:hover {\n    background: var(--pp-accent-tint);\n  }\n  table.ingredient-list tbody td {\n    padding: 10px !important;\n    border-bottom: 1px solid var(--pp-rule-2) !important;\n    color: var(--pp-ink);\n  }\n  table.ingredient-list .ingredient-list-caption {\n    font-size: 12.5px;\n    color: var(--pp-ink-3);\n    margin: 4px 0 12px;\n  }\n\n  \/* Contains\/Doesn't-contain badges *\/\n  .contains-ingredient {\n    display: inline-block;\n    padding: 3px 10px;\n    border-radius: 999px;\n    font-size: 11.5px;\n    font-weight: 700;\n    letter-spacing: 0.02em;\n    text-transform: uppercase;\n  }\n  .contains-ingredient[class*=\"yes\"],\n  .contains-ingredient.yes { background: var(--pp-danger-tint); color: var(--pp-danger-deep); }\n  .contains-ingredient[class*=\"no\"],\n  .contains-ingredient.no { background: var(--pp-safe-tint); color: var(--pp-safe-deep); }\n\n  \/* Tooltips *\/\n  .tooltip-custom .tooltiptext {\n    background: #ffffff !important;\n    border: 1px solid var(--pp-rule);\n    border-radius: var(--pp-radius);\n    box-shadow: 0 10px 30px rgba(13, 31, 45, 0.12);\n    color: var(--pp-ink);\n    padding: 16px 18px !important;\n    font-size: 13.5px;\n    line-height: 1.55;\n  }\n  .tooltip-header {\n    color: var(--pp-ink);\n    font-weight: 700;\n    font-size: 14px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 6px;\n  }\n  .close-tooltip {\n    background: var(--pp-accent);\n    color: #ffffff;\n    border-radius: var(--pp-radius-sm);\n    padding: 8px 14px;\n    font-weight: 600;\n    font-size: 13px;\n    cursor: pointer;\n    transition: background 0.15s ease;\n  }\n  .close-tooltip:hover { background: var(--pp-accent-deep); }\n\n  \/* Modals *\/\n  .modal-window {\n    background: #ffffff !important;\n    border-radius: var(--pp-radius-lg) !important;\n    box-shadow: 0 24px 60px rgba(13, 31, 45, 0.18) !important;\n    border: 1px solid var(--pp-rule);\n  }\n  .modal-close {\n    color: var(--pp-ink-3);\n    transition: color 0.15s ease;\n  }\n  .modal-close:hover { color: var(--pp-ink); }\n\n  \/* Accordion panels (disclaimers, etc.) *\/\n  .accordion-panel {\n    background: var(--pp-soft);\n    border-radius: var(--pp-radius-sm);\n    padding: 12px 14px;\n    margin: 8px 0;\n    font-size: 13.5px;\n    color: var(--pp-ink-2);\n    line-height: 1.55;\n  }\n\n  \/* Mobile tweaks for harmonized section *\/\n  @media (max-width: 600px) {\n    h2.top-line,\n    .title-with-tooltip.top-line { font-size: 19px; margin-top: 32px !important; }\n    .quick-products-container { gap: 8px; }\n    .skin-type-categories { grid-template-columns: 1fr; }\n    table.ingredient-list { font-size: 12.5px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"pp\" lang=\"en\" itemscope itemtype=\"https:\/\/schema.org\/Product\"\u003e\n\n  \u003c!-- ============================================================\n       Structured data for Google Search \u0026 Google AI Overviews.\n       Visible content is the source of truth; these scripts mirror\n       it in machine-readable form. Safe to keep — Shopify also\n       outputs its own Product schema, and these schemas (FAQPage,\n       HowTo, ItemList) don't conflict.\n       ============================================================ --\u003e\n  \u003cmeta itemprop=\"name\" content=\"SKIN1004 Madagascar Centella Ampoule\"\u003e\n  \u003cmeta itemprop=\"brand\" content=\"SKIN1004\"\u003e\n  \u003cmeta itemprop=\"category\" content=\"Skincare \u0026gt; Ampoule \u0026gt; Soothing\"\u003e\n  \u003cmeta itemprop=\"countryOfOrigin\" content=\"South Korea\"\u003e\n\n  \u003cscript type=\"application\/ld+json\"\u003e\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@graph\": [\n      {\n        \"@type\": \"FAQPage\",\n        \"@id\": \"#skin1004-faq\",\n        \"mainEntity\": [\n          {\n            \"@type\": \"Question\",\n            \"name\": \"Is the SKIN1004 Madagascar Centella Ampoule pregnancy and breastfeeding safe?\",\n            \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Yes. This ampoule is completely safe during pregnancy and breastfeeding. It contains no retinoids, salicylic acid, hydroquinone, chemical sunscreens, or any other restricted ingredients. The minimalist formula with only 7 gentle ingredients makes it an excellent choice for expecting and nursing mothers. SKIN1004 officially confirms all their products are safe for use during pregnancy.\" }\n          },\n          {\n            \"@type\": \"Question\",\n            \"name\": \"Is the SKIN1004 Madagascar Centella Ampoule fungal acne (Malassezia) safe?\",\n            \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Yes \\u2014 100% fungal acne safe with zero triggers. It contains no ferments, fatty acids (oleic, lauric, palmitic), esters, polysorbates, or any other ingredients known to feed Malassezia yeast. Verified by multiple ingredient analyzers including SkinSort and Folliculitis Scout. One of the safest options for those struggling with fungal acne.\" }\n          },\n          {\n            \"@type\": \"Question\",\n            \"name\": \"Can I use SKIN1004 Madagascar Centella Ampoule with retinol, vitamin C, AHA or BHA?\",\n            \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Absolutely. This ampoule pairs wonderfully with actives like retinol, vitamin C, AHAs, and BHAs. It is perfect for using after these potentially irritating actives to soothe and calm the skin. Apply your active first, wait for it to absorb, then follow with the Centella Ampoule to reduce any irritation. Especially helpful during the retinol adjustment period.\" }\n          },\n          {\n            \"@type\": \"Question\",\n            \"name\": \"What skin type is SKIN1004 Madagascar Centella Ampoule best for?\",\n            \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Suitable for all skin types, but especially excellent for sensitive, combination, oily, and acne-prone skin. The lightweight, watery texture makes it perfect for those who dislike heavy products. Dry skin types can still benefit but should layer it multiple times and follow with a richer moisturizer. Particularly recommended for reactive, easily irritated, or compromised skin barriers.\" }\n          },\n          {\n            \"@type\": \"Question\",\n            \"name\": \"How long until I see results from SKIN1004 Madagascar Centella Ampoule?\",\n            \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"You will feel immediate hydration and comfort upon first application. Visible reduction in redness and irritation typically occurs within 1\\u20132 weeks of consistent use. Improved skin barrier function and overall skin health usually become apparent after 4\\u20136 weeks. For best results, use twice daily (morning and night) consistently. This is a soothing product, not an active treatment, so effects are gentle and cumulative.\" }\n          },\n          {\n            \"@type\": \"Question\",\n            \"name\": \"Where does SKIN1004 Madagascar Centella Ampoule go in my skincare routine?\",\n            \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Apply after cleansing and toning, but before heavier serums and moisturizers. Order: Cleanser \\u2192 Toner \\u2192 This Ampoule \\u2192 Serum \\u2192 Moisturizer \\u2192 Sunscreen (AM). If using active treatments (retinol, vitamin C, acids), apply them before this ampoule. You can layer multiple applications for extra hydration. Works for both morning and evening routines.\" }\n          },\n          {\n            \"@type\": \"Question\",\n            \"name\": \"Is SKIN1004 Madagascar Centella Ampoule comedogenic or will it clog pores?\",\n            \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"No. This ampoule has a comedogenic rating of 0\/5, meaning it will not clog pores. None of the 7 ingredients are known pore-cloggers. Specifically formulated to be non-comedogenic and safe for acne-prone skin. The watery, lightweight formula absorbs quickly without leaving any residue. Many users with acne-prone skin report it helps calm existing breakouts without causing new ones.\" }\n          },\n          {\n            \"@type\": \"Question\",\n            \"name\": \"How long does SKIN1004 Madagascar Centella Ampoule last after opening?\",\n            \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"PAO (Period After Opening) is 12 months. Once opened, use within one year for optimal effectiveness and safety. Store in a cool, dry place away from direct sunlight. The glass bottle helps protect the formula from light degradation. With typical daily use (2\\u20133 drops twice daily), the 55ml bottle lasts approximately 3\\u20134 months, and the 100ml bottle lasts 6\\u20138 months.\" }\n          }\n        ]\n      },\n      {\n        \"@type\": \"HowTo\",\n        \"@id\": \"#skin1004-how-to-use\",\n        \"name\": \"How to use SKIN1004 Madagascar Centella Ampoule\",\n        \"description\": \"Step-by-step application for the SKIN1004 Madagascar Centella Ampoule, a soothing watery ampoule for sensitive and acne-prone skin.\",\n        \"totalTime\": \"PT2M\",\n        \"supply\": [\n          { \"@type\": \"HowToSupply\", \"name\": \"SKIN1004 Madagascar Centella Ampoule\" },\n          { \"@type\": \"HowToSupply\", \"name\": \"Facial cleanser\" },\n          { \"@type\": \"HowToSupply\", \"name\": \"Hydrating toner\" },\n          { \"@type\": \"HowToSupply\", \"name\": \"Moisturizer\" },\n          { \"@type\": \"HowToSupply\", \"name\": \"Broad-spectrum sunscreen (AM)\" }\n        ],\n        \"step\": [\n          { \"@type\": \"HowToStep\", \"position\": 1, \"name\": \"Cleanse and tone\", \"text\": \"Start with clean skin. Apply your toner and let it absorb.\" },\n          { \"@type\": \"HowToStep\", \"position\": 2, \"name\": \"Dispense 2\\u20133 drops\", \"text\": \"Drop the ampoule onto your palm or directly onto your face.\" },\n          { \"@type\": \"HowToStep\", \"position\": 3, \"name\": \"Pat to absorb\", \"text\": \"Gently pat the ampoule into your skin until fully absorbed. No need to rub.\" },\n          { \"@type\": \"HowToStep\", \"position\": 4, \"name\": \"Layer and seal\", \"text\": \"Follow with your serum, moisturizer, and sunscreen (AM). Layer multiple applications for extra hydration.\" }\n        ]\n      },\n      {\n        \"@type\": \"ItemList\",\n        \"@id\": \"#skin1004-ingredients\",\n        \"name\": \"Full ingredients (INCI) of SKIN1004 Madagascar Centella Ampoule\",\n        \"numberOfItems\": 7,\n        \"itemListOrder\": \"https:\/\/schema.org\/ItemListOrderAscending\",\n        \"itemListElement\": [\n          { \"@type\": \"ListItem\", \"position\": 1, \"name\": \"Water\" },\n          { \"@type\": \"ListItem\", \"position\": 2, \"name\": \"Glycerin\" },\n          { \"@type\": \"ListItem\", \"position\": 3, \"name\": \"Butylene Glycol\" },\n          { \"@type\": \"ListItem\", \"position\": 4, \"name\": \"Centella Asiatica Extract\" },\n          { \"@type\": \"ListItem\", \"position\": 5, \"name\": \"1,2-Hexanediol\" },\n          { \"@type\": \"ListItem\", \"position\": 6, \"name\": \"Cellulose Gum\" },\n          { \"@type\": \"ListItem\", \"position\": 7, \"name\": \"Ethylhexylglycerin\" }\n        ]\n      }\n    ]\n  }\n  \u003c\/script\u003e\n\n  \u003c!-- ===== Reusable SVG icon sprite (defined once, used everywhere) ===== --\u003e\n  \u003csvg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\" focusable=\"false\"\u003e\n    \u003cdefs\u003e\n      \u003csymbol id=\"i-check\" viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/symbol\u003e\n      \u003csymbol id=\"i-x\" viewbox=\"0 0 24 24\"\u003e\u003cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\u003e\u003c\/line\u003e\u003cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\u003e\u003c\/line\u003e\u003c\/symbol\u003e\n      \u003csymbol id=\"i-plus\" viewbox=\"0 0 24 24\"\u003e\u003cline x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\u003e\u003c\/line\u003e\u003cline x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\u003e\u003c\/line\u003e\u003c\/symbol\u003e\n      \u003csymbol id=\"i-chev-down\" viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/symbol\u003e\n      \u003csymbol id=\"i-shield\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2L4 6v6c0 5 3.5 9.5 8 10 4.5-.5 8-5 8-10V6l-8-4z\"\u003e\u003c\/path\u003e\u003c\/symbol\u003e\n      \u003csymbol id=\"i-shield-check\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2L4 6v6c0 5 3.5 9.5 8 10 4.5-.5 8-5 8-10V6l-8-4z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"9 12 11 14 15 10\"\u003e\u003c\/polyline\u003e\u003c\/symbol\u003e\n      \u003csymbol id=\"i-flask\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M9 2v6L4 18a2 2 0 002 3h12a2 2 0 002-3l-5-10V2\"\u003e\u003c\/path\u003e\u003cline x1=\"8\" y1=\"2\" x2=\"16\" y2=\"2\"\u003e\u003c\/line\u003e\u003c\/symbol\u003e\n      \u003csymbol id=\"i-leaf\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M6 22c0-8 6-14 14-14 0 8-6 14-14 14z\"\u003e\u003c\/path\u003e\u003cpath d=\"M6 22c4-8 10-12 14-12\"\u003e\u003c\/path\u003e\u003c\/symbol\u003e\n      \u003csymbol id=\"i-droplet\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2.5l5.5 7a7 7 0 11-11 0L12 2.5z\"\u003e\u003c\/path\u003e\u003c\/symbol\u003e\n      \u003csymbol id=\"i-sparkle\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2l2 6 6 2-6 2-2 6-2-6-6-2 6-2 2-6z\"\u003e\u003c\/path\u003e\u003c\/symbol\u003e\n      \u003csymbol id=\"i-star\" viewbox=\"0 0 24 24\"\u003e\u003cpolygon points=\"12 2 15 9 22 10 17 15 18 22 12 19 6 22 7 15 2 10 9 9 12 2\"\u003e\u003c\/polygon\u003e\u003c\/symbol\u003e\n      \u003csymbol id=\"i-clock\" viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"9\"\u003e\u003c\/circle\u003e\u003cpolyline points=\"12 7 12 12 15 14\"\u003e\u003c\/polyline\u003e\u003c\/symbol\u003e\n      \u003csymbol id=\"i-sun\" viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"4\"\u003e\u003c\/circle\u003e\u003cline x1=\"12\" y1=\"2\" x2=\"12\" y2=\"5\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"19\" x2=\"12\" y2=\"22\"\u003e\u003c\/line\u003e\u003cline x1=\"4.2\" y1=\"4.2\" x2=\"6.3\" y2=\"6.3\"\u003e\u003c\/line\u003e\u003cline x1=\"17.7\" y1=\"17.7\" x2=\"19.8\" y2=\"19.8\"\u003e\u003c\/line\u003e\u003cline x1=\"2\" y1=\"12\" x2=\"5\" y2=\"12\"\u003e\u003c\/line\u003e\u003cline x1=\"19\" y1=\"12\" x2=\"22\" y2=\"12\"\u003e\u003c\/line\u003e\u003cline x1=\"4.2\" y1=\"19.8\" x2=\"6.3\" y2=\"17.7\"\u003e\u003c\/line\u003e\u003cline x1=\"17.7\" y1=\"6.3\" x2=\"19.8\" y2=\"4.2\"\u003e\u003c\/line\u003e\u003c\/symbol\u003e\n      \u003csymbol id=\"i-wind\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M3 8h11a3 3 0 100-6\"\u003e\u003c\/path\u003e\u003cpath d=\"M3 16h15a3 3 0 110 6\"\u003e\u003c\/path\u003e\u003cpath d=\"M3 12h18\"\u003e\u003c\/path\u003e\u003c\/symbol\u003e\n      \u003csymbol id=\"i-target\" viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"9\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"1.5\" fill=\"currentColor\" stroke=\"none\"\u003e\u003c\/circle\u003e\u003c\/symbol\u003e\n      \u003csymbol id=\"i-bottle\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M10 2h4v4l1 2v11a3 3 0 01-3 3h-0a3 3 0 01-3-3V8l1-2V2z\"\u003e\u003c\/path\u003e\u003cline x1=\"9\" y1=\"13\" x2=\"15\" y2=\"13\"\u003e\u003c\/line\u003e\u003c\/symbol\u003e\n      \u003csymbol id=\"i-trending\" viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"3 17 9 11 13 15 21 7\"\u003e\u003c\/polyline\u003e\u003cpolyline points=\"15 7 21 7 21 13\"\u003e\u003c\/polyline\u003e\u003c\/symbol\u003e\n      \u003csymbol id=\"i-refresh\" viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"22 4 22 10 16 10\"\u003e\u003c\/polyline\u003e\u003cpolyline points=\"2 20 2 14 8 14\"\u003e\u003c\/polyline\u003e\u003cpath d=\"M22 10a10 10 0 00-18-3M2 14a10 10 0 0018 3\"\u003e\u003c\/path\u003e\u003c\/symbol\u003e\n      \u003csymbol id=\"i-coin\" viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"9\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 7v10\"\u003e\u003c\/path\u003e\u003cpath d=\"M15 9.5a2.5 2.5 0 00-3-1c-1.5 0-2.5 1-2.5 2s1 1.5 2.5 2 2.5 1 2.5 2-1 2-2.5 2a2.5 2.5 0 01-3-1\"\u003e\u003c\/path\u003e\u003c\/symbol\u003e\n      \u003csymbol id=\"i-scale\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 3v18\"\u003e\u003c\/path\u003e\u003cpath d=\"M6 21h12\"\u003e\u003c\/path\u003e\u003cpath d=\"M3 9l3-6 3 6c-1.5 2-4.5 2-6 0z\"\u003e\u003c\/path\u003e\u003cpath d=\"M15 9l3-6 3 6c-1.5 2-4.5 2-6 0z\"\u003e\u003c\/path\u003e\u003c\/symbol\u003e\n      \u003csymbol id=\"i-help\" viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"9\"\u003e\u003c\/circle\u003e\u003cpath d=\"M9.5 9a2.5 2.5 0 015 0c0 2-2.5 2-2.5 4\"\u003e\u003c\/path\u003e\u003cline x1=\"12\" y1=\"17\" x2=\"12\" y2=\"17.5\"\u003e\u003c\/line\u003e\u003c\/symbol\u003e\n      \u003csymbol id=\"i-info\" viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"9\"\u003e\u003c\/circle\u003e\u003cline x1=\"12\" y1=\"11\" x2=\"12\" y2=\"16\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"8\" x2=\"12\" y2=\"8.5\"\u003e\u003c\/line\u003e\u003c\/symbol\u003e\n      \u003csymbol id=\"i-pin\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 22s7-7 7-12a7 7 0 10-14 0c0 5 7 12 7 12z\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"10\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003c\/symbol\u003e\n      \u003csymbol id=\"i-list\" viewbox=\"0 0 24 24\"\u003e\u003cline x1=\"9\" y1=\"6\" x2=\"20\" y2=\"6\"\u003e\u003c\/line\u003e\u003cline x1=\"9\" y1=\"12\" x2=\"20\" y2=\"12\"\u003e\u003c\/line\u003e\u003cline x1=\"9\" y1=\"18\" x2=\"20\" y2=\"18\"\u003e\u003c\/line\u003e\u003cline x1=\"4\" y1=\"6\" x2=\"4\" y2=\"6.01\"\u003e\u003c\/line\u003e\u003cline x1=\"4\" y1=\"12\" x2=\"4\" y2=\"12.01\"\u003e\u003c\/line\u003e\u003cline x1=\"4\" y1=\"18\" x2=\"4\" y2=\"18.01\"\u003e\u003c\/line\u003e\u003c\/symbol\u003e\n      \u003csymbol id=\"i-cart\" viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"9\" cy=\"21\" r=\"1\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"19\" cy=\"21\" r=\"1\"\u003e\u003c\/circle\u003e\u003cpath d=\"M2.5 3H5l2.7 13a2 2 0 002 1.6h8.4a2 2 0 002-1.6L22 7H6\"\u003e\u003c\/path\u003e\u003c\/symbol\u003e\n      \u003csymbol id=\"i-globe\" viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"9\"\u003e\u003c\/circle\u003e\u003cline x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"\u003e\u003c\/line\u003e\u003cpath d=\"M12 3c2.5 3 4 6 4 9s-1.5 6-4 9c-2.5-3-4-6-4-9s1.5-6 4-9z\"\u003e\u003c\/path\u003e\u003c\/symbol\u003e\n      \u003csymbol id=\"i-package\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M20 8l-8-4-8 4v8l8 4 8-4V8z\"\u003e\u003c\/path\u003e\u003cline x1=\"4\" y1=\"8\" x2=\"20\" y2=\"8\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"12\" x2=\"12\" y2=\"20\"\u003e\u003c\/line\u003e\u003c\/symbol\u003e\n      \u003csymbol id=\"i-calendar\" viewbox=\"0 0 24 24\"\u003e\u003crect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\u003e\u003c\/rect\u003e\u003cline x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\u003e\u003c\/line\u003e\u003cline x1=\"8\" y1=\"3\" x2=\"8\" y2=\"7\"\u003e\u003c\/line\u003e\u003cline x1=\"16\" y1=\"3\" x2=\"16\" y2=\"7\"\u003e\u003c\/line\u003e\u003c\/symbol\u003e\n      \u003csymbol id=\"i-home\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M3 11l9-7 9 7v9a2 2 0 01-2 2h-4v-7H9v7H5a2 2 0 01-2-2v-9z\"\u003e\u003c\/path\u003e\u003c\/symbol\u003e\n      \u003csymbol id=\"i-plane\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M22 12l-9 4-3 6-2-5-5-2 6-3 4-9 9 9z\"\u003e\u003c\/path\u003e\u003c\/symbol\u003e\n      \u003csymbol id=\"i-arrow-right\" viewbox=\"0 0 24 24\"\u003e\u003cline x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\u003e\u003c\/line\u003e\u003cpolyline points=\"12 5 19 12 12 19\"\u003e\u003c\/polyline\u003e\u003c\/symbol\u003e\n    \u003c\/defs\u003e\n  \u003c\/svg\u003e\n\n  \u003c!-- =========================================================\n       HERO — overview, origin, badges, jump-nav\n       ========================================================= --\u003e\n  \u003csection id=\"pp-overview\" class=\"pp-hero\" aria-labelledby=\"pp-hero-title\"\u003e\n    \u003ch2 id=\"pp-hero-title\" class=\"pp-sr-only\"\u003eProduct overview\u003c\/h2\u003e\n\n    \u003cdiv class=\"pp-origin\"\u003e\n      \u003csvg class=\"pin\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 22s7-7 7-12a7 7 0 10-14 0c0 5 7 12 7 12z\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"10\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n      Made in South Korea\n      \u003cspan class=\"dot\"\u003e\u003c\/span\u003e\n      K-BEAUTY\n    \u003c\/div\u003e\n\n    \u003cp class=\"pp-subtitle\"\u003eA lightweight, fast-absorbing ampoule featuring pure \u003cstrong\u003eCentella Asiatica extract\u003c\/strong\u003e sourced from Madagascar. Soothes visible redness, strengthens the skin barrier, and delivers deep hydration without stickiness — a minimalist 7-ingredient formula for sensitive, irritated, and acne-prone skin.\u003c\/p\u003e\n\n    \u003cdiv class=\"pp-badges\"\u003e\n      \u003cspan class=\"pp-badge\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e Pregnancy Safe\u003c\/span\u003e\n      \u003cspan class=\"pp-badge\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e Fungal Acne Safe\u003c\/span\u003e\n      \u003cspan class=\"pp-badge\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e Vegan\u003c\/span\u003e\n      \u003cspan class=\"pp-badge\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e Cruelty-Free · PETA\u003c\/span\u003e\n      \u003cspan class=\"pp-badge\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e Fragrance-Free\u003c\/span\u003e\n      \u003cspan class=\"pp-badge\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e EWG Green\u003c\/span\u003e\n      \u003cspan class=\"pp-badge\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e Alcohol-Free\u003c\/span\u003e\n      \u003cspan class=\"pp-badge\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e Minimalist · 7 INGR\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cnav class=\"pp-nav\" aria-label=\"Jump to product section\"\u003e\n      \u003cdiv class=\"pp-nav-head\" aria-hidden=\"true\"\u003eJump to section\u003c\/div\u003e\n      \u003cdiv class=\"pp-nav-list\"\u003e\n        \u003ca href=\"#pp-safety\"\u003e\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-shield\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003cspan class=\"lbl\"\u003eSafety\u003c\/span\u003e\u003csvg class=\"ico arrow\"\u003e\u003cuse href=\"#i-arrow-right\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/a\u003e\n        \u003ca href=\"#pp-ingredients\"\u003e\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-flask\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003cspan class=\"lbl\"\u003eIngredients\u003c\/span\u003e\u003csvg class=\"ico arrow\"\u003e\u003cuse href=\"#i-arrow-right\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/a\u003e\n        \u003ca href=\"#pp-routine\"\u003e\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-refresh\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003cspan class=\"lbl\"\u003eRoutine\u003c\/span\u003e\u003csvg class=\"ico arrow\"\u003e\u003cuse href=\"#i-arrow-right\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/a\u003e\n        \u003ca href=\"#pp-skin-types\"\u003e\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-target\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003cspan class=\"lbl\"\u003eSkin Types\u003c\/span\u003e\u003csvg class=\"ico arrow\"\u003e\u003cuse href=\"#i-arrow-right\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/a\u003e\n        \u003ca href=\"#pp-results\"\u003e\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-trending\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003cspan class=\"lbl\"\u003eResults\u003c\/span\u003e\u003csvg class=\"ico arrow\"\u003e\u003cuse href=\"#i-arrow-right\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/a\u003e\n        \u003ca href=\"#pp-reviews\"\u003e\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-star\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003cspan class=\"lbl\"\u003eReviews\u003c\/span\u003e\u003csvg class=\"ico arrow\"\u003e\u003cuse href=\"#i-arrow-right\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/a\u003e\n        \u003ca href=\"#pp-dupes\"\u003e\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-coin\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003cspan class=\"lbl\"\u003eDupes\u003c\/span\u003e\u003csvg class=\"ico arrow\"\u003e\u003cuse href=\"#i-arrow-right\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/a\u003e\n        \u003ca href=\"#pp-compare\"\u003e\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-scale\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003cspan class=\"lbl\"\u003eCompare\u003c\/span\u003e\u003csvg class=\"ico arrow\"\u003e\u003cuse href=\"#i-arrow-right\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/a\u003e\n        \u003ca href=\"#pp-faq\"\u003e\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-help\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003cspan class=\"lbl\"\u003eFAQ\u003c\/span\u003e\u003csvg class=\"ico arrow\"\u003e\u003cuse href=\"#i-arrow-right\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/a\u003e\n      \u003c\/div\u003e\n    \u003c\/nav\u003e\n\n    \u003c!-- Score strip --\u003e\n    \u003cdiv class=\"pp-scorecard\"\u003e\n      \u003cdiv\u003e\n        \u003cdiv class=\"lbl\"\u003ePregnancy\u003c\/div\u003e\n        \u003cdiv class=\"val\"\u003e\n\u003csvg class=\"check\"\u003e\u003cuse href=\"#i-check\"\u003e\u003c\/use\u003e\u003c\/svg\u003e Safe\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cdiv class=\"lbl\"\u003eFungal Acne\u003c\/div\u003e\n        \u003cdiv class=\"val\"\u003e\n\u003csvg class=\"check\"\u003e\u003cuse href=\"#i-check\"\u003e\u003c\/use\u003e\u003c\/svg\u003e Safe\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cdiv class=\"lbl\"\u003eComedogenic\u003c\/div\u003e\n        \u003cdiv class=\"val\"\u003e0\u003csmall\u003e\/ 5\u003c\/small\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Hard specs strip --\u003e\n    \u003cdiv class=\"pp-specs\"\u003e\n      \u003cdiv class=\"pp-spec\"\u003e\n        \u003cdiv class=\"ico-wrap\"\u003e\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-bottle\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/div\u003e\n        \u003cdiv class=\"lbl\"\u003eSize\u003c\/div\u003e\n        \u003cdiv class=\"val\"\u003e55 \/ 100 ml\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pp-spec\"\u003e\n        \u003cdiv class=\"ico-wrap\"\u003e\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-droplet\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/div\u003e\n        \u003cdiv class=\"lbl\"\u003eType\u003c\/div\u003e\n        \u003cdiv class=\"val\"\u003eAmpoule\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pp-spec\"\u003e\n        \u003cdiv class=\"ico-wrap\"\u003e\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-target\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/div\u003e\n        \u003cdiv class=\"lbl\"\u003eConcern\u003c\/div\u003e\n        \u003cdiv class=\"val\"\u003eSoothing\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pp-spec\"\u003e\n        \u003cdiv class=\"ico-wrap\"\u003e\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-sun\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/div\u003e\n        \u003cdiv class=\"lbl\"\u003eUse\u003c\/div\u003e\n        \u003cdiv class=\"val\"\u003eAM \u0026amp; PM\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pp-spec\"\u003e\n        \u003cdiv class=\"ico-wrap\"\u003e\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-leaf\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/div\u003e\n        \u003cdiv class=\"lbl\"\u003eKey Active\u003c\/div\u003e\n        \u003cdiv class=\"val\"\u003eCentella\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Featured highlight: the unique value proposition --\u003e\n    \u003cdiv class=\"pp-highlight\"\u003e\n      \u003cspan class=\"eyebrow\"\u003e\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-sparkle\"\u003e\u003c\/use\u003e\u003c\/svg\u003e Why it’s different\u003c\/span\u003e\n      \u003ch3\u003eThe 7\\u00d7 Madagascar advantage\u003c\/h3\u003e\n      \u003cp\u003eCentella sourced from Madagascar contains \u003cstrong\u003e7\\u00d7 more active compounds\u003c\/strong\u003e — asiaticoside, madecassoside, asiatic and madecassic acid — than Centella grown in other regions. More potency, faster soothing, stronger barrier support.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- ============ TEXTURE \u0026 FEEL ============ --\u003e\n  \u003cdiv class=\"pp-title\"\u003e\n    \u003cspan class=\"eyebrow\"\u003e01\u003c\/span\u003e\n    \u003ch2\u003eTexture \u0026amp; feel\u003c\/h2\u003e\n    \u003cspan class=\"num\"\u003eSENSORY\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pp-sensory\"\u003e\n    \u003cdiv class=\"pp-sensory-item\"\u003e\n      \u003cdiv class=\"top\"\u003e\u003cdiv class=\"ico-wrap\"\u003e\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-droplet\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/div\u003e\u003c\/div\u003e\n      \u003cdiv class=\"lbl\"\u003eConsistency\u003c\/div\u003e\n      \u003cdiv class=\"val\"\u003eWatery, liquid\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pp-sensory-item\"\u003e\n      \u003cdiv class=\"top\"\u003e\u003cdiv class=\"ico-wrap\"\u003e\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-wind\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/div\u003e\u003c\/div\u003e\n      \u003cdiv class=\"lbl\"\u003eScent\u003c\/div\u003e\n      \u003cdiv class=\"val\"\u003eFragrance-free\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pp-sensory-item\"\u003e\n      \u003cdiv class=\"top\"\u003e\u003cdiv class=\"ico-wrap\"\u003e\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-clock\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/div\u003e\u003c\/div\u003e\n      \u003cdiv class=\"lbl\"\u003eAbsorption\u003c\/div\u003e\n      \u003cdiv class=\"val\"\u003eInstant\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pp-sensory-item\"\u003e\n      \u003cdiv class=\"top\"\u003e\u003cdiv class=\"ico-wrap\"\u003e\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-sparkle\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/div\u003e\u003c\/div\u003e\n      \u003cdiv class=\"lbl\"\u003eFinish\u003c\/div\u003e\n      \u003cdiv class=\"val\"\u003eDewy, hydrated\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ============ KEY FEATURES ============ --\u003e\n  \u003cdiv class=\"pp-features\"\u003e\n    \u003cdiv class=\"pp-feature\"\u003e\n      \u003cdiv class=\"ico-wrap\"\u003e\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-leaf\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/div\u003e\n      \u003ch4\u003eMadagascar-sourced Centella\u003c\/h4\u003e\n      \u003cp\u003eCentella Asiatica from Madagascar with up to 7× higher concentration of active compounds (asiaticoside, madecassoside) compared to other regions.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pp-feature\"\u003e\n      \u003cdiv class=\"ico-wrap\"\u003e\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-flask\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/div\u003e\n      \u003ch4\u003eMinimalist formula · 7 ingredients\u003c\/h4\u003e\n      \u003cp\u003eOnly 7 carefully selected ingredients ensure maximum soothing benefits with minimal irritation risk. No unnecessary fillers or harsh additives.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pp-feature\"\u003e\n      \u003cdiv class=\"ico-wrap\"\u003e\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-droplet\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/div\u003e\n      \u003ch4\u003eDeep hydration\u003c\/h4\u003e\n      \u003cp\u003eWatery texture penetrates quickly to deliver moisture deep into the skin while strengthening the natural moisture barrier.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pp-feature\"\u003e\n      \u003cdiv class=\"ico-wrap\"\u003e\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-shield\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/div\u003e\n      \u003ch4\u003eSkin barrier support\u003c\/h4\u003e\n      \u003cp\u003eHelps restore and strengthen the skin's protective barrier — ideal for compromised, sensitized, or post-procedure skin.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ============ SAFETY ============ --\u003e\n  \u003cdiv class=\"pp-title\" id=\"pp-safety\"\u003e\n    \u003cspan class=\"eyebrow\"\u003e02\u003c\/span\u003e\n    \u003ch2\u003eSafety \u0026amp; compatibility\u003c\/h2\u003e\n    \u003cspan class=\"num\"\u003eSAFE\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pp-safety\"\u003e\n    \u003cdiv class=\"pp-safety-item safe\"\u003e\n      \u003cdiv class=\"ico-wrap\"\u003e\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-check\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003ePregnancy \u0026amp; breastfeeding safe\u003c\/strong\u003e\n        \u003cp\u003eContains no retinoids, salicylic acid, hydroquinone, or chemical sunscreens. All ingredients are considered safe during pregnancy and nursing.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pp-safety-item safe\"\u003e\n      \u003cdiv class=\"ico-wrap\"\u003e\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-check\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eFungal acne (Malassezia) safe\u003c\/strong\u003e\n        \u003cp\u003eZero fungal acne triggers. Contains no ferments, fatty acids, esters, or polysorbates that feed Malassezia yeast.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pp-safety-item safe\"\u003e\n      \u003cdiv class=\"ico-wrap\"\u003e\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-check\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eNon-comedogenic · 0\/5\u003c\/strong\u003e\n        \u003cp\u003eRated 0\/5 on the comedogenic scale. Will not clog pores or cause breakouts. Safe for acne-prone skin.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pp-safety-item safe\"\u003e\n      \u003cdiv class=\"ico-wrap\"\u003e\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-check\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eSensitive skin friendly\u003c\/strong\u003e\n        \u003cp\u003eFree from fragrances, essential oils, and common irritants. EWG Green Grade certified for safety.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pp-safety-item info\"\u003e\n      \u003cdiv class=\"ico-wrap\"\u003e\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-info\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eActive ingredient compatibility\u003c\/strong\u003e\n        \u003cp\u003ePairs well with retinol, vitamin C, AHAs, BHAs, and niacinamide. Use after actives to soothe and calm the skin.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pp-safety-item info\"\u003e\n      \u003cdiv class=\"ico-wrap\"\u003e\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-info\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003ePost-procedure use\u003c\/strong\u003e\n        \u003cp\u003eGentle enough to use after chemical peels, laser treatments, or microneedling to calm redness and support healing.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ============ INGREDIENTS ============ --\u003e\n  \u003cdiv class=\"pp-title\" id=\"pp-ingredients\"\u003e\n    \u003cspan class=\"eyebrow\"\u003e03\u003c\/span\u003e\n    \u003ch2\u003eIngredient breakdown\u003c\/h2\u003e\n    \u003cspan class=\"num\"\u003eINCI\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pp-ingredient\" itemscope itemtype=\"https:\/\/schema.org\/ChemicalSubstance\"\u003e\n    \u003cdiv class=\"ing-head\"\u003e\n      \u003cdiv class=\"ing-icon\" aria-hidden=\"true\"\u003e\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-leaf\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/div\u003e\n      \u003ch3 itemprop=\"name\"\u003eCentella Asiatica Extract \u003cspan class=\"tag proven\"\u003eProven\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"ing-desc\" itemprop=\"description\"\u003eThe star ingredient sourced from Madagascar, known for its exceptional wound-healing, anti-inflammatory, and skin-soothing properties. Contains four key bioactive compounds that work synergistically.\u003c\/p\u003e\n    \u003cul class=\"pp-science\"\u003e\n      \u003cli\u003e\u003cspan\u003e\u003cstrong\u003eMadecassoside\u003c\/strong\u003e — powerful anti-inflammatory that calms redness and irritation.\u003c\/span\u003e\u003c\/li\u003e\n      \u003cli\u003e\u003cspan\u003e\u003cstrong\u003eAsiaticoside\u003c\/strong\u003e — stimulates collagen synthesis and supports wound healing.\u003c\/span\u003e\u003c\/li\u003e\n      \u003cli\u003e\u003cspan\u003e\u003cstrong\u003eAsiatic Acid\u003c\/strong\u003e — antioxidant properties that protect against environmental damage.\u003c\/span\u003e\u003c\/li\u003e\n      \u003cli\u003e\u003cspan\u003e\u003cstrong\u003eMadecassic Acid\u003c\/strong\u003e — strengthens skin barrier and improves hydration.\u003c\/span\u003e\u003c\/li\u003e\n    \u003c\/ul\u003e\n    \u003cdiv class=\"pp-callout positive\"\u003e\n      \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2l2 6 6 2-6 2-2 6-2-6-6-2 6-2 2-6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003cdiv\u003eSKIN1004 claims their Madagascar-sourced Centella contains \u003cstrong\u003e7× higher concentration\u003c\/strong\u003e of active compounds compared to Centella grown in other regions.\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pp-ingredient\" itemscope itemtype=\"https:\/\/schema.org\/ChemicalSubstance\"\u003e\n    \u003cdiv class=\"ing-head\"\u003e\n      \u003cdiv class=\"ing-icon\" aria-hidden=\"true\"\u003e\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-droplet\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/div\u003e\n      \u003ch3 itemprop=\"name\"\u003eGlycerin \u003cspan class=\"tag proven\"\u003eProven\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"ing-desc\" itemprop=\"description\"\u003eA powerful humectant that draws moisture from the environment into the skin. Studies show glycerin is more effective than hyaluronic acid at certain concentrations.\u003c\/p\u003e\n    \u003cul class=\"pp-science\"\u003e\n      \u003cli\u003e\u003cspan\u003e\u003cstrong\u003eFunction\u003c\/strong\u003e — attracts and retains moisture in the skin.\u003c\/span\u003e\u003c\/li\u003e\n      \u003cli\u003e\u003cspan\u003e\u003cstrong\u003eBenefit\u003c\/strong\u003e — improves skin barrier function and flexibility.\u003c\/span\u003e\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pp-ingredient\" itemscope itemtype=\"https:\/\/schema.org\/ChemicalSubstance\"\u003e\n    \u003cdiv class=\"ing-head\"\u003e\n      \u003cdiv class=\"ing-icon\" aria-hidden=\"true\"\u003e\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-flask\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/div\u003e\n      \u003ch3 itemprop=\"name\"\u003eButylene Glycol \u003cspan class=\"tag supporting\"\u003eSupporting\u003c\/span\u003e\n\u003c\/h3\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"ing-desc\" itemprop=\"description\"\u003eA multi-functional ingredient that acts as a humectant, solvent, and penetration enhancer. Helps other ingredients absorb better while providing a smooth, non-sticky feel.\u003c\/p\u003e\n    \u003cul class=\"pp-science\"\u003e\n      \u003cli\u003e\u003cspan\u003e\u003cstrong\u003eFunction\u003c\/strong\u003e — enhances absorption and product texture.\u003c\/span\u003e\u003c\/li\u003e\n      \u003cli\u003e\u003cspan\u003e\u003cstrong\u003eBenefit\u003c\/strong\u003e — lightweight hydration without greasiness.\u003c\/span\u003e\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pp-accordion\"\u003e\n    \u003cinput type=\"checkbox\" id=\"pp-inci\"\u003e\n    \u003clabel for=\"pp-inci\"\u003e\n      \u003csvg class=\"ico lbl-ico\"\u003e\u003cuse href=\"#i-list\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\n      Full ingredients (INCI)\n      \u003csvg class=\"ico chev\"\u003e\u003cuse href=\"#i-chev-down\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\n    \u003c\/label\u003e\n    \u003cdiv class=\"pp-acc-content\"\u003e\n      \u003cdiv class=\"pp-acc-inner\"\u003e\n        \u003cdiv class=\"count\"\u003e7 ingredients · what's in it\u003c\/div\u003e\n        \u003cdiv class=\"inci\"\u003eWater, Glycerin, Butylene Glycol, Centella Asiatica Extract, 1,2-Hexanediol, Cellulose Gum, Ethylhexylglycerin.\u003c\/div\u003e\n        \u003cdiv class=\"free\"\u003e\n          \u003cstrong\u003eFree from\u003c\/strong\u003e\u003cbr\u003e\n          Fragrance · Essential Oils · Parabens · Sulfates · Silicones · Mineral Oil · Alcohol · Artificial Colors · PEGs · Phthalates · Formaldehyde.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ============ ROUTINE ============ --\u003e\n  \u003cdiv class=\"pp-title\" id=\"pp-routine\"\u003e\n    \u003cspan class=\"eyebrow\"\u003e04\u003c\/span\u003e\n    \u003ch2\u003eWhere it fits in your routine\u003c\/h2\u003e\n    \u003cspan class=\"num\"\u003eSTEP 03\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pp-routine\"\u003e\n    \u003cdiv class=\"pp-routine-step\"\u003e\n      \u003cdiv class=\"num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"name\"\u003eCleanser\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pp-routine-step\"\u003e\n      \u003cdiv class=\"num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"name\"\u003eToner\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pp-routine-step current\"\u003e\n      \u003cdiv class=\"num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"name\"\u003eAmpoule\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pp-routine-step\"\u003e\n      \u003cdiv class=\"num\"\u003e4\u003c\/div\u003e\n      \u003cdiv class=\"name\"\u003eSerum\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pp-routine-step\"\u003e\n      \u003cdiv class=\"num\"\u003e5\u003c\/div\u003e\n      \u003cdiv class=\"name\"\u003eMoisturizer\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pp-routine-step\"\u003e\n      \u003cdiv class=\"num\"\u003e6\u003c\/div\u003e\n      \u003cdiv class=\"name\"\u003eSunscreen\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cp class=\"pp-routine-note\"\u003e\n    Apply after toner and before heavier serums or moisturizers. Can be layered multiple times for extra hydration — works both morning and night.\n  \u003c\/p\u003e\n\n  \u003c!-- ============ HOW TO USE ============ --\u003e\n  \u003cdiv class=\"pp-title\" id=\"pp-how-to-use\"\u003e\n    \u003cspan class=\"eyebrow\"\u003e05\u003c\/span\u003e\n    \u003ch2\u003eHow to use\u003c\/h2\u003e\n    \u003cspan class=\"num\"\u003e4 STEPS\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pp-steps\"\u003e\n    \u003cdiv class=\"pp-step\"\u003e\n      \u003cdiv class=\"num\"\u003e1\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003ch4\u003eCleanse \u0026amp; tone\u003c\/h4\u003e\n        \u003cp\u003eStart with clean skin. Apply your toner and let it absorb.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pp-step\"\u003e\n      \u003cdiv class=\"num\"\u003e2\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003ch4\u003eDispense 2–3 drops\u003c\/h4\u003e\n        \u003cp\u003eDrop the ampoule onto your palm or directly onto your face.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pp-step\"\u003e\n      \u003cdiv class=\"num\"\u003e3\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003ch4\u003ePat to absorb\u003c\/h4\u003e\n        \u003cp\u003eGently pat the ampoule into your skin until fully absorbed. No need to rub.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pp-step\"\u003e\n      \u003cdiv class=\"num\"\u003e4\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003ch4\u003eLayer \u0026amp; seal\u003c\/h4\u003e\n        \u003cp\u003eFollow with your serum, moisturizer, and sunscreen (AM). Layer multiple applications for extra hydration.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ============ WHO IS IT FOR ============ --\u003e\n  \u003cdiv class=\"pp-title\" id=\"pp-who\"\u003e\n    \u003cspan class=\"eyebrow\"\u003e06\u003c\/span\u003e\n    \u003ch2\u003eWho is it for?\u003c\/h2\u003e\n    \u003cspan class=\"num\"\u003eFIT CHECK\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pp-fit\"\u003e\n    \u003cdiv class=\"pp-fit-box yes\"\u003e\n      \u003ch4\u003e\n\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-check\"\u003e\u003c\/use\u003e\u003c\/svg\u003e Perfect for you if\u003c\/h4\u003e\n      \u003cul\u003e\n        \u003cli\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e Your skin is sensitive, irritated, or reactive\u003c\/li\u003e\n        \u003cli\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e You deal with redness, rosacea, or inflammation\u003c\/li\u003e\n        \u003cli\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e You want a minimalist, clean formula\u003c\/li\u003e\n        \u003cli\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e You're pregnant or breastfeeding\u003c\/li\u003e\n        \u003cli\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e You struggle with fungal acne\u003c\/li\u003e\n        \u003cli\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e You need post-procedure soothing care\u003c\/li\u003e\n        \u003cli\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e You want to strengthen your skin barrier\u003c\/li\u003e\n        \u003cli\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e You prefer lightweight, non-sticky textures\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pp-fit-box no\"\u003e\n      \u003ch4\u003e\n\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-x\"\u003e\u003c\/use\u003e\u003c\/svg\u003e Consider alternatives if\u003c\/h4\u003e\n      \u003cul\u003e\n        \u003cli\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\u003e\u003c\/line\u003e\u003cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\u003e\u003c\/line\u003e\u003c\/svg\u003e You need intense anti-aging benefits (add retinol)\u003c\/li\u003e\n        \u003cli\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\u003e\u003c\/line\u003e\u003cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\u003e\u003c\/line\u003e\u003c\/svg\u003e You want a rich, occlusive formula\u003c\/li\u003e\n        \u003cli\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\u003e\u003c\/line\u003e\u003cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\u003e\u003c\/line\u003e\u003c\/svg\u003e You expect dramatic brightening effects\u003c\/li\u003e\n        \u003cli\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\u003e\u003c\/line\u003e\u003cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\u003e\u003c\/line\u003e\u003c\/svg\u003e You need active acne-fighting BHA\u003c\/li\u003e\n        \u003cli\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\u003e\u003c\/line\u003e\u003cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\u003e\u003c\/line\u003e\u003c\/svg\u003e You prefer fragranced products\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ============ SKIN TYPES ============ --\u003e\n  \u003cdiv class=\"pp-title\" id=\"pp-skin-types\"\u003e\n    \u003cspan class=\"eyebrow\"\u003e07\u003c\/span\u003e\n    \u003ch2\u003eSkin type compatibility\u003c\/h2\u003e\n    \u003cspan class=\"num\"\u003e5 TYPES\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pp-skin-grid\"\u003e\n    \u003cdiv class=\"pp-skin-card\"\u003e\n      \u003cdiv class=\"row\"\u003e\n        \u003cspan class=\"type\"\u003eOily skin\u003c\/span\u003e\n        \u003cspan class=\"rate excellent\"\u003eExcellent\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"meter\"\u003e\n\u003cspan class=\"on\"\u003e\u003c\/span\u003e\u003cspan class=\"on\"\u003e\u003c\/span\u003e\u003cspan class=\"on\"\u003e\u003c\/span\u003e\u003cspan class=\"on\"\u003e\u003c\/span\u003e\u003cspan class=\"on\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cp\u003eLightweight, watery formula absorbs instantly without adding shine or greasiness. Won't clog pores.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pp-skin-card\"\u003e\n      \u003cdiv class=\"row\"\u003e\n        \u003cspan class=\"type\"\u003eDry skin\u003c\/span\u003e\n        \u003cspan class=\"rate good\"\u003eGood\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"meter\"\u003e\n\u003cspan class=\"on\"\u003e\u003c\/span\u003e\u003cspan class=\"on\"\u003e\u003c\/span\u003e\u003cspan class=\"on\"\u003e\u003c\/span\u003e\u003cspan class=\"on\"\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cp\u003eProvides hydration and barrier support. Layer multiple times and follow with a rich moisturizer for best results.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pp-skin-card\"\u003e\n      \u003cdiv class=\"row\"\u003e\n        \u003cspan class=\"type\"\u003eCombination skin\u003c\/span\u003e\n        \u003cspan class=\"rate excellent\"\u003eExcellent\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"meter\"\u003e\n\u003cspan class=\"on\"\u003e\u003c\/span\u003e\u003cspan class=\"on\"\u003e\u003c\/span\u003e\u003cspan class=\"on\"\u003e\u003c\/span\u003e\u003cspan class=\"on\"\u003e\u003c\/span\u003e\u003cspan class=\"on\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cp\u003eBalances perfectly across different face zones. Light enough for T-zone, hydrating for dry areas.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pp-skin-card\"\u003e\n      \u003cdiv class=\"row\"\u003e\n        \u003cspan class=\"type\"\u003eSensitive skin\u003c\/span\u003e\n        \u003cspan class=\"rate excellent\"\u003eExcellent\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"meter\"\u003e\n\u003cspan class=\"on\"\u003e\u003c\/span\u003e\u003cspan class=\"on\"\u003e\u003c\/span\u003e\u003cspan class=\"on\"\u003e\u003c\/span\u003e\u003cspan class=\"on\"\u003e\u003c\/span\u003e\u003cspan class=\"on\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cp\u003eSpecifically designed for sensitive skin. Fragrance-free, minimal ingredients, calms redness and irritation.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pp-skin-card\"\u003e\n      \u003cdiv class=\"row\"\u003e\n        \u003cspan class=\"type\"\u003eAcne-prone skin\u003c\/span\u003e\n        \u003cspan class=\"rate excellent\"\u003eExcellent\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"meter\"\u003e\n\u003cspan class=\"on\"\u003e\u003c\/span\u003e\u003cspan class=\"on\"\u003e\u003c\/span\u003e\u003cspan class=\"on\"\u003e\u003c\/span\u003e\u003cspan class=\"on\"\u003e\u003c\/span\u003e\u003cspan class=\"on\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cp\u003eNon-comedogenic (0\/5) and fungal acne safe. Soothes post-acne redness and supports healing.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ============ RESULTS TIMELINE ============ --\u003e\n  \u003cdiv class=\"pp-title\" id=\"pp-results\"\u003e\n    \u003cspan class=\"eyebrow\"\u003e08\u003c\/span\u003e\n    \u003ch2\u003eResults timeline\u003c\/h2\u003e\n    \u003cspan class=\"num\"\u003e8+ WEEKS\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pp-timeline\"\u003e\n    \u003cdiv class=\"pp-tl-item\"\u003e\n      \u003cdiv class=\"time\"\u003eImmediately\u003c\/div\u003e\n      \u003ch4\u003eInstant hydration \u0026amp; comfort\u003c\/h4\u003e\n      \u003cp\u003eSkin feels instantly hydrated and soothed. The watery texture absorbs in seconds, leaving skin comfortable without stickiness.\u003c\/p\u003e\n      \u003cspan class=\"percent\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e 95% noticed\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pp-tl-item\"\u003e\n      \u003cdiv class=\"time\"\u003eWeek 1 — 2\u003c\/div\u003e\n      \u003ch4\u003eReduced redness \u0026amp; irritation\u003c\/h4\u003e\n      \u003cp\u003eVisible reduction in redness and skin irritation. Post-acne marks appear less inflamed. Skin feels calmer overall.\u003c\/p\u003e\n      \u003cspan class=\"percent\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e 80% noticed\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pp-tl-item\"\u003e\n      \u003cdiv class=\"time\"\u003eWeek 4 — 6\u003c\/div\u003e\n      \u003ch4\u003eStronger skin barrier\u003c\/h4\u003e\n      \u003cp\u003eImproved skin barrier function. Less reactive to environmental stressors. Skin holds moisture better throughout the day.\u003c\/p\u003e\n      \u003cspan class=\"percent\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e 75% noticed\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pp-tl-item\"\u003e\n      \u003cdiv class=\"time\"\u003eWeek 8+\u003c\/div\u003e\n      \u003ch4\u003eOverall skin health\u003c\/h4\u003e\n      \u003cp\u003eHealthier, more balanced complexion. Fewer breakouts, less sensitivity, and improved skin texture. Skin appears more radiant.\u003c\/p\u003e\n      \u003cspan class=\"percent\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e 70% noticed\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ============ REVIEWS BY PLATFORM ============ --\u003e\n  \u003cdiv class=\"pp-title\" id=\"pp-reviews\"\u003e\n    \u003cspan class=\"eyebrow\"\u003e09\u003c\/span\u003e\n    \u003ch2\u003eRatings by platform\u003c\/h2\u003e\n    \u003cspan class=\"num\"\u003e23K+ REVIEWS\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pp-reviews-summary\"\u003e\n    \u003cdiv class=\"num\"\u003e4.7\u003c\/div\u003e\n    \u003cdiv class=\"body\"\u003e\n      \u003cdiv class=\"stars\"\u003e★★★★★\u003c\/div\u003e\n      \u003cdiv class=\"count\"\u003e\n\u003cstrong\u003e23,300+\u003c\/strong\u003e reviews across 4 platforms\u003c\/div\u003e\n      \u003cdiv class=\"sources\"\u003eAmazon · iHerb · Stylevana · YesStyle\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pp-reviews\"\u003e\n    \u003cdiv class=\"pp-review-card\"\u003e\n      \u003cdiv class=\"platform\"\u003e\n        \u003cdiv class=\"ico-wrap\"\u003e\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-cart\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/div\u003e\n        Amazon\n      \u003c\/div\u003e\n      \u003cdiv class=\"stats\"\u003e\n        \u003cdiv class=\"stat\"\u003e\n          \u003cdiv class=\"num\"\u003e4.5\u003c\/div\u003e\n          \u003cdiv class=\"stars\"\u003e★★★★★\u003c\/div\u003e\n          \u003cdiv class=\"lbl\"\u003eRating\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat\"\u003e\n          \u003cdiv class=\"num\"\u003e12,000+\u003c\/div\u003e\n          \u003cdiv class=\"stars\" style=\"visibility:hidden\"\u003e·\u003c\/div\u003e\n          \u003cdiv class=\"lbl\"\u003eReviews\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"complaint\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"9\"\u003e\u003c\/circle\u003e\u003cline x1=\"12\" y1=\"8\" x2=\"12\" y2=\"13\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"16\" x2=\"12\" y2=\"16.5\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n        \u003cspan\u003e\u003cstrong\u003eMain complaint:\u003c\/strong\u003e some users expected more visible results for acne scars.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pp-review-card\"\u003e\n      \u003cdiv class=\"platform\"\u003e\n        \u003cdiv class=\"ico-wrap\"\u003e\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-leaf\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/div\u003e\n        iHerb\n      \u003c\/div\u003e\n      \u003cdiv class=\"stats\"\u003e\n        \u003cdiv class=\"stat\"\u003e\n          \u003cdiv class=\"num\"\u003e4.7\u003c\/div\u003e\n          \u003cdiv class=\"stars\"\u003e★★★★★\u003c\/div\u003e\n          \u003cdiv class=\"lbl\"\u003eRating\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat\"\u003e\n          \u003cdiv class=\"num\"\u003e5,000+\u003c\/div\u003e\n          \u003cdiv class=\"stars\" style=\"visibility:hidden\"\u003e·\u003c\/div\u003e\n          \u003cdiv class=\"lbl\"\u003eReviews\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"complaint\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"9\"\u003e\u003c\/circle\u003e\u003cline x1=\"12\" y1=\"8\" x2=\"12\" y2=\"13\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"16\" x2=\"12\" y2=\"16.5\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n        \u003cspan\u003e\u003cstrong\u003eMain complaint:\u003c\/strong\u003e watery consistency takes getting used to.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pp-review-card\"\u003e\n      \u003cdiv class=\"platform\"\u003e\n        \u003cdiv class=\"ico-wrap\"\u003e\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-sparkle\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/div\u003e\n        Stylevana\n      \u003c\/div\u003e\n      \u003cdiv class=\"stats\"\u003e\n        \u003cdiv class=\"stat\"\u003e\n          \u003cdiv class=\"num\"\u003e4.8\u003c\/div\u003e\n          \u003cdiv class=\"stars\"\u003e★★★★★\u003c\/div\u003e\n          \u003cdiv class=\"lbl\"\u003eRating\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat\"\u003e\n          \u003cdiv class=\"num\"\u003e3,500+\u003c\/div\u003e\n          \u003cdiv class=\"stars\" style=\"visibility:hidden\"\u003e·\u003c\/div\u003e\n          \u003cdiv class=\"lbl\"\u003eReviews\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"complaint\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"9\"\u003e\u003c\/circle\u003e\u003cline x1=\"12\" y1=\"8\" x2=\"12\" y2=\"13\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"16\" x2=\"12\" y2=\"16.5\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n        \u003cspan\u003e\u003cstrong\u003eMain complaint:\u003c\/strong\u003e may not be hydrating enough for very dry skin alone.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pp-review-card\"\u003e\n      \u003cdiv class=\"platform\"\u003e\n        \u003cdiv class=\"ico-wrap\"\u003e\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-globe\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/div\u003e\n        YesStyle\n      \u003c\/div\u003e\n      \u003cdiv class=\"stats\"\u003e\n        \u003cdiv class=\"stat\"\u003e\n          \u003cdiv class=\"num\"\u003e4.6\u003c\/div\u003e\n          \u003cdiv class=\"stars\"\u003e★★★★★\u003c\/div\u003e\n          \u003cdiv class=\"lbl\"\u003eRating\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"stat\"\u003e\n          \u003cdiv class=\"num\"\u003e2,800+\u003c\/div\u003e\n          \u003cdiv class=\"stars\" style=\"visibility:hidden\"\u003e·\u003c\/div\u003e\n          \u003cdiv class=\"lbl\"\u003eReviews\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"complaint\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"9\"\u003e\u003c\/circle\u003e\u003cline x1=\"12\" y1=\"8\" x2=\"12\" y2=\"13\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"16\" x2=\"12\" y2=\"16.5\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n        \u003cspan\u003e\u003cstrong\u003eMain complaint:\u003c\/strong\u003e dropper could dispense more precisely.\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ============ PROS \u0026 CONS ============ --\u003e\n  \u003cdiv class=\"pp-title\" id=\"pp-proscons\"\u003e\n    \u003cspan class=\"eyebrow\"\u003e10\u003c\/span\u003e\n    \u003ch2\u003ePros \u0026amp; cons\u003c\/h2\u003e\n    \u003cspan class=\"num\"\u003eBALANCED\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pp-proscons\"\u003e\n    \u003cdiv class=\"pp-pc pros\"\u003e\n      \u003ch4\u003e\n\u003cspan class=\"ico-wrap\"\u003e\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-check\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/span\u003e Praised\u003c\/h4\u003e\n      \u003cul\u003e\n        \u003cli\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e Extremely gentle and soothing\u003c\/li\u003e\n        \u003cli\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e Minimalist, clean ingredient list\u003c\/li\u003e\n        \u003cli\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e Fast absorption, non-sticky\u003c\/li\u003e\n        \u003cli\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e Pregnancy, fungal acne \u0026amp; sensitive safe\u003c\/li\u003e\n        \u003cli\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e Great value for size (55 \/ 100 ml)\u003c\/li\u003e\n        \u003cli\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e Layers well under other products\u003c\/li\u003e\n        \u003cli\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e Visible reduction in redness\u003c\/li\u003e\n        \u003cli\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e EWG Green Grade · vegan · cruelty-free\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pp-pc cons\"\u003e\n      \u003ch4\u003e\n\u003cspan class=\"ico-wrap\"\u003e\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-x\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/span\u003e Criticized\u003c\/h4\u003e\n      \u003cul\u003e\n        \u003cli\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\u003e\u003c\/line\u003e\u003cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\u003e\u003c\/line\u003e\u003c\/svg\u003e Very thin texture can feel underwhelming\u003c\/li\u003e\n        \u003cli\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\u003e\u003c\/line\u003e\u003cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\u003e\u003c\/line\u003e\u003c\/svg\u003e Not hydrating enough alone for dry skin\u003c\/li\u003e\n        \u003cli\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\u003e\u003c\/line\u003e\u003cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\u003e\u003c\/line\u003e\u003c\/svg\u003e No dramatic anti-aging or brightening\u003c\/li\u003e\n        \u003cli\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\u003e\u003c\/line\u003e\u003cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\u003e\u003c\/line\u003e\u003c\/svg\u003e Glass bottle not ideal for travel\u003c\/li\u003e\n        \u003cli\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\u003e\u003c\/line\u003e\u003cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\u003e\u003c\/line\u003e\u003c\/svg\u003e Dropper can be imprecise\u003c\/li\u003e\n        \u003cli\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\u003cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\u003e\u003c\/line\u003e\u003cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\u003e\u003c\/line\u003e\u003c\/svg\u003e Effects are subtle rather than dramatic\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ============ DUPES ============ --\u003e\n  \u003cdiv class=\"pp-title\" id=\"pp-dupes\"\u003e\n    \u003cspan class=\"eyebrow\"\u003e11\u003c\/span\u003e\n    \u003ch2\u003eBudget-friendly alternatives\u003c\/h2\u003e\n    \u003cspan class=\"num\"\u003e3 DUPES\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pp-dupes\"\u003e\n    \u003cdiv class=\"pp-dupe-card\"\u003e\n      \u003cdiv class=\"photo\"\u003e\n        \u003cdiv class=\"photo-fallback\"\u003e\u003csvg style=\"width:48px;height:48px\" class=\"ico\"\u003e\u003cuse href=\"#i-bottle\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/div\u003e\n        \u003cdiv class=\"match\"\u003e85% MATCH\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"body\"\u003e\n        \u003cdiv class=\"name\"\u003eCOSRX Centella Blemish Ampoule\u003c\/div\u003e\n        \u003cdiv class=\"price-row\"\u003e\n          \u003cspan class=\"amount\"\u003e$23.00\u003c\/span\u003e\n          \u003cspan class=\"tag similar\"\u003eSimilar Price\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"diff\"\u003eContains 85% Centella Leaf Water plus extract. Slightly thicker texture with a green tint. More targeted for blemishes but smaller size (20ml).\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pp-dupe-card\"\u003e\n      \u003ca href=\"https:\/\/www.skincarisma.com\/products\/wonder-releaf-centella-serum\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"text-decoration:none;color:inherit;display:block;\"\u003e\n        \u003cdiv class=\"photo\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0907\/5028\/8215\/files\/hpwnl8zdvzow6rcggkjboh6us4bx.jpg?v=1769007964\" alt=\"Wonder Releaf Centella Serum\" loading=\"lazy\"\u003e\n          \u003cdiv class=\"match\"\u003e75% MATCH\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"body\"\u003e\n          \u003cdiv class=\"name\"\u003ePurito Wonder Releaf Centella Serum\u003c\/div\u003e\n          \u003cdiv class=\"price-row\"\u003e\n            \u003cspan class=\"amount\"\u003e$20.50\u003c\/span\u003e\n            \u003cspan class=\"tag similar\"\u003eSimilar Price\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"diff\"\u003eContains 34,860ppm Centella plus niacinamide and peptides. More complex formula with 30+ ingredients. Better for those wanting multi-functional benefits.\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/a\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pp-dupe-card\"\u003e\n      \u003ca href=\"https:\/\/www.skincarisma.com\/products\/centella-calming-gel-cream\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"text-decoration:none;color:inherit;display:block;\"\u003e\n        \u003cdiv class=\"photo\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0907\/5028\/8215\/files\/h1xo4wt7bojrghkrofrwbbiav8sc.jpg?v=1766255055\" alt=\"Centella Calming Gel Cream\" loading=\"lazy\"\u003e\n          \u003cdiv class=\"match\"\u003e70% MATCH\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"body\"\u003e\n          \u003cdiv class=\"name\"\u003eiUNIK Centella Calming Gel Cream\u003c\/div\u003e\n          \u003cdiv class=\"price-row\"\u003e\n            \u003cspan class=\"amount\"\u003e$18.00\u003c\/span\u003e\n            \u003cspan class=\"tag budget\"\u003eBudget Pick\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"diff\"\u003eGel-cream format with 70% Centella. More moisturizing but different texture. Good alternative if you want soothing plus hydration in one step.\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ============ COMPARE ============ --\u003e\n  \u003cdiv class=\"pp-title\" id=\"pp-compare\"\u003e\n    \u003cspan class=\"eyebrow\"\u003e12\u003c\/span\u003e\n    \u003ch2\u003eComparison with competitors\u003c\/h2\u003e\n    \u003cspan class=\"num\"\u003eSIDE-BY-SIDE\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pp-compare\"\u003e\n    \u003cdiv class=\"pp-compare-card featured\"\u003e\n      \u003ca href=\"https:\/\/www.skincarisma.com\/products\/madagascar-centella-ampoule\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"text-decoration:none;color:inherit;display:block;\"\u003e\n        \u003cdiv class=\"photo\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0907\/5028\/8215\/files\/dp923uey0cmr5pspkktqi6sc4lwb.jpg?v=1765833831\" alt=\"Madagascar Centella Ampoule\" loading=\"lazy\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"head\"\u003e\n          \u003ch4\u003eSKIN1004 Madagascar Centella Ampoule\u003c\/h4\u003e\n          \u003cdiv class=\"price\"\u003e$18.00\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/a\u003e\n      \u003cdiv class=\"body\"\u003e\n        \u003cdiv class=\"pp-compare-row\"\u003e\n\u003cspan class=\"lbl\"\u003eKey\u003c\/span\u003e\u003cspan class=\"val good\"\u003eMadagascar Centella\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"pp-compare-row\"\u003e\n\u003cspan class=\"lbl\"\u003eSize\u003c\/span\u003e\u003cspan class=\"val good\"\u003e55 \/ 100ml\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"pp-compare-row\"\u003e\n\u003cspan class=\"lbl\"\u003eINCI\u003c\/span\u003e\u003cspan class=\"val good\"\u003e7 ingredients\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"pp-compare-row\"\u003e\n\u003cspan class=\"lbl\"\u003eFungal acne\u003c\/span\u003e\u003cspan class=\"val good\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003eSafe\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"pp-compare-row\"\u003e\n\u003cspan class=\"lbl\"\u003eFragrance\u003c\/span\u003e\u003cspan class=\"val good\"\u003eNone\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"pp-compare-row\"\u003e\n\u003cspan class=\"lbl\"\u003eBest for\u003c\/span\u003e\u003cspan class=\"val\"\u003eSoothing, sensitive\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"pp-compare-card\"\u003e\n      \u003cdiv class=\"photo\"\u003e\n        \u003cdiv class=\"placeholder\"\u003eCOSRX\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"head\"\u003e\n        \u003ch4\u003eCOSRX Centella Blemish Ampoule\u003c\/h4\u003e\n        \u003cdiv class=\"price\"\u003e$23.00\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"body\"\u003e\n        \u003cdiv class=\"pp-compare-row\"\u003e\n\u003cspan class=\"lbl\"\u003eKey\u003c\/span\u003e\u003cspan class=\"val\"\u003e85% Centella Water\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"pp-compare-row\"\u003e\n\u003cspan class=\"lbl\"\u003eSize\u003c\/span\u003e\u003cspan class=\"val bad\"\u003e20ml (small)\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"pp-compare-row\"\u003e\n\u003cspan class=\"lbl\"\u003eINCI\u003c\/span\u003e\u003cspan class=\"val\"\u003e13 ingredients\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"pp-compare-row\"\u003e\n\u003cspan class=\"lbl\"\u003eFungal acne\u003c\/span\u003e\u003cspan class=\"val bad\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\u003e\u003c\/line\u003e\u003cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\u003e\u003c\/line\u003e\u003c\/svg\u003ePEG-60\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"pp-compare-row\"\u003e\n\u003cspan class=\"lbl\"\u003eFragrance\u003c\/span\u003e\u003cspan class=\"val good\"\u003eNone\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"pp-compare-row\"\u003e\n\u003cspan class=\"lbl\"\u003eBest for\u003c\/span\u003e\u003cspan class=\"val\"\u003eBlemish, oily\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"pp-compare-card\"\u003e\n      \u003ca href=\"https:\/\/www.skincarisma.com\/products\/wonder-releaf-centella-serum\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"text-decoration:none;color:inherit;display:block;\"\u003e\n        \u003cdiv class=\"photo\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0907\/5028\/8215\/files\/hpwnl8zdvzow6rcggkjboh6us4bx.jpg?v=1769007964\" alt=\"Wonder Releaf\" loading=\"lazy\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"head\"\u003e\n          \u003ch4\u003ePurito Wonder Releaf Centella Serum\u003c\/h4\u003e\n          \u003cdiv class=\"price\"\u003e$20.50\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/a\u003e\n      \u003cdiv class=\"body\"\u003e\n        \u003cdiv class=\"pp-compare-row\"\u003e\n\u003cspan class=\"lbl\"\u003eKey\u003c\/span\u003e\u003cspan class=\"val\"\u003e49% Centella + Niacinamide\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"pp-compare-row\"\u003e\n\u003cspan class=\"lbl\"\u003eSize\u003c\/span\u003e\u003cspan class=\"val\"\u003e60ml\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"pp-compare-row\"\u003e\n\u003cspan class=\"lbl\"\u003eINCI\u003c\/span\u003e\u003cspan class=\"val\"\u003e31 ingredients\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"pp-compare-row\"\u003e\n\u003cspan class=\"lbl\"\u003eFungal acne\u003c\/span\u003e\u003cspan class=\"val bad\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\u003e\u003c\/line\u003e\u003cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\u003e\u003c\/line\u003e\u003c\/svg\u003ePeptides\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"pp-compare-row\"\u003e\n\u003cspan class=\"lbl\"\u003eFragrance\u003c\/span\u003e\u003cspan class=\"val good\"\u003eUnscented opt.\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"pp-compare-row\"\u003e\n\u003cspan class=\"lbl\"\u003eBest for\u003c\/span\u003e\u003cspan class=\"val\"\u003eMulti-tasking\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ============ STORAGE ============ --\u003e\n  \u003cdiv class=\"pp-title\" id=\"pp-storage\"\u003e\n    \u003cspan class=\"eyebrow\"\u003e13\u003c\/span\u003e\n    \u003ch2\u003eStorage \u0026amp; shelf life\u003c\/h2\u003e\n    \u003cspan class=\"num\"\u003e12 MONTHS\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pp-safety\"\u003e\n    \u003cdiv class=\"pp-safety-item info\"\u003e\n      \u003cdiv class=\"ico-wrap\"\u003e\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-calendar\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003ePeriod after opening · 12M\u003c\/strong\u003e\n        \u003cp\u003eUse within 12 months after opening for optimal effectiveness and safety.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pp-safety-item info\"\u003e\n      \u003cdiv class=\"ico-wrap\"\u003e\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-home\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eStorage\u003c\/strong\u003e\n        \u003cp\u003eCool, dry place away from direct sunlight. Refrigeration optional but can enhance the soothing effect.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pp-safety-item info\"\u003e\n      \u003cdiv class=\"ico-wrap\"\u003e\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-package\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003ePackaging\u003c\/strong\u003e\n        \u003cp\u003eGlass bottle with dropper applicator. Protects formula from light degradation.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pp-safety-item info\"\u003e\n      \u003cdiv class=\"ico-wrap\"\u003e\u003csvg class=\"ico\"\u003e\u003cuse href=\"#i-plane\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eTravel friendly\u003c\/strong\u003e\n        \u003cp\u003e55ml and 30ml sizes are under 100ml TSA limit. Glass bottle requires careful packing.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ============ FAQ ============ --\u003e\n  \u003cdiv class=\"pp-title\" id=\"pp-faq\"\u003e\n    \u003cspan class=\"eyebrow\"\u003e14\u003c\/span\u003e\n    \u003ch2\u003eFrequently asked questions\u003c\/h2\u003e\n    \u003cspan class=\"num\"\u003e8 Q\u0026amp;A\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pp-faq\"\u003e\n    \u003cdiv class=\"pp-faq-item\"\u003e\n      \u003cinput type=\"checkbox\" id=\"faq1\"\u003e\n      \u003clabel for=\"faq1\"\u003e\n        \u003cspan class=\"q\"\u003eIs the Madagascar Centella Ampoule pregnancy and breastfeeding safe?\u003c\/span\u003e\n        \u003cspan class=\"ico\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cline x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\u003e\u003c\/line\u003e\u003cline x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/span\u003e\n      \u003c\/label\u003e\n      \u003cdiv class=\"pp-faq-answer\"\u003e\n        \u003cp\u003eYes. This ampoule is completely safe during pregnancy and breastfeeding. It contains no retinoids, salicylic acid, hydroquinone, chemical sunscreens, or any other restricted ingredients. The minimalist formula with only 7 gentle ingredients makes it an excellent choice for expecting and nursing mothers. SKIN1004 officially confirms all their products are safe for use during pregnancy.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pp-faq-item\"\u003e\n      \u003cinput type=\"checkbox\" id=\"faq2\"\u003e\n      \u003clabel for=\"faq2\"\u003e\n        \u003cspan class=\"q\"\u003eIs it fungal acne (Malassezia) safe?\u003c\/span\u003e\n        \u003cspan class=\"ico\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cline x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\u003e\u003c\/line\u003e\u003cline x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/span\u003e\n      \u003c\/label\u003e\n      \u003cdiv class=\"pp-faq-answer\"\u003e\n        \u003cp\u003eYes — 100% fungal acne safe with zero triggers. It contains no ferments, fatty acids (oleic, lauric, palmitic), esters, polysorbates, or any other ingredients known to feed Malassezia yeast. Verified by multiple ingredient analyzers including SkinSort and Folliculitis Scout. One of the safest options for those struggling with fungal acne.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pp-faq-item\"\u003e\n      \u003cinput type=\"checkbox\" id=\"faq3\"\u003e\n      \u003clabel for=\"faq3\"\u003e\n        \u003cspan class=\"q\"\u003eCan I use it with retinol \/ vitamin C \/ AHA \/ BHA?\u003c\/span\u003e\n        \u003cspan class=\"ico\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cline x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\u003e\u003c\/line\u003e\u003cline x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/span\u003e\n      \u003c\/label\u003e\n      \u003cdiv class=\"pp-faq-answer\"\u003e\n        \u003cp\u003eAbsolutely. This ampoule pairs wonderfully with actives like retinol, vitamin C, AHAs, and BHAs. In fact, it's perfect for using after these potentially irritating actives to soothe and calm the skin. Apply your active ingredient first, wait for it to absorb, then follow with the Centella Ampoule to reduce any irritation. Especially helpful during the retinol adjustment period.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pp-faq-item\"\u003e\n      \u003cinput type=\"checkbox\" id=\"faq4\"\u003e\n      \u003clabel for=\"faq4\"\u003e\n        \u003cspan class=\"q\"\u003eWhat skin type is it best for?\u003c\/span\u003e\n        \u003cspan class=\"ico\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cline x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\u003e\u003c\/line\u003e\u003cline x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/span\u003e\n      \u003c\/label\u003e\n      \u003cdiv class=\"pp-faq-answer\"\u003e\n        \u003cp\u003eSuitable for ALL skin types, but especially excellent for sensitive, combination, oily, and acne-prone skin. The lightweight, watery texture makes it perfect for those who dislike heavy products. Dry skin types can still benefit but should layer it multiple times and follow with a richer moisturizer. Particularly recommended for reactive, easily irritated, or compromised skin barriers.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pp-faq-item\"\u003e\n      \u003cinput type=\"checkbox\" id=\"faq5\"\u003e\n      \u003clabel for=\"faq5\"\u003e\n        \u003cspan class=\"q\"\u003eHow long until I see results?\u003c\/span\u003e\n        \u003cspan class=\"ico\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cline x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\u003e\u003c\/line\u003e\u003cline x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/span\u003e\n      \u003c\/label\u003e\n      \u003cdiv class=\"pp-faq-answer\"\u003e\n        \u003cp\u003eYou'll feel immediate hydration and comfort upon first application. Visible reduction in redness and irritation typically occurs within 1–2 weeks of consistent use. Improved skin barrier function and overall skin health usually become apparent after 4–6 weeks. For best results, use twice daily (morning and night) consistently. This is a soothing product, not an active treatment, so effects are gentle and cumulative.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pp-faq-item\"\u003e\n      \u003cinput type=\"checkbox\" id=\"faq6\"\u003e\n      \u003clabel for=\"faq6\"\u003e\n        \u003cspan class=\"q\"\u003eWhere does it go in my skincare routine?\u003c\/span\u003e\n        \u003cspan class=\"ico\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cline x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\u003e\u003c\/line\u003e\u003cline x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/span\u003e\n      \u003c\/label\u003e\n      \u003cdiv class=\"pp-faq-answer\"\u003e\n        \u003cp\u003eApply after cleansing and toning, but before heavier serums and moisturizers. The order is: Cleanser → Toner → This Ampoule → Serum → Moisturizer → Sunscreen (AM). If using active treatments (retinol, vitamin C, acids), apply them before this ampoule. You can also layer multiple applications of this ampoule for extra hydration. Works for both morning and evening routines.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pp-faq-item\"\u003e\n      \u003cinput type=\"checkbox\" id=\"faq7\"\u003e\n      \u003clabel for=\"faq7\"\u003e\n        \u003cspan class=\"q\"\u003eIs it comedogenic \/ will it clog pores?\u003c\/span\u003e\n        \u003cspan class=\"ico\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cline x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\u003e\u003c\/line\u003e\u003cline x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/span\u003e\n      \u003c\/label\u003e\n      \u003cdiv class=\"pp-faq-answer\"\u003e\n        \u003cp\u003eNo. This ampoule has a comedogenic rating of 0\/5, meaning it will NOT clog pores. None of the 7 ingredients are known pore-cloggers. Specifically formulated to be non-comedogenic and safe for acne-prone skin. The watery, lightweight formula absorbs quickly without leaving any residue. Many users with acne-prone skin report it helps calm existing breakouts without causing new ones.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pp-faq-item\"\u003e\n      \u003cinput type=\"checkbox\" id=\"faq8\"\u003e\n      \u003clabel for=\"faq8\"\u003e\n        \u003cspan class=\"q\"\u003eHow long does it last after opening?\u003c\/span\u003e\n        \u003cspan class=\"ico\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cline x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\u003e\u003c\/line\u003e\u003cline x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/span\u003e\n      \u003c\/label\u003e\n      \u003cdiv class=\"pp-faq-answer\"\u003e\n        \u003cp\u003ePAO (Period After Opening) is 12 months. Once opened, use within one year for optimal effectiveness and safety. Store in a cool, dry place away from direct sunlight — the glass bottle helps protect the formula from light degradation. With typical daily use (2–3 drops twice daily), the 55ml bottle lasts approximately 3–4 months, while the 100ml bottle lasts 6–8 months.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ============ VERDICT ============ --\u003e\n  \u003cdiv class=\"pp-verdict\"\u003e\n    \u003cdiv class=\"eyebrow\"\u003e— Skincarisma verdict\u003c\/div\u003e\n    \u003cdiv class=\"score-row\"\u003e\n      \u003cspan class=\"score\"\u003e4.5\u003c\/span\u003e\n      \u003cspan class=\"max\"\u003e\/ 5\u003c\/span\u003e\n      \u003cspan class=\"stars\"\u003e★★★★★\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cp\u003eThe SKIN1004 Madagascar Centella Ampoule is a skincare essential for anyone with sensitive, irritated, or reactive skin. Its minimalist 7-ingredient formula delivers impressive soothing and hydrating benefits without any irritation risk. The pregnancy-safe, fungal-acne-safe, and non-comedogenic profile makes it \u003cstrong\u003eone of the most universally compatible products on the market.\u003c\/strong\u003e While it won't provide dramatic anti-aging or brightening effects, it excels at what it promises: calming redness, strengthening the skin barrier, and providing lightweight hydration. An excellent value proposition considering the generous size options and the quality of Madagascar-sourced Centella. Highly recommended as a staple in any sensitive skin routine.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ===== Back-to-top button (mobile) — hidden by default, shown via JS after scroll ===== --\u003e\n  \u003cbutton type=\"button\" class=\"pp-back-to-top\" aria-label=\"Back to top\"\u003e\n    \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\u003cpolyline points=\"6 15 12 9 18 15\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n  \u003c\/button\u003e\n\n  \u003c!-- ===== Tiny enhancement script — adds .pp-anim-ready + IntersectionObserver-based scroll\n       reveals + back-to-top toggle. ~25 lines, no deps. Works on every modern mobile browser.\n       If the Shopify rich-text editor strips this \u003cscript\u003e, content + smooth scroll still work\n       (the only loss is the scroll-reveal animation — graceful degradation). ===== --\u003e\n  \u003cscript\u003e\n  (function () {\n    var root = document.currentScript \u0026\u0026 document.currentScript.closest('.pp');\n    if (!root) root = document.querySelector('.pp');\n    if (!root) return;\n\n    \/\/ Enable scroll-reveal CSS rules\n    root.classList.add('pp-anim-ready');\n\n    \/\/ Reveal cards as they enter the viewport\n    if ('IntersectionObserver' in window) {\n      var io = new IntersectionObserver(function (entries) {\n        entries.forEach(function (e) {\n          if (e.isIntersecting) {\n            e.target.classList.add('is-visible');\n            io.unobserve(e.target);\n          }\n        });\n      }, { threshold: 0.05, rootMargin: '0px 0px -6% 0px' });\n\n      root.querySelectorAll(\n        '.pp-feature, .pp-ingredient, .pp-sensory-item, .pp-skin-card, ' +\n        '.pp-tl-item, .pp-review-card, .pp-dupe-card, .pp-compare-card, ' +\n        '.pp-step, .pp-fit-box, .pp-pc, .pp-faq-item, .pp-safety-item, .pp-spec'\n      ).forEach(function (el) { io.observe(el); });\n    } else {\n      \/\/ Old browser — just show everything\n      root.querySelectorAll('.pp-feature, .pp-ingredient, .pp-sensory-item, .pp-skin-card, .pp-tl-item, .pp-review-card, .pp-dupe-card, .pp-compare-card, .pp-step, .pp-fit-box, .pp-pc, .pp-faq-item, .pp-safety-item, .pp-spec').forEach(function (el) { el.classList.add('is-visible'); });\n    }\n\n    \/\/ Back-to-top button visibility + action\n    var btt = root.querySelector('.pp-back-to-top');\n    if (btt) {\n      var ticking = false;\n      var onScroll = function () {\n        if (!ticking) {\n          requestAnimationFrame(function () {\n            btt.classList.toggle('is-visible', window.scrollY \u003e 600);\n            ticking = false;\n          });\n          ticking = true;\n        }\n      };\n      window.addEventListener('scroll', onScroll, { passive: true });\n      btt.addEventListener('click', function () {\n        window.scrollTo({ top: 0, behavior: 'smooth' });\n      });\n    }\n  })();\n  \u003c\/script\u003e\n\n\u003c\/div\u003e\n","brand":"SKIN1004","offers":[{"title":"Default Title","offer_id":51771661353303,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0907\/5028\/8215\/files\/dp923uey0cmr5pspkktqi6sc4lwb.jpg?v=1765833831","url":"https:\/\/www.skincarisma.com\/products\/madagascar-centella-ampoule","provider":"Skincarisma","version":"1.0","type":"link"}