{"product_id":"novea™-freedomstyler","title":"NOVÉA™ FreedomStyler","description":"\u003csection class=\"fs-premium\" data-freedomstyler\u003e\n  \u003cdiv class=\"fs-orb fs-orb--one\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"fs-orb fs-orb--two\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"fs-container\"\u003e\n    \u003c!-- Hero --\u003e\n    \u003cheader class=\"fs-hero fs-reveal\"\u003e\n      \u003cdiv class=\"fs-eyebrow\"\u003e\n        \u003cspan\u003e\u003c\/span\u003e\n        Cordless styling freedom\n      \u003c\/div\u003e\n\n      \u003ch2\u003e\n        Sleek hair,\u003cbr\u003e\n        \u003cem\u003ewherever life takes you.\u003c\/em\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Enjoy smooth, polished hair without being tied to a power outlet.\n        NOVÉA™ FreedomStyler makes effortless touch-ups possible at home,\n        at work, while travelling, or before a night out.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"fs-highlights\" aria-label=\"Product highlights\"\u003e\n        \u003cspan\u003eCordless convenience\u003c\/span\u003e\n        \u003cspan\u003ePortable design\u003c\/span\u003e\n        \u003cspan\u003eSmooth, polished results\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/header\u003e\n\n    \u003c!-- Main outcome --\u003e\n    \u003cdiv class=\"fs-showcase fs-reveal\"\u003e\n      \u003cdiv class=\"fs-showcase__copy\"\u003e\n        \u003cp class=\"fs-kicker\"\u003eFreedom to style\u003c\/p\u003e\n\n        \u003ch3\u003eYour routine.\u003cbr\u003eYour rules.\u003c\/h3\u003e\n  \n        \u003cp class=\"fs-body-copy\"\u003e\n          Refresh your hairstyle whenever and wherever you need it. The\n          FreedomStyler helps smooth the appearance of frizz, tame flyaways,\n          and restore a sleek finish—without tangled cables or searching for\n          a nearby outlet.\n        \u003c\/p\u003e\n\n        \u003cul class=\"fs-checks\"\u003e\n          \u003cli\u003e\n            \u003cspan\u003e✓\u003c\/span\u003e\n            Effortless touch-ups wherever your day takes you\n          \u003c\/li\u003e\n          \u003cli\u003e\n            \u003cspan\u003e✓\u003c\/span\u003e\n            Helps create a smoother, more polished appearance\n          \u003c\/li\u003e\n          \u003cli\u003e\n            \u003cspan\u003e✓\u003c\/span\u003e\n            Ideal for fringes, roots, ends, and full hairstyles\n          \u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Animated straightener --\u003e\n      \u003cdiv class=\"fs-product-stage\" aria-label=\"Animated FreedomStyler illustration\"\u003e\n        \u003cdiv class=\"fs-stage-badge\"\u003e\n          Cordless \u0026amp; rechargeable\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"fs-rings\" aria-hidden=\"true\"\u003e\n          \u003cspan\u003e\u003c\/span\u003e\n          \u003cspan\u003e\u003c\/span\u003e\n          \u003cspan\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"fs-styler\" aria-hidden=\"true\"\u003e\n          \u003cdiv class=\"fs-arm fs-arm--top\"\u003e\n            \u003cdiv class=\"fs-plate\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"fs-shine\"\u003e\u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"fs-arm fs-arm--bottom\"\u003e\n            \u003cdiv class=\"fs-plate\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"fs-controls\"\u003e\n              \u003ci\u003e\u003c\/i\u003e\n              \u003ci\u003e\u003c\/i\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"fs-hinge\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"fs-status-light\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"fs-hair-strand\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n        \u003cp class=\"fs-stage-caption\"\u003e\n          Charge. Style. Go.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Benefits --\u003e\n    \u003cdiv class=\"fs-heading fs-reveal\"\u003e\n      \u003cp class=\"fs-kicker\"\u003eMade for modern routines\u003c\/p\u003e\n      \u003ch3\u003ePolished hair without the limitations\u003c\/h3\u003e\n      \u003cp\u003e\n        A portable styling essential designed to keep up with busy days,\n        spontaneous plans, and life on the move.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fs-benefit-grid\"\u003e\n      \u003carticle class=\"fs-card fs-reveal\"\u003e\n        \u003cspan class=\"fs-card__number\"\u003e01\u003c\/span\u003e\n\n        \u003cdiv class=\"fs-icon\" aria-hidden=\"true\"\u003e\n          \u003csvg viewbox=\"0 0 48 48\"\u003e\n            \u003cpath d=\"M17 8v12\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M31 8v12\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M13 20h22v5a11 11 0 0 1-22 0z\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M24 36v6\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n\n        \u003ch4\u003eCordless freedom\u003c\/h4\u003e\n        \u003cp\u003e\n          Style comfortably without tangled cables, restricted movement, or\n          the need to remain beside a power outlet.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"fs-card fs-reveal\"\u003e\n        \u003cspan class=\"fs-card__number\"\u003e02\u003c\/span\u003e\n\n        \u003cdiv class=\"fs-icon\" aria-hidden=\"true\"\u003e\n          \u003csvg viewbox=\"0 0 48 48\"\u003e\n            \u003cpath d=\"M9 28c7-13 23-13 30 0\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M12 34c8-7 16-7 24 0\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M15 20c6-6 12-6 18 0\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n\n        \u003ch4\u003eSleeker-looking hair\u003c\/h4\u003e\n        \u003cp\u003e\n          Helps smooth frizz and tame visible flyaways for a polished finish\n          that leaves you feeling ready for the day.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"fs-card fs-reveal\"\u003e\n        \u003cspan class=\"fs-card__number\"\u003e03\u003c\/span\u003e\n\n        \u003cdiv class=\"fs-icon\" aria-hidden=\"true\"\u003e\n          \u003csvg viewbox=\"0 0 48 48\"\u003e\n            \u003ccircle cx=\"24\" cy=\"24\" r=\"15\"\u003e\u003c\/circle\u003e\n            \u003cpath d=\"M24 15v10l7 4\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n\n        \u003ch4\u003eQuick touch-ups\u003c\/h4\u003e\n        \u003cp\u003e\n          Refresh your fringe, roots, ends, or selected sections whenever\n          your hairstyle needs a fast finishing touch.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"fs-card fs-reveal\"\u003e\n        \u003cspan class=\"fs-card__number\"\u003e04\u003c\/span\u003e\n\n        \u003cdiv class=\"fs-icon\" aria-hidden=\"true\"\u003e\n          \u003csvg viewbox=\"0 0 48 48\"\u003e\n            \u003crect x=\"12\" y=\"10\" width=\"24\" height=\"30\" rx=\"6\"\u003e\u003c\/rect\u003e\n            \u003cpath d=\"M19 10V7h10v3\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M12 29h24\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n\n        \u003ch4\u003eReady to travel\u003c\/h4\u003e\n        \u003cp\u003e\n          Its compact, portable design makes it easy to carry in your handbag,\n          gym bag, work bag, or luggage.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"fs-card fs-reveal\"\u003e\n        \u003cspan class=\"fs-card__number\"\u003e05\u003c\/span\u003e\n\n        \u003cdiv class=\"fs-icon\" aria-hidden=\"true\"\u003e\n          \u003csvg viewbox=\"0 0 48 48\"\u003e\n            \u003cpath d=\"M9 29c8-15 22-15 30 0\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M9 36c8-15 22-15 30 0\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M12 17h24\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n\n        \u003ch4\u003eVersatile styling\u003c\/h4\u003e\n        \u003cp\u003e\n          Glide through sections for a straighter finish, or gently turn the\n          styler to create soft bends and waves.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"fs-card fs-reveal\"\u003e\n        \u003cspan class=\"fs-card__number\"\u003e06\u003c\/span\u003e\n\n        \u003cdiv class=\"fs-icon\" aria-hidden=\"true\"\u003e\n          \u003csvg viewbox=\"0 0 48 48\"\u003e\n            \u003cpath d=\"M15 9h18v30H15z\"\u003e\u003c\/path\u003e\n            \u003ccircle cx=\"24\" cy=\"19\" r=\"4\"\u003e\u003c\/circle\u003e\n            \u003cpath d=\"M20 30h8\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M20 34h8\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n\n        \u003ch4\u003eSimple operation\u003c\/h4\u003e\n        \u003cp\u003e\n          Convenient controls and selectable temperature settings make it\n          easy to prepare the styler for your routine.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- How it works --\u003e\n    \u003cdiv class=\"fs-process fs-reveal\"\u003e\n      \u003cdiv class=\"fs-process__intro\"\u003e\n        \u003cp class=\"fs-kicker\"\u003eSimple by design\u003c\/p\u003e\n        \u003ch3\u003eHow FreedomStyler works\u003c\/h3\u003e\n        \u003cp\u003e\n          Heated styling plates apply consistent heat while gliding through\n          dry, detangled hair for convenient cordless styling.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fs-steps\"\u003e\n        \u003carticle class=\"fs-step\"\u003e\n          \u003cspan\u003e1\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003eCharge\u003c\/h4\u003e\n            \u003cp\u003e\n              Charge the FreedomStyler before use so it is ready for your\n              cordless styling session.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"fs-step\"\u003e\n          \u003cspan\u003e2\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003eSelect\u003c\/h4\u003e\n            \u003cp\u003e\n              Switch it on, choose your preferred temperature setting, and\n              allow the styling plates to heat.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"fs-step\"\u003e\n          \u003cspan\u003e3\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003eSection\u003c\/h4\u003e\n            \u003cp\u003e\n              Make sure your hair is dry and detangled, then divide it into\n              small, manageable sections.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"fs-step\"\u003e\n          \u003cspan\u003e4\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003eGlide\u003c\/h4\u003e\n            \u003cp\u003e\n              Place one section between the plates and gently glide the\n              styler from the roots toward the ends.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"fs-step\"\u003e\n          \u003cspan\u003e5\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003eCool and recharge\u003c\/h4\u003e\n            \u003cp\u003e\n              Switch the styler off after use, allow it to cool completely,\n              and recharge it for your next styling session.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Lifestyle statement --\u003e\n    \u003cdiv class=\"fs-lifestyle fs-reveal\"\u003e\n      \u003cp class=\"fs-kicker\"\u003eFrom morning plans to last-minute moments\u003c\/p\u003e\n\n      \u003ch3\u003eConfidence that fits in your bag\u003c\/h3\u003e\n\n      \u003cp\u003e\n        Keep your look feeling fresh at work, after the gym, while travelling,\n        or before a night out. FreedomStyler gives you the flexibility to\n        touch up your hair on your terms.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"fs-occasion-row\"\u003e\n        \u003cspan\u003eAt home\u003c\/span\u003e\n        \u003cspan\u003eAt work\u003c\/span\u003e\n        \u003cspan\u003eAfter the gym\u003c\/span\u003e\n        \u003cspan\u003eWhile travelling\u003c\/span\u003e\n        \u003cspan\u003eBefore a night out\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Closing --\u003e\n    \u003cfooter class=\"fs-closing fs-reveal\"\u003e\n      \u003cdiv class=\"fs-closing__line\"\u003e\u003c\/div\u003e\n      \u003cp\u003eSmooth. Portable. Unrestricted.\u003c\/p\u003e\n      \u003ch3\u003eNOVÉA™ FreedomStyler\u003c\/h3\u003e\n      \u003cspan\u003eSmooth, confident styling without the cord.\u003c\/span\u003e\n    \u003c\/footer\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n  .fs-premium {\n    --fs-ink: #21191a;\n    --fs-muted: #756568;\n    --fs-ivory: #fbf7f3;\n    --fs-blush: #f2e1dc;\n    --fs-rose: #bd8178;\n    --fs-rose-dark: #87564f;\n    --fs-gold: #cda98a;\n    --fs-white: #ffffff;\n\n    position: relative;\n    overflow: hidden;\n    padding: clamp(72px, 9vw, 140px) 20px;\n    color: var(--fs-ink);\n    background:\n      radial-gradient(\n        circle at 5% 8%,\n        rgba(205, 169, 138, 0.23),\n        transparent 26%\n      ),\n      radial-gradient(\n        circle at 94% 85%,\n        rgba(189, 129, 120, 0.18),\n        transparent 30%\n      ),\n      var(--fs-ivory);\n    font-family: inherit;\n    isolation: isolate;\n  }\n\n  .fs-premium *,\n  .fs-premium *::before,\n  .fs-premium *::after {\n    box-sizing: border-box;\n  }\n\n  .fs-container {\n    position: relative;\n    z-index: 2;\n    width: min(1180px, 100%);\n    margin: 0 auto;\n  }\n\n  .fs-orb {\n    position: absolute;\n    border-radius: 999px;\n    filter: blur(16px);\n    pointer-events: none;\n    opacity: 0.45;\n    animation: fsFloat 10s ease-in-out infinite;\n  }\n\n  .fs-orb--one {\n    top: 5%;\n    right: -170px;\n    width: 440px;\n    height: 440px;\n    background: rgba(189, 129, 120, 0.2);\n  }\n\n  .fs-orb--two {\n    bottom: 17%;\n    left: -170px;\n    width: 380px;\n    height: 380px;\n    background: rgba(205, 169, 138, 0.24);\n    animation-delay: -5s;\n  }\n\n  .fs-hero {\n    max-width: 930px;\n    margin: 0 auto clamp(65px, 10vw, 125px);\n    text-align: center;\n  }\n\n  .fs-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 28px;\n    padding: 10px 16px;\n    border: 1px solid rgba(135, 86, 79, 0.16);\n    border-radius: 999px;\n    color: var(--fs-rose-dark);\n    background: rgba(255, 255, 255, 0.58);\n    box-shadow: 0 12px 30px rgba(77, 48, 45, 0.05);\n    backdrop-filter: blur(12px);\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.17em;\n    text-transform: uppercase;\n  }\n\n  .fs-eyebrow span {\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    background: var(--fs-rose);\n    box-shadow: 0 0 0 5px rgba(189, 129, 120, 0.14);\n    animation: fsPulse 2.3s ease-in-out infinite;\n  }\n\n  .fs-hero h2 {\n    margin: 0;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(47px, 7.7vw, 98px);\n    font-weight: 400;\n    line-height: 0.96;\n    letter-spacing: -0.055em;\n  }\n\n  .fs-hero h2 em {\n    color: var(--fs-rose-dark);\n    font-weight: 400;\n  }\n\n  .fs-hero \u003e p {\n    max-width: 720px;\n    margin: 31px auto 0;\n    color: var(--fs-muted);\n    font-size: clamp(17px, 2vw, 21px);\n    line-height: 1.75;\n  }\n\n  .fs-highlights {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 11px;\n    margin-top: 35px;\n  }\n\n  .fs-highlights span,\n  .fs-occasion-row span {\n    padding: 10px 15px;\n    border: 1px solid rgba(33, 25, 26, 0.09);\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.56);\n    color: #68595b;\n    font-size: 12px;\n  }\n\n  .fs-showcase {\n    display: grid;\n    grid-template-columns: 1.04fr 0.96fr;\n    min-height: 640px;\n    margin-bottom: clamp(85px, 11vw, 155px);\n    overflow: hidden;\n    border: 1px solid rgba(255, 255, 255, 0.48);\n    border-radius: 36px;\n    background: var(--fs-ink);\n    box-shadow: 0 35px 90px rgba(70, 43, 43, 0.17);\n  }\n\n  .fs-showcase__copy {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: clamp(48px, 7vw, 92px);\n    color: var(--fs-white);\n  }\n\n  .fs-kicker {\n    margin: 0;\n    color: var(--fs-rose-dark);\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n  }\n\n  .fs-showcase__copy .fs-kicker {\n    color: #dfb5ac;\n  }\n\n  .fs-showcase h3,\n  .fs-heading h3,\n  .fs-process h3,\n  .fs-lifestyle h3,\n  .fs-closing h3 {\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-weight: 400;\n    letter-spacing: -0.04em;\n  }\n\n  .fs-showcase h3 {\n    margin: 18px 0 27px;\n    font-size: clamp(43px, 5.3vw, 68px);\n    line-height: 1;\n  }\n\n  .fs-body-copy {\n    max-width: 535px;\n    margin: 0;\n    color: rgba(255, 255, 255, 0.68);\n    font-size: 16px;\n    line-height: 1.8;\n  }\n\n  .fs-checks {\n    display: grid;\n    gap: 16px;\n    margin: 36px 0 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .fs-checks li {\n    display: flex;\n    align-items: center;\n    gap: 13px;\n    color: rgba(255, 255, 255, 0.84);\n    font-size: 14px;\n    line-height: 1.5;\n  }\n\n  .fs-checks span {\n    display: grid;\n    flex: 0 0 auto;\n    place-items: center;\n    width: 26px;\n    height: 26px;\n    border-radius: 50%;\n    color: var(--fs-ink);\n    background: #dfb5ac;\n    font-size: 12px;\n    font-weight: 700;\n  }\n\n  .fs-product-stage {\n    position: relative;\n    display: grid;\n    min-height: 540px;\n    place-items: center;\n    overflow: hidden;\n    background:\n      radial-gradient(\n        circle at center,\n        rgba(255, 255, 255, 0.86),\n        transparent 46%\n      ),\n      linear-gradient(145deg, #efd8d2, #c99b93);\n  }\n\n  .fs-stage-badge {\n    position: absolute;\n    top: 28px;\n    left: 28px;\n    z-index: 6;\n    padding: 10px 14px;\n    border: 1px solid rgba(255, 255, 255, 0.55);\n    border-radius: 999px;\n    color: var(--fs-rose-dark);\n    background: rgba(255, 255, 255, 0.48);\n    backdrop-filter: blur(12px);\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n  }\n\n  .fs-rings {\n    position: absolute;\n    inset: 0;\n    display: grid;\n    place-items: center;\n  }\n\n  .fs-rings span {\n    position: absolute;\n    width: 280px;\n    height: 280px;\n    border: 1px solid rgba(255, 255, 255, 0.34);\n    border-radius: 50%;\n    animation: fsRing 5s ease-out infinite;\n  }\n\n  .fs-rings span:nth-child(2) {\n    animation-delay: 1.65s;\n  }\n\n  .fs-rings span:nth-child(3) {\n    animation-delay: 3.3s;\n  }\n\n  .fs-styler {\n    position: relative;\n    z-index: 3;\n    width: 310px;\n    height: 300px;\n    transform: rotate(-16deg);\n    filter: drop-shadow(0 32px 27px rgba(75, 42, 40, 0.28));\n    animation: fsStylerFloat 4.5s ease-in-out infinite;\n  }\n\n  .fs-arm {\n    position: absolute;\n    left: 45px;\n    width: 235px;\n    height: 60px;\n    border-radius: 30px 13px 13px 30px;\n    transform-origin: 32px center;\n    background: linear-gradient(180deg, #37292b, #1c1516);\n  }\n\n  .fs-arm--top {\n    top: 76px;\n    transform: rotate(-9deg);\n    animation: fsTopArm 4.2s ease-in-out infinite;\n  }\n\n  .fs-arm--bottom {\n    top: 160px;\n    transform: rotate(9deg);\n    animation: fsBottomArm 4.2s ease-in-out infinite;\n  }\n\n  .fs-plate {\n    position: absolute;\n    top: 14px;\n    right: 17px;\n    width: 142px;\n    height: 31px;\n    border-radius: 9px;\n    background: linear-gradient(90deg, #b88969, #efd0ab, #a87358);\n    box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.6);\n  }\n\n  .fs-shine {\n    position: absolute;\n    top: 8px;\n    left: 28px;\n    width: 50px;\n    height: 3px;\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.38);\n  }\n\n  .fs-hinge {\n    position: absolute;\n    top: 122px;\n    left: 24px;\n    width: 70px;\n    height: 70px;\n    border: 8px solid #2c2022;\n    border-radius: 50%;\n    background: linear-gradient(145deg, #d5a083, #93614f);\n    box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.13);\n  }\n\n  .fs-controls {\n    position: absolute;\n    bottom: 13px;\n    left: 42px;\n    display: flex;\n    gap: 7px;\n  }\n\n  .fs-controls i {\n    width: 21px;\n    height: 8px;\n    border-radius: 999px;\n    background: #685054;\n  }\n\n  .fs-status-light {\n    position: absolute;\n    top: 182px;\n    left: 121px;\n    z-index: 5;\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: #f4beb0;\n    box-shadow: 0 0 12px #f4beb0;\n    animation: fsStatus 1.8s ease-in-out infinite;\n  }\n\n  .fs-hair-strand {\n    position: absolute;\n    z-index: 2;\n    width: 420px;\n    height: 130px;\n    border-bottom: 8px solid rgba(88, 52, 49, 0.6);\n    border-radius: 50%;\n    transform: rotate(-8deg);\n    animation: fsHairGlide 4.2s ease-in-out infinite;\n  }\n\n  .fs-stage-caption {\n    position: absolute;\n    right: 0;\n    bottom: 31px;\n    left: 0;\n    z-index: 6;\n    margin: 0;\n    color: var(--fs-rose-dark);\n    font-family: Georgia, serif;\n    font-size: 19px;\n    font-style: italic;\n    text-align: center;\n  }\n\n  .fs-heading {\n    max-width: 760px;\n    margin: 0 auto 50px;\n    text-align: center;\n  }\n\n  .fs-heading h3 {\n    margin: 17px 0 20px;\n    font-size: clamp(41px, 6vw, 69px);\n    line-height: 1.03;\n  }\n\n  .fs-heading \u003e p:last-child {\n    max-width: 630px;\n    margin: 0 auto;\n    color: var(--fs-muted);\n    line-height: 1.75;\n  }\n\n  .fs-benefit-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 18px;\n    margin-bottom: clamp(85px, 11vw, 155px);\n  }\n\n  .fs-card {\n    position: relative;\n    min-height: 300px;\n    padding: 32px 29px;\n    overflow: hidden;\n    border: 1px solid rgba(33, 25, 26, 0.08);\n    border-radius: 24px;\n    background: rgba(255, 255, 255, 0.57);\n    backdrop-filter: blur(12px);\n    transition:\n      transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1),\n      background 0.45s ease,\n      box-shadow 0.45s ease;\n  }\n\n  .fs-card::after {\n    content: \"\";\n    position: absolute;\n    right: -60px;\n    bottom: -80px;\n    width: 150px;\n    height: 150px;\n    border-radius: 50%;\n    background: rgba(189, 129, 120, 0.1);\n    transition: transform 0.45s ease;\n  }\n\n  .fs-card:hover {\n    z-index: 2;\n    background: rgba(255, 255, 255, 0.92);\n    box-shadow: 0 25px 60px rgba(73, 46, 45, 0.12);\n    transform: translateY(-9px);\n  }\n\n  .fs-card:hover::after {\n    transform: scale(1.4);\n  }\n\n  .fs-card__number {\n    position: absolute;\n    top: 25px;\n    right: 25px;\n    color: rgba(33, 25, 26, 0.25);\n    font-size: 11px;\n    letter-spacing: 0.12em;\n  }\n\n  .fs-icon {\n    display: grid;\n    width: 58px;\n    height: 58px;\n    margin-bottom: 37px;\n    place-items: center;\n    border-radius: 18px;\n    color: var(--fs-rose-dark);\n    background: rgba(189, 129, 120, 0.14);\n  }\n\n  .fs-icon svg {\n    width: 31px;\n    height: 31px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.6;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .fs-card h4 {\n    position: relative;\n    z-index: 1;\n    margin: 0 0 13px;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 23px;\n    font-weight: 400;\n  }\n\n  .fs-card p {\n    position: relative;\n    z-index: 1;\n    margin: 0;\n    color: var(--fs-muted);\n    font-size: 14px;\n    line-height: 1.75;\n  }\n\n  .fs-process {\n    display: grid;\n    grid-template-columns: 0.75fr 1.25fr;\n    gap: clamp(48px, 8vw, 105px);\n    padding: clamp(48px, 7vw, 88px);\n    border: 1px solid rgba(135, 86, 79, 0.08);\n    border-radius: 34px;\n    background:\n      linear-gradient(\n        135deg,\n        rgba(255, 255, 255, 0.35),\n        rgba(255, 255, 255, 0)\n      ),\n      var(--fs-blush);\n  }\n\n  .fs-process__intro {\n    position: sticky;\n    top: 30px;\n    align-self: start;\n  }\n\n  .fs-process h3 {\n    margin: 17px 0 21px;\n    font-size: clamp(40px, 5vw, 62px);\n    line-height: 1;\n  }\n\n  .fs-process__intro \u003e p:last-child {\n    margin: 0;\n    color: var(--fs-muted);\n    line-height: 1.75;\n  }\n\n  .fs-steps {\n    display: grid;\n  }\n\n  .fs-step {\n    display: grid;\n    grid-template-columns: 55px 1fr;\n    gap: 20px;\n    padding: 27px 0;\n    border-bottom: 1px solid rgba(33, 25, 26, 0.1);\n  }\n\n  .fs-step:first-child {\n    padding-top: 0;\n  }\n\n  .fs-step:last-child {\n    padding-bottom: 0;\n    border-bottom: 0;\n  }\n\n  .fs-step \u003e span {\n    display: grid;\n    width: 44px;\n    height: 44px;\n    place-items: center;\n    border-radius: 50%;\n    color: #fff;\n    background: var(--fs-rose-dark);\n    font-family: Georgia, serif;\n    transition:\n      transform 0.3s ease,\n      background 0.3s ease;\n  }\n\n  .fs-step:hover \u003e span {\n    background: var(--fs-rose);\n    transform: rotate(8deg) scale(1.08);\n  }\n\n  .fs-step h4 {\n    margin: 0 0 8px;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 24px;\n    font-weight: 400;\n  }\n\n  .fs-step p {\n    margin: 0;\n    color: var(--fs-muted);\n    font-size: 14px;\n    line-height: 1.7;\n  }\n\n  .fs-lifestyle {\n    max-width: 980px;\n    margin: clamp(85px, 11vw, 150px) auto 0;\n    padding: clamp(50px, 7vw, 85px);\n    border-radius: 32px;\n    color: #fff;\n    background:\n      radial-gradient(\n        circle at 85% 25%,\n        rgba(223, 181, 172, 0.2),\n        transparent 30%\n      ),\n      var(--fs-ink);\n    text-align: center;\n    box-shadow: 0 28px 70px rgba(60, 38, 38, 0.16);\n  }\n\n  .fs-lifestyle .fs-kicker {\n    color: #dfb5ac;\n  }\n\n  .fs-lifestyle h3 {\n    margin: 18px 0 22px;\n    font-size: clamp(39px, 5.5vw, 64px);\n    line-height: 1;\n  }\n\n  .fs-lifestyle \u003e p:not(.fs-kicker) {\n    max-width: 650px;\n    margin: 0 auto;\n    color: rgba(255, 255, 255, 0.68);\n    line-height: 1.8;\n  }\n\n  .fs-occasion-row {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 10px;\n    margin-top: 33px;\n  }\n\n  .fs-occasion-row span {\n    border-color: rgba(255, 255, 255, 0.13);\n    color: rgba(255, 255, 255, 0.82);\n    background: rgba(255, 255, 255, 0.07);\n  }\n\n  .fs-closing {\n    padding: clamp(90px, 12vw, 160px) 20px 10px;\n    text-align: center;\n  }\n\n  .fs-closing__line {\n    width: 1px;\n    height: 76px;\n    margin: 0 auto 31px;\n    background: linear-gradient(transparent, var(--fs-rose-dark));\n  }\n\n  .fs-closing p {\n    margin: 0 0 15px;\n    color: var(--fs-rose-dark);\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.19em;\n    text-transform: uppercase;\n  }\n\n  .fs-closing h3 {\n    margin: 0;\n    font-size: clamp(41px, 6vw, 75px);\n  }\n\n  .fs-closing span {\n    display: block;\n    margin-top: 20px;\n    color: var(--fs-muted);\n    font-size: 16px;\n  }\n\n  \/* Content remains visible if JavaScript is unavailable. *\/\n  .fs-premium.fs-js-ready .fs-reveal {\n    opacity: 0;\n    transform: translateY(34px);\n    transition:\n      opacity 0.85s cubic-bezier(0.2, 0.8, 0.2, 1),\n      transform 0.85s cubic-bezier(0.2, 0.8, 0.2, 1);\n  }\n\n  .fs-premium.fs-js-ready .fs-reveal.fs-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  .fs-benefit-grid .fs-reveal:nth-child(2) {\n    transition-delay: 0.07s;\n  }\n\n  .fs-benefit-grid .fs-reveal:nth-child(3) {\n    transition-delay: 0.14s;\n  }\n\n  .fs-benefit-grid .fs-reveal:nth-child(4) {\n    transition-delay: 0.07s;\n  }\n\n  .fs-benefit-grid .fs-reveal:nth-child(5) {\n    transition-delay: 0.14s;\n  }\n\n  .fs-benefit-grid .fs-reveal:nth-child(6) {\n    transition-delay: 0.21s;\n  }\n\n  @keyframes fsFloat {\n    0%,\n    100% {\n      transform: translate3d(0, 0, 0);\n    }\n\n    50% {\n      transform: translate3d(15px, -25px, 0);\n    }\n  }\n\n  @keyframes fsPulse {\n    0%,\n    100% {\n      transform: scale(1);\n    }\n\n    50% {\n      transform: scale(1.25);\n    }\n  }\n\n  @keyframes fsRing {\n    0% {\n      opacity: 0.5;\n      transform: scale(0.72);\n    }\n\n    100% {\n      opacity: 0;\n      transform: scale(1.65);\n    }\n  }\n\n  @keyframes fsStylerFloat {\n    0%,\n    100% {\n      transform: translateY(0) rotate(-16deg);\n    }\n\n    50% {\n      transform: translateY(-13px) rotate(-13deg);\n    }\n  }\n\n  @keyframes fsTopArm {\n    0%,\n    18%,\n    82%,\n    100% {\n      transform: rotate(-9deg);\n    }\n\n    40%,\n    68% {\n      transform: rotate(-2deg);\n    }\n  }\n\n  @keyframes fsBottomArm {\n    0%,\n    18%,\n    82%,\n    100% {\n      transform: rotate(9deg);\n    }\n\n    40%,\n    68% {\n      transform: rotate(2deg);\n    }\n  }\n\n  @keyframes fsHairGlide {\n    0% {\n      opacity: 0;\n      transform: translateX(-120px) rotate(-8deg);\n    }\n\n    18% {\n      opacity: 1;\n    }\n\n    72% {\n      opacity: 1;\n    }\n\n    100% {\n      opacity: 0;\n      transform: translateX(120px) rotate(-8deg);\n    }\n  }\n\n  @keyframes fsStatus {\n    0%,\n    100% {\n      opacity: 0.45;\n      transform: scale(0.85);\n    }\n\n    50% {\n      opacity: 1;\n      transform: scale(1.2);\n    }\n  }\n\n  @media (max-width: 990px) {\n    .fs-showcase {\n      grid-template-columns: 1fr;\n    }\n\n    .fs-product-stage {\n      min-height: 570px;\n    }\n\n    .fs-benefit-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .fs-process {\n      grid-template-columns: 1fr;\n    }\n\n    .fs-process__intro {\n      position: static;\n    }\n  }\n\n  @media (max-width: 640px) {\n    .fs-premium {\n      padding-right: 15px;\n      padding-left: 15px;\n    }\n\n    .fs-hero h2 {\n      font-size: clamp(43px, 14vw, 65px);\n    }\n\n    .fs-highlights {\n      align-items: center;\n      flex-direction: column;\n    }\n\n    .fs-showcase {\n      border-radius: 25px;\n    }\n\n    .fs-showcase__copy {\n      padding: 52px 28px;\n    }\n\n    .fs-product-stage {\n      min-height: 470px;\n    }\n\n    .fs-stage-badge {\n      top: 20px;\n      left: 20px;\n    }\n\n    .fs-styler {\n      transform: rotate(-16deg) scale(0.8);\n    }\n\n    .fs-hair-strand {\n      width: 310px;\n    }\n\n    .fs-benefit-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .fs-card {\n      min-height: auto;\n    }\n\n    .fs-process {\n      padding: 46px 25px;\n      border-radius: 25px;\n    }\n\n    .fs-step {\n      grid-template-columns: 44px 1fr;\n      gap: 14px;\n    }\n\n    .fs-step \u003e span {\n      width: 38px;\n      height: 38px;\n    }\n\n    .fs-lifestyle {\n      padding: 55px 25px;\n      border-radius: 25px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .fs-premium *,\n    .fs-premium *::before,\n    .fs-premium *::after {\n      scroll-behavior: auto !important;\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n    }\n\n    .fs-premium.fs-js-ready .fs-reveal {\n      opacity: 1;\n      transform: none;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  (function () {\n    function initializeFreedomStyler() {\n      document\n        .querySelectorAll(\"[data-freedomstyler]\")\n        .forEach(function (section) {\n          if (section.dataset.fsInitialized === \"true\") return;\n\n          section.dataset.fsInitialized = \"true\";\n          section.classList.add(\"fs-js-ready\");\n\n          var revealElements = section.querySelectorAll(\".fs-reveal\");\n\n          if (\n            !(\"IntersectionObserver\" in window) ||\n            window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches\n          ) {\n            revealElements.forEach(function (element) {\n              element.classList.add(\"fs-visible\");\n            });\n            return;\n          }\n\n          var observer = new IntersectionObserver(\n            function (entries) {\n              entries.forEach(function (entry) {\n                if (entry.isIntersecting) {\n                  entry.target.classList.add(\"fs-visible\");\n                  observer.unobserve(entry.target);\n                }\n              });\n            },\n            {\n              threshold: 0.1,\n              rootMargin: \"0px 0px -35px 0px\"\n            }\n          );\n\n          revealElements.forEach(function (element) {\n            observer.observe(element);\n          });\n\n          window.setTimeout(function () {\n            revealElements.forEach(function (element) {\n              var position = element.getBoundingClientRect();\n\n              if (\n                position.top \u003c window.innerHeight \u0026\u0026\n                position.bottom \u003e 0\n              ) {\n                element.classList.add(\"fs-visible\");\n              }\n            });\n          }, 350);\n        });\n    }\n\n    if (document.readyState === \"loading\") {\n      document.addEventListener(\n        \"DOMContentLoaded\",\n        initializeFreedomStyler\n      );\n    } else {\n      initializeFreedomStyler();\n    }\n\n    document.addEventListener(\n      \"shopify:section:load\",\n      initializeFreedomStyler\n    );\n  })();\n\u003c\/script\u003e\n","brand":"NOVÉA","offers":[{"title":"Black","offer_id":52648113176792,"sku":null,"price":1299.0,"currency_code":"ZAR","in_stock":true},{"title":"Pink","offer_id":52648113209560,"sku":null,"price":1299.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0829\/3063\/0872\/files\/WhatsAppImage2026-10-08at20.20.24_3.jpg?v=1791493933","url":"https:\/\/noveaza.co.za\/products\/novea%e2%84%a2-freedomstyler","provider":"NOVÉA","version":"1.0","type":"link"}