{"product_id":"novea™-cleansweep-brush","title":"NOVÉA™ CleanSweep Brush","description":"\u003csection id=\"novea-cleansweep-{{ section.id | default: 'product' }}\" class=\"novea-cs\" data-novea-cs=\"\"\u003e\n\u003cdiv class=\"novea-cs__container\"\u003e\n\u003c!-- HERO --\u003e\u003cheader class=\"novea-cs__hero novea-cs__reveal\"\u003e\n\u003cp class=\"novea-cs__eyebrow\"\u003e\u003cspan\u003e\u003c\/span\u003e Effortless brushing and cleanup\u003c\/p\u003e\n\u003ch2\u003eA cleaner brush.\u003cbr\u003e\u003cem\u003eA smoother routine.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"novea-cs__intro\"\u003eMake your daily hair routine feel smoother, more comfortable, and refreshingly simple with the NOVÉA™ CleanSweep Brush.\u003c\/p\u003e\n\u003cdiv class=\"novea-cs__pills\"\u003e\n\u003cspan\u003eComfort-focused design\u003c\/span\u003e \u003cspan\u003eEasy hair removal\u003c\/span\u003e \u003cspan\u003eMade for everyday use\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/header\u003e\u003c!-- MAIN BENEFIT --\u003e\n\u003cdiv class=\"novea-cs__showcase novea-cs__reveal\"\u003e\n\u003cdiv class=\"novea-cs__showcase-copy\"\u003e\n\u003cp class=\"novea-cs__label\"\u003eDesigned around you\u003c\/p\u003e\n\u003ch3\u003eComfort from root to tip\u003c\/h3\u003e\n\u003cp class=\"novea-cs__body-copy\"\u003eThe curved brush head follows the natural contour of your scalp for close, comfortable contact. Rounded massage tips glide gently through your hair, helping make everyday brushing feel smoother and more enjoyable.\u003c\/p\u003e\n\u003cul class=\"novea-cs__checks\"\u003e\n\u003cli\u003e\n\u003cspan\u003e✓\u003c\/span\u003e Curved to follow the natural shape of your scalp\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan\u003e✓\u003c\/span\u003e Rounded tips provide a gentle scalp feel\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan\u003e✓\u003c\/span\u003e Designed for comfortable everyday brushing\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- CSS PRODUCT DEMONSTRATION --\u003e\n\u003cdiv class=\"novea-cs__demo\"\u003e\n\u003cp class=\"novea-cs__demo-badge\"\u003eCleanSweep Technology\u003c\/p\u003e\n\u003cdiv class=\"novea-cs__brush\"\u003e\n\u003cdiv class=\"novea-cs__handle\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"novea-cs__head\"\u003e\n\u003cdiv class=\"novea-cs__bristles\"\u003e\n\u003ci\u003e\u003c\/i\u003e\u003ci\u003e\u003c\/i\u003e\u003ci\u003e\u003c\/i\u003e\u003ci\u003e\u003c\/i\u003e \u003ci\u003e\u003c\/i\u003e\u003ci\u003e\u003c\/i\u003e\u003ci\u003e\u003c\/i\u003e\u003ci\u003e\u003c\/i\u003e \u003ci\u003e\u003c\/i\u003e\u003ci\u003e\u003c\/i\u003e\u003ci\u003e\u003c\/i\u003e\u003ci\u003e\u003c\/i\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"novea-cs__sleeve\"\u003e\n\u003ci\u003e\u003c\/i\u003e\u003ci\u003e\u003c\/i\u003e\u003ci\u003e\u003c\/i\u003e\u003ci\u003e\u003c\/i\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cspan class=\"novea-cs__hair novea-cs__hair--1\"\u003e\u003c\/span\u003e \u003cspan class=\"novea-cs__hair novea-cs__hair--2\"\u003e\u003c\/span\u003e \u003cspan class=\"novea-cs__hair novea-cs__hair--3\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"novea-cs__demo-text\"\u003eSlide. Lift. Remove.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FEATURES --\u003e\n\u003cdiv class=\"novea-cs__heading novea-cs__reveal\"\u003e\n\u003cp class=\"novea-cs__label\"\u003eThoughtfully engineered\u003c\/p\u003e\n\u003ch3\u003eEverything you need.\u003cbr\u003eNothing you don’t.\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"novea-cs__features\"\u003e\n\u003carticle class=\"novea-cs__card novea-cs__reveal\"\u003e\u003cspan class=\"novea-cs__card-number\"\u003e01\u003c\/span\u003e\n\u003cdiv class=\"novea-cs__icon\"\u003e\u003csvg viewbox=\"0 0 48 48\"\u003e\n            \u003cpath d=\"M8 31c8-17 24-17 32 0\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M13 32c6-11 16-11 22 0\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003ch4\u003eCurved brush head\u003c\/h4\u003e\n\u003cp\u003eFollows the shape of your scalp for closer, more comfortable contact while brushing.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"novea-cs__card novea-cs__reveal\"\u003e\u003cspan class=\"novea-cs__card-number\"\u003e02\u003c\/span\u003e\n\u003cdiv class=\"novea-cs__icon\"\u003e\u003csvg viewbox=\"0 0 48 48\"\u003e\n            \u003cpath d=\"M12 34V19M20 34V14M28 34V14M36 34V19\"\u003e\u003c\/path\u003e\n            \u003ccircle cx=\"12\" cy=\"16\" r=\"3\"\u003e\u003c\/circle\u003e\n            \u003ccircle cx=\"20\" cy=\"11\" r=\"3\"\u003e\u003c\/circle\u003e\n            \u003ccircle cx=\"28\" cy=\"11\" r=\"3\"\u003e\u003c\/circle\u003e\n            \u003ccircle cx=\"36\" cy=\"16\" r=\"3\"\u003e\u003c\/circle\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003ch4\u003eRounded massage tips\u003c\/h4\u003e\n\u003cp\u003eDesigned to provide a gentle, comfortable sensation against your scalp as you brush.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"novea-cs__card novea-cs__reveal\"\u003e\u003cspan class=\"novea-cs__card-number\"\u003e03\u003c\/span\u003e\n\u003cdiv class=\"novea-cs__icon\"\u003e\u003csvg viewbox=\"0 0 48 48\"\u003e\n            \u003cpath d=\"M9 24h30M31 16l8 8-8 8M17 16l-8 8 8 8\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003ch4\u003eOpen, hollow back\u003c\/h4\u003e\n\u003cp\u003eEncourages airflow through the brush and makes rinsing and routine maintenance simpler.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"novea-cs__card novea-cs__reveal\"\u003e\u003cspan class=\"novea-cs__card-number\"\u003e04\u003c\/span\u003e\n\u003cdiv class=\"novea-cs__icon\"\u003e\u003csvg viewbox=\"0 0 48 48\"\u003e\n            \u003cpath d=\"M11 13h26v22H11zM8 20h32M8 28h32M16 9v30M32 9v30\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003ch4\u003eRetractable comb sleeve\u003c\/h4\u003e\n\u003cp\u003eLifts trapped hair away from the bristles for quick cleanup without picking out individual strands.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c!-- HOW IT WORKS --\u003e\n\u003cdiv class=\"novea-cs__how novea-cs__reveal\"\u003e\n\u003cdiv class=\"novea-cs__how-intro\"\u003e\n\u003cp class=\"novea-cs__label\"\u003eSimple by design\u003c\/p\u003e\n\u003ch3\u003eHow CleanSweep works\u003c\/h3\u003e\n\u003cp\u003eA more convenient experience—from the first brush stroke to the final cleanup.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"novea-cs__steps\"\u003e\n\u003carticle\u003e\u003cspan\u003e1\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch4\u003eBrush\u003c\/h4\u003e\n\u003cp\u003eBrush through your hair as usual while the curved head follows the natural contour of your scalp.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle\u003e\u003cspan\u003e2\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch4\u003eSlide\u003c\/h4\u003e\n\u003cp\u003eWhen finished, move the retractable comb sleeve upward through the bristles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle\u003e\u003cspan\u003e3\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch4\u003eLift\u003c\/h4\u003e\n\u003cp\u003eThe sleeve lifts trapped strands away from the base of the bristles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle\u003e\u003cspan\u003e4\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch4\u003eRemove\u003c\/h4\u003e\n\u003cp\u003eRemove the collected hair and return the sleeve to its starting position. Your brush is ready for its next use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CLOSING --\u003e\u003cfooter class=\"novea-cs__closing novea-cs__reveal\"\u003e\u003cspan class=\"novea-cs__line\"\u003e\u003c\/span\u003e\n\u003cp\u003eComfortable to use. Effortless to clean.\u003c\/p\u003e\n\u003ch3\u003eNOVÉA™ CleanSweep Brush\u003c\/h3\u003e\n\u003csmall\u003eA beautifully simple upgrade to your everyday routine.\u003c\/small\u003e\u003c\/footer\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n  .novea-cs {\n    --cs-dark: #211b1b;\n    --cs-text: #3c3232;\n    --cs-muted: #756767;\n    --cs-rose: #b67874;\n    --cs-deep-rose: #87504e;\n    --cs-blush: #ecd3cf;\n    --cs-light: #fbf7f4;\n    --cs-white: #ffffff;\n\n    position: relative;\n    width: 100%;\n    padding: clamp(70px, 9vw, 140px) 20px;\n    overflow: hidden;\n    color: var(--cs-text);\n    background:\n      radial-gradient(circle at 8% 5%, rgba(205, 151, 145, 0.2), transparent 28%),\n      radial-gradient(circle at 92% 80%, rgba(236, 211, 207, 0.72), transparent 30%),\n      var(--cs-light);\n    font-family: inherit;\n    isolation: isolate;\n  }\n\n  .novea-cs *,\n  .novea-cs *::before,\n  .novea-cs *::after {\n    box-sizing: border-box;\n  }\n\n  .novea-cs__container {\n    width: min(1180px, 100%);\n    margin: 0 auto;\n  }\n\n  .novea-cs__hero {\n    max-width: 920px;\n    margin: 0 auto clamp(65px, 9vw, 115px);\n    text-align: center;\n  }\n\n  .novea-cs__eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin: 0 0 26px;\n    padding: 10px 16px;\n    border: 1px solid rgba(135, 80, 78, 0.18);\n    border-radius: 999px;\n    color: var(--cs-deep-rose);\n    background: rgba(255, 255, 255, 0.6);\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.16em;\n    line-height: 1.3;\n    text-transform: uppercase;\n  }\n\n  .novea-cs__eyebrow span {\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    background: var(--cs-rose);\n    box-shadow: 0 0 0 5px rgba(182, 120, 116, 0.14);\n    animation: csPulse 2.4s ease-in-out infinite;\n  }\n\n  .novea-cs__hero h2 {\n    margin: 0;\n    color: var(--cs-dark);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(45px, 7.5vw, 94px);\n    font-weight: 400;\n    letter-spacing: -0.055em;\n    line-height: 0.97;\n  }\n\n  .novea-cs__hero h2 em {\n    color: var(--cs-deep-rose);\n    font-weight: 400;\n  }\n\n  .novea-cs__intro {\n    max-width: 680px;\n    margin: 30px auto 0;\n    color: var(--cs-muted);\n    font-size: clamp(17px, 2vw, 21px);\n    line-height: 1.7;\n  }\n\n  .novea-cs__pills {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 12px;\n    margin-top: 34px;\n  }\n\n  .novea-cs__pills span {\n    padding: 10px 15px;\n    border: 1px solid rgba(33, 27, 27, 0.09);\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.58);\n    color: var(--cs-muted);\n    font-size: 12px;\n  }\n\n  .novea-cs__showcase {\n    display: grid;\n    grid-template-columns: 1.05fr 0.95fr;\n    min-height: 620px;\n    margin-bottom: clamp(85px, 11vw, 150px);\n    overflow: hidden;\n    border-radius: 34px;\n    background: var(--cs-dark);\n    box-shadow: 0 30px 80px rgba(80, 50, 48, 0.17);\n  }\n\n  .novea-cs__showcase-copy {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: clamp(46px, 7vw, 88px);\n    color: white;\n  }\n\n  .novea-cs__label {\n    margin: 0;\n    color: var(--cs-deep-rose);\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.2em;\n    line-height: 1.4;\n    text-transform: uppercase;\n  }\n\n  .novea-cs__showcase-copy .novea-cs__label {\n    color: #dfaaa5;\n  }\n\n  .novea-cs__showcase h3,\n  .novea-cs__heading h3,\n  .novea-cs__how h3,\n  .novea-cs__closing h3 {\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-weight: 400;\n    letter-spacing: -0.04em;\n  }\n\n  .novea-cs__showcase h3 {\n    max-width: 480px;\n    margin: 18px 0 25px;\n    font-size: clamp(40px, 5vw, 66px);\n    line-height: 1.02;\n  }\n\n  .novea-cs__body-copy {\n    max-width: 550px;\n    margin: 0;\n    color: rgba(255, 255, 255, 0.7);\n    font-size: 16px;\n    line-height: 1.8;\n  }\n\n  .novea-cs__checks {\n    display: grid;\n    gap: 16px;\n    margin: 35px 0 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .novea-cs__checks li {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    color: rgba(255, 255, 255, 0.84);\n    font-size: 14px;\n  }\n\n  .novea-cs__checks span {\n    display: grid;\n    flex: 0 0 25px;\n    place-items: center;\n    width: 25px;\n    height: 25px;\n    border-radius: 50%;\n    color: var(--cs-dark);\n    background: #dfaaa5;\n    font-size: 12px;\n    font-weight: 700;\n  }\n\n  .novea-cs__demo {\n    position: relative;\n    display: grid;\n    min-height: 520px;\n    overflow: hidden;\n    place-items: center;\n    background:\n      radial-gradient(circle, rgba(255, 255, 255, 0.85), transparent 48%),\n      linear-gradient(145deg, #efd7d3, #c68e89);\n  }\n\n  .novea-cs__demo::before,\n  .novea-cs__demo::after {\n    position: absolute;\n    border: 1px solid rgba(255, 255, 255, 0.38);\n    border-radius: 50%;\n    content: \"\";\n  }\n\n  .novea-cs__demo::before {\n    width: 470px;\n    height: 470px;\n  }\n\n  .novea-cs__demo::after {\n    width: 330px;\n    height: 330px;\n  }\n\n  .novea-cs__demo-badge {\n    position: absolute;\n    top: 28px;\n    left: 28px;\n    z-index: 5;\n    margin: 0;\n    padding: 10px 14px;\n    border: 1px solid rgba(255, 255, 255, 0.5);\n    border-radius: 999px;\n    color: var(--cs-deep-rose);\n    background: rgba(255, 255, 255, 0.58);\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n  }\n\n  .novea-cs__brush {\n    position: relative;\n    z-index: 3;\n    width: 260px;\n    height: 370px;\n    transform: rotate(-8deg);\n    filter: drop-shadow(0 28px 25px rgba(84, 52, 50, 0.25));\n  }\n\n  .novea-cs__head {\n    position: absolute;\n    top: 22px;\n    left: 34px;\n    width: 192px;\n    height: 215px;\n    border-radius: 48% 48% 35% 35%;\n    background: linear-gradient(145deg, #493334, #21191a);\n  }\n\n  .novea-cs__handle {\n    position: absolute;\n    bottom: 2px;\n    left: 103px;\n    width: 53px;\n    height: 160px;\n    border-radius: 18px 18px 28px 28px;\n    background: linear-gradient(90deg, #211819, #5d4041, #211819);\n  }\n\n  .novea-cs__handle::after {\n    position: absolute;\n    right: 11px;\n    bottom: 18px;\n    left: 11px;\n    height: 18px;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 50%;\n    content: \"\";\n  }\n\n  .novea-cs__bristles {\n    position: absolute;\n    inset: 26px 28px 37px;\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 15px 20px;\n  }\n\n  .novea-cs__bristles i {\n    position: relative;\n    display: block;\n    width: 3px;\n    height: 55px;\n    margin: auto;\n    border-radius: 3px;\n    background: #d3aaa6;\n  }\n\n  .novea-cs__bristles i::before {\n    position: absolute;\n    top: -5px;\n    left: 50%;\n    width: 9px;\n    height: 9px;\n    border-radius: 50%;\n    background: #f4dcd8;\n    content: \"\";\n    transform: translateX(-50%);\n  }\n\n  .novea-cs__sleeve {\n    position: absolute;\n    right: 16px;\n    bottom: 25px;\n    left: 16px;\n    z-index: 4;\n    display: flex;\n    justify-content: space-around;\n    height: 46px;\n    padding: 8px 10px;\n    border: 1px solid rgba(255, 255, 255, 0.22);\n    border-radius: 18px;\n    background: linear-gradient(145deg, #a86b68, #754542);\n    animation: csSleeve 4.5s cubic-bezier(.65, 0, .35, 1) infinite;\n  }\n\n  .novea-cs__sleeve i {\n    width: 4px;\n    height: 28px;\n    border-radius: 5px;\n    background: rgba(255, 231, 228, 0.78);\n  }\n\n  .novea-cs__hair {\n    position: absolute;\n    z-index: 5;\n    width: 72px;\n    height: 40px;\n    border-top: 2px solid rgba(52, 31, 31, 0.7);\n    border-radius: 50%;\n    animation: csHair 4.5s ease-in-out infinite;\n  }\n\n  .novea-cs__hair--1 {\n    top: 90px;\n    left: 44px;\n  }\n\n  .novea-cs__hair--2 {\n    top: 125px;\n    left: 74px;\n    width: 88px;\n    animation-delay: 0.12s;\n  }\n\n  .novea-cs__hair--3 {\n    top: 154px;\n    left: 47px;\n    width: 62px;\n    animation-delay: 0.24s;\n  }\n\n  .novea-cs__demo-text {\n    position: absolute;\n    right: 0;\n    bottom: 28px;\n    left: 0;\n    z-index: 6;\n    margin: 0;\n    color: var(--cs-deep-rose);\n    font-family: Georgia, serif;\n    font-size: 19px;\n    font-style: italic;\n    text-align: center;\n  }\n\n  .novea-cs__heading {\n    max-width: 760px;\n    margin: 0 auto 48px;\n    text-align: center;\n  }\n\n  .novea-cs__heading h3 {\n    margin: 17px 0 0;\n    color: var(--cs-dark);\n    font-size: clamp(40px, 6vw, 68px);\n    line-height: 1.04;\n  }\n\n  .novea-cs__features {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 18px;\n    margin-bottom: clamp(85px, 11vw, 150px);\n  }\n\n  .novea-cs__card {\n    position: relative;\n    min-height: 310px;\n    padding: 32px 28px;\n    border: 1px solid rgba(33, 27, 27, 0.08);\n    border-radius: 22px;\n    background: rgba(255, 255, 255, 0.62);\n    transition: transform 0.35s ease, box-shadow 0.35s ease;\n  }\n\n  .novea-cs__card:hover {\n    z-index: 2;\n    box-shadow: 0 24px 55px rgba(80, 50, 48, 0.13);\n    transform: translateY(-9px);\n  }\n\n  .novea-cs__card-number {\n    position: absolute;\n    top: 26px;\n    right: 25px;\n    color: rgba(33, 27, 27, 0.3);\n    font-size: 11px;\n    letter-spacing: 0.12em;\n  }\n\n  .novea-cs__icon {\n    display: grid;\n    width: 58px;\n    height: 58px;\n    margin-bottom: 38px;\n    border-radius: 18px;\n    color: var(--cs-deep-rose);\n    background: rgba(182, 120, 116, 0.15);\n    place-items: center;\n  }\n\n  .novea-cs__icon svg {\n    width: 31px;\n    height: 31px;\n    fill: none;\n    stroke: currentColor;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke-width: 1.6;\n  }\n\n  .novea-cs__card h4 {\n    margin: 0 0 13px;\n    color: var(--cs-dark);\n    font-family: Georgia, serif;\n    font-size: 22px;\n    font-weight: 400;\n  }\n\n  .novea-cs__card p {\n    margin: 0;\n    color: var(--cs-muted);\n    font-size: 14px;\n    line-height: 1.7;\n  }\n\n  .novea-cs__how {\n    display: grid;\n    grid-template-columns: 0.72fr 1.28fr;\n    gap: clamp(50px, 8vw, 110px);\n    padding: clamp(45px, 7vw, 85px);\n    border-radius: 32px;\n    background: #f0dfdb;\n  }\n\n  .novea-cs__how h3 {\n    margin: 16px 0 20px;\n    color: var(--cs-dark);\n    font-size: clamp(40px, 5vw, 62px);\n    line-height: 1;\n  }\n\n  .novea-cs__how-intro \u003e p:last-child {\n    margin: 0;\n    color: var(--cs-muted);\n    line-height: 1.7;\n  }\n\n  .novea-cs__steps article {\n    display: grid;\n    grid-template-columns: 55px 1fr;\n    gap: 20px;\n    padding: 28px 0;\n    border-bottom: 1px solid rgba(33, 27, 27, 0.11);\n  }\n\n  .novea-cs__steps article:first-child {\n    padding-top: 0;\n  }\n\n  .novea-cs__steps article:last-child {\n    padding-bottom: 0;\n    border-bottom: 0;\n  }\n\n  .novea-cs__steps article \u003e span {\n    display: grid;\n    width: 44px;\n    height: 44px;\n    border-radius: 50%;\n    color: white;\n    background: var(--cs-deep-rose);\n    font-family: Georgia, serif;\n    place-items: center;\n    transition: transform 0.3s ease;\n  }\n\n  .novea-cs__steps article:hover \u003e span {\n    transform: rotate(8deg) scale(1.08);\n  }\n\n  .novea-cs__steps h4 {\n    margin: 0 0 8px;\n    color: var(--cs-dark);\n    font-family: Georgia, serif;\n    font-size: 24px;\n    font-weight: 400;\n  }\n\n  .novea-cs__steps p {\n    margin: 0;\n    color: var(--cs-muted);\n    font-size: 14px;\n    line-height: 1.7;\n  }\n\n  .novea-cs__closing {\n    padding: clamp(90px, 12vw, 155px) 20px 10px;\n    text-align: center;\n  }\n\n  .novea-cs__line {\n    display: block;\n    width: 1px;\n    height: 75px;\n    margin: 0 auto 30px;\n    background: linear-gradient(transparent, var(--cs-deep-rose));\n  }\n\n  .novea-cs__closing p {\n    margin: 0 0 15px;\n    color: var(--cs-deep-rose);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n  }\n\n  .novea-cs__closing h3 {\n    margin: 0;\n    color: var(--cs-dark);\n    font-size: clamp(40px, 6vw, 72px);\n    line-height: 1.05;\n  }\n\n  .novea-cs__closing small {\n    display: block;\n    margin-top: 20px;\n    color: var(--cs-muted);\n    font-size: 16px;\n    line-height: 1.6;\n  }\n\n  \/* Content remains visible unless JavaScript successfully starts. *\/\n  .novea-cs.js-enabled .novea-cs__reveal {\n    opacity: 0;\n    transform: translateY(28px);\n    transition:\n      opacity 0.8s cubic-bezier(.2, .8, .2, 1),\n      transform 0.8s cubic-bezier(.2, .8, .2, 1);\n  }\n\n  .novea-cs.js-enabled .novea-cs__reveal.is-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  @keyframes csPulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.3); }\n  }\n\n  @keyframes csSleeve {\n    0%, 20% { transform: translateY(0); }\n    52%, 72% { transform: translateY(-120px); }\n    100% { transform: translateY(0); }\n  }\n\n  @keyframes csHair {\n    0%, 28% {\n      opacity: 1;\n      transform: translateY(0) rotate(8deg);\n    }\n    54%, 72% {\n      opacity: 1;\n      transform: translateY(-105px) rotate(18deg);\n    }\n    84%, 100% {\n      opacity: 0;\n      transform: translateY(-130px) rotate(28deg);\n    }\n  }\n\n  @media (max-width: 990px) {\n    .novea-cs__showcase {\n      grid-template-columns: 1fr;\n    }\n\n    .novea-cs__demo {\n      min-height: 570px;\n    }\n\n    .novea-cs__features {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .novea-cs__how {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  @media (max-width: 640px) {\n    .novea-cs {\n      padding-right: 15px;\n      padding-left: 15px;\n    }\n\n    .novea-cs__hero h2 {\n      font-size: clamp(42px, 13vw, 62px);\n    }\n\n    .novea-cs__pills {\n      align-items: center;\n      flex-direction: column;\n    }\n\n    .novea-cs__showcase {\n      border-radius: 24px;\n    }\n\n    .novea-cs__showcase-copy {\n      padding: 50px 27px;\n    }\n\n    .novea-cs__demo {\n      min-height: 480px;\n    }\n\n    .novea-cs__demo::before {\n      width: 360px;\n      height: 360px;\n    }\n\n    .novea-cs__brush {\n      transform: rotate(-8deg) scale(0.86);\n    }\n\n    .novea-cs__features {\n      grid-template-columns: 1fr;\n    }\n\n    .novea-cs__card {\n      min-height: 0;\n    }\n\n    .novea-cs__how {\n      padding: 45px 25px;\n      border-radius: 24px;\n    }\n\n    .novea-cs__steps article {\n      grid-template-columns: 44px 1fr;\n      gap: 14px;\n    }\n\n    .novea-cs__steps article \u003e span {\n      width: 38px;\n      height: 38px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .novea-cs *,\n    .novea-cs *::before,\n    .novea-cs *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      scroll-behavior: auto !important;\n      transition-duration: 0.01ms !important;\n    }\n\n    .novea-cs.js-enabled .novea-cs__reveal {\n      opacity: 1;\n      transform: none;\n    }\n  }\n\u003c\/style\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"NOVÉA","offers":[{"title":"Pink","offer_id":52647910867160,"sku":null,"price":189.0,"currency_code":"ZAR","in_stock":true},{"title":"White","offer_id":52647910899928,"sku":null,"price":189.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0829\/3063\/0872\/files\/WhatsAppImage2026-10-08at20.20.34.jpg?v=1791486229","url":"https:\/\/noveaza.co.za\/products\/novea%e2%84%a2-cleansweep-brush","provider":"NOVÉA","version":"1.0","type":"link"}