{"product_id":"clera-microbiome-balancing-serum","title":"CLERA by LUX® Microbiome Restore Serum","description":"\u003c!-- CLERA SECTIONS (FIXED DESKTOP WIDTH + FIXED NESTING) --\u003e\n\u003cstyle\u003e\n  \/* Global container width (tweak this once) *\/\n  :root{\n    --clera-max: 1180px;\n    --clera-pad: 20px;\n  }\n\n  \/* BEFORE \u0026 AFTER RESULTS GALLERY *\/\n  .clera-results {\n    max-width: var(--clera-max);\n    margin: 60px auto;\n    padding: 0 var(--clera-pad);\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  }\n  .clera-results__header { text-align: center; margin-bottom: 40px; }\n  .clera-results__tag {\n    display: inline-block; background: #f5e8e8; color: #1a1a1a;\n    font-size: 11px; font-weight: 600; text-transform: uppercase;\n    letter-spacing: 1.2px; padding: 6px 16px; border-radius: 30px;\n    margin-bottom: 16px;\n  }\n  .clera-results__title {\n    font-family: Georgia, 'Times New Roman', serif; font-size: 28px;\n    font-weight: 400; color: #1a1a1a; margin: 0 0 10px; line-height: 1.3;\n  }\n  .clera-results__subtitle { font-size: 14px; color: #888; margin: 0; line-height: 1.5; }\n\n  .clera-results__carousel { position: relative; overflow: hidden; }\n  .clera-results__track {\n    display: flex;\n    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    will-change: transform;\n  }\n  .clera-results__slide { min-width: 100%; padding: 0 4px; box-sizing: border-box; }\n  .clera-results__card { background: #fafafa; border-radius: 16px; overflow: hidden; border: 1px solid #f0eaea; }\n  .clera-results__image-wrap { position: relative; width: 100%; overflow: hidden; }\n  .clera-results__image-wrap img { display: block; width: 100%; height: auto; }\n  .clera-results__info {\n    padding: 18px 22px 20px;\n    display: flex; align-items: center; justify-content: space-between; gap: 12px;\n  }\n  .clera-results__name { font-family: Georgia, 'Times New Roman', serif; font-size: 15px; color: #1a1a1a; margin: 0 0 2px; }\n  .clera-results__detail { font-size: 12px; color: #aaa; margin: 0; }\n  .clera-results__concern {\n    display: inline-block; background: #f5e8e8; color: #8b6b6b;\n    font-size: 11px; font-weight: 500; padding: 4px 12px;\n    border-radius: 20px; white-space: nowrap;\n  }\n  .clera-results__nav {\n    position: absolute; top: 50%; transform: translateY(-50%);\n    width: 38px; height: 38px; background: rgba(255,255,255,0.9);\n    backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);\n    border: 1px solid #f0eaea; border-radius: 50%; cursor: pointer;\n    z-index: 10; display: flex; align-items: center; justify-content: center;\n    transition: opacity 0.3s, box-shadow 0.3s;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.06); padding: 0;\n  }\n  .clera-results__nav:hover { box-shadow: 0 4px 14px rgba(0,0,0,0.1); }\n  .clera-results__nav--prev { left: 12px; }\n  .clera-results__nav--next { right: 12px; }\n  .clera-results__nav svg {\n    width: 16px; height: 16px; stroke: #8b6b6b; fill: none;\n    stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;\n  }\n  .clera-results__dots { display: flex; justify-content: center; gap: 8px; margin-top: 24px; }\n  .clera-results__dot {\n    width: 8px; height: 8px; border-radius: 50%;\n    background: #e0d6d6; border: none; padding: 0;\n    cursor: pointer; transition: background 0.3s, transform 0.3s;\n  }\n  .clera-results__dot--active { background: #c4a0a0; transform: scale(1.25); }\n  .clera-results__disclaimer {\n    text-align: center; font-size: 11px; color: #bbb;\n    margin-top: 20px; font-style: italic;\n  }\n\n  \/* HOW IT WORKS *\/\n  .clera-steps {\n    max-width: var(--clera-max);\n    margin: 60px auto;\n    padding: 0 var(--clera-pad);\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  }\n  .clera-steps__header { text-align: center; margin-bottom: 44px; }\n  .clera-steps__tag {\n    display: inline-block; background: #f5e8e8; color: #1a1a1a;\n    font-size: 11px; font-weight: 600; text-transform: uppercase;\n    letter-spacing: 1.2px; padding: 6px 16px; border-radius: 30px;\n    margin-bottom: 16px;\n  }\n  .clera-steps__title {\n    font-family: Georgia, 'Times New Roman', serif;\n    font-size: 28px; font-weight: 400; color: #1a1a1a; margin: 0; line-height: 1.3;\n  }\n  .clera-steps__grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; }\n  .clera-steps__card {\n    background: #fafafa; border: 1px solid #f0eaea; border-radius: 16px;\n    padding: 32px 24px 28px; text-align: center; position: relative;\n  }\n  .clera-steps__number {\n    display: inline-flex; align-items: center; justify-content: center;\n    width: 32px; height: 32px; border-radius: 50%;\n    background: #f5e8e8; color: #8b6b6b; font-size: 13px; font-weight: 700;\n    margin-bottom: 20px;\n  }\n  .clera-steps__icon {\n    width: 64px; height: 64px; margin: 0 auto 20px;\n    display: flex; align-items: center; justify-content: center;\n    background: linear-gradient(145deg, #f9f0f0, #f0e6e6);\n    border-radius: 50%;\n  }\n  .clera-steps__icon svg {\n    width: 28px; height: 28px; stroke: #8b6b6b; fill: none;\n    stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round;\n  }\n  .clera-steps__card-title {\n    font-family: Georgia, 'Times New Roman', serif;\n    font-size: 18px; font-weight: 400; color: #1a1a1a;\n    margin: 0 0 10px;\n  }\n  .clera-steps__card-desc { font-size: 13px; line-height: 1.6; color: #888; margin: 0; }\n\n  @media (min-width: 641px) {\n    .clera-steps__card:not(:last-child)::after {\n      content: ''; position: absolute; top: 72px; right: -14px;\n      width: 8px; height: 8px; border-top: 2px solid #e0d6d6;\n      border-right: 2px solid #e0d6d6; transform: rotate(45deg); z-index: 2;\n    }\n  }\n\n  \/* LAB *\/\n  .clera-lab {\n    max-width: var(--clera-max);\n    margin: 60px auto;\n    padding: 0 var(--clera-pad);\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  }\n  .clera-lab__header { text-align: center; margin-bottom: 40px; }\n  .clera-lab__tag {\n    display: inline-block; background: #f5e8e8; color: #1a1a1a;\n    font-size: 11px; font-weight: 600; text-transform: uppercase;\n    letter-spacing: 1.2px; padding: 6px 16px; border-radius: 30px;\n    margin-bottom: 16px;\n  }\n  .clera-lab__title {\n    font-family: Georgia, 'Times New Roman', serif;\n    font-size: 28px; font-weight: 400; color: #1a1a1a;\n    margin: 0 0 10px; line-height: 1.3;\n  }\n  .clera-lab__subtitle { font-size: 14px; color: #888; margin: 0; line-height: 1.5; }\n  .clera-lab__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n  .clera-lab__card {\n    background: #fafafa; border: 1px solid #f0eaea; border-radius: 16px;\n    padding: 28px 24px; text-align: center; position: relative; overflow: hidden;\n  }\n  .clera-lab__card::before {\n    content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;\n    background: linear-gradient(90deg, #e8d5d5, #d4b8b8);\n    border-radius: 16px 16px 0 0;\n  }\n  .clera-lab__icon {\n    width: 48px; height: 48px; margin: 0 auto 16px;\n    display: flex; align-items: center; justify-content: center;\n    background: linear-gradient(145deg, #f9f0f0, #f0e6e6);\n    border-radius: 50%;\n  }\n  .clera-lab__icon svg {\n    width: 22px; height: 22px; stroke: #8b6b6b; fill: none;\n    stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round;\n  }\n  .clera-lab__stat {\n    font-family: Georgia, 'Times New Roman', serif;\n    font-size: 38px; font-weight: 400; color: #1a1a1a;\n    line-height: 1; margin: 0 0 4px;\n  }\n  .clera-lab__stat-unit { font-size: 20px; color: #aaa; }\n  .clera-lab__label {\n    font-size: 14px; font-weight: 600; color: #8b6b6b;\n    margin: 0 0 10px; text-transform: uppercase; letter-spacing: 0.5px;\n  }\n  .clera-lab__desc { font-size: 13px; color: #999; line-height: 1.5; margin: 0; }\n  .clera-lab__sig {\n    display: inline-block; background: #edf7ed; color: #4a8c4a;\n    font-size: 10px; font-weight: 600; letter-spacing: 0.5px;\n    padding: 3px 10px; border-radius: 20px; margin-top: 12px;\n  }\n  .clera-lab__footer {\n    margin-top: 28px; background: #fafafa; border: 1px solid #f0eaea;\n    border-radius: 12px; padding: 18px 24px;\n    display: flex; align-items: center; justify-content: center;\n    gap: 20px; flex-wrap: wrap;\n  }\n  .clera-lab__footer-item { display: flex; align-items: center; gap: 8px; font-size: 12px; color: #888; }\n  .clera-lab__footer-icon { width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; }\n  .clera-lab__footer-icon svg {\n    width: 16px; height: 16px; stroke: #8b6b6b; fill: none;\n    stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round;\n  }\n  .clera-lab__disclaimer {\n    text-align: center; font-size: 11px; color: #bbb;\n    margin-top: 16px; font-style: italic; line-height: 1.5;\n  }\n  .clera-lab__card--highlight { border-color: #e0d0d0; background: linear-gradient(180deg, #fdfafa, #f9f4f4); }\n  .clera-lab__card--highlight::before { background: linear-gradient(90deg, #c4a0a0, #8b6b6b); }\n  .clera-lab__badge {\n    position: absolute; top: 14px; right: 14px;\n    background: #f5e8e8; color: #8b6b6b;\n    font-size: 9px; font-weight: 700; text-transform: uppercase;\n    letter-spacing: 0.8px; padding: 3px 8px; border-radius: 10px;\n  }\n\n  \/* EDU *\/\n  .clera-edu {\n    max-width: var(--clera-max);\n    margin: 60px auto;\n    padding: 0 var(--clera-pad);\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  }\n  .clera-edu__header { text-align: center; margin-bottom: 36px; }\n  .clera-edu__tag {\n    display: inline-block; background: #f5e8e8; color: #1a1a1a;\n    font-size: 11px; font-weight: 600; text-transform: uppercase;\n    letter-spacing: 1.2px; padding: 6px 16px; border-radius: 30px;\n    margin-bottom: 16px;\n  }\n  .clera-edu__title {\n    font-family: Georgia, 'Times New Roman', serif;\n    font-size: 28px; font-weight: 400; color: #1a1a1a;\n    margin: 0 0 12px; line-height: 1.3;\n  }\n  .clera-edu__intro { font-size: 15px; color: #777; margin: 0 auto; max-width: 640px; line-height: 1.6; }\n  .clera-edu__paths { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 36px; }\n  .clera-edu__path { border-radius: 16px; padding: 28px 24px 24px; position: relative; }\n  .clera-edu__path--without { background: #faf6f6; border: 1px solid #f0e4e4; }\n  .clera-edu__path--with { background: #f6faf7; border: 1px solid #dceede; }\n  .clera-edu__path-label {\n    display: inline-block; font-size: 10px; font-weight: 700;\n    text-transform: uppercase; letter-spacing: 1px;\n    padding: 4px 12px; border-radius: 20px; margin-bottom: 20px;\n  }\n  .clera-edu__path--without .clera-edu__path-label { background: #f0e0e0; color: #9a6b6b; }\n  .clera-edu__path--with .clera-edu__path-label { background: #d8eed8; color: #4a7a4a; }\n  .clera-edu__flow { list-style: none; margin: 0; padding: 0; }\n  .clera-edu__flow-step { display: flex; align-items: flex-start; gap: 14px; padding: 10px 0; position: relative; }\n  .clera-edu__flow-step:not(:last-child)::after { content: ''; position: absolute; left: 15px; top: 38px; bottom: -2px; width: 2px; }\n  .clera-edu__path--without .clera-edu__flow-step::after { background: #e8d0d0; }\n  .clera-edu__path--with .clera-edu__flow-step::after { background: #c0dfc0; }\n  .clera-edu__flow-dot {\n    width: 32px; height: 32px; border-radius: 50%;\n    display: flex; align-items: center; justify-content: center;\n    flex-shrink: 0; position: relative; z-index: 1;\n  }\n  .clera-edu__path--without .clera-edu__flow-dot { background: #f0e0e0; }\n  .clera-edu__path--with .clera-edu__flow-dot { background: #d8eed8; }\n  .clera-edu__flow-dot svg { width: 16px; height: 16px; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\n  .clera-edu__path--without .clera-edu__flow-dot svg { stroke: #9a6b6b; }\n  .clera-edu__path--with .clera-edu__flow-dot svg { stroke: #4a7a4a; }\n  .clera-edu__flow-text { flex: 1; padding-top: 5px; }\n  .clera-edu__flow-title { font-size: 14px; font-weight: 600; margin: 0 0 3px; }\n  .clera-edu__path--without .clera-edu__flow-title { color: #8b5e5e; }\n  .clera-edu__path--with .clera-edu__flow-title { color: #3d6b3d; }\n  .clera-edu__flow-desc { font-size: 13px; color: #999; margin: 0; line-height: 1.45; }\n  .clera-edu__outcome { margin-top: 16px; padding: 14px 16px; border-radius: 10px; font-size: 13px; line-height: 1.5; text-align: center; }\n  .clera-edu__path--without .clera-edu__outcome { background: #f5e0e0; color: #8b5e5e; font-weight: 500; }\n  .clera-edu__path--with .clera-edu__outcome { background: #daf0da; color: #3d6b3d; font-weight: 500; }\n  .clera-edu__cta {\n    text-align: center; margin-top: 32px;\n    font-family: Georgia, 'Times New Roman', serif;\n    font-size: 17px; color: #1a1a1a; line-height: 1.5;\n    font-style: italic; max-width: 560px; margin-left: auto; margin-right: auto;\n  }\n\n  \/* COMPARE *\/\n  .clera-compare {\n    max-width: var(--clera-max);\n    margin: 60px auto;\n    padding: 0 var(--clera-pad);\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  }\n  .clera-compare__header { text-align: center; margin-bottom: 36px; }\n  .clera-compare__tag {\n    display: inline-block; background: #f5e8e8; color: #1a1a1a;\n    font-size: 11px; font-weight: 600; text-transform: uppercase;\n    letter-spacing: 1.2px; padding: 6px 16px; border-radius: 30px;\n    margin-bottom: 16px;\n  }\n  .clera-compare__title {\n    font-family: Georgia, 'Times New Roman', serif;\n    font-size: 28px; font-weight: 400; color: #1a1a1a;\n    margin: 0 0 10px; line-height: 1.3;\n  }\n  .clera-compare__subtitle { font-size: 14px; color: #888; margin: 0; line-height: 1.5; }\n  .clera-compare__wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; border-radius: 16px; border: 1px solid #f0eaea; }\n  .clera-compare__table { width: 100%; border-collapse: collapse; min-width: 600px; }\n  .clera-compare__table thead th {\n    background: #fafafa; font-size: 11px; font-weight: 600;\n    text-transform: uppercase; letter-spacing: 0.8px; color: #999;\n    padding: 14px 18px; text-align: left; border-bottom: 1px solid #f0eaea;\n  }\n  .clera-compare__table thead th:nth-child(2) { text-align: right; }\n  .clera-compare__table tbody tr { border-bottom: 1px solid #f5f0f0; transition: background 0.2s; }\n  .clera-compare__table tbody tr:last-child { border-bottom: none; }\n  .clera-compare__table tbody td {\n    padding: 16px 18px; font-size: 14px; color: #666;\n    vertical-align: top; line-height: 1.45;\n  }\n  .clera-compare__table tbody td:nth-child(2) {\n    text-align: right; white-space: nowrap; font-weight: 500;\n  }\n  .clera-compare__hero { background: linear-gradient(90deg, #f9f4f4, #f4f9f5) !important; border-bottom: 2px solid #e0d6d6 !important; }\n  .clera-compare__hero td { color: #1a1a1a !important; font-weight: 500; }\n  .clera-compare__hero td:first-child { font-weight: 600; }\n  .clera-compare__product-name { display: flex; align-items: center; gap: 10px; }\n  .clera-compare__badge {\n    display: inline-block; background: #d8eed8; color: #3d6b3d;\n    font-size: 9px; font-weight: 700; text-transform: uppercase;\n    letter-spacing: 0.6px; padding: 3px 8px; border-radius: 10px; white-space: nowrap;\n  }\n  .clera-compare__price-hero { font-family: Georgia, 'Times New Roman', serif; font-size: 20px; color: #1a1a1a; }\n  .clera-compare__price-strike {\n    font-size: 13px; color: #bbb; text-decoration: line-through; margin-left: 6px;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  }\n  .clera-compare__comp-name { font-weight: 500; color: #555; }\n  .clera-compare__note {\n    text-align: center; margin-top: 20px; font-size: 14px;\n    color: #777; line-height: 1.5; font-style: italic;\n  }\n\n  \/* Mobile *\/\n  @media (max-width: 640px) {\n    :root{ --clera-pad: 12px; }\n\n    .clera-results { margin: 40px auto; }\n    .clera-results__title,\n    .clera-steps__title,\n    .clera-lab__title,\n    .clera-edu__title,\n    .clera-compare__title { font-size: 22px; }\n\n    .clera-results__nav { width: 32px; height: 32px; }\n    .clera-results__nav--prev { left: 6px; }\n    .clera-results__nav--next { right: 6px; }\n\n    .clera-results__info {\n      padding: 14px 16px 16px;\n      flex-direction: column; align-items: flex-start; gap: 8px;\n    }\n\n    .clera-steps__grid { grid-template-columns: 1fr; gap: 16px; }\n    .clera-steps__card {\n      display: flex; align-items: center; text-align: left;\n      padding: 20px; gap: 16px;\n    }\n    .clera-steps__number { display: none; }\n    .clera-steps__icon { margin: 0; flex-shrink: 0; width: 52px; height: 52px; }\n    .clera-steps__icon svg { width: 24px; height: 24px; }\n\n    .clera-lab__grid { grid-template-columns: 1fr; }\n    .clera-lab__stat { font-size: 32px; }\n    .clera-lab__footer { flex-direction: column; gap: 10px; }\n\n    .clera-edu__paths { grid-template-columns: 1fr; gap: 16px; }\n    .clera-edu__path { padding: 24px 20px 20px; }\n\n    .clera-compare__table tbody td,\n    .clera-compare__table thead th { padding: 12px 14px; font-size: 13px; }\n    .clera-compare__price-hero { font-size: 17px; }\n  }\n\u003c\/style\u003e\n\n\u003c!-- RESULTS --\u003e\n\u003cdiv class=\"clera-results\"\u003e\n  \u003cdiv class=\"clera-results__header\"\u003e\n    \u003cdiv class=\"clera-results__tag\"\u003eReal Results\u003c\/div\u003e\n    \u003ch2 class=\"clera-results__title\"\u003eWhat restored skin looks like\u003c\/h2\u003e\n    \u003cp class=\"clera-results__subtitle\"\u003eDaily use over 4–8 weeks.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"clera-results__carousel\"\u003e\n    \u003cbutton aria-label=\"Previous result\" class=\"clera-results__nav clera-results__nav--prev\"\u003e\n      \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"15 18 9 12 15 6\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n    \u003c\/button\u003e\n    \u003cbutton aria-label=\"Next result\" class=\"clera-results__nav clera-results__nav--next\"\u003e\n      \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"9 6 15 12 9 18\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n    \u003c\/button\u003e\n\n    \u003cdiv class=\"clera-results__track\"\u003e\n      \u003cdiv class=\"clera-results__slide\"\u003e\n        \u003cdiv class=\"clera-results__card\"\u003e\n          \u003cdiv class=\"clera-results__image-wrap\"\u003e\n            \u003cimg alt=\"Before and after 4 weeks of CLERA — Sarah, 42\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0703\/3602\/0754\/files\/nano-banana-2026-02-15T08-03-00.jpg?v=1771142924\"\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"clera-results__info\"\u003e\n            \u003cdiv\u003e\n              \u003cp class=\"clera-results__name\"\u003eSarah, 42\u003c\/p\u003e\n              \u003cp class=\"clera-results__detail\"\u003eCombination skin · Used CLERA morning \u0026amp; night\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cspan class=\"clera-results__concern\"\u003eDullness \u0026amp; sensitivity\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"clera-results__slide\"\u003e\n        \u003cdiv class=\"clera-results__card\"\u003e\n          \u003cdiv class=\"clera-results__image-wrap\"\u003e\n            \u003cimg alt=\"Before and after 6 weeks of CLERA — Michelle, 40\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0703\/3602\/0754\/files\/nano-banana-2026-02-15T08-06-32.jpg?v=1771142923\"\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"clera-results__info\"\u003e\n            \u003cdiv\u003e\n              \u003cp class=\"clera-results__name\"\u003eMichelle, 40\u003c\/p\u003e\n              \u003cp class=\"clera-results__detail\"\u003eDry skin · Perimenopause · Used with existing routine\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cspan class=\"clera-results__concern\"\u003eRedness \u0026amp; dryness\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"clera-results__slide\"\u003e\n        \u003cdiv class=\"clera-results__card\"\u003e\n          \u003cdiv class=\"clera-results__image-wrap\"\u003e\n            \u003cimg alt=\"Before and after 8 weeks of CLERA — Linda, 51\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0703\/3602\/0754\/files\/nano-banana-2026-02-15T08-22-28.jpg?v=1771143757\"\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"clera-results__info\"\u003e\n            \u003cdiv\u003e\n              \u003cp class=\"clera-results__name\"\u003eLinda, 51\u003c\/p\u003e\n              \u003cp class=\"clera-results__detail\"\u003eMature skin · Replaced 3 serums with CLERA\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cspan class=\"clera-results__concern\"\u003eFine lines \u0026amp; lost radiance\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"clera-results__dots\"\u003e\n    \u003cbutton aria-label=\"Slide 1\" data-dot=\"0\" class=\"clera-results__dot clera-results__dot--active\"\u003e\u003c\/button\u003e\n    \u003cbutton aria-label=\"Slide 2\" data-dot=\"1\" class=\"clera-results__dot\"\u003e\u003c\/button\u003e\n    \u003cbutton aria-label=\"Slide 3\" data-dot=\"2\" class=\"clera-results__dot\"\u003e\u003c\/button\u003e\n  \u003c\/div\u003e\n\n  \u003cp class=\"clera-results__disclaimer\"\u003e*Individual results may vary. Images show results with consistent daily use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n  (function() {\n    function initCleraResults(root) {\n      if (!root || root.dataset.cleraInit === '1') return;\n      root.dataset.cleraInit = '1';\n\n      var track = root.querySelector('.clera-results__track');\n      var slides = root.querySelectorAll('.clera-results__slide');\n      var prevBtn = root.querySelector('.clera-results__nav--prev');\n      var nextBtn = root.querySelector('.clera-results__nav--next');\n      var dots = root.querySelectorAll('.clera-results__dot');\n\n      if (!track || !slides.length) return;\n\n      var index = 0;\n\n      function clamp(i) {\n        return Math.max(0, Math.min(i, slides.length - 1));\n      }\n\n      function setActiveDot(i) {\n        if (!dots || !dots.length) return;\n        dots.forEach(function(d) { d.classList.remove('clera-results__dot--active'); });\n        if (dots[i]) dots[i].classList.add('clera-results__dot--active');\n      }\n\n      function update(i) {\n        index = clamp(i);\n        track.style.transform = 'translateX(-' + (index * 100) + '%)';\n        setActiveDot(index);\n      }\n\n      function onPrev(e) {\n        if (e) e.preventDefault();\n        update(index - 1);\n      }\n\n      function onNext(e) {\n        if (e) e.preventDefault();\n        update(index + 1);\n      }\n\n      if (prevBtn) {\n        prevBtn.type = 'button';\n        prevBtn.addEventListener('click', onPrev, { passive: false });\n        prevBtn.addEventListener('touchend', onPrev, { passive: false });\n      }\n\n      if (nextBtn) {\n        nextBtn.type = 'button';\n        nextBtn.addEventListener('click', onNext, { passive: false });\n        nextBtn.addEventListener('touchend', onNext, { passive: false });\n      }\n\n      if (dots \u0026\u0026 dots.length) {\n        dots.forEach(function(dot) {\n          dot.type = 'button';\n          dot.addEventListener('click', function(e) {\n            e.preventDefault();\n            var n = parseInt(dot.getAttribute('data-dot'), 10);\n            if (!isNaN(n)) update(n);\n          }, { passive: false });\n        });\n      }\n\n      \/* Swipe support *\/\n      var startX = 0;\n      var startY = 0;\n      var dragging = false;\n\n      function onTouchStart(e) {\n        if (!e.touches || e.touches.length !== 1) return;\n        dragging = true;\n        startX = e.touches[0].clientX;\n        startY = e.touches[0].clientY;\n      }\n\n      function onTouchMove(e) {\n        if (!dragging || !e.touches || e.touches.length !== 1) return;\n        var dx = e.touches[0].clientX - startX;\n        var dy = e.touches[0].clientY - startY;\n        if (Math.abs(dx) \u003e Math.abs(dy) \u0026\u0026 Math.abs(dx) \u003e 8) {\n          e.preventDefault();\n        }\n      }\n\n      function onTouchEnd(e) {\n        if (!dragging) return;\n        dragging = false;\n\n        var endX = (e.changedTouches \u0026\u0026 e.changedTouches[0]) ? e.changedTouches[0].clientX : startX;\n        var dx = endX - startX;\n\n        if (Math.abs(dx) \u003e 40) {\n          if (dx \u003c 0) update(index + 1);\n          else update(index - 1);\n        }\n      }\n\n      root.addEventListener('touchstart', onTouchStart, { passive: true });\n      root.addEventListener('touchmove', onTouchMove, { passive: false });\n      root.addEventListener('touchend', onTouchEnd, { passive: true });\n\n      \/* Init *\/\n      update(0);\n    }\n\n    function initAll() {\n      document.querySelectorAll('.clera-results').forEach(initCleraResults);\n    }\n\n    if (document.readyState === 'loading') {\n      document.addEventListener('DOMContentLoaded', initAll);\n    } else {\n      initAll();\n    }\n\n    \/* Shopify theme editor support *\/\n    document.addEventListener('shopify:section:load', initAll);\n  })();\n\u003c\/script\u003e\n\n\n\u003c!-- HOW IT WORKS (this is the ONLY place we use the 3-column grid) --\u003e\n\u003cdiv class=\"clera-steps\"\u003e\n  \u003cdiv class=\"clera-steps__header\"\u003e\n    \u003cdiv class=\"clera-steps__tag\"\u003eHow It Works\u003c\/div\u003e\n    \u003ch2 class=\"clera-steps__title\"\u003eThree steps. One foundation.\u003c\/h2\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"clera-steps__grid\"\u003e\n    \u003cdiv class=\"clera-steps__card\"\u003e\n      \u003cspan class=\"clera-steps__number\"\u003e1\u003c\/span\u003e\n      \u003cdiv class=\"clera-steps__icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"clera-steps__card-content\"\u003e\n        \u003ch3 class=\"clera-steps__card-title\"\u003eApply\u003c\/h3\u003e\n        \u003cp class=\"clera-steps__card-desc\"\u003e3 drops on clean skin, morning and night. Lightweight gel absorbs in seconds, no residue, no waiting.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"clera-steps__card\"\u003e\n      \u003cspan class=\"clera-steps__number\"\u003e2\u003c\/span\u003e\n      \u003cdiv class=\"clera-steps__icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"clera-steps__card-content\"\u003e\n        \u003ch3 class=\"clera-steps__card-title\"\u003eRestore\u003c\/h3\u003e\n        \u003cp class=\"clera-steps__card-desc\"\u003ePostbiotics and prebiotics rebuild your microbiome. Your barrier strengthens.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"clera-steps__card\"\u003e\n      \u003cspan class=\"clera-steps__number\"\u003e3\u003c\/span\u003e\n      \u003cdiv class=\"clera-steps__icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"clera-steps__card-content\"\u003e\n        \u003ch3 class=\"clera-steps__card-title\"\u003ePerform\u003c\/h3\u003e\n        \u003cp class=\"clera-steps__card-desc\"\u003eYour routine finally works better because the foundation is supported.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- LAB (NO clera-steps__grid wrapper anymore) --\u003e\n\u003cdiv class=\"clera-lab\"\u003e\n  \u003cdiv class=\"clera-lab__header\"\u003e\n    \u003cdiv class=\"clera-lab__tag\"\u003eLaboratory Tested\u003c\/div\u003e\n    \u003ch2 class=\"clera-lab__title\"\u003eProven results. Not just promises.\u003c\/h2\u003e\n    \u003cp class=\"clera-lab__subtitle\"\u003eIndependent laboratory testing by ILAC-accredited facility. All results statistically significant (P\u0026lt;0.05).\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"clera-lab__grid\"\u003e\n    \u003cdiv class=\"clera-lab__card clera-lab__card--highlight\"\u003e\n      \u003cspan class=\"clera-lab__badge\"\u003eOutperformed control\u003c\/span\u003e\n      \u003cdiv class=\"clera-lab__icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n      \u003cp class=\"clera-lab__stat\"\u003e81\u003cspan class=\"clera-lab__stat-unit\"\u003e%\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"clera-lab__label\"\u003eFirming \u0026amp; Anti-Wrinkle\u003c\/p\u003e\n      \u003cp class=\"clera-lab__desc\"\u003eElastase inhibition rate, outperformed control (78.92%).\u003c\/p\u003e\n      \u003cspan class=\"clera-lab__sig\"\u003e✓ Proven effective\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"clera-lab__card\"\u003e\n      \u003cdiv class=\"clera-lab__icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n      \u003cp class=\"clera-lab__stat\"\u003e51\u003cspan class=\"clera-lab__stat-unit\"\u003e%\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"clera-lab__label\"\u003eSoothing \u0026amp; Calming\u003c\/p\u003e\n      \u003cp class=\"clera-lab__desc\"\u003eHyaluronidase inhibition rate.\u003c\/p\u003e\n      \u003cspan class=\"clera-lab__sig\"\u003e✓ Proven effective\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"clera-lab__card\"\u003e\n      \u003cdiv class=\"clera-lab__icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n      \u003cp class=\"clera-lab__stat\"\u003e176\u003cspan class=\"clera-lab__stat-unit\"\u003e%\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"clera-lab__label\"\u003e24h Moisture Retention\u003c\/p\u003e\n      \u003cp class=\"clera-lab__desc\"\u003eRelative moisturisation rate over 24 hours.\u003c\/p\u003e\n      \u003cspan class=\"clera-lab__sig\"\u003e✓ Rated \"excellent\" (150%+)\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"clera-lab__card\"\u003e\n      \u003cdiv class=\"clera-lab__icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"5\"\u003e\u003c\/circle\u003e\u003cline x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"\u003e\u003c\/line\u003e\u003cline x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"\u003e\u003c\/line\u003e\u003cline x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"\u003e\u003c\/line\u003e\u003cline x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"\u003e\u003c\/line\u003e\u003cline x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"\u003e\u003c\/line\u003e\u003cline x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\"\u003e\u003c\/line\u003e\u003cline x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/div\u003e\n      \u003cp class=\"clera-lab__stat\"\u003e33\u003cspan class=\"clera-lab__stat-unit\"\u003e%\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"clera-lab__label\"\u003eBrightening\u003c\/p\u003e\n      \u003cp class=\"clera-lab__desc\"\u003eTyrosinase inhibition rate.\u003c\/p\u003e\n      \u003cspan class=\"clera-lab__sig\"\u003e✓ Proven effective\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"clera-lab__footer\"\u003e\n    \u003cdiv class=\"clera-lab__footer-item\"\u003e\n      \u003cdiv class=\"clera-lab__footer-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\u003e\u003c\/path\u003e\u003cpolyline points=\"22 4 12 14.01 9 11.01\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/div\u003e\n      ILAC-accredited laboratory\n    \u003c\/div\u003e\n    \u003cdiv class=\"clera-lab__footer-item\"\u003e\n      \u003cdiv class=\"clera-lab__footer-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/div\u003e\n      4 independent efficacy reports\n    \u003c\/div\u003e\n    \u003cdiv class=\"clera-lab__footer-item\"\u003e\n      \u003cdiv class=\"clera-lab__footer-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003crect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\u003e\u003c\/rect\u003e\u003cpath d=\"M7 11V7a5 5 0 0 1 10 0v4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n      All results scientifically verified\n    \u003c\/div\u003e\n    \u003cdiv class=\"clera-lab__footer-item\"\u003e\n      \u003cdiv class=\"clera-lab__footer-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n      Tested February 2026\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cp class=\"clera-lab__disclaimer\"\u003eTesting conducted by an ILAC MRA internationally accredited testing facility. In-vitro laboratory testing on product sample. Results demonstrate ingredient efficacy under controlled conditions.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- CLERA \"WHY YOUR ROUTINE ISN'T WORKING\" EDUCATION SECTION --\u003e\n\u003cdiv class=\"clera-edu\"\u003e\n  \u003c!-- Header --\u003e\n  \u003cdiv class=\"clera-edu__header\"\u003e\n    \u003cdiv class=\"clera-edu__tag\"\u003eThe Science\u003c\/div\u003e\n    \u003ch2 class=\"clera-edu__title\"\u003eWhy nothing seems to work anymore\u003c\/h2\u003e\n    \u003cp class=\"clera-edu__intro\"\u003e\n      After 30, your skin's microbiome, the invisible ecosystem that controls moisture, sensitivity, and radiance, begins to decline.\n      Here's what's really happening beneath the surface.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Two pathways --\u003e\n  \u003cdiv class=\"clera-edu__paths\"\u003e\n    \u003c!-- WITHOUT CLERA --\u003e\n    \u003cdiv class=\"clera-edu__path clera-edu__path--without\"\u003e\n      \u003cspan class=\"clera-edu__path-label\"\u003eWithout microbiome support\u003c\/span\u003e\n\n      \u003cul class=\"clera-edu__flow\"\u003e\n        \u003cli class=\"clera-edu__flow-step\"\u003e\n          \u003cdiv class=\"clera-edu__flow-dot\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cline x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\u003e\u003c\/line\u003e\n              \u003cline x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\u003e\u003c\/line\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"clera-edu__flow-text\"\u003e\n            \u003cp class=\"clera-edu__flow-title\"\u003eMicrobiome declines\u003c\/p\u003e\n            \u003cp class=\"clera-edu__flow-desc\"\u003eAge, stress, hormones, and harsh products deplete your skin's beneficial bacteria\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/li\u003e\n\n        \u003cli class=\"clera-edu__flow-step\"\u003e\n          \u003cdiv class=\"clera-edu__flow-dot\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"clera-edu__flow-text\"\u003e\n            \u003cp class=\"clera-edu__flow-title\"\u003eBarrier weakens\u003c\/p\u003e\n            \u003cp class=\"clera-edu__flow-desc\"\u003eWithout a healthy microbiome, your skin barrier can't maintain itself\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/li\u003e\n\n        \u003cli class=\"clera-edu__flow-step\"\u003e\n          \u003cdiv class=\"clera-edu__flow-dot\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"clera-edu__flow-text\"\u003e\n            \u003cp class=\"clera-edu__flow-title\"\u003eSymptoms appear\u003c\/p\u003e\n            \u003cp class=\"clera-edu__flow-desc\"\u003eMoisture escapes. Sensitivity rises. Dullness sets in. Redness won't calm down.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/li\u003e\n\n        \u003cli class=\"clera-edu__flow-step\"\u003e\n          \u003cdiv class=\"clera-edu__flow-dot\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"clera-edu__flow-text\"\u003e\n            \u003cp class=\"clera-edu__flow-title\"\u003eProducts underperform\u003c\/p\u003e\n            \u003cp class=\"clera-edu__flow-desc\"\u003eYour serums, retinol, and actives can't penetrate a compromised barrier properly\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/li\u003e\n\n        \u003cli class=\"clera-edu__flow-step\"\u003e\n          \u003cdiv class=\"clera-edu__flow-dot\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\n              \u003cline x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"\u003e\u003c\/line\u003e\n              \u003cline x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"\u003e\u003c\/line\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"clera-edu__flow-text\"\u003e\n            \u003cp class=\"clera-edu__flow-title\"\u003eYou add more products\u003c\/p\u003e\n            \u003cp class=\"clera-edu__flow-desc\"\u003eMore actives, more acids, more steps, which damages the microbiome further\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/li\u003e\n      \u003c\/ul\u003e\n\n      \u003cdiv class=\"clera-edu__outcome\"\u003eThe cycle continues. More spending, worse results.\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- WITH CLERA --\u003e\n    \u003cdiv class=\"clera-edu__path clera-edu__path--with\"\u003e\n      \u003cspan class=\"clera-edu__path-label\"\u003eWith CLERA daily\u003c\/span\u003e\n\n      \u003cul class=\"clera-edu__flow\"\u003e\n        \u003cli class=\"clera-edu__flow-step\"\u003e\n          \u003cdiv class=\"clera-edu__flow-dot\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"clera-edu__flow-text\"\u003e\n            \u003cp class=\"clera-edu__flow-title\"\u003eMicrobiome restores\u003c\/p\u003e\n            \u003cp class=\"clera-edu__flow-desc\"\u003ePostbiotics and prebiotics replenish beneficial bacteria and rebalance the ecosystem\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/li\u003e\n\n        \u003cli class=\"clera-edu__flow-step\"\u003e\n          \u003cdiv class=\"clera-edu__flow-dot\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"18 15 12 9 6 15\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"clera-edu__flow-text\"\u003e\n            \u003cp class=\"clera-edu__flow-title\"\u003eBarrier strengthens\u003c\/p\u003e\n            \u003cp class=\"clera-edu__flow-desc\"\u003eA healthy microbiome supports the lipids your barrier needs\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/li\u003e\n\n        \u003cli class=\"clera-edu__flow-step\"\u003e\n          \u003cdiv class=\"clera-edu__flow-dot\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"18 15 12 9 6 15\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"clera-edu__flow-text\"\u003e\n            \u003cp class=\"clera-edu__flow-title\"\u003eSymptoms resolve\u003c\/p\u003e\n            \u003cp class=\"clera-edu__flow-desc\"\u003eMoisture holds. Sensitivity calms. Radiance returns. Skin feels resilient again.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/li\u003e\n\n        \u003cli class=\"clera-edu__flow-step\"\u003e\n          \u003cdiv class=\"clera-edu__flow-dot\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"18 15 12 9 6 15\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"clera-edu__flow-text\"\u003e\n            \u003cp class=\"clera-edu__flow-title\"\u003eProducts perform\u003c\/p\u003e\n            \u003cp class=\"clera-edu__flow-desc\"\u003eYour retinol penetrates. Your vitamin C brightens. Your moisturiser locks in for hours.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/li\u003e\n\n        \u003cli class=\"clera-edu__flow-step\"\u003e\n          \u003cdiv class=\"clera-edu__flow-dot\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"clera-edu__flow-text\"\u003e\n            \u003cp class=\"clera-edu__flow-title\"\u003eYou need less\u003c\/p\u003e\n            \u003cp class=\"clera-edu__flow-desc\"\u003eFewer products, better results. Your routine gets simpler because the foundation works.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/li\u003e\n      \u003c\/ul\u003e\n\n      \u003cdiv class=\"clera-edu__outcome\"\u003eThe foundation works. Everything else follows.\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cp class=\"clera-edu__cta\"\u003e\n    Your skincare isn't failing you. Your skin's ecosystem is.\u003cbr\u003e\n    CLERA fixes the foundation so everything else finally works.\n  \u003c\/p\u003e\n\u003c\/div\u003e\n\n\n\u003c!-- COMPARE (NO clera-steps__grid wrapper anymore) --\u003e\n\u003cdiv class=\"clera-compare\"\u003e\n  \u003cdiv class=\"clera-compare__header\"\u003e\n    \u003cdiv class=\"clera-compare__tag\"\u003eHow We Compare\u003c\/div\u003e\n    \u003ch2 class=\"clera-compare__title\"\u003eRestore your skin's foundation without the clinic price tag\u003c\/h2\u003e\n    \u003cp class=\"clera-compare__subtitle\"\u003eWhat women typically spend trying to fix barrier damage, sensitivity, and dullness.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"clera-compare__wrap\"\u003e\n    \u003ctable class=\"clera-compare__table\"\u003e\n      \u003cthead\u003e\n        \u003ctr\u003e\n          \u003cth\u003eOption\u003c\/th\u003e\n          \u003cth\u003eTypical Cost\u003c\/th\u003e\n          \u003cth\u003eWhat It Involves\u003c\/th\u003e\n        \u003c\/tr\u003e\n      \u003c\/thead\u003e\n      \u003ctbody\u003e\n        \u003ctr class=\"clera-compare__hero\"\u003e\n          \u003ctd\u003e\n            \u003cdiv class=\"clera-compare__product-name\"\u003eCLERA Microbiome Restore Serum \u003cspan class=\"clera-compare__badge\"\u003eBest value\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003c\/td\u003e\n          \u003ctd\u003e\n\u003cspan class=\"clera-compare__price-hero\"\u003e$39\u003c\/span\u003e \u003cspan class=\"clera-compare__price-strike\"\u003e$80\u003c\/span\u003e\n\u003c\/td\u003e\n          \u003ctd\u003ePostbiotics + prebiotics + 5% niacinamide + zinc.\u003c\/td\u003e\n        \u003c\/tr\u003e\n\n        \u003ctr\u003e\n          \u003ctd\u003e\u003cspan class=\"clera-compare__comp-name\"\u003eProbiotic skincare brands\u003c\/span\u003e\u003c\/td\u003e\n          \u003ctd\u003e$45–$85+\u003c\/td\u003e\n          \u003ctd\u003eSingle-action probiotic products, often require layering multiple serums\u003c\/td\u003e\n        \u003c\/tr\u003e\n\n        \u003ctr\u003e\n          \u003ctd\u003e\u003cspan class=\"clera-compare__comp-name\"\u003eBarrier repair creams\u003c\/span\u003e\u003c\/td\u003e\n          \u003ctd\u003e$25–$55+\u003c\/td\u003e\n          \u003ctd\u003eAddresses symptoms of barrier damage but doesn't rebuild the microbiome itself\u003c\/td\u003e\n        \u003c\/tr\u003e\n\n        \u003ctr\u003e\n          \u003ctd\u003e\u003cspan class=\"clera-compare__comp-name\"\u003eDermatologist barrier protocols\u003c\/span\u003e\u003c\/td\u003e\n          \u003ctd\u003e$150–$400+\u003c\/td\u003e\n          \u003ctd\u003eConsultation plus multiple prescription products, ongoing cost\u003c\/td\u003e\n        \u003c\/tr\u003e\n\n        \u003ctr\u003e\n          \u003ctd\u003e\u003cspan class=\"clera-compare__comp-name\"\u003eLED \/ laser skin rejuvenation\u003c\/span\u003e\u003c\/td\u003e\n          \u003ctd\u003e$500–$2,000+\u003c\/td\u003e\n          \u003ctd\u003eMultiple sessions, downtime required, treats surface not root cause\u003c\/td\u003e\n        \u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \u003c\/div\u003e\n\n  \u003cp class=\"clera-compare__note\"\u003eWhen CLERA is your daily base, your existing products perform better and you may find you need fewer of them.\u003c\/p\u003e\n\u003c\/div\u003e\n","brand":"LUX SKIN","offers":[{"title":"Default Title","offer_id":53129508028527,"sku":"CLERA_01","price":108.0,"currency_code":"AED","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0655\/8410\/3535\/files\/Amazon_image_Bottle_Box_CLERA_4.jpg?v=1779256654","url":"https:\/\/ae.luxskin.co\/products\/clera-microbiome-balancing-serum","provider":"LUX SKIN UAE","version":"1.0","type":"link"}