{"product_id":"portable-rechargeable-hair-straightener-brush","title":"Teckwe Cordless SmoothStyle Pro – Rechargeable Hair Straightening Brush","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\n\u003ctitle\u003ePortable Rechargeable Hair Straightener Brush\u003c\/title\u003e\n\n\u003cstyle\u003e\n    * {\n        box-sizing: border-box;\n        margin: 0;\n        padding: 0;\n    }\n\n    body {\n        font-family: Arial, Helvetica, sans-serif;\n        background: #050505;\n        color: #fff;\n    }\n\n    .product-section {\n        position: relative;\n        overflow: hidden;\n        padding: 70px 20px;\n        background:\n            radial-gradient(circle at 85% 20%, rgba(135, 43, 255, 0.25), transparent 30%),\n            radial-gradient(circle at 10% 80%, rgba(94, 24, 180, 0.18), transparent 30%),\n            #050505;\n    }\n\n    \/* Animated background glow *\/\n    .glow {\n        position: absolute;\n        width: 350px;\n        height: 350px;\n        border-radius: 50%;\n        background: rgba(137, 43, 226, 0.18);\n        filter: blur(100px);\n        animation: floatGlow 7s ease-in-out infinite alternate;\n        pointer-events: none;\n    }\n\n    .glow.one {\n        top: -120px;\n        right: -100px;\n    }\n\n    .glow.two {\n        bottom: -150px;\n        left: -100px;\n        animation-delay: 2s;\n    }\n\n    @keyframes floatGlow {\n        from {\n            transform: translate(0, 0) scale(1);\n        }\n        to {\n            transform: translate(-30px, 30px) scale(1.2);\n        }\n    }\n\n    .product-container {\n        max-width: 1200px;\n        margin: auto;\n        position: relative;\n        z-index: 2;\n    }\n\n    .product-card {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        align-items: center;\n        gap: 60px;\n        padding: 55px;\n        border: 1px solid rgba(255,255,255,0.12);\n        border-radius: 28px;\n        background: rgba(255,255,255,0.04);\n        backdrop-filter: blur(15px);\n        box-shadow: 0 25px 80px rgba(0,0,0,0.55);\n        animation: cardReveal 1s ease forwards;\n    }\n\n    @keyframes cardReveal {\n        from {\n            opacity: 0;\n            transform: translateY(30px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    \/* Product visual *\/\n    .product-visual {\n        min-height: 450px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n    }\n\n    .product-circle {\n        width: 360px;\n        height: 360px;\n        border-radius: 50%;\n        background: linear-gradient(\n            145deg,\n            #171717,\n            #0a0a0a\n        );\n        border: 1px solid rgba(168, 78, 255, 0.5);\n        box-shadow:\n            0 0 50px rgba(142, 45, 226, 0.25),\n            inset 0 0 50px rgba(255,255,255,0.03);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        animation: productFloat 4s ease-in-out infinite;\n    }\n\n    @keyframes productFloat {\n        0%, 100% {\n            transform: translateY(0);\n        }\n        50% {\n            transform: translateY(-15px);\n        }\n    }\n\n    .brush-icon {\n        font-size: 120px;\n        filter: drop-shadow(0 0 25px rgba(171, 82, 255, 0.7));\n        transform: rotate(-15deg);\n    }\n\n    \/* Text *\/\n    .badge {\n        display: inline-block;\n        padding: 8px 16px;\n        border-radius: 50px;\n        background: rgba(139, 55, 226, 0.14);\n        border: 1px solid rgba(166, 82, 255, 0.5);\n        color: #c487ff;\n        font-size: 12px;\n        font-weight: 700;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        margin-bottom: 20px;\n    }\n\n    h1 {\n        font-size: clamp(36px, 5vw, 62px);\n        line-height: 1.05;\n        font-weight: 800;\n        letter-spacing: -2px;\n        margin-bottom: 20px;\n    }\n\n    h1 span {\n        color: #a855f7;\n    }\n\n    .description {\n        color: #c7c7c7;\n        font-size: 17px;\n        line-height: 1.7;\n        max-width: 560px;\n        margin-bottom: 30px;\n    }\n\n    \/* Features *\/\n    .features {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 14px;\n        margin-bottom: 35px;\n    }\n\n    .feature {\n        padding: 15px;\n        border-radius: 14px;\n        background: rgba(255,255,255,0.05);\n        border: 1px solid rgba(255,255,255,0.08);\n        transition: 0.3s ease;\n    }\n\n    .feature:hover {\n        transform: translateY(-4px);\n        border-color: rgba(168,85,247,0.6);\n        background: rgba(168,85,247,0.08);\n    }\n\n    .feature strong {\n        display: block;\n        font-size: 14px;\n        margin-bottom: 5px;\n    }\n\n    .feature small {\n        color: #999;\n        font-size: 12px;\n    }\n\n    \/* CTA *\/\n    .cta {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 10px;\n        padding: 16px 30px;\n        border-radius: 50px;\n        background: linear-gradient(135deg, #8b2de2, #b65cff);\n        color: #fff;\n        text-decoration: none;\n        font-weight: 700;\n        font-size: 15px;\n        box-shadow: 0 10px 30px rgba(139,45,226,0.35);\n        transition: all 0.3s ease;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .cta::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: -100%;\n        width: 60%;\n        height: 100%;\n        background: linear-gradient(\n            90deg,\n            transparent,\n            rgba(255,255,255,0.35),\n            transparent\n        );\n        transform: skewX(-20deg);\n        animation: shine 3s infinite;\n    }\n\n    @keyframes shine {\n        0% {\n            left: -100%;\n        }\n        40%, 100% {\n            left: 140%;\n        }\n    }\n\n    .cta:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 15px 40px rgba(139,45,226,0.55);\n    }\n\n    \/* Bottom strip *\/\n    .trust-strip {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 20px;\n        margin-top: 35px;\n        color: #aaa;\n        font-size: 12px;\n    }\n\n    .trust-item {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n    }\n\n    .dot {\n        width: 7px;\n        height: 7px;\n        border-radius: 50%;\n        background: #a855f7;\n        box-shadow: 0 0 10px #a855f7;\n    }\n\n    \/* Mobile *\/\n    @media (max-width: 800px) {\n\n        .product-section {\n            padding: 35px 14px;\n        }\n\n        .product-card {\n            grid-template-columns: 1fr;\n            padding: 30px 20px;\n            gap: 20px;\n            border-radius: 22px;\n        }\n\n        .product-visual {\n            min-height: 300px;\n        }\n\n        .product-circle {\n            width: 250px;\n            height: 250px;\n        }\n\n        .brush-icon {\n            font-size: 85px;\n        }\n\n        h1 {\n            font-size: 38px;\n            letter-spacing: -1px;\n        }\n\n        .description {\n            font-size: 15px;\n        }\n\n        .features {\n            grid-template-columns: 1fr;\n        }\n\n        .cta {\n            width: 100%;\n        }\n\n        .trust-strip {\n            justify-content: center;\n        }\n    }\n\n    @media (max-width: 400px) {\n\n        h1 {\n            font-size: 32px;\n        }\n\n        .product-circle {\n            width: 220px;\n            height: 220px;\n        }\n\n        .brush-icon {\n            font-size: 70px;\n        }\n    }\n\u003c\/style\u003e\n\n\n\n\n\u003csection class=\"product-section\"\u003e\n\n    \u003cdiv class=\"glow one\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"glow two\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"product-container\"\u003e\n\n        \u003cdiv class=\"product-card\"\u003e\n\n            \u003c!-- Product Visual --\u003e\n            \u003cdiv class=\"product-visual\"\u003e\n\n                \u003cdiv class=\"product-circle\"\u003e\n\n                    \u003c!-- Replace emoji with your product image --\u003e\n                    \u003cdiv class=\"brush-icon\"\u003e\n                        ♨\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n            \u003c!-- Product Information --\u003e\n            \u003cdiv class=\"product-content\"\u003e\n\n                \u003cdiv class=\"badge\"\u003e\n                    Portable • Rechargeable • Travel Ready\n                \u003c\/div\u003e\n\n                \u003ch1\u003e\n                    Smooth Hair.\u003cbr\u003e\n                    \u003cspan\u003eAnywhere.\u003c\/span\u003e\n                \u003c\/h1\u003e\n\n                \u003cp class=\"description\"\u003e\n                    Meet your new everyday styling essential. This\n                    Portable Rechargeable Hair Straightener Brush combines\n                    effortless styling with a lightweight design, making it\n                    perfect for home, work, weekends away and travel.\n                \u003c\/p\u003e\n\n                \u003cdiv class=\"features\"\u003e\n\n                    \u003cdiv class=\"feature\"\u003e\n                        \u003cstrong\u003e⚡ Rechargeable\u003c\/strong\u003e\n                        \u003csmall\u003eConvenient cordless styling\u003c\/small\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"feature\"\u003e\n                        \u003cstrong\u003e🔌 Type-C Charging\u003c\/strong\u003e\n                        \u003csmall\u003eSimple modern charging\u003c\/small\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"feature\"\u003e\n                        \u003cstrong\u003e✈ Travel Friendly\u003c\/strong\u003e\n                        \u003csmall\u003eCompact \u0026amp; lightweight design\u003c\/small\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"feature\"\u003e\n                        \u003cstrong\u003e✨ Easy Styling\u003c\/strong\u003e\n                        \u003csmall\u003ePerfect for everyday touch-ups\u003c\/small\u003e\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n                \u003ca href=\"#shop\" class=\"cta\"\u003e\n                    Shop Now\n                    \u003cspan\u003e→\u003c\/span\u003e\n                \u003c\/a\u003e\n\n                \u003cdiv class=\"trust-strip\"\u003e\n\n                    \u003cdiv class=\"trust-item\"\u003e\n                        \u003cspan class=\"dot\"\u003e\u003c\/span\u003e\n                        Cordless Design\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"trust-item\"\u003e\n                        \u003cspan class=\"dot\"\u003e\u003c\/span\u003e\n                        Type-C Charging\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"trust-item\"\u003e\n                        \u003cspan class=\"dot\"\u003e\u003c\/span\u003e\n                        Lightweight\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c\/body\u003e","brand":"Monara","offers":[{"title":"Black","offer_id":54572348801342,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":true},{"title":"White","offer_id":54572348834110,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":true},{"title":"Blue","offer_id":54713579635006,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":true},{"title":"Pink","offer_id":54713579667774,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0990\/8794\/1950\/files\/LuxeMagentaHairStraighteningBrush.png?v=1791371868","url":"https:\/\/monara.co.za\/products\/portable-rechargeable-hair-straightener-brush","provider":"Monara","version":"1.0","type":"link"}