{"product_id":"mycro-keratin-tone-treat-range","title":"Mycro-keratin Tone \u0026 Treat Range","description":"\u003c!-- MYCRO KERATIN TONE \u0026 TREAT RANGE - PREMIUM ANIMATED MOBILE VERSION --\u003e\n\n\u003cdiv class=\"tone-treat-container\"\u003e\n\n  \u003cdiv class=\"glow glow1\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"glow glow2\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"glow glow3\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"sparkle sparkle1\"\u003e💜\u003c\/div\u003e\n  \u003cdiv class=\"sparkle sparkle2\"\u003e✨\u003c\/div\u003e\n  \u003cdiv class=\"sparkle sparkle3\"\u003e🌟\u003c\/div\u003e\n\n  \u003cdiv class=\"tone-card\"\u003e\n\n    \u003cdiv class=\"tone-badge\"\u003e\n      💜 PROFESSIONAL TONING \u0026amp; REPAIR 💜\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"tone-title\"\u003e\n      MYCRO KERATIN\u003cbr\u003e\n      TONE \u0026amp; TREAT RANGE\n    \u003c\/h2\u003e\n\n    \u003cdiv class=\"tone-subtitle\"\u003e\n      Tone • Repair • Hydrate 💜\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"hero-banner\"\u003e\n      Say Goodbye To Brassiness \u0026amp; Hello To Beautifully Vibrant Hair ✨\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"description\"\u003e\n\n      \u003cp\u003e\n        The \u003cstrong\u003eMycro Keratin Tone \u0026amp; Treat Range\u003c\/strong\u003e is specially formulated to neutralize unwanted yellow and orange tones while providing intense hydration and repair.\n      \u003c\/p\u003e\n\n      \u003cp\u003e\n        Infused with advanced keratin technology, this professional salon-quality range strengthens damaged hair, restores softness and enhances shine without compromising your colour.\n      \u003c\/p\u003e\n\n      \u003cp\u003e\n        Perfect for blonde, highlighted, grey, silver and chemically treated hair, Tone \u0026amp; Treat helps keep your colour fresh, cool-toned and salon-perfect between appointments.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"benefits-title\"\u003e\n      💜 Why You'll Love It\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"benefits-grid\"\u003e\n\n      \u003cdiv class=\"benefit-card\"\u003e\n        💜 Neutralizes Brassiness \u0026amp; Yellow Tones\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"benefit-card\"\u003e\n        ✨ Repairs \u0026amp; Strengthens Damaged Hair\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"benefit-card\"\u003e\n        💧 Deeply Hydrates \u0026amp; Nourishes\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"benefit-card\"\u003e\n        🌟 Enhances Shine \u0026amp; Softness\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"benefit-card\"\u003e\n        🎨 Perfect For Blonde, Grey \u0026amp; Silver Hair\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"benefit-card\"\u003e\n        🛡️ Maintains Vibrant Long-Lasting Colour\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"highlight-box\"\u003e\n      ✨ TONE • TREAT • SHINE ✨\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"footer-message\"\u003e\n      Experience the perfect balance of toning and treatment for healthier, brighter and more radiant hair with the\n      \u003cstrong\u003eMycro Keratin Tone \u0026amp; Treat Range.\u003c\/strong\u003e 💜\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\n.tone-treat-container{\n    position:relative;\n    overflow:hidden;\n    padding:20px;\n    border-radius:28px;\n    background:linear-gradient(180deg,#faf5ff 0%,#f1e4ff 50%,#ffffff 100%);\n    font-family:'Poppins',sans-serif;\n}\n\n\/* FLOATING GLOWS *\/\n\n.glow{\n    position:absolute;\n    border-radius:50%;\n    filter:blur(80px);\n    opacity:.5;\n    animation:floatGlow 8s ease-in-out infinite;\n}\n\n.glow1{\n    width:180px;\n    height:180px;\n    background:#b57cff;\n    top:-40px;\n    left:-40px;\n}\n\n.glow2{\n    width:220px;\n    height:220px;\n    background:#d5a6ff;\n    right:-80px;\n    top:120px;\n}\n\n.glow3{\n    width:160px;\n    height:160px;\n    background:#c77dff;\n    bottom:-50px;\n    left:35%;\n}\n\n@keyframes floatGlow{\n    0%,100%{\n        transform:translateY(0px);\n    }\n    50%{\n        transform:translateY(-25px);\n    }\n}\n\n\/* FLOATING SPARKLES *\/\n\n.sparkle{\n    position:absolute;\n    font-size:24px;\n    animation:sparkleFloat 4s ease-in-out infinite;\n    z-index:1;\n}\n\n.sparkle1{\n    top:40px;\n    right:30px;\n}\n\n.sparkle2{\n    top:220px;\n    left:20px;\n}\n\n.sparkle3{\n    bottom:100px;\n    right:40px;\n}\n\n@keyframes sparkleFloat{\n    0%,100%{\n        transform:translateY(0);\n        opacity:.6;\n    }\n    50%{\n        transform:translateY(-12px);\n        opacity:1;\n    }\n}\n\n\/* MAIN CARD *\/\n\n.tone-card{\n    position:relative;\n    z-index:2;\n    background:#fff;\n    border-radius:24px;\n    padding:24px;\n    box-shadow:0 15px 40px rgba(181,124,255,.15);\n}\n\n\/* BADGE *\/\n\n.tone-badge{\n    background:linear-gradient(135deg,#9d4edd,#c77dff);\n    color:white;\n    text-align:center;\n    padding:12px;\n    border-radius:50px;\n    font-size:13px;\n    font-weight:700;\n    margin-bottom:20px;\n    animation:pulse 2s infinite;\n}\n\n@keyframes pulse{\n    0%,100%{\n        transform:scale(1);\n    }\n    50%{\n        transform:scale(1.03);\n    }\n}\n\n\/* TITLE *\/\n\n.tone-title{\n    text-align:center;\n    font-size:32px;\n    font-weight:900;\n    line-height:1.2;\n    margin:0;\n    background:linear-gradient(\n        90deg,\n        #7b2cbf,\n        #c77dff,\n        #7b2cbf\n    );\n    background-size:300% auto;\n    color:transparent;\n    -webkit-background-clip:text;\n    animation:shine 5s linear infinite;\n}\n\n@keyframes shine{\n    to{\n        background-position:300% center;\n    }\n}\n\n.tone-subtitle{\n    text-align:center;\n    font-size:20px;\n    font-weight:600;\n    color:#9d4edd;\n    margin:15px 0;\n}\n\n\/* HERO *\/\n\n.hero-banner{\n    background:linear-gradient(135deg,#9d4edd,#c77dff);\n    color:white;\n    text-align:center;\n    padding:18px;\n    border-radius:18px;\n    font-weight:700;\n    margin-bottom:25px;\n    animation:glowPulse 2s infinite;\n}\n\n@keyframes glowPulse{\n    0%,100%{\n        box-shadow:0 0 0 rgba(157,78,221,.3);\n    }\n    50%{\n        box-shadow:0 0 25px rgba(157,78,221,.6);\n    }\n}\n\n\/* DESCRIPTION *\/\n\n.description{\n    color:#555;\n    font-size:15px;\n    line-height:1.8;\n}\n\n\/* BENEFITS *\/\n\n.benefits-title{\n    text-align:center;\n    color:#9d4edd;\n    font-size:24px;\n    font-weight:700;\n    margin:30px 0 20px;\n}\n\n.benefits-grid{\n    display:grid;\n    grid-template-columns:1fr;\n    gap:12px;\n}\n\n.benefit-card{\n    background:#faf5ff;\n    border:1px solid #e4c8ff;\n    border-radius:16px;\n    padding:15px;\n    transition:.3s;\n    font-weight:500;\n    color:#444;\n}\n\n.benefit-card:hover{\n    transform:translateY(-4px);\n    box-shadow:0 10px 20px rgba(181,124,255,.15);\n}\n\n\/* CTA *\/\n\n.highlight-box{\n    margin-top:25px;\n    background:linear-gradient(135deg,#7b2cbf,#c77dff);\n    color:white;\n    text-align:center;\n    padding:18px;\n    border-radius:18px;\n    font-size:22px;\n    font-weight:800;\n    animation:glowPulse 2s infinite;\n}\n\n\/* FOOTER *\/\n\n.footer-message{\n    text-align:center;\n    margin-top:20px;\n    font-size:16px;\n    color:#555;\n    line-height:1.8;\n}\n\n\/* MOBILE *\/\n\n@media(max-width:480px){\n\n.tone-card{\n    padding:20px;\n}\n\n.tone-title{\n    font-size:26px;\n}\n\n.tone-subtitle{\n    font-size:17px;\n}\n\n.description{\n    font-size:14px;\n}\n\n.highlight-box{\n    font-size:18px;\n}\n\n.footer-message{\n    font-size:14px;\n}\n\n}\n\n\u003c\/style\u003e","brand":"GlowUP","offers":[{"title":"250ml Silver Shampoo","offer_id":49281508573427,"sku":null,"price":450.0,"currency_code":"ZAR","in_stock":true},{"title":"250ml Silver Conditioner","offer_id":49281508606195,"sku":null,"price":450.0,"currency_code":"ZAR","in_stock":true},{"title":"250 Silver Masque","offer_id":49281508638963,"sku":null,"price":590.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0826\/8270\/8211\/files\/rn-image_picker_lib_temp_7967ddd8-3dc1-4450-9d65-7271e8207fc3.jpg?v=1781948560","url":"https:\/\/glowupgirl.co.za\/products\/mycro-keratin-tone-treat-range","provider":"GlowUP","version":"1.0","type":"link"}