{"product_id":"sero-control-roller","title":"Sero Control Roller","description":"\u003csection class=\"serocontrolroller-product\"\u003e\n  \u003cdiv class=\"serocontrolroller-wrap\"\u003e\n    \u003cheader class=\"serocontrolroller-hero\"\u003e\n      \u003cp class=\"serocontrolroller-eyebrow\"\u003eOptimize clarity + targeted control\u003c\/p\u003e\n      \u003ch1\u003e\u003cstrong\u003eSERO CONTROL ROLLER\u003c\/strong\u003e\u003c\/h1\u003e\n      \u003ch2\u003e\u003cstrong\u003eTargeted Salicylic Acid + Benzoyl Peroxide Blemish Treatment\u003c\/strong\u003e\u003c\/h2\u003e\n      \u003cp\u003e\n        SERO CONTROL ROLLER is a precision spot treatment designed for visible blemishes, localized congestion, and breakout-prone areas. Its roll-on format places the formula directly where it is needed without coating the entire complexion in a potentially drying acne treatment.\n      \u003c\/p\u003e\n      \u003cp\u003e\n        The formula pairs \u003cstrong\u003eSalicylic Acid\u003c\/strong\u003e with \u003cstrong\u003eBenzoyl Peroxide\u003c\/strong\u003e to support clearer-looking skin through complementary acne-treatment pathways. Dimethyl Isosorbide supports active delivery, while Glycerin and Witch Hazel help balance the formula's clarifying profile.\n      \u003c\/p\u003e\n      \u003cp\u003e\n        Because active concentrations were not supplied, final acne claims, frequency, age restrictions, warnings, and directions must follow the approved Drug Facts panel. The product should be introduced conservatively and used only on the targeted treatment area unless the final label states otherwise.\n      \u003c\/p\u003e\n    \u003c\/header\u003e\n\n    \u003csection class=\"serocontrolroller-section\"\u003e\n      \u003cdiv class=\"serocontrolroller-card\"\u003e\n        \u003cp class=\"serocontrolroller-kicker\"\u003eWho it is for\u003c\/p\u003e\n        \u003ch3\u003eA focused treatment for localized blemishes and congestion-prone areas.\u003c\/h3\u003e\n        \u003cul class=\"serocontrolroller-chip-list\"\u003e\n          \u003cli\u003eVisible blemishes\u003c\/li\u003e\n          \u003cli\u003eOccasional breakouts\u003c\/li\u003e\n          \u003cli\u003eCongested pores\u003c\/li\u003e\n          \u003cli\u003eOily-prone areas\u003c\/li\u003e\n          \u003cli\u003eTargeted spot treatment\u003c\/li\u003e\n          \u003cli\u003eLightweight acne care\u003c\/li\u003e\n          \u003cli\u003eTeen and adult routines\u003c\/li\u003e\n          \u003cli\u003ePrecision application\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"serocontrolroller-section\"\u003e\n      \u003cdiv class=\"serocontrolroller-card\"\u003e\n        \u003cp class=\"serocontrolroller-kicker\"\u003eWhat it does\u003c\/p\u003e\n        \u003ch3\u003eDelivers targeted acne-treatment support without unnecessarily treating unaffected skin.\u003c\/h3\u003e\n        \u003cul class=\"serocontrolroller-benefits\"\u003e\n          \u003cli\u003eUses Salicylic Acid to help clear pore-clogging buildup\u003c\/li\u003e\n          \u003cli\u003eUses Benzoyl Peroxide to support the treatment of acne blemishes\u003c\/li\u003e\n          \u003cli\u003eTargets individual blemishes and concentrated breakout zones\u003c\/li\u003e\n          \u003cli\u003eHelps improve the appearance of visible congestion\u003c\/li\u003e\n          \u003cli\u003eProvides a clean, portable rollerball application\u003c\/li\u003e\n          \u003cli\u003eIncludes Glycerin to provide complementary moisture support\u003c\/li\u003e\n          \u003cli\u003eUses Witch Hazel for a lightweight astringent skin feel\u003c\/li\u003e\n          \u003cli\u003eFits into a simplified, provider-directed blemish routine\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"serocontrolroller-section\"\u003e\n      \u003cdiv class=\"serocontrolroller-highlight\"\u003e\n        \u003cp class=\"serocontrolroller-kicker\"\u003eWhy the roller format matters\u003c\/p\u003e\n        \u003ch3\u003eActive treatment goes on the blemish—not automatically across the entire face.\u003c\/h3\u003e\n        \u003cp\u003e\n          Benzoyl Peroxide and Salicylic Acid can be effective acne-treatment ingredients, but they may also cause dryness or irritation. The rollerball format supports controlled placement so the formula can be applied directly to visible blemishes or small congestion-prone areas.\n        \u003c\/p\u003e\n        \u003cp\u003e\n          This targeted approach can make the product easier to integrate into a broader skincare routine while limiting unnecessary exposure on areas that are already clear, dry, or sensitive.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"serocontrolroller-metrics\"\u003e\n          \u003cdiv class=\"serocontrolroller-metric\"\u003e\n            \u003cspan class=\"serocontrolroller-metric__value\"\u003eBPO + SA\u003c\/span\u003e\n            \u003cspan class=\"serocontrolroller-metric__label\"\u003eTwo established acne-treatment ingredients in one targeted formula\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"serocontrolroller-metric\"\u003e\n            \u003cspan class=\"serocontrolroller-metric__value\"\u003eRoll-On Control\u003c\/span\u003e\n            \u003cspan class=\"serocontrolroller-metric__label\"\u003eDirect application to isolated blemishes and small treatment areas\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"serocontrolroller-metric\"\u003e\n            \u003cspan class=\"serocontrolroller-metric__value\"\u003eStart Slowly\u003c\/span\u003e\n            \u003cspan class=\"serocontrolroller-metric__label\"\u003eFrequency should increase only as tolerated and as permitted by the final label\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"serocontrolroller-section\"\u003e\n      \u003cdiv class=\"serocontrolroller-section-head\"\u003e\n        \u003cp class=\"serocontrolroller-kicker\"\u003eKey ingredients\u003c\/p\u003e\n        \u003ch3\u003eA compact formula built around targeted acne treatment and controlled delivery.\u003c\/h3\u003e\n        \u003cp\u003e\n          Five ingredients create the product's complete profile: two acne actives, one delivery solvent, one humectant, and one botanical astringent.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"serocontrolroller-ingredients-stack\"\u003e\n        \u003cdetails open class=\"serocontrolroller-ingredient\"\u003e\n          \u003csummary\u003e\n            \u003cspan class=\"serocontrolroller-ingredient__badge\"\u003eSA\u003c\/span\u003e\n            \u003cspan class=\"serocontrolroller-ingredient__title-wrap\"\u003e\n              \u003cspan class=\"serocontrolroller-ingredient__title\"\u003eSalicylic Acid\u003c\/span\u003e\n              \u003cspan class=\"serocontrolroller-ingredient__subtitle\"\u003ePore-clearing acne treatment\u003c\/span\u003e\n            \u003c\/span\u003e\n            \u003cspan aria-hidden=\"true\" class=\"serocontrolroller-ingredient__icon\"\u003e\u003c\/span\u003e\n          \u003c\/summary\u003e\n          \u003cdiv class=\"serocontrolroller-ingredient__content\"\u003e\n            A beta hydroxy acid used in topical acne products to help clear pore-clogging buildup and support a clearer-looking complexion.\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n\n        \u003cdetails class=\"serocontrolroller-ingredient\"\u003e\n          \u003csummary\u003e\n            \u003cspan class=\"serocontrolroller-ingredient__badge\"\u003eBPO\u003c\/span\u003e\n            \u003cspan class=\"serocontrolroller-ingredient__title-wrap\"\u003e\n              \u003cspan class=\"serocontrolroller-ingredient__title\"\u003eBenzoyl Peroxide\u003c\/span\u003e\n              \u003cspan class=\"serocontrolroller-ingredient__subtitle\"\u003eTargeted acne-treatment support\u003c\/span\u003e\n            \u003c\/span\u003e\n            \u003cspan aria-hidden=\"true\" class=\"serocontrolroller-ingredient__icon\"\u003e\u003c\/span\u003e\n          \u003c\/summary\u003e\n          \u003cdiv class=\"serocontrolroller-ingredient__content\"\u003e\n            An established topical acne-treatment ingredient used to help treat existing blemishes. It may cause dryness and can bleach hair or colored fabrics.\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n\n        \u003cdetails class=\"serocontrolroller-ingredient\"\u003e\n          \u003csummary\u003e\n            \u003cspan class=\"serocontrolroller-ingredient__badge\"\u003eDMI\u003c\/span\u003e\n            \u003cspan class=\"serocontrolroller-ingredient__title-wrap\"\u003e\n              \u003cspan class=\"serocontrolroller-ingredient__title\"\u003eDimethyl Isosorbide\u003c\/span\u003e\n              \u003cspan class=\"serocontrolroller-ingredient__subtitle\"\u003eActive-delivery solvent\u003c\/span\u003e\n            \u003c\/span\u003e\n            \u003cspan aria-hidden=\"true\" class=\"serocontrolroller-ingredient__icon\"\u003e\u003c\/span\u003e\n          \u003c\/summary\u003e\n          \u003cdiv class=\"serocontrolroller-ingredient__content\"\u003e\n            A cosmetic solvent used to dissolve and distribute active ingredients evenly within the targeted formula.\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n\n        \u003cdetails class=\"serocontrolroller-ingredient\"\u003e\n          \u003csummary\u003e\n            \u003cspan class=\"serocontrolroller-ingredient__badge\"\u003eGLY\u003c\/span\u003e\n            \u003cspan class=\"serocontrolroller-ingredient__title-wrap\"\u003e\n              \u003cspan class=\"serocontrolroller-ingredient__title\"\u003eGlycerin\u003c\/span\u003e\n              \u003cspan class=\"serocontrolroller-ingredient__subtitle\"\u003eComplementary moisture support\u003c\/span\u003e\n            \u003c\/span\u003e\n            \u003cspan aria-hidden=\"true\" class=\"serocontrolroller-ingredient__icon\"\u003e\u003c\/span\u003e\n          \u003c\/summary\u003e\n          \u003cdiv class=\"serocontrolroller-ingredient__content\"\u003e\n            A humectant that helps attract water to the skin and provides some balance within a formula built around potentially drying acne actives.\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n\n        \u003cdetails class=\"serocontrolroller-ingredient\"\u003e\n          \u003csummary\u003e\n            \u003cspan class=\"serocontrolroller-ingredient__badge\"\u003eWH\u003c\/span\u003e\n            \u003cspan class=\"serocontrolroller-ingredient__title-wrap\"\u003e\n              \u003cspan class=\"serocontrolroller-ingredient__title\"\u003eWitch Hazel Leaf Extract\u003c\/span\u003e\n              \u003cspan class=\"serocontrolroller-ingredient__subtitle\"\u003eBotanical astringent support\u003c\/span\u003e\n            \u003c\/span\u003e\n            \u003cspan aria-hidden=\"true\" class=\"serocontrolroller-ingredient__icon\"\u003e\u003c\/span\u003e\n          \u003c\/summary\u003e\n          \u003cdiv class=\"serocontrolroller-ingredient__content\"\u003e\n            Hamamelis Virginiana Leaf Extract contributes a lightweight astringent feel and supports the formula's focused, non-cream treatment profile.\n          \u003c\/div\u003e\n        \u003c\/details\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"serocontrolroller-section\"\u003e\n      \u003cdiv class=\"serocontrolroller-card serocontrolroller-card--soft\"\u003e\n        \u003cp class=\"serocontrolroller-kicker\"\u003eBest used for\u003c\/p\u003e\n        \u003ch3\u003eA direct spot-treatment step for visible blemishes and localized congestion.\u003c\/h3\u003e\n        \u003cul class=\"serocontrolroller-benefits\"\u003e\n          \u003cli\u003eIndividual blemishes needing targeted treatment\u003c\/li\u003e\n          \u003cli\u003eSmall areas prone to recurring congestion\u003c\/li\u003e\n          \u003cli\u003eOily zones that do not require full-face treatment\u003c\/li\u003e\n          \u003cli\u003eRoutines where broad acne products cause excessive dryness\u003c\/li\u003e\n          \u003cli\u003ePortable treatment at home or while traveling\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"serocontrolroller-section\"\u003e\n      \u003cdiv class=\"serocontrolroller-card serocontrolroller-card--soft\"\u003e\n        \u003cp class=\"serocontrolroller-kicker\"\u003eHow to use SERO CONTROL ROLLER\u003c\/p\u003e\n        \u003ch3\u003eApply a thin layer directly to the affected area.\u003c\/h3\u003e\n        \u003cp\u003e\n          Cleanse the skin and allow it to dry completely. Roll a small amount directly over the blemish or affected area without repeatedly scrubbing the roller across the skin. Allow the product to dry before applying other skincare.\n        \u003c\/p\u003e\n        \u003cul class=\"serocontrolroller-steps\"\u003e\n          \u003cli\u003eBegin with one application daily or follow the final Drug Facts panel\u003c\/li\u003e\n          \u003cli\u003eIncrease frequency only if directed by the label and well tolerated\u003c\/li\u003e\n          \u003cli\u003eReduce frequency if dryness, peeling, or irritation develops\u003c\/li\u003e\n          \u003cli\u003eDo not use as an automatic full-face treatment unless the label specifically permits it\u003c\/li\u003e\n          \u003cli\u003eUse broad-spectrum sunscreen during the day\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"serocontrolroller-section\"\u003e\n      \u003cdiv class=\"serocontrolroller-card serocontrolroller-card--soft\"\u003e\n        \u003cp class=\"serocontrolroller-kicker\"\u003eAcne-treatment precautions\u003c\/p\u003e\n        \u003ch3\u003eUse carefully around other active skincare products.\u003c\/h3\u003e\n        \u003cul class=\"serocontrolroller-benefits\"\u003e\n          \u003cli\u003eDo not apply to broken, irritated, sunburned, or freshly treated skin\u003c\/li\u003e\n          \u003cli\u003eAvoid the eyes, lips, nostrils, and other mucous membranes\u003c\/li\u003e\n          \u003cli\u003eAvoid simultaneous use with other topical acne medications unless directed\u003c\/li\u003e\n          \u003cli\u003eUse caution with retinoids, exfoliating acids, scrubs, and drying cleansers\u003c\/li\u003e\n          \u003cli\u003eBenzoyl Peroxide may bleach hair, towels, pillowcases, and clothing\u003c\/li\u003e\n          \u003cli\u003eStop use and seek medical help if severe swelling, blistering, or an allergic reaction occurs\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"serocontrolroller-section\"\u003e\n      \u003cdiv class=\"serocontrolroller-card\"\u003e\n        \u003cp class=\"serocontrolroller-kicker\"\u003eThe Sero standard\u003c\/p\u003e\n        \u003ch3\u003eA transparent blemish-treatment profile without unsupported strength claims.\u003c\/h3\u003e\n        \u003cul class=\"serocontrolroller-chip-list serocontrolroller-chip-list--standards\"\u003e\n          \u003cli\u003eTargeted rollerball\u003c\/li\u003e\n          \u003cli\u003eSalicylic Acid\u003c\/li\u003e\n          \u003cli\u003eBenzoyl Peroxide\u003c\/li\u003e\n          \u003cli\u003eFive-ingredient formula\u003c\/li\u003e\n          \u003cli\u003eLocalized application\u003c\/li\u003e\n          \u003cli\u003eGradual introduction\u003c\/li\u003e\n          \u003cli\u003eDryness precautions\u003c\/li\u003e\n          \u003cli\u003eDrug Facts controls use\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"serocontrolroller-section\"\u003e\n      \u003cdiv class=\"serocontrolroller-card\"\u003e\n        \u003cp class=\"serocontrolroller-kicker\"\u003eIngredient list\u003c\/p\u003e\n        \u003cp\u003e\n          Dimethyl Isosorbide, Salicylic Acid, Benzoyl Peroxide, Glycerin, Hamamelis Virginiana Leaf Extract.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003cp class=\"serocontrolroller-disclaimer\"\u003e\n      This product contains OTC acne-treatment ingredients. Final active concentrations, indications, directions, warnings, age restrictions, and Drug Facts labeling must be verified before publication and must match the finished product label. For external use only. Avoid contact with eyes and mucous membranes. Benzoyl Peroxide may bleach hair and colored fabrics. Discontinue use if severe or persistent irritation develops.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n  .serocontrolroller-product {\n    --serocontrolroller-bg: #f5f2ec;\n    --serocontrolroller-card: #ffffff;\n    --serocontrolroller-text: #1b1b1b;\n    --serocontrolroller-muted: #68645e;\n    --serocontrolroller-border: rgba(27, 27, 27, 0.11);\n    --serocontrolroller-accent: #c39a49;\n    --serocontrolroller-accent-dark: #8f6b2c;\n    --serocontrolroller-accent-soft: rgba(195, 154, 73, 0.15);\n    --serocontrolroller-charcoal: #202020;\n    --serocontrolroller-shadow: 0 14px 38px rgba(19, 19, 19, 0.055);\n    --serocontrolroller-radius: 22px;\n    color: var(--serocontrolroller-text);\n    margin: 0;\n    padding: 18px 0 44px;\n  }\n\n  .serocontrolroller-product * {\n    box-sizing: border-box;\n  }\n\n  .serocontrolroller-wrap {\n    width: 100%;\n    max-width: 760px;\n    margin: 0 auto;\n    padding: 0 20px;\n  }\n\n  .serocontrolroller-hero {\n    padding: 10px 0 12px;\n    text-align: left;\n  }\n\n  .serocontrolroller-eyebrow,\n  .serocontrolroller-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(--serocontrolroller-accent-dark);\n  }\n\n  .serocontrolroller-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(--serocontrolroller-text);\n  }\n\n  .serocontrolroller-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(--serocontrolroller-muted);\n  }\n\n  .serocontrolroller-hero \u003e p:not(.serocontrolroller-eyebrow) {\n    margin: 18px 0 0;\n    font-size: 16px;\n    line-height: 1.8;\n    color: var(--serocontrolroller-text);\n  }\n\n  .serocontrolroller-section {\n    margin-top: 24px;\n  }\n\n  .serocontrolroller-section-head {\n    margin-bottom: 18px;\n    text-align: left;\n  }\n\n  .serocontrolroller-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(--serocontrolroller-text);\n  }\n\n  .serocontrolroller-section-head \u003e p:not(.serocontrolroller-kicker) {\n    max-width: 680px;\n    margin: 12px 0 0;\n    font-size: 16px;\n    line-height: 1.75;\n    color: var(--serocontrolroller-muted);\n  }\n\n  .serocontrolroller-card,\n  .serocontrolroller-highlight {\n    width: 100%;\n    border: 1px solid var(--serocontrolroller-border);\n    border-radius: var(--serocontrolroller-radius);\n    box-shadow: var(--serocontrolroller-shadow);\n    padding: 28px 24px;\n  }\n\n  .serocontrolroller-card {\n    background: var(--serocontrolroller-card);\n  }\n\n  .serocontrolroller-card--soft {\n    background: linear-gradient(180deg, #ffffff 0%, #faf8f4 100%);\n  }\n\n  .serocontrolroller-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  .serocontrolroller-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  .serocontrolroller-card h3,\n  .serocontrolroller-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  .serocontrolroller-card h3 {\n    color: var(--serocontrolroller-text);\n  }\n\n  .serocontrolroller-highlight h3 {\n    color: #ffffff;\n  }\n\n  .serocontrolroller-card \u003e p:not(.serocontrolroller-kicker),\n  .serocontrolroller-highlight \u003e p:not(.serocontrolroller-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  .serocontrolroller-card \u003e p:not(.serocontrolroller-kicker) {\n    color: var(--serocontrolroller-text);\n  }\n\n  .serocontrolroller-highlight \u003e p:not(.serocontrolroller-kicker) {\n    color: rgba(255, 255, 255, 0.86);\n  }\n\n  .serocontrolroller-highlight .serocontrolroller-kicker {\n    position: relative;\n    z-index: 1;\n    color: #dfbf7b;\n  }\n\n  .serocontrolroller-chip-list,\n  .serocontrolroller-benefits,\n  .serocontrolroller-steps {\n    list-style: none;\n    margin: 20px 0 0;\n    padding: 0;\n  }\n\n  .serocontrolroller-chip-list {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 11px;\n  }\n\n  .serocontrolroller-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(--serocontrolroller-accent-soft);\n    color: var(--serocontrolroller-text);\n    font-size: 14px;\n    line-height: 1.35;\n  }\n\n  .serocontrolroller-chip-list--standards li {\n    background: #f7f4ee;\n  }\n\n  .serocontrolroller-benefits li,\n  .serocontrolroller-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(--serocontrolroller-text);\n  }\n\n  .serocontrolroller-benefits li:last-child,\n  .serocontrolroller-steps li:last-child {\n    margin-bottom: 0;\n  }\n\n  .serocontrolroller-benefits li::before,\n  .serocontrolroller-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(--serocontrolroller-accent);\n    box-shadow: 0 0 0 5px var(--serocontrolroller-accent-soft);\n  }\n\n  .serocontrolroller-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  .serocontrolroller-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  .serocontrolroller-metric__value {\n    display: block;\n    font-size: 20px;\n    line-height: 1.2;\n    font-weight: 600;\n    color: #ffffff;\n  }\n\n  .serocontrolroller-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  .serocontrolroller-ingredients-stack {\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n    margin-top: 20px;\n  }\n\n  .serocontrolroller-ingredient {\n    width: 100%;\n    overflow: hidden;\n    background: var(--serocontrolroller-card);\n    border: 1px solid var(--serocontrolroller-border);\n    border-radius: 20px;\n    transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;\n  }\n\n  .serocontrolroller-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  .serocontrolroller-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  .serocontrolroller-ingredient summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .serocontrolroller-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(--serocontrolroller-accent-soft);\n    color: var(--serocontrolroller-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  .serocontrolroller-ingredient__title-wrap {\n    display: block;\n    min-width: 0;\n  }\n\n  .serocontrolroller-ingredient__title,\n  .serocontrolroller-ingredient__subtitle {\n    display: block;\n  }\n\n  .serocontrolroller-ingredient__title {\n    font-size: 23px;\n    line-height: 1.24;\n    font-weight: 600;\n    color: var(--serocontrolroller-text);\n    word-break: break-word;\n  }\n\n  .serocontrolroller-ingredient__subtitle {\n    margin-top: 5px;\n    font-size: 14px;\n    line-height: 1.5;\n    color: var(--serocontrolroller-muted);\n  }\n\n  .serocontrolroller-ingredient__icon {\n    position: relative;\n    width: 18px;\n    height: 18px;\n    flex-shrink: 0;\n  }\n\n  .serocontrolroller-ingredient__icon::before,\n  .serocontrolroller-ingredient__icon::after {\n    content: \"\";\n    position: absolute;\n    background: var(--serocontrolroller-text);\n    border-radius: 2px;\n    transition: transform 0.25s ease, opacity 0.25s ease;\n  }\n\n  .serocontrolroller-ingredient__icon::before {\n    top: 8px;\n    left: 2px;\n    width: 14px;\n    height: 2px;\n  }\n\n  .serocontrolroller-ingredient__icon::after {\n    top: 2px;\n    left: 8px;\n    width: 2px;\n    height: 14px;\n  }\n\n  .serocontrolroller-ingredient[open] .serocontrolroller-ingredient__icon::after {\n    opacity: 0;\n    transform: scaleY(0);\n  }\n\n  .serocontrolroller-ingredient__content {\n    padding: 0 18px 21px 98px;\n    font-size: 16px;\n    line-height: 1.75;\n    color: var(--serocontrolroller-text);\n  }\n\n  .serocontrolroller-disclaimer {\n    margin: 22px 4px 0;\n    font-size: 12px;\n    line-height: 1.6;\n    color: var(--serocontrolroller-muted);\n  }\n\n  @media screen and (max-width: 749px) {\n    .serocontrolroller-wrap {\n      padding: 0 18px;\n    }\n\n    .serocontrolroller-card,\n    .serocontrolroller-highlight {\n      padding: 24px 20px;\n    }\n\n    .serocontrolroller-metrics {\n      grid-template-columns: 1fr;\n    }\n\n    .serocontrolroller-ingredient summary {\n      grid-template-columns: 56px minmax(0, 1fr) 16px;\n      gap: 13px;\n      padding: 16px;\n    }\n\n    .serocontrolroller-ingredient__badge {\n      min-width: 56px;\n      min-height: 56px;\n      border-radius: 16px;\n      font-size: 10px;\n    }\n\n    .serocontrolroller-ingredient__title {\n      font-size: 18px;\n      line-height: 1.34;\n    }\n\n    .serocontrolroller-ingredient__subtitle {\n      font-size: 13px;\n      line-height: 1.45;\n    }\n\n    .serocontrolroller-ingredient__content {\n      padding: 0 16px 18px 85px;\n      font-size: 15px;\n      line-height: 1.7;\n    }\n\n    .serocontrolroller-card h3,\n    .serocontrolroller-highlight h3 {\n      font-size: 24px;\n      line-height: 1.18;\n    }\n\n    .serocontrolroller-hero \u003e p:not(.serocontrolroller-eyebrow),\n    .serocontrolroller-card \u003e p:not(.serocontrolroller-kicker),\n    .serocontrolroller-highlight \u003e p:not(.serocontrolroller-kicker),\n    .serocontrolroller-section-head \u003e p:not(.serocontrolroller-kicker),\n    .serocontrolroller-benefits li,\n    .serocontrolroller-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":47427723559068,"sku":"SERO-Control Roller","price":22.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0717\/1047\/4396\/files\/SeroControlRoller.webp?v=1786995618","url":"https:\/\/serotoninnutraceuticals.com\/products\/sero-control-roller","provider":"Serotonin Nutraceuticals","version":"1.0","type":"link"}