{"product_id":"sero-hydration","title":"Sero Hydration","description":"\u003csection class=\"serohydration-product\"\u003e\n  \u003cdiv class=\"serohydration-wrap\"\u003e\n    \u003cheader class=\"serohydration-hero\"\u003e\n      \u003cp class=\"serohydration-eyebrow\"\u003eOptimize moisture + skin comfort\u003c\/p\u003e\n      \u003ch1\u003e\u003cstrong\u003eSERO HYDRATION\u003c\/strong\u003e\u003c\/h1\u003e\n      \u003ch2\u003e\u003cstrong\u003eCoconut Milk + Hyaluronic Acid Moisturizer\u003c\/strong\u003e\u003c\/h2\u003e\n      \u003cp\u003e\n        SERO HYDRATION is a lightweight daily moisturizer designed to soften, condition, and replenish skin without leaving a heavy finish. Its emulsion combines \u003cstrong\u003eCoconut Milk\u003c\/strong\u003e, \u003cstrong\u003eSodium Hyaluronate\u003c\/strong\u003e, \u003cstrong\u003eVitamin E\u003c\/strong\u003e, \u003cstrong\u003eLecithin\u003c\/strong\u003e, and emollient lipids to help restore comfort and improve the look of dry, depleted skin.\n      \u003c\/p\u003e\n      \u003cp\u003e\n        The formula supports both immediate softness and longer-lasting moisture retention. Humectants help attract water, while emollients and fatty alcohols help smooth the skin surface and reduce the rough, tight feel associated with dryness.\n      \u003c\/p\u003e\n      \u003cp\u003e\n        Within the Sero routine, SERO HYDRATION follows SERO SERUM to help seal in lightweight hydration and create a smoother, more conditioned finish. It can be used morning and evening or incorporated into a provider-directed recovery regimen when appropriate.\n      \u003c\/p\u003e\n    \u003c\/header\u003e\n\n    \u003csection class=\"serohydration-section\"\u003e\n      \u003cdiv class=\"serohydration-card\"\u003e\n        \u003cp class=\"serohydration-kicker\"\u003eWho it is for\u003c\/p\u003e\n        \u003ch3\u003eA daily moisturizer for skin that needs softness, comfort, and dependable moisture support.\u003c\/h3\u003e\n        \u003cul class=\"serohydration-chip-list\"\u003e\n          \u003cli\u003eDry skin\u003c\/li\u003e\n          \u003cli\u003eDehydrated skin\u003c\/li\u003e\n          \u003cli\u003eTemporary tightness\u003c\/li\u003e\n          \u003cli\u003eRough texture\u003c\/li\u003e\n          \u003cli\u003eMoisture-depleted skin\u003c\/li\u003e\n          \u003cli\u003eDaily barrier support\u003c\/li\u003e\n          \u003cli\u003eProvider-directed recovery\u003c\/li\u003e\n          \u003cli\u003eFace, neck, and décolleté\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"serohydration-section\"\u003e\n      \u003cdiv class=\"serohydration-card\"\u003e\n        \u003cp class=\"serohydration-kicker\"\u003eWhat it does\u003c\/p\u003e\n        \u003ch3\u003eReplenishes moisture, softens texture, and supports a smoother, more comfortable skin barrier.\u003c\/h3\u003e\n        \u003cul class=\"serohydration-benefits\"\u003e\n          \u003cli\u003eHelps restore softness to dry or tight-feeling skin\u003c\/li\u003e\n          \u003cli\u003eSupports moisture retention with Sodium Hyaluronate\u003c\/li\u003e\n          \u003cli\u003eConditions the skin with Coconut Milk and emollient lipids\u003c\/li\u003e\n          \u003cli\u003eHelps smooth the appearance of rough, dehydrated texture\u003c\/li\u003e\n          \u003cli\u003eProvides antioxidant support with Vitamin E and Ellagic Acid\u003c\/li\u003e\n          \u003cli\u003eCreates a lightweight, non-waxy moisturizing finish\u003c\/li\u003e\n          \u003cli\u003eLayers easily over SERO SERUM\u003c\/li\u003e\n          \u003cli\u003eFits into daily and provider-directed post-care routines\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"serohydration-section\"\u003e\n      \u003cdiv class=\"serohydration-highlight\"\u003e\n        \u003cp class=\"serohydration-kicker\"\u003eWhy it is different\u003c\/p\u003e\n        \u003ch3\u003eHydration is only part of the equation. The finish matters too.\u003c\/h3\u003e\n        \u003cp\u003e\n          SERO HYDRATION combines water-binding ingredients with emollients and structurally supportive lipids. That combination helps the formula do more than add temporary surface moisture—it also helps soften roughness and create a smoother, more conditioned after-feel.\n        \u003c\/p\u003e\n        \u003cp\u003e\n          Coconut Milk and Lecithin add nourishing softness, while Sodium Hyaluronate supports visible hydration. Vitamin E and Ellagic Acid contribute antioxidant support without turning the moisturizer into an aggressive corrective treatment.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"serohydration-metrics\"\u003e\n          \u003cdiv class=\"serohydration-metric\"\u003e\n            \u003cspan class=\"serohydration-metric__value\"\u003eMoisture + Lipids\u003c\/span\u003e\n            \u003cspan class=\"serohydration-metric__label\"\u003eHumectants and emollients work together to improve softness and comfort\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"serohydration-metric\"\u003e\n            \u003cspan class=\"serohydration-metric__value\"\u003eCoconut Milk\u003c\/span\u003e\n            \u003cspan class=\"serohydration-metric__label\"\u003eAdds nourishing, conditioning support to the emulsion\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"serohydration-metric\"\u003e\n            \u003cspan class=\"serohydration-metric__value\"\u003eAM + PM\u003c\/span\u003e\n            \u003cspan class=\"serohydration-metric__label\"\u003eDesigned for consistent daily use or provider-directed application\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"serohydration-section\"\u003e\n      \u003cdiv class=\"serohydration-section-head\"\u003e\n        \u003cp class=\"serohydration-kicker\"\u003eKey ingredients\u003c\/p\u003e\n        \u003ch3\u003eA layered moisture system for softness, hydration, and skin conditioning.\u003c\/h3\u003e\n        \u003cp\u003e\n          The formula combines humectants, emollients, fatty alcohols, and antioxidant-supportive ingredients to create a balanced daily moisturizer.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"serohydration-ingredients-stack\"\u003e\n        \u003cdetails open class=\"serohydration-ingredient\"\u003e\n          \u003csummary\u003e\n            \u003cspan class=\"serohydration-ingredient__badge\"\u003eCM\u003c\/span\u003e\n            \u003cspan class=\"serohydration-ingredient__title-wrap\"\u003e\n              \u003cspan class=\"serohydration-ingredient__title\"\u003eCoconut Milk\u003c\/span\u003e\n              \u003cspan class=\"serohydration-ingredient__subtitle\"\u003eNourishing softness\u003c\/span\u003e\n            \u003c\/span\u003e\n            \u003cspan aria-hidden=\"true\" class=\"serohydration-ingredient__icon\"\u003e\u003c\/span\u003e\n          \u003c\/summary\u003e\n          \u003cdiv class=\"serohydration-ingredient__content\"\u003e\n            Helps condition and soften the skin, supporting a smoother, more comfortable feel within the moisturizer's lightweight emulsion.\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n\n        \u003cdetails class=\"serohydration-ingredient\"\u003e\n          \u003csummary\u003e\n            \u003cspan class=\"serohydration-ingredient__badge\"\u003eHA\u003c\/span\u003e\n            \u003cspan class=\"serohydration-ingredient__title-wrap\"\u003e\n              \u003cspan class=\"serohydration-ingredient__title\"\u003eSodium Hyaluronate\u003c\/span\u003e\n              \u003cspan class=\"serohydration-ingredient__subtitle\"\u003eMoisture-binding hydration\u003c\/span\u003e\n            \u003c\/span\u003e\n            \u003cspan aria-hidden=\"true\" class=\"serohydration-ingredient__icon\"\u003e\u003c\/span\u003e\n          \u003c\/summary\u003e\n          \u003cdiv class=\"serohydration-ingredient__content\"\u003e\n            Helps attract and retain water at the skin's surface, improving the look of dehydration and supporting a plumper, smoother appearance.\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n\n        \u003cdetails class=\"serohydration-ingredient\"\u003e\n          \u003csummary\u003e\n            \u003cspan class=\"serohydration-ingredient__badge\"\u003eE\u003c\/span\u003e\n            \u003cspan class=\"serohydration-ingredient__title-wrap\"\u003e\n              \u003cspan class=\"serohydration-ingredient__title\"\u003eTocopheryl Acetate\u003c\/span\u003e\n              \u003cspan class=\"serohydration-ingredient__subtitle\"\u003eVitamin E antioxidant support\u003c\/span\u003e\n            \u003c\/span\u003e\n            \u003cspan aria-hidden=\"true\" class=\"serohydration-ingredient__icon\"\u003e\u003c\/span\u003e\n          \u003c\/summary\u003e\n          \u003cdiv class=\"serohydration-ingredient__content\"\u003e\n            A stable form of Vitamin E that provides antioxidant and conditioning support within the moisturizing formula.\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n\n        \u003cdetails class=\"serohydration-ingredient\"\u003e\n          \u003csummary\u003e\n            \u003cspan class=\"serohydration-ingredient__badge\"\u003eEA\u003c\/span\u003e\n            \u003cspan class=\"serohydration-ingredient__title-wrap\"\u003e\n              \u003cspan class=\"serohydration-ingredient__title\"\u003eEllagic Acid\u003c\/span\u003e\n              \u003cspan class=\"serohydration-ingredient__subtitle\"\u003eAntioxidant support\u003c\/span\u003e\n            \u003c\/span\u003e\n            \u003cspan aria-hidden=\"true\" class=\"serohydration-ingredient__icon\"\u003e\u003c\/span\u003e\n          \u003c\/summary\u003e\n          \u003cdiv class=\"serohydration-ingredient__content\"\u003e\n            Contributes antioxidant support to help defend the formula and support a healthier-looking complexion.\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n\n        \u003cdetails class=\"serohydration-ingredient\"\u003e\n          \u003csummary\u003e\n            \u003cspan class=\"serohydration-ingredient__badge\"\u003eLIP\u003c\/span\u003e\n            \u003cspan class=\"serohydration-ingredient__title-wrap\"\u003e\n              \u003cspan class=\"serohydration-ingredient__title\"\u003eLecithin + Emollient Lipids\u003c\/span\u003e\n              \u003cspan class=\"serohydration-ingredient__subtitle\"\u003eSmoothing and conditioning support\u003c\/span\u003e\n            \u003c\/span\u003e\n            \u003cspan aria-hidden=\"true\" class=\"serohydration-ingredient__icon\"\u003e\u003c\/span\u003e\n          \u003c\/summary\u003e\n          \u003cdiv class=\"serohydration-ingredient__content\"\u003e\n            Lecithin, Caprylic\/Capric Triglyceride, Isopropyl Palmitate, and fatty alcohols help soften roughness and support a smoother, more supple skin feel.\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"serohydration-section\"\u003e\n      \u003cdiv class=\"serohydration-card serohydration-card--soft\"\u003e\n        \u003cp class=\"serohydration-kicker\"\u003eBest used for\u003c\/p\u003e\n        \u003ch3\u003eA dependable moisturizer for daily hydration and structured aftercare.\u003c\/h3\u003e\n        \u003cul class=\"serohydration-benefits\"\u003e\n          \u003cli\u003eDaily morning and evening moisture support\u003c\/li\u003e\n          \u003cli\u003eDry or dehydration-prone skin\u003c\/li\u003e\n          \u003cli\u003eRough, tight, or uncomfortable skin texture\u003c\/li\u003e\n          \u003cli\u003eLayering over SERO SERUM\u003c\/li\u003e\n          \u003cli\u003eFace, neck, and décolleté care\u003c\/li\u003e\n          \u003cli\u003eProvider-directed post-treatment routines\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"serohydration-section\"\u003e\n      \u003cdiv class=\"serohydration-card serohydration-card--soft\"\u003e\n        \u003cp class=\"serohydration-kicker\"\u003eHow to use SERO HYDRATION\u003c\/p\u003e\n        \u003ch3\u003eApply after serum to replenish softness and help seal in moisture.\u003c\/h3\u003e\n        \u003cp\u003e\n          Smooth an even layer over the face, neck, and décolleté after cleansing and serum application. Use morning and evening. During the day, follow with SERO SUN PROTECT or another approved broad-spectrum sunscreen.\n        \u003c\/p\u003e\n        \u003cul class=\"serohydration-steps\"\u003e\n          \u003cli\u003eBegin with clean skin\u003c\/li\u003e\n          \u003cli\u003eApply SERO SERUM first when included in the routine\u003c\/li\u003e\n          \u003cli\u003eSmooth SERO HYDRATION evenly over the face, neck, and décolleté\u003c\/li\u003e\n          \u003cli\u003eUse morning and evening for consistent moisture support\u003c\/li\u003e\n          \u003cli\u003eFollow provider instructions when used after a professional treatment\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"serohydration-section\"\u003e\n      \u003cdiv class=\"serohydration-card\"\u003e\n        \u003cp class=\"serohydration-kicker\"\u003eThe Sero standard\u003c\/p\u003e\n        \u003ch3\u003eA transparent moisturizer profile centered on hydration and conditioning.\u003c\/h3\u003e\n        \u003cul class=\"serohydration-chip-list serohydration-chip-list--standards\"\u003e\n          \u003cli\u003eCoconut milk emulsion\u003c\/li\u003e\n          \u003cli\u003eHyaluronic acid support\u003c\/li\u003e\n          \u003cli\u003eVitamin E\u003c\/li\u003e\n          \u003cli\u003eAntioxidant support\u003c\/li\u003e\n          \u003cli\u003eNo retinoids\u003c\/li\u003e\n          \u003cli\u003eNo exfoliating acids\u003c\/li\u003e\n          \u003cli\u003eDesigned for AM + PM use\u003c\/li\u003e\n          \u003cli\u003eProvider-directed post-care fit\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"serohydration-section\"\u003e\n      \u003cdiv class=\"serohydration-card\"\u003e\n        \u003cp class=\"serohydration-kicker\"\u003eFull ingredient list\u003c\/p\u003e\n        \u003cp\u003e\n          Purified Water, Isopropyl Palmitate, Caprylic\/Capric Triglyceride, Cetearyl Alcohol, Cetearyl Glucoside, Glyceryl Stearate, PEG-100 Stearate, Tocopheryl Acetate, Ellagic Acid, Cocos Nucifera (Coconut) Milk, Sodium Hyaluronate, Lecithin, Cetyl Alcohol, Disodium EDTA, Phenoxyethanol, Caprylyl Glycol, Sorbic Acid, Sodium Metabisulfite.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003cp class=\"serohydration-disclaimer\"\u003e\n      For external use only. Avoid direct contact with eyes. Discontinue use if persistent irritation develops. When used after a professional treatment, follow the treating provider's instructions regarding timing, frequency, and product layering. Individual experiences may vary.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n  .serohydration-product {\n    --serohydration-bg: #f5f2ec;\n    --serohydration-card: #ffffff;\n    --serohydration-text: #1b1b1b;\n    --serohydration-muted: #68645e;\n    --serohydration-border: rgba(27, 27, 27, 0.11);\n    --serohydration-accent: #c39a49;\n    --serohydration-accent-dark: #8f6b2c;\n    --serohydration-accent-soft: rgba(195, 154, 73, 0.15);\n    --serohydration-charcoal: #202020;\n    --serohydration-shadow: 0 14px 38px rgba(19, 19, 19, 0.055);\n    --serohydration-radius: 22px;\n    color: var(--serohydration-text);\n    margin: 0;\n    padding: 18px 0 44px;\n  }\n\n  .serohydration-product * {\n    box-sizing: border-box;\n  }\n\n  .serohydration-wrap {\n    width: 100%;\n    max-width: 760px;\n    margin: 0 auto;\n    padding: 0 20px;\n  }\n\n  .serohydration-hero {\n    padding: 10px 0 12px;\n    text-align: left;\n  }\n\n  .serohydration-eyebrow,\n  .serohydration-kicker {\n    margin: 0 0 10px;\n    font-size: 11px;\n    line-height: 1.3;\n    letter-spacing: 0.17em;\n    text-transform: uppercase;\n    color: var(--serohydration-accent-dark);\n  }\n\n  .serohydration-hero h1 {\n    margin: 0;\n    font-size: clamp(36px, 7vw, 58px);\n    line-height: 1.02;\n    letter-spacing: -0.025em;\n    color: var(--serohydration-text);\n  }\n\n  .serohydration-hero h2 {\n    max-width: 700px;\n    margin: 10px 0 0;\n    font-size: clamp(19px, 3.8vw, 29px);\n    line-height: 1.25;\n    font-weight: 500;\n    color: var(--serohydration-muted);\n  }\n\n  .serohydration-hero \u003e p:not(.serohydration-eyebrow) {\n    margin: 18px 0 0;\n    font-size: 16px;\n    line-height: 1.8;\n    color: var(--serohydration-text);\n  }\n\n  .serohydration-section {\n    margin-top: 24px;\n  }\n\n  .serohydration-section-head {\n    margin-bottom: 18px;\n    text-align: left;\n  }\n\n  .serohydration-section-head h3 {\n    margin: 0;\n    font-size: clamp(26px, 5vw, 39px);\n    line-height: 1.12;\n    letter-spacing: -0.02em;\n    color: var(--serohydration-text);\n  }\n\n  .serohydration-section-head \u003e p:not(.serohydration-kicker) {\n    max-width: 680px;\n    margin: 12px 0 0;\n    font-size: 16px;\n    line-height: 1.75;\n    color: var(--serohydration-muted);\n  }\n\n  .serohydration-card,\n  .serohydration-highlight {\n    width: 100%;\n    border: 1px solid var(--serohydration-border);\n    border-radius: var(--serohydration-radius);\n    box-shadow: var(--serohydration-shadow);\n    padding: 28px 24px;\n  }\n\n  .serohydration-card {\n    background: var(--serohydration-card);\n  }\n\n  .serohydration-card--soft {\n    background: linear-gradient(180deg, #ffffff 0%, #faf8f4 100%);\n  }\n\n  .serohydration-highlight {\n    position: relative;\n    overflow: hidden;\n    background: linear-gradient(145deg, #1d1d1d 0%, #2b2a28 100%);\n    border-color: rgba(195, 154, 73, 0.28);\n    color: #ffffff;\n  }\n\n  .serohydration-highlight::after {\n    content: \"\";\n    position: absolute;\n    right: -76px;\n    bottom: -96px;\n    width: 230px;\n    height: 230px;\n    border: 1px solid rgba(195, 154, 73, 0.22);\n    border-radius: 50%;\n    box-shadow:\n      0 0 0 28px rgba(195, 154, 73, 0.045),\n      0 0 0 58px rgba(195, 154, 73, 0.025);\n    pointer-events: none;\n  }\n\n  .serohydration-card h3,\n  .serohydration-highlight h3 {\n    position: relative;\n    z-index: 1;\n    margin: 0;\n    font-size: clamp(24px, 5vw, 35px);\n    line-height: 1.14;\n    letter-spacing: -0.018em;\n  }\n\n  .serohydration-card h3 {\n    color: var(--serohydration-text);\n  }\n\n  .serohydration-highlight h3 {\n    color: #ffffff;\n  }\n\n  .serohydration-card \u003e p:not(.serohydration-kicker),\n  .serohydration-highlight \u003e p:not(.serohydration-kicker) {\n    position: relative;\n    z-index: 1;\n    margin: 14px 0 0;\n    font-size: 16px;\n    line-height: 1.8;\n  }\n\n  .serohydration-card \u003e p:not(.serohydration-kicker) {\n    color: var(--serohydration-text);\n  }\n\n  .serohydration-highlight \u003e p:not(.serohydration-kicker) {\n    color: rgba(255, 255, 255, 0.86);\n  }\n\n  .serohydration-highlight .serohydration-kicker {\n    position: relative;\n    z-index: 1;\n    color: #dfbf7b;\n  }\n\n  .serohydration-chip-list,\n  .serohydration-benefits,\n  .serohydration-steps {\n    list-style: none;\n    margin: 20px 0 0;\n    padding: 0;\n  }\n\n  .serohydration-chip-list {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 11px;\n  }\n\n  .serohydration-chip-list li {\n    display: inline-flex;\n    align-items: center;\n    min-height: 40px;\n    padding: 10px 15px;\n    border: 1px solid rgba(195, 154, 73, 0.16);\n    border-radius: 999px;\n    background: var(--serohydration-accent-soft);\n    color: var(--serohydration-text);\n    font-size: 14px;\n    line-height: 1.35;\n  }\n\n  .serohydration-chip-list--standards li {\n    background: #f7f4ee;\n  }\n\n  .serohydration-benefits li,\n  .serohydration-steps li {\n    position: relative;\n    padding-left: 32px;\n    margin: 0 0 14px;\n    font-size: 16px;\n    line-height: 1.7;\n    color: var(--serohydration-text);\n  }\n\n  .serohydration-benefits li:last-child,\n  .serohydration-steps li:last-child {\n    margin-bottom: 0;\n  }\n\n  .serohydration-benefits li::before,\n  .serohydration-steps li::before {\n    content: \"\";\n    position: absolute;\n    top: 10px;\n    left: 0;\n    width: 13px;\n    height: 13px;\n    border-radius: 50%;\n    background: var(--serohydration-accent);\n    box-shadow: 0 0 0 5px var(--serohydration-accent-soft);\n  }\n\n  .serohydration-metrics {\n    position: relative;\n    z-index: 1;\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 12px;\n    margin-top: 24px;\n  }\n\n  .serohydration-metric {\n    min-width: 0;\n    padding: 17px 16px;\n    border: 1px solid rgba(195, 154, 73, 0.23);\n    border-radius: 16px;\n    background: rgba(255, 255, 255, 0.055);\n    backdrop-filter: blur(3px);\n  }\n\n  .serohydration-metric__value {\n    display: block;\n    font-size: 20px;\n    line-height: 1.2;\n    font-weight: 600;\n    color: #ffffff;\n  }\n\n  .serohydration-metric__label {\n    display: block;\n    margin-top: 7px;\n    font-size: 13px;\n    line-height: 1.5;\n    color: rgba(255, 255, 255, 0.7);\n  }\n\n  .serohydration-ingredients-stack {\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n    margin-top: 20px;\n  }\n\n  .serohydration-ingredient {\n    width: 100%;\n    overflow: hidden;\n    background: var(--serohydration-card);\n    border: 1px solid var(--serohydration-border);\n    border-radius: 20px;\n    transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;\n  }\n\n  .serohydration-ingredient[open] {\n    border-color: rgba(195, 154, 73, 0.42);\n    box-shadow: 0 10px 28px rgba(24, 24, 24, 0.055);\n  }\n\n  .serohydration-ingredient summary {\n    list-style: none;\n    display: grid;\n    grid-template-columns: 64px minmax(0, 1fr) 18px;\n    gap: 16px;\n    align-items: center;\n    padding: 18px;\n    cursor: pointer;\n  }\n\n  .serohydration-ingredient summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .serohydration-ingredient__badge {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 64px;\n    min-height: 64px;\n    padding: 8px;\n    border-radius: 18px;\n    background: var(--serohydration-accent-soft);\n    color: var(--serohydration-accent-dark);\n    font-size: 12px;\n    font-weight: 700;\n    line-height: 1;\n    text-align: center;\n    letter-spacing: 0.02em;\n  }\n\n  .serohydration-ingredient__title-wrap {\n    display: block;\n    min-width: 0;\n  }\n\n  .serohydration-ingredient__title,\n  .serohydration-ingredient__subtitle {\n    display: block;\n  }\n\n  .serohydration-ingredient__title {\n    font-size: 23px;\n    line-height: 1.24;\n    font-weight: 600;\n    color: var(--serohydration-text);\n    word-break: break-word;\n  }\n\n  .serohydration-ingredient__subtitle {\n    margin-top: 5px;\n    font-size: 14px;\n    line-height: 1.5;\n    color: var(--serohydration-muted);\n  }\n\n  .serohydration-ingredient__icon {\n    position: relative;\n    width: 18px;\n    height: 18px;\n    flex-shrink: 0;\n  }\n\n  .serohydration-ingredient__icon::before,\n  .serohydration-ingredient__icon::after {\n    content: \"\";\n    position: absolute;\n    background: var(--serohydration-text);\n    border-radius: 2px;\n    transition: transform 0.25s ease, opacity 0.25s ease;\n  }\n\n  .serohydration-ingredient__icon::before {\n    top: 8px;\n    left: 2px;\n    width: 14px;\n    height: 2px;\n  }\n\n  .serohydration-ingredient__icon::after {\n    top: 2px;\n    left: 8px;\n    width: 2px;\n    height: 14px;\n  }\n\n  .serohydration-ingredient[open] .serohydration-ingredient__icon::after {\n    opacity: 0;\n    transform: scaleY(0);\n  }\n\n  .serohydration-ingredient__content {\n    padding: 0 18px 21px 98px;\n    font-size: 16px;\n    line-height: 1.75;\n    color: var(--serohydration-text);\n  }\n\n  .serohydration-disclaimer {\n    margin: 22px 4px 0;\n    font-size: 12px;\n    line-height: 1.6;\n    color: var(--serohydration-muted);\n  }\n\n  @media screen and (max-width: 749px) {\n    .serohydration-wrap {\n      padding: 0 18px;\n    }\n\n    .serohydration-card,\n    .serohydration-highlight {\n      padding: 24px 20px;\n    }\n\n    .serohydration-metrics {\n      grid-template-columns: 1fr;\n    }\n\n    .serohydration-ingredient summary {\n      grid-template-columns: 56px minmax(0, 1fr) 16px;\n      gap: 13px;\n      padding: 16px;\n    }\n\n    .serohydration-ingredient__badge {\n      min-width: 56px;\n      min-height: 56px;\n      border-radius: 16px;\n      font-size: 10px;\n    }\n\n    .serohydration-ingredient__title {\n      font-size: 18px;\n      line-height: 1.34;\n    }\n\n    .serohydration-ingredient__subtitle {\n      font-size: 13px;\n      line-height: 1.45;\n    }\n\n    .serohydration-ingredient__content {\n      padding: 0 16px 18px 85px;\n      font-size: 15px;\n      line-height: 1.7;\n    }\n\n    .serohydration-card h3,\n    .serohydration-highlight h3 {\n      font-size: 24px;\n      line-height: 1.18;\n    }\n\n    .serohydration-hero \u003e p:not(.serohydration-eyebrow),\n    .serohydration-card \u003e p:not(.serohydration-kicker),\n    .serohydration-highlight \u003e p:not(.serohydration-kicker),\n    .serohydration-section-head \u003e p:not(.serohydration-kicker),\n    .serohydration-benefits li,\n    .serohydration-steps li {\n      font-size: 15px;\n      line-height: 1.75;\n    }\n  }\n\u003c\/style\u003e","brand":"Induction Therapies","offers":[{"title":"Default Title","offer_id":47427723755676,"sku":"SERO-Hydration","price":48.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/1047\/4396\/files\/SEROSERUM_1.webp?v=1786995623","url":"https:\/\/serotoninnutraceuticals.com\/products\/sero-hydration","provider":"Serotonin Nutraceuticals","version":"1.0","type":"link"}