{"title":"Dark Spots \u0026 Uneven Tone","description":"\u003cp data-path-to-node=\"14\"\u003eUneven tone and dark spots are essentially your skin’s memory of past damage. To fade them, you have to do more than just scrub the surface—you have to tell the skin to stop over-reacting to the sun and past blemishes.\u003c\/p\u003e\n\u003cp data-path-to-node=\"15\"\u003eOur protocol focuses on \u003cb data-path-to-node=\"15\" data-index-in-node=\"24\"\u003eQuiet Correction\u003c\/b\u003e. We use a blend of brighteners that help \"turn down\" the signals that cause spots to form in the first place. By gently encouraging the skin to reveal fresh, new cells more quickly, we lift away old shadows and restore a clear, light-reflecting glow.\u003c\/p\u003e","products":[{"product_id":"palo-duro","title":"Palo Duro Barrier Repair Cream","description":"\u003cp\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@300;400;700;900\u0026amp;family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n  \/* =====================================================================\n     1. GLOBAL THEME VARIABLES (LIGHT MODE DEFAULT)\n     ===================================================================== *\/\n  .sr-product-wrap {\n    --sr-orange: #ff7e00;\n    --sr-plum: #5b5161;\n    --sr-plum-light: #8e7f96;\n    --sr-dark-text: #2b2b2b;\n    --sr-mid-text: #555555;\n    \n    --sr-bg-sand: #f5f3ef;\n    --sr-bg-offwhite: #faf8f5;\n    --sr-border-line: #e8e4dc;\n    --sr-accent-green: #bad381;\n    \n    --sr-font-title: 'DM Sans', sans-serif;\n    --sr-font-body: 'Lato', sans-serif;\n  }\n\n  \/* =====================================================================\n     DARK MODE OVERRIDES (SHOPIFY THEME CLASSES)\n     ===================================================================== *\/\n  html.dark .sr-product-wrap,\n  html[class*=\"dark\"] .sr-product-wrap,\n  body.dark .sr-product-wrap,\n  body[class*=\"dark\"] .sr-product-wrap,\n  [data-theme*=\"dark\"] .sr-product-wrap,\n  .color-inverse .sr-product-wrap,\n  .color-scheme-inverse .sr-product-wrap,\n  .color-scheme-2 .sr-product-wrap,\n  .color-scheme-3 .sr-product-wrap {\n    --sr-plum: #e2ddd5;\n    --sr-plum-light: #a496ac;\n    --sr-dark-text: #ffffff;\n    --sr-mid-text: #e2ddd5;\n    \n    --sr-bg-sand: rgba(226, 221, 213, 0.05);\n    --sr-bg-offwhite: rgba(226, 221, 213, 0.02);\n    --sr-border-line: rgba(226, 221, 213, 0.15);\n  }\n\n  \/* =====================================================================\n     2. BASE LAYOUT \u0026 TYPOGRAPHY\n     ===================================================================== *\/\n  .sr-product-wrap {\n    width: 100%;\n    margin: 0 auto 40px auto; \n    color: var(--sr-dark-text);\n    font-family: var(--sr-font-body);\n    text-align: left;\n    -webkit-font-smoothing: antialiased;\n  }\n  .sr-product-wrap * { box-sizing: border-box; }\n\n  .sr-label {\n    font-family: var(--sr-font-title);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 2.5px;\n    text-transform: uppercase;\n    display: block;\n    margin-bottom: 16px;\n  }\n  \n  .sr-title {\n    font-family: var(--sr-font-title);\n    font-size: 24px;\n    font-weight: 700;\n    line-height: 1.2;\n    letter-spacing: -0.5px;\n    color: var(--sr-plum);\n  }\n  \n  .sr-body {\n    font-size: 16px;\n    line-height: 1.8;\n    color: var(--sr-mid-text);\n  }\n\n  \/* =====================================================================\n     3. ZONE 1: OPENER \u0026 STAT BLOCK\n     ===================================================================== *\/\n  .sr-announcement {\n    background: transparent;\n    color: var(--sr-plum);\n    padding: 12px 0;\n    text-align: left;\n    border-top: 1px solid var(--sr-border-line);\n    border-bottom: 1px solid var(--sr-border-line);\n    margin-bottom: 32px;\n    font-size: 12px;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n  }\n  .sr-announcement strong { color: var(--sr-orange); }\n  \n  .sr-opener-title {\n    font-family: var(--sr-font-title);\n    font-size: clamp(48px, 8vw, 80px);\n    font-weight: 300;\n    line-height: 0.9;\n    letter-spacing: -2px;\n    color: var(--sr-plum);\n    margin: 24px 0;\n  }\n  \n  .sr-opener-desc {\n    font-size: 18px;\n    font-style: italic;\n    line-height: 1.6;\n    color: var(--sr-mid-text);\n    border-left: 2px solid var(--sr-orange);\n    padding-left: 20px;\n    margin-bottom: 40px;\n  }\n\n  .sr-stat-box {\n    background: transparent;\n    padding: 16px 0; \n    text-align: left;\n    margin-bottom: 40px;\n  }\n  .sr-stat-num {\n    font-family: var(--sr-font-title);\n    font-size: 72px;\n    font-weight: 300;\n    line-height: 0.8;\n    color: var(--sr-orange);\n    display: block;\n    margin-bottom: 16px;\n  }\n  .sr-stat-label { \n    color: var(--sr-plum); \n    display: block; \n    margin-bottom: 8px; \n    font-weight: 700; \n    font-size: 12px; \n    letter-spacing: 2.5px; \n    text-transform: uppercase; \n  }\n  .sr-stat-sub { \n    font-size: 16px; \n    color: var(--sr-mid-text); \n    line-height: 1.6; \n    margin: 0; \n  }\n\n  \/* =====================================================================\n     4. ZONE 2: ACCORDIONS (Ingredients, Protocol, INCI)\n     ===================================================================== *\/\n  .sr-accordion { border-top: 1px solid var(--sr-border-line); }\n  .sr-accordion:last-of-type { border-bottom: 1px solid var(--sr-border-line); margin-bottom: 48px; }\n  \n  .sr-accordion summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 24px 0;\n    cursor: pointer;\n    list-style: none;\n    font-family: var(--sr-font-title);\n    font-size: 20px;\n    font-weight: 700;\n    color: var(--sr-plum);\n    transition: color 0.2s ease;\n  }\n  .sr-accordion summary:hover { color: var(--sr-orange); }\n  .sr-accordion summary::-webkit-details-marker { display: none; }\n  \n  .sr-accordion summary::after {\n    content: '+';\n    font-family: var(--sr-font-body);\n    font-size: 28px;\n    font-weight: 300;\n    line-height: 1;\n    color: var(--sr-plum-light);\n  }\n  .sr-accordion[open] summary::after { content: '−'; color: var(--sr-orange); }\n  .sr-accordion-content { padding-bottom: 32px; }\n\n  \/* Inner Accordion Styling: Ingredients Grid *\/\n  .sr-ing-row {\n    display: grid;\n    grid-template-columns: 40px 1fr;\n    gap: 0 16px;\n    padding: 20px 16px;\n    border-radius: 0; \n  }\n  .sr-ing-row:hover { background: var(--sr-bg-offwhite); }\n  .sr-ing-row--hero { background: var(--sr-bg-sand); border-left: 3px solid var(--sr-orange); }\n  \n  .sr-ing-num { font-family: var(--sr-font-title); font-size: 14px; font-weight: 700; color: var(--sr-plum-light); grid-row: 1\/4; }\n  .sr-ing-row--hero .sr-ing-num { color: var(--sr-orange); }\n  \n  .sr-ing-name { font-family: var(--sr-font-title); font-size: 18px; font-weight: 700; color: var(--sr-plum); margin-bottom: 4px; }\n  .sr-ing-role { font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--sr-orange); margin-bottom: 8px; }\n  .sr-ing-desc { font-size: 15px; color: var(--sr-mid-text); line-height: 1.7; }\n  .sr-inci-block { font-size: 13px; color: var(--sr-plum-light); line-height: 1.8; padding: 16px; background: var(--sr-bg-offwhite); border-radius: 0; }\n\n  \/* Inner Accordion Styling: Timeline *\/\n  .sr-timeline { position: relative; padding-left: 16px; }\n  .sr-timeline::before { content: ''; position: absolute; top: 10px; bottom: 10px; left: 20px; width: 2px; background: var(--sr-border-line); }\n  .sr-step { position: relative; padding: 0 0 32px 32px; }\n  .sr-step:last-child { padding-bottom: 0; }\n  \n  .sr-step::before { \n    content: ''; \n    position: absolute; \n    left: -2px; \n    top: 6px; \n    width: 10px; \n    height: 10px; \n    border-radius: 0; \n    background: var(--sr-orange); \n    border: 3px solid var(--sr-bg-sand); \n    box-shadow: 0 0 0 1px var(--sr-border-line); \n  }\n  \n  .sr-step-title { font-family: var(--sr-font-title); font-size: 16px; font-weight: 700; color: var(--sr-plum); margin-bottom: 6px; }\n  .sr-step-desc { font-size: 15px; color: var(--sr-mid-text); line-height: 1.7; }\n  .sr-step-result { display: inline-block; margin-top: 12px; font-size: 14px; font-weight: 700; color: var(--sr-plum); background: var(--sr-bg-sand); padding: 8px 16px; border-radius: 0; }\n\n  \/* =====================================================================\n     5. ZONE 3: CLEAN PRO-TIPS\n     ===================================================================== *\/\n  .sr-callouts-container {\n    display: flex;\n    flex-direction: column;\n    gap: 32px;\n    margin-bottom: 24px;\n  }\n\n  .sr-callout-card {\n    padding: 8px 0 8px 20px; \n    border-radius: 0; \n    background: transparent !important; \n    display: flex;\n    flex-direction: column;\n  }\n  \n  .sr-callout-card--melt { border-left: 3px solid var(--sr-accent-green); }\n  .sr-callout-card--amount { border-left: 3px solid var(--sr-orange); }\n  .sr-callout-card--fresh { border-left: 3px solid var(--sr-plum); }\n  \n  .sr-callout-text { font-size: 15px; line-height: 1.7; color: var(--sr-mid-text); margin: 0; }\n  .sr-callout-card strong { font-weight: 700; color: var(--sr-dark-text); }\n\n  \/* =====================================================================\n     6. DARK MODE PROTECTION\n     ===================================================================== *\/\n  @media (prefers-color-scheme: dark) {\n    .sr-accordion summary, .sr-step-title, .sr-title, .sr-ing-name, .sr-stat-label, .sr-announcement { color: currentColor; }\n    .sr-body, .sr-step-desc, .sr-ing-desc, .sr-opener-desc, .sr-callout-text, .sr-stat-sub { color: currentColor; opacity: 0.85; }\n    .sr-callout-card strong { color: currentColor; opacity: 1; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"sr-product-wrap\"\u003e\n\u003cdiv class=\"sr-announcement\"\u003eMade fresh for your order — \u003cstrong\u003eready within 3 business days\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cspan style=\"color: var(--sr-orange);\" class=\"sr-label\"\u003eBarrier Repair Cream · 2 fl. oz.\u003c\/span\u003e\n\u003ch1 class=\"sr-opener-title\"\u003ePalo\u003cbr\u003eDuro\u003c\/h1\u003e\n\u003cp class=\"sr-opener-desc\"\u003eThe final step that makes every other step work. A barrier cream built entirely around your skin's own lipid language.\u003c\/p\u003e\n\u003cdiv class=\"sr-stat-box\"\u003e\n\u003cspan class=\"sr-stat-num\"\u003e4\u003c\/span\u003e \u003cspan class=\"sr-stat-label\"\u003eCeramide complex components\u003c\/span\u003e\n\u003cp class=\"sr-stat-sub\"\u003eCeramide NP, Cholesterol, Phytosphingosine, and Glycosphingolipids—the exact structural lipids your barrier is naturally made of. A complete, biologically recognized complex.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-bottom: 48px;\"\u003e\n\u003ch2 style=\"margin-bottom: 16px; font-weight: 300;\" class=\"sr-title\"\u003eYour barrier isn't just dry.\u003cbr\u003e\u003cem style=\"color: var(--sr-orange); font-style: normal;\"\u003eIt's missing its building blocks.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"sr-body\"\u003e\n\u003cp style=\"margin-bottom: 16px;\"\u003eA compromised skin barrier isn't simply a lack of hydration—it's a structural deficiency. The outermost layer of your skin is held together by a highly precise ratio of ceramides, cholesterol, and fatty acids. When that matrix is damaged, moisture escapes and irritants enter.\u003c\/p\u003e\n\u003cp style=\"margin-bottom: 16px;\"\u003ePalo Duro is formulated to mimic that exact biological structure. By utilizing a \u003cstrong\u003ecomplete ceramide complex\u003c\/strong\u003e, it doesn't just sit on the surface; it replenishes the exact building blocks your skin is actively losing to environmental stress, aging, and over-cleansing.\u003c\/p\u003e\n\u003cp\u003eWe fortified this base with Niacinamide to support barrier function from the inside out, and Tripeptide-29 to signal collagen production. The result is a profoundly fortified, resilient barrier that perfectly seals in your active serums.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdetails class=\"sr-accordion\"\u003e\n\u003csummary\u003eHero Ingredients\u003c\/summary\u003e\n\u003cdiv class=\"sr-accordion-content\"\u003e\n\u003cdiv class=\"sr-ing-row sr-ing-row--hero\"\u003e\n\u003cdiv class=\"sr-ing-num\"\u003e01\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"sr-ing-name\"\u003eThe Ceramide Complex\u003c\/div\u003e\n\u003cdiv class=\"sr-ing-role\"\u003eThe Structural Matrix\u003c\/div\u003e\n\u003cdiv class=\"sr-ing-desc\"\u003eA complete complex of Ceramide NP, Cholesterol, Phytosphingosine, and Glycosphingolipids. Together, they seamlessly rebuild the damaged lipid layers that lead to dryness and irritation.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sr-ing-row\"\u003e\n\u003cdiv class=\"sr-ing-num\"\u003e02\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"sr-ing-name\"\u003eNiacinamide\u003c\/div\u003e\n\u003cdiv class=\"sr-ing-role\"\u003eInternal Support\u003c\/div\u003e\n\u003cdiv class=\"sr-ing-desc\"\u003eSupports the natural production of ceramides from within the skin. It works in tandem with the external ceramide complex while visibly soothing redness and evening out skin tone.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sr-ing-row\"\u003e\n\u003cdiv class=\"sr-ing-num\"\u003e03\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"sr-ing-name\"\u003eTripeptide-29\u003c\/div\u003e\n\u003cdiv class=\"sr-ing-role\"\u003eCollagen Signaling\u003c\/div\u003e\n\u003cdiv class=\"sr-ing-desc\"\u003eA highly targeted peptide that mimics the structure of procollagen, signaling your skin's fibroblasts to build new collagen and providing cumulative structural support over time.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sr-ing-row\"\u003e\n\u003cdiv class=\"sr-ing-num\"\u003e04\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"sr-ing-name\"\u003eTocopherol\u003c\/div\u003e\n\u003cdiv class=\"sr-ing-role\"\u003eAntioxidant Defense\u003c\/div\u003e\n\u003cdiv class=\"sr-ing-desc\"\u003eVitamin E in its most bioavailable form. It acts as a shield, protecting your newly repaired barrier lipids from oxidative breakdown caused by daily environmental stress.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sr-accordion\"\u003e\n\u003csummary\u003eHow to use it\u003c\/summary\u003e\n\u003cdiv class=\"sr-accordion-content\"\u003e\n\u003cp style=\"margin-bottom: 24px;\" class=\"sr-body\"\u003ePalo Duro is the final foundational step. It is specifically designed to be layered over every serum in our lineup to lock in active ingredients.\u003c\/p\u003e\n\u003cdiv class=\"sr-timeline\"\u003e\n\u003cdiv class=\"sr-step\"\u003e\n\u003cdiv class=\"sr-step-title\"\u003eAlways last\u003c\/div\u003e\n\u003cdiv class=\"sr-step-desc\"\u003eApply your water-based serums first, then finish with Palo Duro. It seals everything underneath and creates the optimal environment for your actives to work.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sr-step\"\u003e\n\u003cdiv class=\"sr-step-title\"\u003eAmount\u003c\/div\u003e\n\u003cdiv class=\"sr-step-desc\"\u003eUse 1–3 pumps depending on your skin's current needs. Massage gently into the face and neck. It should absorb beautifully within a minute.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sr-step\"\u003e\n\u003cdiv class=\"sr-step-title\"\u003eMorning routine\u003c\/div\u003e\n\u003cdiv class=\"sr-step-desc\"\u003eApply after your AM serums and before SPF. Palo Duro is formulated to be highly nourishing yet lightweight enough to layer perfectly under daily sunscreen.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sr-step\"\u003e\n\u003cdiv class=\"sr-step-title\"\u003eEvening routine\u003c\/div\u003e\n\u003cdiv class=\"sr-step-desc\"\u003eApply as the final step before bed. \u003cspan class=\"sr-step-result\"\u003eThe ceramide complex performs its deepest, most restorative repair while you sleep.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sr-accordion\"\u003e\n\u003csummary\u003eFull Ingredients (INCI)\u003c\/summary\u003e\n\u003cdiv class=\"sr-accordion-content\"\u003e\n\u003cp class=\"sr-inci-block\"\u003eAqua\/Water\/Eau, Caprylic\/Capric Triglyceride, Glycerin, Cetearyl Olivate, Sorbitan Olivate, Niacinamide, Tripeptide-29, Jojoba Esters, Cetyl Esters, Glycosphingolipids, Ceramide NP, Cholesterol, Phytosphingosine, Hydrogenated Lecithin, Stearic Acid, Oleic Acid, Panthenol, Tocopherol, Sodium Stearoyl Glutamate, Allantoin, Acacia Senegal Gum, Xanthan Gum, Sodium Phytate, Caprylhydroxamic Acid, Glyceryl Caprylate, Lactic Acid, Citric Acid, Arginine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003ch3 style=\"margin-bottom: 24px;\" class=\"sr-title\"\u003eA Few Pro-Tips\u003c\/h3\u003e\n\u003cdiv class=\"sr-callouts-container\"\u003e\n\u003cdiv class=\"sr-callout-card sr-callout-card--amount\"\u003e\n\u003cspan style=\"color: var(--sr-orange);\" class=\"sr-label\"\u003eDamp skin makes a difference\u003c\/span\u003e\n\u003cp class=\"sr-callout-text\"\u003eApply Palo Duro to slightly damp skin. The hydrating ingredients in the formula bind to available moisture at application. \u003cstrong\u003ePat dry after cleansing, but don't wait until your skin is completely dry.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sr-callout-card sr-callout-card--melt\"\u003e\n\u003cspan style=\"color: var(--sr-plum);\" class=\"sr-label\"\u003eWhat to expect\u003c\/span\u003e\n\u003cp class=\"sr-callout-text\"\u003ePalo Duro is a substantial, highly active cream that absorbs cleanly. If your barrier is currently compromised, it may take slightly longer to absorb during the first week as your lipid matrix rebuilds. \u003cstrong\u003eThis absorption time will naturally shorten as your skin's health improves.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sr-callout-card sr-callout-card--fresh\"\u003e\n\u003cspan style=\"color: var(--sr-accent-green);\" class=\"sr-label\"\u003eFreshness matters\u003c\/span\u003e\n\u003cdiv style=\"font-family: var(--sr-font-title); font-weight: 300; font-size: 24px; line-height: 1.2; margin-bottom: 12px; color: var(--sr-plum);\"\u003eActive ingredients require \u003cem style=\"color: var(--sr-orange); font-style: normal;\"\u003eprotection.\u003c\/em\u003e\n\u003c\/div\u003e\n\u003cp class=\"sr-callout-text\"\u003eCeramides and fatty acids are delicate and sensitive to oxidation. We blend Palo Duro to order so this vital lipid complex arrives at your door completely intact and performing exactly as designed.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Seven Regions","offers":[{"title":"Default Title","offer_id":50228287635750,"sku":"","price":42.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0820\/9252\/3814\/files\/Palo_Duro_-_Front.webp?v=1771539812"},{"product_id":"cactus-nectar","title":"Cactus Nectar Vitamin C Glow Oil","description":"\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@300;400;700;900\u0026amp;family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n  \/* =====================================================================\n     1. GLOBAL THEME VARIABLES (LIGHT MODE DEFAULT)\n     ===================================================================== *\/\n  .sr-product-wrap {\n    --sr-orange: #ff7e00;\n    --sr-plum: #5b5161;\n    --sr-plum-light: #8e7f96;\n    --sr-dark-text: #2b2b2b;\n    --sr-mid-text: #555555;\n    \n    --sr-bg-sand: #f5f3ef;\n    --sr-bg-offwhite: #faf8f5;\n    --sr-border-line: #e8e4dc;\n    --sr-accent-green: #bad381;\n    \n    --sr-font-title: 'DM Sans', sans-serif;\n    --sr-font-body: 'Lato', sans-serif;\n  }\n\n  \/* =====================================================================\n     DARK MODE OVERRIDES (SHOPIFY THEME CLASSES)\n     ===================================================================== *\/\n  html.dark .sr-product-wrap,\n  html[class*=\"dark\"] .sr-product-wrap,\n  body.dark .sr-product-wrap,\n  body[class*=\"dark\"] .sr-product-wrap,\n  [data-theme*=\"dark\"] .sr-product-wrap,\n  .color-inverse .sr-product-wrap,\n  .color-scheme-inverse .sr-product-wrap,\n  .color-scheme-2 .sr-product-wrap,\n  .color-scheme-3 .sr-product-wrap {\n    --sr-plum: #e2ddd5;\n    --sr-plum-light: #a496ac;\n    --sr-dark-text: #ffffff;\n    --sr-mid-text: #e2ddd5;\n    \n    --sr-bg-sand: rgba(226, 221, 213, 0.05);\n    --sr-bg-offwhite: rgba(226, 221, 213, 0.02);\n    --sr-border-line: rgba(226, 221, 213, 0.15);\n  }\n\n  \/* =====================================================================\n     2. BASE LAYOUT \u0026 TYPOGRAPHY\n     ===================================================================== *\/\n  .sr-product-wrap {\n    width: 100%;\n    margin: 0 auto 40px auto; \n    padding-top: 40px; \n    color: var(--sr-dark-text);\n    font-family: var(--sr-font-body);\n    text-align: left;\n    -webkit-font-smoothing: antialiased;\n  }\n  .sr-product-wrap * { box-sizing: border-box; }\n\n  .sr-label {\n    font-family: var(--sr-font-title);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 2.5px;\n    text-transform: uppercase;\n    display: block;\n    margin-bottom: 16px;\n  }\n  \n  .sr-title {\n    font-family: var(--sr-font-title);\n    font-size: 24px;\n    font-weight: 700;\n    line-height: 1.2;\n    letter-spacing: -0.5px;\n    color: var(--sr-plum);\n  }\n  \n  .sr-body {\n    font-size: 16px;\n    line-height: 1.8;\n    color: var(--sr-mid-text);\n  }\n\n  \/* =====================================================================\n     3. ZONE 1: OPENER \u0026 STAT BLOCK\n     ===================================================================== *\/\n  .sr-announcement {\n    background: transparent;\n    color: var(--sr-plum);\n    padding: 12px 0;\n    text-align: left;\n    border-top: 1px solid var(--sr-border-line);\n    border-bottom: 1px solid var(--sr-border-line);\n    margin-bottom: 32px;\n    font-size: 12px;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n  }\n  .sr-announcement strong { color: var(--sr-orange); }\n  \n  .sr-opener-title {\n    font-family: var(--sr-font-title);\n    font-size: clamp(48px, 12vw, 90px);\n    font-weight: 300;\n    line-height: 0.9;\n    letter-spacing: -2px;\n    color: var(--sr-plum);\n    margin: 24px 0;\n  }\n  \n  .sr-opener-desc {\n    font-size: 18px;\n    font-style: italic;\n    line-height: 1.6;\n    color: var(--sr-mid-text);\n    border-left: 2px solid var(--sr-orange);\n    padding-left: 20px;\n    margin-bottom: 40px;\n  }\n\n  .sr-stat-box {\n    background: transparent;\n    padding: 16px 0; \n    text-align: left;\n    margin-bottom: 40px;\n  }\n  .sr-stat-num {\n    font-family: var(--sr-font-title);\n    font-size: 72px;\n    font-weight: 300;\n    line-height: 0.8;\n    color: var(--sr-orange);\n    display: block;\n    margin-bottom: 16px;\n  }\n  .sr-stat-label { \n    color: var(--sr-plum); \n    display: block; \n    margin-bottom: 8px; \n    font-weight: 700; \n    font-size: 12px; \n    letter-spacing: 2.5px; \n    text-transform: uppercase; \n  }\n  .sr-stat-sub { \n    font-size: 16px; \n    color: var(--sr-mid-text); \n    line-height: 1.6; \n    margin: 0; \n  }\n\n  \/* =====================================================================\n     4. ZONE 2: ACCORDIONS\n     ===================================================================== *\/\n  .sr-accordion { border-top: 1px solid var(--sr-border-line); }\n  .sr-accordion:last-of-type { border-bottom: 1px solid var(--sr-border-line); margin-bottom: 48px; }\n  \n  .sr-accordion summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 24px 0;\n    cursor: pointer;\n    list-style: none;\n    font-family: var(--sr-font-title);\n    font-size: 20px;\n    font-weight: 700;\n    color: var(--sr-plum);\n    transition: color 0.2s ease;\n  }\n  .sr-accordion summary:hover { color: var(--sr-orange); }\n  .sr-accordion summary::-webkit-details-marker { display: none; }\n  \n  .sr-accordion summary::after {\n    content: '+';\n    font-family: var(--sr-font-body);\n    font-size: 28px;\n    font-weight: 300;\n    line-height: 1;\n    color: var(--sr-plum-light);\n  }\n  .sr-accordion[open] summary::after { content: '−'; color: var(--sr-orange); }\n  .sr-accordion-content { padding-bottom: 32px; }\n\n  .sr-ing-row {\n    display: grid;\n    grid-template-columns: 40px 1fr;\n    gap: 0 16px;\n    padding: 20px 16px;\n    border-radius: 0; \n  }\n  .sr-ing-row:hover { background: var(--sr-bg-offwhite); }\n  .sr-ing-row--hero { background: var(--sr-bg-sand); border-left: 3px solid var(--sr-orange); }\n  \n  .sr-ing-num { font-family: var(--sr-font-title); font-size: 14px; font-weight: 700; color: var(--sr-plum-light); grid-row: 1\/4; }\n  .sr-ing-row--hero .sr-ing-num { color: var(--sr-orange); }\n  \n  .sr-ing-name { font-family: var(--sr-font-title); font-size: 18px; font-weight: 700; color: var(--sr-plum); margin-bottom: 4px; }\n  .sr-ing-role { font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--sr-orange); margin-bottom: 8px; }\n  .sr-ing-desc { font-size: 15px; color: var(--sr-mid-text); line-height: 1.7; }\n  .sr-inci-block { font-size: 13px; color: var(--sr-plum-light); line-height: 1.8; padding: 16px; background: var(--sr-bg-offwhite); border-radius: 0; }\n\n  .sr-timeline { position: relative; padding-left: 16px; }\n  .sr-timeline::before { content: ''; position: absolute; top: 10px; bottom: 10px; left: 20px; width: 2px; background: var(--sr-border-line); }\n  .sr-step { position: relative; padding: 0 0 32px 32px; }\n  .sr-step:last-child { padding-bottom: 0; }\n  \n  .sr-step::before { \n    content: ''; \n    position: absolute; \n    left: -2px; \n    top: 6px; \n    width: 10px; \n    height: 10px; \n    border-radius: 0; \n    background: var(--sr-orange); \n    border: 3px solid var(--sr-bg-sand); \n    box-shadow: 0 0 0 1px var(--sr-border-line); \n  }\n  \n  .sr-step-title { font-family: var(--sr-font-title); font-size: 16px; font-weight: 700; color: var(--sr-plum); margin-bottom: 6px; }\n  .sr-step-desc { font-size: 15px; color: var(--sr-mid-text); line-height: 1.7; }\n  .sr-step-result { display: inline-block; margin-top: 12px; font-size: 14px; font-weight: 700; color: var(--sr-plum); background: var(--sr-bg-sand); padding: 8px 16px; border-radius: 0; }\n\n  \/* =====================================================================\n     5. ZONE 3: CLEAN PRO-TIPS\n     ===================================================================== *\/\n  .sr-callouts-container {\n    display: flex;\n    flex-direction: column;\n    gap: 32px;\n    margin-bottom: 24px;\n  }\n\n  .sr-callout-card {\n    padding: 8px 0 8px 20px; \n    border-radius: 0; \n    background: transparent !important; \n    display: flex;\n    flex-direction: column;\n  }\n  \n  .sr-callout-card--melt { border-left: 3px solid var(--sr-accent-green); }\n  .sr-callout-card--amount { border-left: 3px solid var(--sr-orange); }\n  .sr-callout-card--fresh { border-left: 3px solid var(--sr-plum); }\n  \n  .sr-callout-text { font-size: 15px; line-height: 1.7; color: var(--sr-mid-text); margin: 0; }\n  .sr-callout-card strong { font-weight: 700; color: var(--sr-dark-text); }\n\u003c\/style\u003e\n\n\u003cdiv class=\"sr-product-wrap\"\u003e\n\n  \u003cdiv class=\"sr-announcement\"\u003e\n    Made fresh for your order — \u003cstrong\u003eready within 3 business days\u003c\/strong\u003e\n  \u003c\/div\u003e\n\n  \u003cspan class=\"sr-label\" style=\"color:var(--sr-orange);\"\u003e10% Vitamin C Oil Serum · 1 fl. oz.\u003c\/span\u003e\n  \u003ch1 class=\"sr-opener-title\"\u003eCactus Nectar\u003c\/h1\u003e\n  \u003cp class=\"sr-opener-desc\"\u003eOil-soluble Vitamin C at a stable 10% concentration. A water-free brightening serum engineered to deliver antioxidants deep into the skin's lipid layers.\u003c\/p\u003e\n\n  \u003cdiv class=\"sr-stat-box\"\u003e\n    \u003cspan class=\"sr-stat-num\"\u003e10%\u003c\/span\u003e\n    \u003cspan class=\"sr-stat-label\"\u003eTetrahexyldecyl Ascorbate (THDA)\u003c\/span\u003e\n    \u003cp class=\"sr-stat-sub\"\u003eThe most clinically stable form of oil-soluble Vitamin C. It provides profound brightening and antioxidant defense without the oxidation or irritation common in water-based formulas.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"margin-bottom: 48px;\"\u003e\n    \u003ch2 class=\"sr-title\" style=\"margin-bottom: 16px; font-weight: 300;\"\u003eBrightening across every biological\u003cbr\u003e\u003cem style=\"color:var(--sr-orange); font-style:normal;\"\u003elayer of the skin.\u003c\/em\u003e\n\u003c\/h2\u003e\n    \u003cdiv class=\"sr-body\"\u003e\n      \u003cp style=\"margin-bottom: 16px;\"\u003eThe skin’s surface is a complex architecture of water and lipids. While many serums focus exclusively on the water layer, the lipid layer—which sits directly on top—remains a critical gateway for overall skin health and brightness.\u003c\/p\u003e\n      \u003cp style=\"margin-bottom: 16px;\"\u003eCactus Nectar utilizes \u003cstrong\u003eTetrahexyldecyl Ascorbate (THDA)\u003c\/strong\u003e, a sophisticated form of Vitamin C that is naturally oil-soluble. Unlike standard derivatives, THDA has a biological affinity for the skin's lipid barrier, allowing it to penetrate directy into the epidermis to deliver antioxidant protection where it counts.\u003c\/p\u003e\n      \u003cp\u003eWe built this concentrated formula with nutrient-dense Prickly Pear Seed Oil and Hexylresorcinol—a potent brightener that works alongside Vitamin C to visibly even out skin tone. The result is a high-performance oil serum that provides a multidimensional glow while reinforcing the barrier's natural resilience.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\n  \u003cdetails class=\"sr-accordion\"\u003e\n    \u003csummary\u003eHero Ingredients\u003c\/summary\u003e\n    \u003cdiv class=\"sr-accordion-content\"\u003e\n      \n      \u003cdiv class=\"sr-ing-row sr-ing-row--hero\"\u003e\n        \u003cdiv class=\"sr-ing-num\"\u003e01\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"sr-ing-name\"\u003eTetrahexyldecyl Ascorbate\u003c\/div\u003e\n          \u003cdiv class=\"sr-ing-role\"\u003eThe Lipid Penetrator — 10%\u003c\/div\u003e\n          \u003cdiv class=\"sr-ing-desc\"\u003eOne of the most stable and effective forms of Vitamin C. Because it is oil-soluble, it can navigate the skin’s lipid layers to support collagen and brightness at a deeper level than standard water-soluble forms.\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"sr-ing-row\"\u003e\n        \u003cdiv class=\"sr-ing-num\"\u003e02\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"sr-ing-name\"\u003eOpuntia Ficus-Indica Seed Oil\u003c\/div\u003e\n          \u003cdiv class=\"sr-ing-role\"\u003eThe Resilient Base\u003c\/div\u003e\n          \u003cdiv class=\"sr-ing-desc\"\u003eOne of the most nutrient-dense botanical oils. High in Vitamin E and essential fatty acids, it absorbs weightlessly to provide profound nourishment and a visibly healthy radiance.\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"sr-ing-row\"\u003e\n        \u003cdiv class=\"sr-ing-num\"\u003e03\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"sr-ing-name\"\u003eHexylresorcinol\u003c\/div\u003e\n          \u003cdiv class=\"sr-ing-role\"\u003eThe Glow Anchor\u003c\/div\u003e\n          \u003cdiv class=\"sr-ing-desc\"\u003eA highly effective brightening active that works independently from Vitamin C. It targets the enzymes responsible for uneven pigment, providing a second pathway for a clearer, more uniform complexion.\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"sr-ing-row\"\u003e\n        \u003cdiv class=\"sr-ing-num\"\u003e04\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"sr-ing-name\"\u003eMoringa \u0026amp; Squalane\u003c\/div\u003e\n          \u003cdiv class=\"sr-ing-role\"\u003eClarifying Support\u003c\/div\u003e\n          \u003cdiv class=\"sr-ing-desc\"\u003eA combination of lightweight, skin-identical lipids. They act as the perfect carriers for the formula's active ingredients, ensuring they absorb cleanly without any heavy or greasy residue.\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\n  \u003cdetails class=\"sr-accordion\"\u003e\n    \u003csummary\u003eHow to use it\u003c\/summary\u003e\n    \u003cdiv class=\"sr-accordion-content\"\u003e\n      \u003cp class=\"sr-body\" style=\"margin-bottom: 24px;\"\u003eCactus Nectar is a \"dry\" oil serum, meaning it is designed to sink in instantly and layer seamlessly with your existing steps.\u003c\/p\u003e\n      \n      \u003cdiv class=\"sr-timeline\"\u003e\n        \u003cdiv class=\"sr-step\"\u003e\n          \u003cdiv class=\"sr-step-title\"\u003eMorning Application\u003c\/div\u003e\n          \u003cdiv class=\"sr-step-desc\"\u003eAfter cleansing, press 2–3 drops into dry skin. Because this is a pure oil formula, it integrates most effectively when the skin is dry rather than damp.\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"sr-step\"\u003e\n          \u003cdiv class=\"sr-step-title\"\u003eLayering Order\u003c\/div\u003e\n          \u003cdiv class=\"sr-step-desc\"\u003eAlways apply your water-based serums (like Laguna Madre or JSC) first. Follow with Cactus Nectar to seal those actives in while delivering Vitamin C into the lipid layer.\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"sr-step\"\u003e\n          \u003cdiv class=\"sr-step-title\"\u003eFinal Steps\u003c\/div\u003e\n          \u003cdiv class=\"sr-step-desc\"\u003eFollow with Palo Duro Barrier Cream and SPF 30+. Combining Vitamin C with daily sun protection is the most effective way to manage and prevent discoloration.\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"sr-step\"\u003e\n          \u003cdiv class=\"sr-step-title\"\u003eWhat to expect\u003c\/div\u003e\n          \u003cdiv class=\"sr-step-desc\"\u003e\n            Visible radiance and a smoother surface are typically noticeable within two weeks. \n            \u003cspan class=\"sr-step-result\"\u003eDeeper tone and structural benefits continue to compound over 4–8 weeks of daily use.\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\n  \u003cdetails class=\"sr-accordion\"\u003e\n    \u003csummary\u003eFull Ingredients (INCI)\u003c\/summary\u003e\n    \u003cdiv class=\"sr-accordion-content\"\u003e\n      \u003cp class=\"sr-inci-block\"\u003eCaprylic\/Capric Triglyceride, Squalane, Tetrahexyldecyl Ascorbate, Opuntia Ficus-Indica (Prickly Pear) Seed Oil, Isododecane, Moringa Oleifera Seed Oil, Tocopherol, Hexylresorcinol, Bisabolol.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\n\n  \u003ch3 class=\"sr-title\" style=\"margin-bottom: 24px;\"\u003eA Few Pro-Tips\u003c\/h3\u003e\n  \n  \u003cdiv class=\"sr-callouts-container\"\u003e\n    \n    \u003cdiv class=\"sr-callout-card sr-callout-card--amount\"\u003e\n      \u003cspan class=\"sr-label\" style=\"color:var(--sr-orange);\"\u003eLess is more\u003c\/span\u003e\n      \u003cp class=\"sr-callout-text\"\u003eCactus Nectar is highly concentrated. If the product feels like it is sitting on the surface, you are likely using too much. \u003cstrong\u003eStart with just 2 drops and adjust according to your skin's needs.\u003c\/strong\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sr-callout-card sr-callout-card--melt\"\u003e\n      \u003cspan class=\"sr-label\" style=\"color:var(--sr-plum);\"\u003eThe Synergistic Stack\u003c\/span\u003e\n      \u003cp class=\"sr-callout-text\"\u003eCactus Nectar and JSC serve different biological layers. For the most comprehensive brightening routine, apply JSC (water-based) first, followed by Cactus Nectar (oil-based).\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sr-callout-card sr-callout-card--fresh\"\u003e\n      \u003cspan class=\"sr-label\" style=\"color:var(--sr-accent-green);\"\u003eFreshness matters\u003c\/span\u003e\n      \u003cdiv style=\"font-family: var(--sr-font-title); font-weight:300; font-size: 20px; line-height:1.2; margin-bottom:12px; color:var(--sr-plum);\"\u003eBotanical oils perform \u003cem style=\"color:var(--sr-orange); font-style:normal;\"\u003ebest when fresh.\u003c\/em\u003e\n\u003c\/div\u003e\n      \u003cp class=\"sr-callout-text\"\u003eWhile our Vitamin C is stable, the precious Prickly Pear and Moringa oils are rich in fatty acids that perform best when fresh. We blend to order to ensure you receive them at their absolute peak.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Seven Regions","offers":[{"title":"Default Title","offer_id":50417312039206,"sku":"","price":52.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0820\/9252\/3814\/files\/Cactus_Nectar_-_Front_Image.webp?v=1776309508"},{"product_id":"serum-c5","title":"Serum C5 15% Multi-C Complex","description":"\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@300;400;700;900\u0026amp;family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n  \/* =====================================================================\n     1. GLOBAL THEME VARIABLES (LIGHT MODE DEFAULT)\n     ===================================================================== *\/\n  .sr-product-wrap {\n    --sr-orange: #ff7e00;\n    --sr-plum: #5b5161;\n    --sr-plum-light: #8e7f96;\n    --sr-dark-text: #2b2b2b;\n    --sr-mid-text: #555555;\n    \n    --sr-bg-sand: #f5f3ef;\n    --sr-bg-offwhite: #faf8f5;\n    --sr-border-line: #e8e4dc;\n    --sr-accent-green: #bad381;\n    \n    --sr-font-title: 'DM Sans', sans-serif;\n    --sr-font-body: 'Lato', sans-serif;\n  }\n\n  \/* =====================================================================\n     DARK MODE OVERRIDES (SHOPIFY THEME CLASSES)\n     ===================================================================== *\/\n  html.dark .sr-product-wrap,\n  html[class*=\"dark\"] .sr-product-wrap,\n  body.dark .sr-product-wrap,\n  body[class*=\"dark\"] .sr-product-wrap,\n  [data-theme*=\"dark\"] .sr-product-wrap,\n  .color-inverse .sr-product-wrap,\n  .color-scheme-inverse .sr-product-wrap,\n  .color-scheme-2 .sr-product-wrap,\n  .color-scheme-3 .sr-product-wrap {\n    --sr-plum: #e2ddd5;\n    --sr-plum-light: #a496ac;\n    --sr-dark-text: #ffffff;\n    --sr-mid-text: #e2ddd5;\n    \n    --sr-bg-sand: rgba(226, 221, 213, 0.05);\n    --sr-bg-offwhite: rgba(226, 221, 213, 0.02);\n    --sr-border-line: rgba(226, 221, 213, 0.15);\n  }\n\n  \/* =====================================================================\n     2. BASE LAYOUT \u0026 TYPOGRAPHY\n     ===================================================================== *\/\n  .sr-product-wrap {\n    width: 100%;\n    margin: 0 auto 40px auto; \n    padding-top: 40px; \n    color: var(--sr-dark-text);\n    font-family: var(--sr-font-body);\n    text-align: left;\n    -webkit-font-smoothing: antialiased;\n  }\n  .sr-product-wrap * { box-sizing: border-box; }\n\n  .sr-label {\n    font-family: var(--sr-font-title);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 2.5px;\n    text-transform: uppercase;\n    display: block;\n    margin-bottom: 16px;\n  }\n  \n  .sr-title {\n    font-family: var(--sr-font-title);\n    font-size: 24px;\n    font-weight: 700;\n    line-height: 1.2;\n    letter-spacing: -0.5px;\n    color: var(--sr-plum);\n  }\n  \n  .sr-body {\n    font-size: 16px;\n    line-height: 1.8;\n    color: var(--sr-mid-text);\n  }\n\n  \/* =====================================================================\n     3. ZONE 1: OPENER \u0026 STAT BLOCK\n     ===================================================================== *\/\n  .sr-announcement {\n    background: transparent;\n    color: var(--sr-plum);\n    padding: 12px 0;\n    text-align: left;\n    border-top: 1px solid var(--sr-border-line);\n    border-bottom: 1px solid var(--sr-border-line);\n    margin-bottom: 32px;\n    font-size: 12px;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n  }\n  .sr-announcement strong { color: var(--sr-orange); }\n  \n  .sr-opener-title {\n    font-family: var(--sr-font-title);\n    font-size: clamp(48px, 12vw, 90px);\n    font-weight: 300;\n    line-height: 0.9;\n    letter-spacing: -2px;\n    color: var(--sr-plum);\n    margin: 24px 0;\n  }\n  \n  .sr-opener-desc {\n    font-size: 18px;\n    font-style: italic;\n    line-height: 1.6;\n    color: var(--sr-mid-text);\n    border-left: 2px solid var(--sr-orange);\n    padding-left: 20px;\n    margin-bottom: 40px;\n  }\n\n  .sr-stat-box {\n    background: transparent;\n    padding: 16px 0; \n    text-align: left;\n    margin-bottom: 40px;\n  }\n  .sr-stat-num {\n    font-family: var(--sr-font-title);\n    font-size: 72px;\n    font-weight: 300;\n    line-height: 0.8;\n    color: var(--sr-orange);\n    display: block;\n    margin-bottom: 16px;\n  }\n  .sr-stat-label { \n    color: var(--sr-plum); \n    display: block; \n    margin-bottom: 8px; \n    font-weight: 700; \n    font-size: 12px; \n    letter-spacing: 2.5px; \n    text-transform: uppercase; \n  }\n  .sr-stat-sub { \n    font-size: 16px; \n    color: var(--sr-mid-text); \n    line-height: 1.6; \n    margin: 0; \n  }\n\n  \/* =====================================================================\n     4. ZONE 2: ACCORDIONS\n     ===================================================================== *\/\n  .sr-accordion { border-top: 1px solid var(--sr-border-line); }\n  .sr-accordion:last-of-type { border-bottom: 1px solid var(--sr-border-line); margin-bottom: 48px; }\n  \n  .sr-accordion summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 24px 0;\n    cursor: pointer;\n    list-style: none;\n    font-family: var(--sr-font-title);\n    font-size: 20px;\n    font-weight: 700;\n    color: var(--sr-plum);\n    transition: color 0.2s ease;\n  }\n  .sr-accordion summary:hover { color: var(--sr-orange); }\n  .sr-accordion summary::-webkit-details-marker { display: none; }\n  \n  .sr-accordion summary::after {\n    content: '+';\n    font-family: var(--sr-font-body);\n    font-size: 28px;\n    font-weight: 300;\n    line-height: 1;\n    color: var(--sr-plum-light);\n  }\n  .sr-accordion[open] summary::after { content: '−'; color: var(--sr-orange); }\n  .sr-accordion-content { padding-bottom: 32px; }\n\n  .sr-ing-row {\n    display: grid;\n    grid-template-columns: 40px 1fr;\n    gap: 0 16px;\n    padding: 20px 16px;\n    border-radius: 0; \n  }\n  .sr-ing-row:hover { background: var(--sr-bg-offwhite); }\n  .sr-ing-row--hero { background: var(--sr-bg-sand); border-left: 3px solid var(--sr-orange); }\n  \n  .sr-ing-num { font-family: var(--sr-font-title); font-size: 14px; font-weight: 700; color: var(--sr-plum-light); grid-row: 1\/4; }\n  .sr-ing-row--hero .sr-ing-num { color: var(--sr-orange); }\n  \n  .sr-ing-name { font-family: var(--sr-font-title); font-size: 18px; font-weight: 700; color: var(--sr-plum); margin-bottom: 4px; }\n  .sr-ing-role { font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--sr-orange); margin-bottom: 8px; }\n  .sr-ing-desc { font-size: 15px; color: var(--sr-mid-text); line-height: 1.7; }\n  .sr-inci-block { font-size: 13px; color: var(--sr-plum-light); line-height: 1.8; padding: 16px; background: var(--sr-bg-offwhite); border-radius: 0; }\n\n  .sr-timeline { position: relative; padding-left: 16px; }\n  .sr-timeline::before { content: ''; position: absolute; top: 10px; bottom: 10px; left: 20px; width: 2px; background: var(--sr-border-line); }\n  .sr-step { position: relative; padding: 0 0 32px 32px; }\n  .sr-step:last-child { padding-bottom: 0; }\n  \n  .sr-step::before { \n    content: ''; \n    position: absolute; \n    left: -2px; \n    top: 6px; \n    width: 10px; \n    height: 10px; \n    border-radius: 0; \n    background: var(--sr-orange); \n    border: 3px solid var(--sr-bg-sand); \n    box-shadow: 0 0 0 1px var(--sr-border-line); \n  }\n  \n  .sr-step-title { font-family: var(--sr-font-title); font-size: 16px; font-weight: 700; color: var(--sr-plum); margin-bottom: 6px; }\n  .sr-step-desc { font-size: 15px; color: var(--sr-mid-text); line-height: 1.7; }\n  .sr-step-result { display: inline-block; margin-top: 12px; font-size: 14px; font-weight: 700; color: var(--sr-plum); background: var(--sr-bg-sand); padding: 8px 16px; border-radius: 0; }\n\n  \/* =====================================================================\n     5. ZONE 3: CLEAN PRO-TIPS\n     ===================================================================== *\/\n  .sr-callouts-container {\n    display: flex;\n    flex-direction: column;\n    gap: 32px;\n    margin-bottom: 24px;\n  }\n\n  .sr-callout-card {\n    padding: 8px 0 8px 20px; \n    border-radius: 0; \n    background: transparent !important; \n    display: flex;\n    flex-direction: column;\n  }\n  \n  .sr-callout-card--melt { border-left: 3px solid var(--sr-accent-green); }\n  .sr-callout-card--amount { border-left: 3px solid var(--sr-orange); }\n  .sr-callout-card--fresh { border-left: 3px solid var(--sr-plum); }\n  \n  .sr-callout-text { font-size: 15px; line-height: 1.7; color: var(--sr-mid-text); margin: 0; }\n  .sr-callout-card strong { font-weight: 700; color: var(--sr-dark-text); }\n\u003c\/style\u003e\n\n\u003cdiv class=\"sr-product-wrap\"\u003e\n\n  \u003cdiv class=\"sr-announcement\"\u003e\n    Made fresh for your order — \u003cstrong\u003eready within 3 business days\u003c\/strong\u003e\n  \u003c\/div\u003e\n\n  \u003cspan class=\"sr-label\" style=\"color:var(--sr-orange);\"\u003e15% Multi-C Complex · 1 fl. oz.\u003c\/span\u003e\n  \u003ch1 class=\"sr-opener-title\"\u003eSerum C5\u003c\/h1\u003e\n  \u003cp class=\"sr-opener-desc\"\u003eFive distinct forms of Vitamin C. One comprehensive formula. Engineered to deliver multi-depth brightening while maintaining absolute barrier comfort.\u003c\/p\u003e\n\n  \u003cdiv class=\"sr-stat-box\"\u003e\n    \u003cspan class=\"sr-stat-num\"\u003e5\u003c\/span\u003e\n    \u003cspan class=\"sr-stat-label\"\u003eForms of Vitamin C\u003c\/span\u003e\n    \u003cp class=\"sr-stat-sub\"\u003eBy combining five stable derivatives, the formula ensures active Vitamin C is delivered to every layer of the skin—covering the biological gaps that a single form misses.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"margin-bottom: 48px;\"\u003e\n    \u003ch2 class=\"sr-title\" style=\"margin-bottom: 16px; font-weight: 300;\"\u003eOne form of Vitamin C covers one angle.\u003cbr\u003e\u003cem style=\"color:var(--sr-orange); font-style:normal;\"\u003eSerum C5 covers five.\u003c\/em\u003e\n\u003c\/h2\u003e\n    \u003cdiv class=\"sr-body\"\u003e\n      \u003cp style=\"margin-bottom: 16px;\"\u003eStandard Vitamin C serums often rely on a single, high-concentration active. However, your skin is a multi-layered organ with varying needs. Some layers are water-soluble, others are lipid-rich. To move the needle on visible brightness and tone, you need a formula that can navigate this entire landscape.\u003c\/p\u003e\n      \u003cp style=\"margin-bottom: 16px;\"\u003eSerum C5 utilizes a 15% concentration of five stable derivatives. Each form is chosen for its specific biological mission: some provide immediate surface protection, while others penetrate deeply to support collagen synthesis. This \"staggered\" approach ensures sustained activity over many hours, rather than a single, irritating spike.\u003c\/p\u003e\n      \u003cp\u003eWe fortified this complex with Alpha-Arbutin and Lactobacillus Ferment, creating a serum that is powerful enough to produce visible results, yet gentle enough for daily morning use—even for skin that has historically found Vitamin C too aggressive.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\n  \u003cdetails class=\"sr-accordion\"\u003e\n    \u003csummary\u003eHero Ingredients\u003c\/summary\u003e\n    \u003cdiv class=\"sr-accordion-content\"\u003e\n      \n      \u003cdiv class=\"sr-ing-row sr-ing-row--hero\"\u003e\n        \u003cdiv class=\"sr-ing-num\"\u003e01\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"sr-ing-name\"\u003e3-O-Ethyl Ascorbic Acid\u003c\/div\u003e\n          \u003cdiv class=\"sr-ing-role\"\u003eDeep Lipid Penetration\u003c\/div\u003e\n          \u003cdiv class=\"sr-ing-desc\"\u003eAn oil-soluble form of Vitamin C designed to penetrate the skin's lipid layers. It delivers antioxidant and brightening activity to the epidermis at depths that standard water-soluble forms cannot reach.\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"sr-ing-row\"\u003e\n        \u003cdiv class=\"sr-ing-num\"\u003e02\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"sr-ing-name\"\u003eAscorbyl Glucoside\u003c\/div\u003e\n          \u003cdiv class=\"sr-ing-role\"\u003eSustained Release\u003c\/div\u003e\n          \u003cdiv class=\"sr-ing-desc\"\u003eConverts gradually once absorbed, providing a steady supply of brightening activity throughout the day. It works in the skin's water-soluble layers to provide a continuous glow.\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"sr-ing-row\"\u003e\n        \u003cdiv class=\"sr-ing-num\"\u003e03\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"sr-ing-name\"\u003eSodium Ascorbyl Phosphate\u003c\/div\u003e\n          \u003cdiv class=\"sr-ing-role\"\u003eSurface Defense\u003c\/div\u003e\n          \u003cdiv class=\"sr-ing-desc\"\u003eActivates at the surface for immediate antioxidant protection. It is uniquely microbiome-friendly and particularly effective at addressing the appearance of post-breakout marks.\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"sr-ing-row\"\u003e\n        \u003cdiv class=\"sr-ing-num\"\u003e04\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"sr-ing-name\"\u003eAlpha-Arbutin\u003c\/div\u003e\n          \u003cdiv class=\"sr-ing-role\"\u003eTone Calibration\u003c\/div\u003e\n          \u003cdiv class=\"sr-ing-desc\"\u003eWhile not a Vitamin C, Alpha-Arbutin provides a critical sixth mechanism. It works through an independent biological pathway to help visibly even out skin tone and inhibit dark spot formation.\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\n  \u003cdetails class=\"sr-accordion\"\u003e\n    \u003csummary\u003eHow to use it\u003c\/summary\u003e\n    \u003cdiv class=\"sr-accordion-content\"\u003e\n      \u003cp class=\"sr-body\" style=\"margin-bottom: 24px;\"\u003eSerum C5 is a high-potency formula. If you are new to concentrated Vitamin C, a gradual introduction is the most effective approach.\u003c\/p\u003e\n      \n      \u003cdiv class=\"sr-timeline\"\u003e\n        \u003cdiv class=\"sr-step\"\u003e\n          \u003cdiv class=\"sr-step-title\"\u003eMorning only\u003c\/div\u003e\n          \u003cdiv class=\"sr-step-desc\"\u003eAfter cleansing, press 3–4 drops into clean skin. Allow it to absorb fully for 60 seconds before layering moisturizer or SPF.\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"sr-step\"\u003e\n          \u003cdiv class=\"sr-step-title\"\u003eThe adjustment phase\u003c\/div\u003e\n          \u003cdiv class=\"sr-step-desc\"\u003eIf your skin is sensitive, start with 3 mornings per week. While C5 is designed for comfort, a short adjustment period ensures your barrier remains resilient.\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"sr-step\"\u003e\n          \u003cdiv class=\"sr-step-title\"\u003eFull integration\u003c\/div\u003e\n          \u003cdiv class=\"sr-step-desc\"\u003eOnce adjusted, move to daily morning use. The oil-soluble components benefit from consistent daily application as they build up in the skin over time.\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"sr-step\"\u003e\n          \u003cdiv class=\"sr-step-title\"\u003eWhat to expect\u003c\/div\u003e\n          \u003cdiv class=\"sr-step-desc\"\u003e\n            Antioxidant protection starts immediately. Visible evening of skin tone typically becomes noticeable after four weeks of consistent use.\n            \u003cspan class=\"sr-step-result\"\u003eSPF 30+ is essential every morning to protect the brightening results.\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\n  \u003cdetails class=\"sr-accordion\"\u003e\n    \u003csummary\u003eFull Ingredients (INCI)\u003c\/summary\u003e\n    \u003cdiv class=\"sr-accordion-content\"\u003e\n      \u003cp class=\"sr-inci-block\"\u003eAqua\/Water\/Eau, 3-O-Ethyl Ascorbic Acid, Ascorbyl Glucoside, Pentylene Glycol, Lactobacillus Ferment, Alpha-Arbutin, Sodium Hyaluronate, Sodium Ascorbyl Phosphate, Magnesium Ascorbyl Phosphate, 3-Glyceryl Ascorbate, Arginine, Ectoin, Trehalose, Caprylyl Glycol, Allantoin, Sodium Phytate, Lactic Acid, Citric Acid.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\n\n  \u003ch3 class=\"sr-title\" style=\"margin-bottom: 24px;\"\u003eA Few Pro-Tips\u003c\/h3\u003e\n  \n  \u003cdiv class=\"sr-callouts-container\"\u003e\n    \n    \u003cdiv class=\"sr-callout-card sr-callout-card--amount\"\u003e\n      \u003cspan class=\"sr-label\" style=\"color:var(--sr-orange);\"\u003eA note on color\u003c\/span\u003e\n      \u003cp class=\"sr-callout-text\"\u003eSerum C5 has a naturally stable, pale yellow tint. Unlike older Vitamin C technologies that turn orange when they oxidize, \u003cstrong\u003ethis pale yellow is exactly how the active derivatives are intended to look.\u003c\/strong\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sr-callout-card sr-callout-card--melt\"\u003e\n      \u003cspan class=\"sr-label\" style=\"color:var(--sr-plum);\"\u003eThe Daily Driver Duo\u003c\/span\u003e\n      \u003cp class=\"sr-callout-text\"\u003eFor the ultimate morning routine, layer Serum C5 under \u003cstrong\u003ePalo Duro Barrier Cream\u003c\/strong\u003e. The cream seals in the Vitamin C complex and provides the lipid structure needed for deep antioxidant absorption.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sr-callout-card sr-callout-card--fresh\"\u003e\n      \u003cspan class=\"sr-label\" style=\"color:var(--sr-accent-green);\"\u003eFreshness matters\u003c\/span\u003e\n      \u003cdiv style=\"font-family: var(--sr-font-title); font-weight:300; font-size: 24px; line-height:1.2; margin-bottom:12px; color:var(--sr-plum);\"\u003eConcentrated actives perform \u003cem style=\"color:var(--sr-orange); font-style:normal;\"\u003ebest when fresh.\u003c\/em\u003e\n\u003c\/div\u003e\n      \u003cp class=\"sr-callout-text\"\u003eVitamin C derivatives are sensitive to light and heat. We blend C5 to order to guarantee the 15% concentration remains at peak potency from the moment it arrives at your door.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Seven Regions","offers":[{"title":"Default Title","offer_id":50816307364134,"sku":null,"price":52.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0820\/9252\/3814\/files\/Serum_C5_-_Front.webp?v=1775591772"},{"product_id":"jsc-dark-spot-serum","title":"JSC Dark Spot Serum","description":"\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@300;400;700;900\u0026amp;family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n  \/* =====================================================================\n     1. GLOBAL THEME VARIABLES (LIGHT MODE DEFAULT)\n     ===================================================================== *\/\n  .sr-product-wrap {\n    --sr-orange: #ff7e00;\n    --sr-plum: #5b5161;\n    --sr-plum-light: #8e7f96;\n    --sr-dark-text: #2b2b2b;\n    --sr-mid-text: #555555;\n    \n    --sr-bg-sand: #f5f3ef;\n    --sr-bg-offwhite: #faf8f5;\n    --sr-border-line: #e8e4dc;\n    --sr-accent-green: #bad381;\n    \n    --sr-font-title: 'DM Sans', sans-serif;\n    --sr-font-body: 'Lato', sans-serif;\n  }\n\n  \/* =====================================================================\n     DARK MODE OVERRIDES (SHOPIFY THEME CLASSES)\n     ===================================================================== *\/\n  html.dark .sr-product-wrap,\n  html[class*=\"dark\"] .sr-product-wrap,\n  body.dark .sr-product-wrap,\n  body[class*=\"dark\"] .sr-product-wrap,\n  [data-theme*=\"dark\"] .sr-product-wrap,\n  .color-inverse .sr-product-wrap,\n  .color-scheme-inverse .sr-product-wrap,\n  .color-scheme-2 .sr-product-wrap,\n  .color-scheme-3 .sr-product-wrap {\n    --sr-plum: #e2ddd5;\n    --sr-plum-light: #a496ac;\n    --sr-dark-text: #ffffff;\n    --sr-mid-text: #e2ddd5;\n    \n    --sr-bg-sand: rgba(226, 221, 213, 0.05);\n    --sr-bg-offwhite: rgba(226, 221, 213, 0.02);\n    --sr-border-line: rgba(226, 221, 213, 0.15);\n  }\n\n  \/* =====================================================================\n     2. BASE LAYOUT \u0026 TYPOGRAPHY\n     ===================================================================== *\/\n  .sr-product-wrap {\n    width: 100%;\n    margin: 0 auto 40px auto; \n    padding-top: 40px; \n    color: var(--sr-dark-text);\n    font-family: var(--sr-font-body);\n    text-align: left;\n    -webkit-font-smoothing: antialiased;\n  }\n  .sr-product-wrap * { box-sizing: border-box; }\n\n  .sr-label {\n    font-family: var(--sr-font-title);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 2.5px;\n    text-transform: uppercase;\n    display: block;\n    margin-bottom: 16px;\n  }\n  \n  .sr-title {\n    font-family: var(--sr-font-title);\n    font-size: 24px;\n    font-weight: 700;\n    line-height: 1.2;\n    letter-spacing: -0.5px;\n    color: var(--sr-plum);\n  }\n  \n  .sr-body {\n    font-size: 16px;\n    line-height: 1.8;\n    color: var(--sr-mid-text);\n  }\n\n  \/* =====================================================================\n     3. ZONE 1: OPENER \u0026 STAT BLOCK\n     ===================================================================== *\/\n  .sr-announcement {\n    background: transparent;\n    color: var(--sr-plum);\n    padding: 12px 0;\n    text-align: left;\n    border-top: 1px solid var(--sr-border-line);\n    border-bottom: 1px solid var(--sr-border-line);\n    margin-bottom: 32px;\n    font-size: 12px;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n  }\n  .sr-announcement strong { color: var(--sr-orange); }\n  \n  .sr-opener-title {\n    font-family: var(--sr-font-title);\n    font-size: clamp(48px, 12vw, 90px);\n    font-weight: 300;\n    line-height: 0.9;\n    letter-spacing: -2px;\n    color: var(--sr-plum);\n    margin: 24px 0;\n  }\n  \n  .sr-opener-desc {\n    font-size: 18px;\n    font-style: italic;\n    line-height: 1.6;\n    color: var(--sr-mid-text);\n    border-left: 2px solid var(--sr-orange);\n    padding-left: 20px;\n    margin-bottom: 40px;\n  }\n\n  \/* Target concerns grid *\/\n  .sr-for-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n    margin-bottom: 40px;\n  }\n  .sr-for-item {\n    background: var(--sr-bg-offwhite);\n    padding: 24px;\n    border-top: 3px solid var(--sr-orange);\n  }\n  .sr-for-item p { font-size: 14px; line-height: 1.5; color: var(--sr-mid-text); margin-top: 8px; margin-bottom: 0; }\n\n  .sr-stat-box {\n    background: transparent;\n    padding: 16px 0; \n    text-align: left;\n    margin-bottom: 40px;\n  }\n  .sr-stat-num {\n    font-family: var(--sr-font-title);\n    font-size: 72px;\n    font-weight: 300;\n    line-height: 0.8;\n    color: var(--sr-orange);\n    display: block;\n    margin-bottom: 16px;\n  }\n  .sr-stat-label { \n    color: var(--sr-plum); \n    display: block; \n    margin-bottom: 8px; \n    font-weight: 700; \n    font-size: 12px; \n    letter-spacing: 2.5px; \n    text-transform: uppercase; \n  }\n  .sr-stat-sub { \n    font-size: 16px; \n    color: var(--sr-mid-text); \n    line-height: 1.6; \n    margin: 0; \n  }\n\n  \/* =====================================================================\n     4. ZONE 2: ACCORDIONS (Ingredients, Protocol, INCI)\n     ===================================================================== *\/\n  .sr-accordion { border-top: 1px solid var(--sr-border-line); }\n  .sr-accordion:last-of-type { border-bottom: 1px solid var(--sr-border-line); margin-bottom: 48px; }\n  \n  .sr-accordion summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 24px 0;\n    cursor: pointer;\n    list-style: none;\n    font-family: var(--sr-font-title);\n    font-size: 20px;\n    font-weight: 700;\n    color: var(--sr-plum);\n    transition: color 0.2s ease;\n  }\n  .sr-accordion summary:hover { color: var(--sr-orange); }\n  .sr-accordion summary::-webkit-details-marker { display: none; }\n  \n  .sr-accordion summary::after {\n    content: '+';\n    font-family: var(--sr-font-body);\n    font-size: 28px;\n    font-weight: 300;\n    line-height: 1;\n    color: var(--sr-plum-light);\n  }\n  .sr-accordion[open] summary::after { content: '−'; color: var(--sr-orange); }\n  .sr-accordion-content { padding-bottom: 32px; }\n\n  .sr-ing-row {\n    display: grid;\n    grid-template-columns: 40px 1fr;\n    gap: 0 16px;\n    padding: 20px 16px;\n    border-radius: 0; \n  }\n  .sr-ing-row:hover { background: var(--sr-bg-offwhite); }\n  .sr-ing-row--hero { background: var(--sr-bg-sand); border-left: 3px solid var(--sr-orange); }\n  \n  .sr-ing-num { font-family: var(--sr-font-title); font-size: 14px; font-weight: 700; color: var(--sr-plum-light); grid-row: 1\/4; }\n  .sr-ing-row--hero .sr-ing-num { color: var(--sr-orange); }\n  \n  .sr-ing-name { font-family: var(--sr-font-title); font-size: 18px; font-weight: 700; color: var(--sr-plum); margin-bottom: 4px; }\n  .sr-ing-role { font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--sr-orange); margin-bottom: 8px; }\n  .sr-ing-desc { font-size: 15px; color: var(--sr-mid-text); line-height: 1.7; }\n  .sr-inci-block { font-size: 13px; color: var(--sr-plum-light); line-height: 1.8; padding: 16px; background: var(--sr-bg-offwhite); border-radius: 0; }\n\n  \/* Inner Break Styling *\/\n  .sr-ing-break {\n    padding: 16px;\n    margin: 12px 0;\n    border-top: 1px solid var(--sr-border-line);\n    text-align: center;\n    font-family: var(--sr-font-title);\n    font-size: 11px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: var(--sr-plum-light);\n  }\n\n  .sr-timeline { position: relative; padding-left: 16px; }\n  .sr-timeline::before { content: ''; position: absolute; top: 10px; bottom: 10px; left: 20px; width: 2px; background: var(--sr-border-line); }\n  .sr-step { position: relative; padding: 0 0 32px 32px; }\n  .sr-step:last-child { padding-bottom: 0; }\n  .sr-step::before { content: ''; position: absolute; left: -2px; top: 6px; width: 10px; height: 10px; border-radius: 0; background: var(--sr-orange); border: 3px solid var(--sr-bg-sand); box-shadow: 0 0 0 1px var(--sr-border-line); }\n  .sr-step-title { font-family: var(--sr-font-title); font-size: 16px; font-weight: 700; color: var(--sr-plum); margin-bottom: 6px; }\n  .sr-step-desc { font-size: 15px; color: var(--sr-mid-text); line-height: 1.7; }\n  .sr-step-result { display: inline-block; margin-top: 12px; font-size: 14px; font-weight: 700; color: var(--sr-plum); background: var(--sr-bg-sand); padding: 8px 16px; border-radius: 0; }\n\n  \/* =====================================================================\n     5. ZONE 3: CLEAN PRO-TIPS\n     ===================================================================== *\/\n  .sr-callouts-container {\n    display: flex;\n    flex-direction: column;\n    gap: 32px;\n    margin-bottom: 24px;\n  }\n\n  .sr-callout-card {\n    padding: 8px 0 8px 20px; \n    border-radius: 0; \n    background: transparent !important; \n    display: flex;\n    flex-direction: column;\n  }\n  \n  .sr-callout-card--melt { border-left: 3px solid var(--sr-accent-green); }\n  .sr-callout-card--amount { border-left: 3px solid var(--sr-orange); }\n  .sr-callout-card--fresh { border-left: 3px solid var(--sr-plum); }\n  \n  .sr-callout-text { font-size: 15px; line-height: 1.7; color: var(--sr-mid-text); margin: 0; }\n  .sr-callout-card strong { font-weight: 700; color: var(--sr-dark-text); }\n\n  @media (max-width: 768px) {\n    .sr-for-grid { grid-template-columns: 1fr; }\n  }\n\n  \/* =====================================================================\n     6. DARK MODE PROTECTION\n     ===================================================================== *\/\n  @media (prefers-color-scheme: dark) {\n    .sr-accordion summary, .sr-step-title, .sr-title, .sr-ing-name, .sr-stat-label, .sr-announcement { color: currentColor; }\n    .sr-body, .sr-step-desc, .sr-ing-desc, .sr-opener-desc, .sr-callout-text, .sr-stat-sub { color: currentColor; opacity: 0.85; }\n    .sr-callout-card strong { color: currentColor; opacity: 1; }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"sr-product-wrap\"\u003e\n\n  \u003cdiv class=\"sr-announcement\"\u003e\n    Made fresh for your order — \u003cstrong\u003eready within 3 business days\u003c\/strong\u003e\n  \u003c\/div\u003e\n\n  \u003cspan class=\"sr-label\" style=\"color:var(--sr-orange);\"\u003eDark Spot Serum · 1 fl. oz.\u003c\/span\u003e\n  \u003ch1 class=\"sr-opener-title\"\u003eJSC\u003c\/h1\u003e\n  \u003cp class=\"sr-opener-desc\"\u003eSix high-performance ingredients working in sync. A comprehensive approach formulated for the stubborn discoloration that requires more than a single solution.\u003c\/p\u003e\n\n  \u003cdiv class=\"sr-for-grid\"\u003e\n    \u003cdiv class=\"sr-for-item\"\u003e\n      \u003cspan class=\"sr-label\" style=\"color: var(--sr-orange); margin-bottom:0;\"\u003eUV Damage\u003c\/span\u003e\n      \u003cp\u003eTargeting the visible remnants of cumulative sun exposure.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sr-for-item\"\u003e\n      \u003cspan class=\"sr-label\" style=\"color: var(--sr-orange); margin-bottom:0;\"\u003ePost-Mark Recovery\u003c\/span\u003e\n      \u003cp\u003eAddressing the dark patches often left behind by past breakouts.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sr-for-item\"\u003e\n      \u003cspan class=\"sr-label\" style=\"color: var(--sr-orange); margin-bottom:0;\"\u003eDiscoloration\u003c\/span\u003e\n      \u003cp\u003eVisibly evening out persistent melasma and hormonal pigment.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"sr-stat-box\"\u003e\n    \u003cspan class=\"sr-stat-num\"\u003e6\u003c\/span\u003e\n    \u003cspan class=\"sr-stat-label\"\u003eSynergistic biological pathways\u003c\/span\u003e\n    \u003cp class=\"sr-stat-sub\"\u003eBy targeting pigment at six different stages of development, the formula ensures continuous brightening even if one biological pathway stalls.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"margin-bottom: 48px;\"\u003e\n    \u003ch2 class=\"sr-title\" style=\"margin-bottom: 16px; font-weight: 300;\"\u003eDiscoloration is a multi-stage process.\u003cbr\u003e\u003cem style=\"color:var(--sr-orange); font-style:normal;\"\u003eJSC meets it at every step.\u003c\/em\u003e\n\u003c\/h2\u003e\n    \u003cdiv class=\"sr-body\"\u003e\n      \u003cp style=\"margin-bottom: 16px;\"\u003ePersistent dark spots are rarely a simple fix. Pigment production is a complex biological chain reaction triggered by everything from UV light to internal signals. To see a real difference, a serum must do more than just brighten the surface; it must interrupt the process before it even becomes visible.\u003c\/p\u003e\n      \u003cp style=\"margin-bottom: 16px;\"\u003eJSC is built around \u003cstrong\u003eTetrapeptide-30\u003c\/strong\u003e—a sophisticated peptide that works to intercept the signals that trigger pigment production. By addressing the root cause before UV damage can take hold, we set the stage for much deeper, more lasting results.\u003c\/p\u003e\n      \u003cp\u003eWe fortified this with five additional high-performance actives to catch darkening at every subsequent stage. The result is a highly focused, clinical-grade serum that provides full-spectrum coverage for a visibly clearer, more even complexion.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdetails class=\"sr-accordion\"\u003e\n    \u003csummary\u003eHero Ingredients\u003c\/summary\u003e\n    \u003cdiv class=\"sr-accordion-content\"\u003e\n      \n      \u003cdiv class=\"sr-ing-row sr-ing-row--hero\"\u003e\n        \u003cdiv class=\"sr-ing-num\"\u003e01\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"sr-ing-name\"\u003eTetrapeptide-30\u003c\/div\u003e\n          \u003cdiv class=\"sr-ing-role\"\u003eThe Signal Interceptor\u003c\/div\u003e\n          \u003cdiv class=\"sr-ing-desc\"\u003eVisibly interrupts the internal signals that tell skin to produce excess pigment. By stepping in early, it addresses discoloration before it even begins to surface.\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"sr-ing-row\"\u003e\n        \u003cdiv class=\"sr-ing-num\"\u003e02\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"sr-ing-name\"\u003eTranexamic Acid\u003c\/div\u003e\n          \u003cdiv class=\"sr-ing-role\"\u003eThe UV Muter\u003c\/div\u003e\n          \u003cdiv class=\"sr-ing-desc\"\u003eHelps visibly calm the skin's response to UV light, used here at a concentrated dose to ensure it effectively supports a brighter, more uniform skin tone.\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"sr-ing-row\"\u003e\n        \u003cdiv class=\"sr-ing-num\"\u003e03\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"sr-ing-name\"\u003eAlpha-Arbutin\u003c\/div\u003e\n          \u003cdiv class=\"sr-ing-role\"\u003eThe Enzyme Anchor\u003c\/div\u003e\n          \u003cdiv class=\"sr-ing-desc\"\u003eA highly reliable brightener that works to slow the enzymes responsible for melanin production, offering a gentle yet effective approach for all skin types.\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"sr-ing-break\"\u003eAdditional Pathway Support\u003c\/div\u003e\n\n      \u003cdiv class=\"sr-ing-row\"\u003e\n        \u003cdiv class=\"sr-ing-num\"\u003e04\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"sr-ing-name\"\u003eNiacinamide + NAG\u003c\/div\u003e\n          \u003cdiv class=\"sr-ing-role\"\u003eThe Journey Blockers\u003c\/div\u003e\n          \u003cdiv class=\"sr-ing-desc\"\u003eTwo ingredients that work through separate routes to prevent pigment from traveling to the surface where it becomes visible, maximizing the formula's efficiency.\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"sr-ing-row\"\u003e\n        \u003cdiv class=\"sr-ing-num\"\u003e05\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"sr-ing-name\"\u003eSodium Ascorbyl Phosphate\u003c\/div\u003e\n          \u003cdiv class=\"sr-ing-role\"\u003eStabilized Vitamin C\u003c\/div\u003e\n          \u003cdiv class=\"sr-ing-desc\"\u003eA stable derivative that provides antioxidant defense while working on an independent brightening pathway to prevent new spots from forming.\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\n  \u003cdetails class=\"sr-accordion\"\u003e\n    \u003csummary\u003eHow to use it\u003c\/summary\u003e\n    \u003cdiv class=\"sr-accordion-content\"\u003e\n      \u003cp class=\"sr-body\" style=\"margin-bottom: 24px;\"\u003eConsistency is vital when addressing pigment. JSC is formulated to be integrated slowly into your existing routine.\u003c\/p\u003e\n      \n      \u003cdiv class=\"sr-timeline\"\u003e\n        \u003cdiv class=\"sr-step\"\u003e\n          \u003cdiv class=\"sr-step-title\"\u003ePhase 1: Spot Application\u003c\/div\u003e\n          \u003cdiv class=\"sr-step-desc\"\u003eFor the first two weeks, apply one drop directly to the spots themselves. Allow it to absorb fully before layering moisturizer.\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"sr-step\"\u003e\n          \u003cdiv class=\"sr-step-title\"\u003ePhase 2: Transition\u003c\/div\u003e\n          \u003cdiv class=\"sr-step-desc\"\u003eBy week three, expand application to the area around each spot. This helps ensure a seamless, even fade as the pigment begins to lift.\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"sr-step\"\u003e\n          \u003cdiv class=\"sr-step-title\"\u003ePhase 3: Full Integration\u003c\/div\u003e\n          \u003cdiv class=\"sr-step-desc\"\u003eAfter week five, apply 3–4 drops across the entire face in the evening to maintain a uniform glow and prevent new discoloration.\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"sr-step\"\u003e\n          \u003cdiv class=\"sr-step-title\"\u003eWhat to expect\u003c\/div\u003e\n          \u003cdiv class=\"sr-step-desc\"\u003e\n            Visible reduction in spot size and depth typically appears after 8-12 weeks.\n            \u003cspan class=\"sr-step-result\"\u003ePatience is rewarded—biological restoration takes time.\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\n  \u003cdetails class=\"sr-accordion\"\u003e\n    \u003csummary\u003eFull Ingredients (INCI)\u003c\/summary\u003e\n    \u003cdiv class=\"sr-accordion-content\"\u003e\n      \u003cp class=\"sr-inci-block\"\u003eAqua\/Water\/Eau, Niacinamide, Tranexamic Acid, Glycerin, Pentylene Glycol, Lactobacillus Ferment, Sodium Hyaluronate, Alpha-Arbutin, N-Acetyl Glucosamine, Sodium Ascorbyl Phosphate, Ectoin, Trehalose, Caprylyl Glycol, Tetrapeptide-30, Panthenol, Allantoin, Sodium Phytate, Dipotassium Glycyrrhizate, Lactic Acid, Citric Acid, Arginine.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\n  \u003ch3 class=\"sr-title\" style=\"margin-bottom: 24px;\"\u003eA Few Pro-Tips\u003c\/h3\u003e\n  \n  \u003cdiv class=\"sr-callouts-container\"\u003e\n    \n    \u003cdiv class=\"sr-callout-card sr-callout-card--amount\"\u003e\n      \u003cspan class=\"sr-label\" style=\"color:var(--sr-orange);\"\u003eSPF is mandatory\u003c\/span\u003e\n      \u003cp class=\"sr-callout-text\"\u003eWithout daily sun protection, UV light will continuously restart the pigment process that JSC is working to shut down. \u003cstrong\u003eA minimum of SPF 30+ is essential to seeing and maintaining your results.\u003c\/strong\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sr-callout-card sr-callout-card--melt\"\u003e\n      \u003cspan class=\"sr-label\" style=\"color:var(--sr-plum);\"\u003eThe 360° Approach\u003c\/span\u003e\n      \u003cp class=\"sr-callout-text\"\u003eFor maximum coverage, pair JSC with \u003cstrong\u003eCactus Nectar\u003c\/strong\u003e oil serum. This adds oil-soluble brighteners to the routine, reaching areas a water-based serum cannot for full-spectrum results.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sr-callout-card sr-callout-card--fresh\"\u003e\n      \u003cspan class=\"sr-label\" style=\"color:var(--sr-accent-green);\"\u003eFreshness matters\u003c\/span\u003e\n      \u003cdiv style=\"font-family: var(--sr-font-title); font-weight:300; font-size: 24px; line-height:1.2; margin-bottom:12px; color:var(--sr-plum);\"\u003eActives can degrade \u003cem style=\"color:var(--sr-orange); font-style:normal;\"\u003eon the shelf.\u003c\/em\u003e\n\u003c\/div\u003e\n      \u003cp class=\"sr-callout-text\"\u003eTranexamic Acid and Vitamin C are delicate. We blend JSC to order to ensure these actives arrive at peak concentration, delivering the clinical performance your skin deserves.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Seven Regions","offers":[{"title":"Default Title","offer_id":52900892770598,"sku":null,"price":58.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0820\/9252\/3814\/files\/JSC_-_front_4.webp?v=1775521311"}],"url":"https:\/\/www.sevenregions.com\/collections\/dark-spots-uneven-tone.oembed","provider":"Seven Regions","version":"1.0","type":"link"}