{"product_id":"sero-sun-protect","title":"Sero Sun Protect","description":"\u003csection class=\"serosunprotect-product\"\u003e\n  \u003cdiv class=\"serosunprotect-wrap\"\u003e\n    \u003cheader class=\"serosunprotect-hero\"\u003e\n      \u003cp class=\"serosunprotect-eyebrow\"\u003eOptimize protection + daily consistency\u003c\/p\u003e\n      \u003ch1\u003e\u003cstrong\u003eSERO SUN PROTECT\u003c\/strong\u003e\u003c\/h1\u003e\n      \u003ch2\u003e\u003cstrong\u003eClear + Sheer Mineral Powder SPF 40\u003c\/strong\u003e\u003c\/h2\u003e\n      \u003cp\u003e\n        SERO SUN PROTECT is a brush-on mineral sunscreen designed to make daytime SPF application and reapplication cleaner, lighter, and easier to maintain. Powered by \u003cstrong\u003e25% Zinc Oxide\u003c\/strong\u003e, the clear, sheer powder provides \u003cstrong\u003ebroad-spectrum SPF 40\u003c\/strong\u003e protection against UVA and UVB exposure.\n      \u003c\/p\u003e\n      \u003cp\u003e\n        Its self-dispensing brush format helps remove one of the biggest barriers to sunscreen consistency: inconvenient reapplication. The powder can be swept over bare skin or approved makeup without introducing another heavy cream layer or disrupting the rest of the routine.\n      \u003c\/p\u003e\n      \u003cp\u003e\n        Sericite supports smooth application, Mica creates a soft-focus finish, and Silica helps absorb excess surface oil. The result is a practical final step that protects the skin while helping the complexion look more refined and less shiny throughout the day.\n      \u003c\/p\u003e\n    \u003c\/header\u003e\n\n    \u003csection class=\"serosunprotect-section\"\u003e\n      \u003cdiv class=\"serosunprotect-card\"\u003e\n        \u003cp class=\"serosunprotect-kicker\"\u003eWho it is for\u003c\/p\u003e\n        \u003ch3\u003eDaily mineral sun protection for people who need a more wearable reapplication format.\u003c\/h3\u003e\n        \u003cul class=\"serosunprotect-chip-list\"\u003e\n          \u003cli\u003eDaily sun protection\u003c\/li\u003e\n          \u003cli\u003eMidday SPF reapplication\u003c\/li\u003e\n          \u003cli\u003eHot or humid climates\u003c\/li\u003e\n          \u003cli\u003eCombination skin\u003c\/li\u003e\n          \u003cli\u003eOily skin\u003c\/li\u003e\n          \u003cli\u003eMakeup wearers\u003c\/li\u003e\n          \u003cli\u003eOn-the-go routines\u003c\/li\u003e\n          \u003cli\u003eProvider-directed post-care\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"serosunprotect-section\"\u003e\n      \u003cdiv class=\"serosunprotect-card\"\u003e\n        \u003cp class=\"serosunprotect-kicker\"\u003eWhat it does\u003c\/p\u003e\n        \u003ch3\u003eProvides broad-spectrum mineral SPF while helping skin look smoother and less shiny.\u003c\/h3\u003e\n        \u003cul class=\"serosunprotect-benefits\"\u003e\n          \u003cli\u003eUses 25% Zinc Oxide as the active mineral sunscreen ingredient\u003c\/li\u003e\n          \u003cli\u003eProvides broad-spectrum SPF 40 UVA and UVB protection\u003c\/li\u003e\n          \u003cli\u003eOffers a clear, sheer powder finish without a heavy cream texture\u003c\/li\u003e\n          \u003cli\u003eHelps absorb excess surface oil with Silica\u003c\/li\u003e\n          \u003cli\u003eCreates a soft-focus, refined appearance with Mica\u003c\/li\u003e\n          \u003cli\u003eApplies with a portable self-dispensing brush\u003c\/li\u003e\n          \u003cli\u003eCan be worn alone or over approved makeup\u003c\/li\u003e\n          \u003cli\u003eMakes daytime reapplication more convenient\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"serosunprotect-section\"\u003e\n      \u003cdiv class=\"serosunprotect-highlight\"\u003e\n        \u003cp class=\"serosunprotect-kicker\"\u003eWhy it is different\u003c\/p\u003e\n        \u003ch3\u003eThe best sunscreen is the one that gets reapplied.\u003c\/h3\u003e\n        \u003cp\u003e\n          Sunscreen often fails in practice because reapplication is inconvenient. Creams can feel heavy, create shine, or disrupt makeup, making people less likely to refresh protection during the day. SERO SUN PROTECT addresses that behavioral gap with a portable powder format.\n        \u003c\/p\u003e\n        \u003cp\u003e\n          The brush-on system makes the product easier to carry, apply, and layer. Its clear, sheer finish also helps the SPF step feel more compatible with real-world routines—particularly in warm weather, humid conditions, or situations where a liquid sunscreen is impractical.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"serosunprotect-metrics\"\u003e\n          \u003cdiv class=\"serosunprotect-metric\"\u003e\n            \u003cspan class=\"serosunprotect-metric__value\"\u003eSPF 40\u003c\/span\u003e\n            \u003cspan class=\"serosunprotect-metric__label\"\u003eBroad-spectrum UVA and UVB protection\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"serosunprotect-metric\"\u003e\n            \u003cspan class=\"serosunprotect-metric__value\"\u003e25% Zinc Oxide\u003c\/span\u003e\n            \u003cspan class=\"serosunprotect-metric__label\"\u003eA 100% mineral active sunscreen system\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"serosunprotect-metric\"\u003e\n            \u003cspan class=\"serosunprotect-metric__value\"\u003eBrush-On Format\u003c\/span\u003e\n            \u003cspan class=\"serosunprotect-metric__label\"\u003ePortable application and convenient daytime reapplication\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"serosunprotect-section\"\u003e\n      \u003cdiv class=\"serosunprotect-section-head\"\u003e\n        \u003cp class=\"serosunprotect-kicker\"\u003eKey ingredients\u003c\/p\u003e\n        \u003ch3\u003eA minimal mineral powder system for protection, smooth application, and shine control.\u003c\/h3\u003e\n        \u003cp\u003e\n          The formula pairs one active sunscreen ingredient with three supporting mineral powders.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"serosunprotect-ingredients-stack\"\u003e\n        \u003cdetails open class=\"serosunprotect-ingredient\"\u003e\n          \u003csummary\u003e\n            \u003cspan class=\"serosunprotect-ingredient__badge\"\u003eZnO\u003c\/span\u003e\n            \u003cspan class=\"serosunprotect-ingredient__title-wrap\"\u003e\n              \u003cspan class=\"serosunprotect-ingredient__title\"\u003eZinc Oxide 25%\u003c\/span\u003e\n              \u003cspan class=\"serosunprotect-ingredient__subtitle\"\u003eBroad-spectrum mineral sunscreen\u003c\/span\u003e\n            \u003c\/span\u003e\n            \u003cspan aria-hidden=\"true\" class=\"serosunprotect-ingredient__icon\"\u003e\u003c\/span\u003e\n          \u003c\/summary\u003e\n          \u003cdiv class=\"serosunprotect-ingredient__content\"\u003e\n            The active sunscreen ingredient that provides broad-spectrum UVA and UVB protection in the finished SPF 40 formula.\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n\n        \u003cdetails class=\"serosunprotect-ingredient\"\u003e\n          \u003csummary\u003e\n            \u003cspan class=\"serosunprotect-ingredient__badge\"\u003eSER\u003c\/span\u003e\n            \u003cspan class=\"serosunprotect-ingredient__title-wrap\"\u003e\n              \u003cspan class=\"serosunprotect-ingredient__title\"\u003eSericite\u003c\/span\u003e\n              \u003cspan class=\"serosunprotect-ingredient__subtitle\"\u003eSmooth application support\u003c\/span\u003e\n            \u003c\/span\u003e\n            \u003cspan aria-hidden=\"true\" class=\"serosunprotect-ingredient__icon\"\u003e\u003c\/span\u003e\n          \u003c\/summary\u003e\n          \u003cdiv class=\"serosunprotect-ingredient__content\"\u003e\n            A fine mineral powder that helps improve glide, spreadability, and the overall feel of the brush-on application.\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n\n        \u003cdetails class=\"serosunprotect-ingredient\"\u003e\n          \u003csummary\u003e\n            \u003cspan class=\"serosunprotect-ingredient__badge\"\u003eMIC\u003c\/span\u003e\n            \u003cspan class=\"serosunprotect-ingredient__title-wrap\"\u003e\n              \u003cspan class=\"serosunprotect-ingredient__title\"\u003eMica\u003c\/span\u003e\n              \u003cspan class=\"serosunprotect-ingredient__subtitle\"\u003eSoft-focus finish\u003c\/span\u003e\n            \u003c\/span\u003e\n            \u003cspan aria-hidden=\"true\" class=\"serosunprotect-ingredient__icon\"\u003e\u003c\/span\u003e\n          \u003c\/summary\u003e\n          \u003cdiv class=\"serosunprotect-ingredient__content\"\u003e\n            Helps reflect light and create a smoother, more refined-looking finish without functioning as full-coverage foundation.\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n\n        \u003cdetails class=\"serosunprotect-ingredient\"\u003e\n          \u003csummary\u003e\n            \u003cspan class=\"serosunprotect-ingredient__badge\"\u003eSIL\u003c\/span\u003e\n            \u003cspan class=\"serosunprotect-ingredient__title-wrap\"\u003e\n              \u003cspan class=\"serosunprotect-ingredient__title\"\u003eSilica\u003c\/span\u003e\n              \u003cspan class=\"serosunprotect-ingredient__subtitle\"\u003eSurface oil absorption\u003c\/span\u003e\n            \u003c\/span\u003e\n            \u003cspan aria-hidden=\"true\" class=\"serosunprotect-ingredient__icon\"\u003e\u003c\/span\u003e\n          \u003c\/summary\u003e\n          \u003cdiv class=\"serosunprotect-ingredient__content\"\u003e\n            Helps absorb excess surface oil and reduce the appearance of shine for a more balanced daytime finish.\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"serosunprotect-section\"\u003e\n      \u003cdiv class=\"serosunprotect-card serosunprotect-card--soft\"\u003e\n        \u003cp class=\"serosunprotect-kicker\"\u003eBest used for\u003c\/p\u003e\n        \u003ch3\u003eA practical SPF step for everyday protection and daytime touch-ups.\u003c\/h3\u003e\n        \u003cul class=\"serosunprotect-benefits\"\u003e\n          \u003cli\u003eDaily broad-spectrum mineral sun protection\u003c\/li\u003e\n          \u003cli\u003eReapplying SPF during the day\u003c\/li\u003e\n          \u003cli\u003eWarm, humid, or high-shine environments\u003c\/li\u003e\n          \u003cli\u003eWearing over approved makeup without adding another liquid layer\u003c\/li\u003e\n          \u003cli\u003eCompleting the Sero morning skincare routine\u003c\/li\u003e\n          \u003cli\u003eProvider-directed post-treatment sun protection\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"serosunprotect-section\"\u003e\n      \u003cdiv class=\"serosunprotect-card serosunprotect-card--soft\"\u003e\n        \u003cp class=\"serosunprotect-kicker\"\u003eHow to use SERO SUN PROTECT\u003c\/p\u003e\n        \u003ch3\u003eSweep evenly over exposed skin and reapply according to the final product label.\u003c\/h3\u003e\n        \u003cp\u003e\n          After completing the approved skincare routine, remove the cap and sweep the brush over the face using circular motions to release and distribute the powder. Use smaller, tighter circles when additional powder is needed. Apply evenly to all exposed areas.\n        \u003c\/p\u003e\n        \u003cul class=\"serosunprotect-steps\"\u003e\n          \u003cli\u003eApply after SERO SERUM and SERO HYDRATION have absorbed\u003c\/li\u003e\n          \u003cli\u003eSweep the brush over exposed skin in circular motions\u003c\/li\u003e\n          \u003cli\u003eUse enough powder to create even, complete coverage\u003c\/li\u003e\n          \u003cli\u003eWear alone or over approved makeup\u003c\/li\u003e\n          \u003cli\u003eReapply according to the Drug Facts panel and after activities identified on the final label\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"serosunprotect-section\"\u003e\n      \u003cdiv class=\"serosunprotect-card serosunprotect-card--soft\"\u003e\n        \u003cp class=\"serosunprotect-kicker\"\u003eImportant sunscreen guidance\u003c\/p\u003e\n        \u003ch3\u003ePowder convenience does not replace complete application.\u003c\/h3\u003e\n        \u003cp\u003e\n          Apply enough product to cover all exposed areas evenly. Follow the final Drug Facts panel for timing, reapplication, water-exposure instructions, age restrictions, and other required directions. Use shade, protective clothing, and other sun-avoidance measures as appropriate.\n        \u003c\/p\u003e\n        \u003cul class=\"serosunprotect-benefits\"\u003e\n          \u003cli\u003eDo not inhale the powder\u003c\/li\u003e\n          \u003cli\u003eAvoid direct application into the eyes\u003c\/li\u003e\n          \u003cli\u003eDo not use on damaged or broken skin unless directed by a qualified provider\u003c\/li\u003e\n          \u003cli\u003eAsk a healthcare professional before applying to recently treated skin\u003c\/li\u003e\n          \u003cli\u003eStop use and seek guidance if irritation develops\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"serosunprotect-section\"\u003e\n      \u003cdiv class=\"serosunprotect-card\"\u003e\n        \u003cp class=\"serosunprotect-kicker\"\u003eThe Sero standard\u003c\/p\u003e\n        \u003ch3\u003eA transparent mineral SPF profile without unsupported secondary claims.\u003c\/h3\u003e\n        \u003cul class=\"serosunprotect-chip-list serosunprotect-chip-list--standards\"\u003e\n          \u003cli\u003eBroad-spectrum SPF 40\u003c\/li\u003e\n          \u003cli\u003e25% Zinc Oxide\u003c\/li\u003e\n          \u003cli\u003e100% mineral active\u003c\/li\u003e\n          \u003cli\u003eClear + sheer powder\u003c\/li\u003e\n          \u003cli\u003eBrush-on application\u003c\/li\u003e\n          \u003cli\u003eSoft-focus finish\u003c\/li\u003e\n          \u003cli\u003eSurface oil absorption\u003c\/li\u003e\n          \u003cli\u003eDesigned for reapplication\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"serosunprotect-section\"\u003e\n      \u003cdiv class=\"serosunprotect-card\"\u003e\n        \u003cp class=\"serosunprotect-kicker\"\u003eDrug active + inactive ingredients\u003c\/p\u003e\n        \u003cp\u003e\n          \u003cstrong\u003eActive Ingredient:\u003c\/strong\u003e Zinc Oxide 25%.\n        \u003c\/p\u003e\n        \u003cp\u003e\n          \u003cstrong\u003eInactive Ingredients:\u003c\/strong\u003e Sericite, Mica, Silica.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003cp class=\"serosunprotect-disclaimer\"\u003e\n      Sunscreen drug claims, directions, warnings, and reapplication instructions must match the final approved Drug Facts labeling. For external use only. Do not inhale. Avoid direct contact with eyes. Stop use if irritation occurs. When used after a professional treatment, follow the treating provider's instructions regarding timing and application.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n  .serosunprotect-product {\n    --serosunprotect-bg: #f5f2ec;\n    --serosunprotect-card: #ffffff;\n    --serosunprotect-text: #1b1b1b;\n    --serosunprotect-muted: #68645e;\n    --serosunprotect-border: rgba(27, 27, 27, 0.11);\n    --serosunprotect-accent: #c39a49;\n    --serosunprotect-accent-dark: #8f6b2c;\n    --serosunprotect-accent-soft: rgba(195, 154, 73, 0.15);\n    --serosunprotect-charcoal: #202020;\n    --serosunprotect-shadow: 0 14px 38px rgba(19, 19, 19, 0.055);\n    --serosunprotect-radius: 22px;\n    color: var(--serosunprotect-text);\n    margin: 0;\n    padding: 18px 0 44px;\n  }\n\n  .serosunprotect-product * {\n    box-sizing: border-box;\n  }\n\n  .serosunprotect-wrap {\n    width: 100%;\n    max-width: 760px;\n    margin: 0 auto;\n    padding: 0 20px;\n  }\n\n  .serosunprotect-hero {\n    padding: 10px 0 12px;\n    text-align: left;\n  }\n\n  .serosunprotect-eyebrow,\n  .serosunprotect-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(--serosunprotect-accent-dark);\n  }\n\n  .serosunprotect-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(--serosunprotect-text);\n  }\n\n  .serosunprotect-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(--serosunprotect-muted);\n  }\n\n  .serosunprotect-hero \u003e p:not(.serosunprotect-eyebrow) {\n    margin: 18px 0 0;\n    font-size: 16px;\n    line-height: 1.8;\n    color: var(--serosunprotect-text);\n  }\n\n  .serosunprotect-section {\n    margin-top: 24px;\n  }\n\n  .serosunprotect-section-head {\n    margin-bottom: 18px;\n    text-align: left;\n  }\n\n  .serosunprotect-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(--serosunprotect-text);\n  }\n\n  .serosunprotect-section-head \u003e p:not(.serosunprotect-kicker) {\n    max-width: 680px;\n    margin: 12px 0 0;\n    font-size: 16px;\n    line-height: 1.75;\n    color: var(--serosunprotect-muted);\n  }\n\n  .serosunprotect-card,\n  .serosunprotect-highlight {\n    width: 100%;\n    border: 1px solid var(--serosunprotect-border);\n    border-radius: var(--serosunprotect-radius);\n    box-shadow: var(--serosunprotect-shadow);\n    padding: 28px 24px;\n  }\n\n  .serosunprotect-card {\n    background: var(--serosunprotect-card);\n  }\n\n  .serosunprotect-card--soft {\n    background: linear-gradient(180deg, #ffffff 0%, #faf8f4 100%);\n  }\n\n  .serosunprotect-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  .serosunprotect-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  .serosunprotect-card h3,\n  .serosunprotect-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  .serosunprotect-card h3 {\n    color: var(--serosunprotect-text);\n  }\n\n  .serosunprotect-highlight h3 {\n    color: #ffffff;\n  }\n\n  .serosunprotect-card \u003e p:not(.serosunprotect-kicker),\n  .serosunprotect-highlight \u003e p:not(.serosunprotect-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  .serosunprotect-card \u003e p:not(.serosunprotect-kicker) {\n    color: var(--serosunprotect-text);\n  }\n\n  .serosunprotect-highlight \u003e p:not(.serosunprotect-kicker) {\n    color: rgba(255, 255, 255, 0.86);\n  }\n\n  .serosunprotect-highlight .serosunprotect-kicker {\n    position: relative;\n    z-index: 1;\n    color: #dfbf7b;\n  }\n\n  .serosunprotect-chip-list,\n  .serosunprotect-benefits,\n  .serosunprotect-steps {\n    list-style: none;\n    margin: 20px 0 0;\n    padding: 0;\n  }\n\n  .serosunprotect-chip-list {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 11px;\n  }\n\n  .serosunprotect-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(--serosunprotect-accent-soft);\n    color: var(--serosunprotect-text);\n    font-size: 14px;\n    line-height: 1.35;\n  }\n\n  .serosunprotect-chip-list--standards li {\n    background: #f7f4ee;\n  }\n\n  .serosunprotect-benefits li,\n  .serosunprotect-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(--serosunprotect-text);\n  }\n\n  .serosunprotect-benefits li:last-child,\n  .serosunprotect-steps li:last-child {\n    margin-bottom: 0;\n  }\n\n  .serosunprotect-benefits li::before,\n  .serosunprotect-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(--serosunprotect-accent);\n    box-shadow: 0 0 0 5px var(--serosunprotect-accent-soft);\n  }\n\n  .serosunprotect-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  .serosunprotect-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  .serosunprotect-metric__value {\n    display: block;\n    font-size: 20px;\n    line-height: 1.2;\n    font-weight: 600;\n    color: #ffffff;\n  }\n\n  .serosunprotect-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  .serosunprotect-ingredients-stack {\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n    margin-top: 20px;\n  }\n\n  .serosunprotect-ingredient {\n    width: 100%;\n    overflow: hidden;\n    background: var(--serosunprotect-card);\n    border: 1px solid var(--serosunprotect-border);\n    border-radius: 20px;\n    transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;\n  }\n\n  .serosunprotect-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  .serosunprotect-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  .serosunprotect-ingredient summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .serosunprotect-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(--serosunprotect-accent-soft);\n    color: var(--serosunprotect-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  .serosunprotect-ingredient__title-wrap {\n    display: block;\n    min-width: 0;\n  }\n\n  .serosunprotect-ingredient__title,\n  .serosunprotect-ingredient__subtitle {\n    display: block;\n  }\n\n  .serosunprotect-ingredient__title {\n    font-size: 23px;\n    line-height: 1.24;\n    font-weight: 600;\n    color: var(--serosunprotect-text);\n    word-break: break-word;\n  }\n\n  .serosunprotect-ingredient__subtitle {\n    margin-top: 5px;\n    font-size: 14px;\n    line-height: 1.5;\n    color: var(--serosunprotect-muted);\n  }\n\n  .serosunprotect-ingredient__icon {\n    position: relative;\n    width: 18px;\n    height: 18px;\n    flex-shrink: 0;\n  }\n\n  .serosunprotect-ingredient__icon::before,\n  .serosunprotect-ingredient__icon::after {\n    content: \"\";\n    position: absolute;\n    background: var(--serosunprotect-text);\n    border-radius: 2px;\n    transition: transform 0.25s ease, opacity 0.25s ease;\n  }\n\n  .serosunprotect-ingredient__icon::before {\n    top: 8px;\n    left: 2px;\n    width: 14px;\n    height: 2px;\n  }\n\n  .serosunprotect-ingredient__icon::after {\n    top: 2px;\n    left: 8px;\n    width: 2px;\n    height: 14px;\n  }\n\n  .serosunprotect-ingredient[open] .serosunprotect-ingredient__icon::after {\n    opacity: 0;\n    transform: scaleY(0);\n  }\n\n  .serosunprotect-ingredient__content {\n    padding: 0 18px 21px 98px;\n    font-size: 16px;\n    line-height: 1.75;\n    color: var(--serosunprotect-text);\n  }\n\n  .serosunprotect-disclaimer {\n    margin: 22px 4px 0;\n    font-size: 12px;\n    line-height: 1.6;\n    color: var(--serosunprotect-muted);\n  }\n\n  @media screen and (max-width: 749px) {\n    .serosunprotect-wrap {\n      padding: 0 18px;\n    }\n\n    .serosunprotect-card,\n    .serosunprotect-highlight {\n      padding: 24px 20px;\n    }\n\n    .serosunprotect-metrics {\n      grid-template-columns: 1fr;\n    }\n\n    .serosunprotect-ingredient summary {\n      grid-template-columns: 56px minmax(0, 1fr) 16px;\n      gap: 13px;\n      padding: 16px;\n    }\n\n    .serosunprotect-ingredient__badge {\n      min-width: 56px;\n      min-height: 56px;\n      border-radius: 16px;\n      font-size: 10px;\n    }\n\n    .serosunprotect-ingredient__title {\n      font-size: 18px;\n      line-height: 1.34;\n    }\n\n    .serosunprotect-ingredient__subtitle {\n      font-size: 13px;\n      line-height: 1.45;\n    }\n\n    .serosunprotect-ingredient__content {\n      padding: 0 16px 18px 85px;\n      font-size: 15px;\n      line-height: 1.7;\n    }\n\n    .serosunprotect-card h3,\n    .serosunprotect-highlight h3 {\n      font-size: 24px;\n      line-height: 1.18;\n    }\n\n    .serosunprotect-hero \u003e p:not(.serosunprotect-eyebrow),\n    .serosunprotect-card \u003e p:not(.serosunprotect-kicker),\n    .serosunprotect-highlight \u003e p:not(.serosunprotect-kicker),\n    .serosunprotect-section-head \u003e p:not(.serosunprotect-kicker),\n    .serosunprotect-benefits li,\n    .serosunprotect-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":47427723395228,"sku":"SERO-Sun Protect","price":49.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/1047\/4396\/files\/SEROSUNPROTECT.webp?v=1786995618","url":"https:\/\/serotoninnutraceuticals.com\/products\/sero-sun-protect","provider":"Serotonin Nutraceuticals","version":"1.0","type":"link"}