{"product_id":"mycro-keratin-chroma-color-intensify-range","title":"Mycro-Keratin Chroma Color Intensify Range","description":"\u003c!-- MYCRO KERATIN CHROMA COLOR INTENSIFY RANGE - PREMIUM ANIMATED MOBILE VERSION --\u003e\n\n\u003cdiv class=\"chroma-container\"\u003e\n\n  \u003cdiv class=\"rainbow-glow glow1\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"rainbow-glow glow2\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"rainbow-glow glow3\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"floating-icon icon1\"\u003e🌈\u003c\/div\u003e\n  \u003cdiv class=\"floating-icon icon2\"\u003e✨\u003c\/div\u003e\n  \u003cdiv class=\"floating-icon icon3\"\u003e💖\u003c\/div\u003e\n  \u003cdiv class=\"floating-icon icon4\"\u003e🎨\u003c\/div\u003e\n\n  \u003cdiv class=\"chroma-card\"\u003e\n\n    \u003cdiv class=\"chroma-badge\"\u003e\n      🌈 PROFESSIONAL COLOR PROTECTION 🌈\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"chroma-title\"\u003e\n      MYCRO KERATIN\u003cbr\u003e\n      CHROMA COLOR\u003cbr\u003e\n      INTENSIFY RANGE\n    \u003c\/h2\u003e\n\n    \u003cdiv class=\"chroma-subtitle\"\u003e\n      Protect • Intensify • Shine ✨\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"hero-banner\"\u003e\n      💖 Keep Your Hair Colour Vibrant, Radiant \u0026amp; Salon-Fresh For Longer 💖\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"description\"\u003e\n\n      \u003cp\u003e\n        Keep your colour vibrant, radiant and salon-fresh with the\n        \u003cstrong\u003eMycro Keratin Chroma Color Intensify Range.\u003c\/strong\u003e\n      \u003c\/p\u003e\n\n      \u003cp\u003e\n        Specially formulated for colour-treated hair, this advanced\n        salon-quality range helps protect, enhance and intensify hair\n        colour while delivering deep nourishment and repair.\n      \u003c\/p\u003e\n\n      \u003cp\u003e\n        Infused with Keratin and advanced colour-protecting technology,\n        Chroma Color Intensify helps lock in colour pigments, reduce\n        fading and restore strength and shine for longer-lasting,\n        healthier-looking hair.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"benefits-heading\"\u003e\n      ✨ Colour-Loving Benefits ✨\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"benefits-grid\"\u003e\n\n      \u003cdiv class=\"benefit-card\"\u003e\n        🌈 Intensifies Hair Colour Vibrancy\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"benefit-card\"\u003e\n        🛡️ Helps Prevent Colour Fading\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"benefit-card\"\u003e\n        ✨ Restores Shine \u0026amp; Brilliance\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"benefit-card\"\u003e\n        💪 Repairs Damaged Hair Fibres\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"benefit-card\"\u003e\n        💧 Deeply Nourishes \u0026amp; Hydrates\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"benefit-card\"\u003e\n        🎨 Perfect For Colour-Treated Hair\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"results-banner\"\u003e\n      ✨ Longer Lasting Colour • Brilliant Shine • Healthier Hair ✨\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"footer-text\"\u003e\n      Experience richer colour, enhanced brilliance and beautifully healthy hair with the\n      \u003cstrong\u003eMycro Keratin Chroma Color Intensify Range.\u003c\/strong\u003e 💖\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\n.chroma-container{\n    position:relative;\n    overflow:hidden;\n    padding:20px;\n    border-radius:30px;\n    background:linear-gradient(\n      180deg,\n      #fff8fc 0%,\n      #ffe8f3 35%,\n      #f8ebff 70%,\n      #ffffff 100%\n    );\n    font-family:'Poppins',sans-serif;\n}\n\n\/* RAINBOW GLOWS *\/\n\n.rainbow-glow{\n    position:absolute;\n    border-radius:50%;\n    filter:blur(80px);\n    opacity:.45;\n    animation:floatGlow 8s ease-in-out infinite;\n}\n\n.glow1{\n    width:220px;\n    height:220px;\n    background:#ff4d6d;\n    top:-80px;\n    left:-50px;\n}\n\n.glow2{\n    width:250px;\n    height:250px;\n    background:#c77dff;\n    right:-90px;\n    top:120px;\n}\n\n.glow3{\n    width:180px;\n    height:180px;\n    background:#ffd166;\n    bottom:-50px;\n    left:35%;\n}\n\n@keyframes floatGlow{\n    0%,100%{\n        transform:translateY(0);\n    }\n    50%{\n        transform:translateY(-25px);\n    }\n}\n\n\/* FLOATING ICONS *\/\n\n.floating-icon{\n    position:absolute;\n    font-size:24px;\n    animation:floatIcon 4s ease-in-out infinite;\n    z-index:1;\n}\n\n.icon1{\n    top:35px;\n    right:25px;\n}\n\n.icon2{\n    top:220px;\n    left:20px;\n}\n\n.icon3{\n    bottom:100px;\n    right:40px;\n}\n\n.icon4{\n    bottom:200px;\n    left:30px;\n}\n\n@keyframes floatIcon{\n    0%,100%{\n        transform:translateY(0);\n        opacity:.7;\n    }\n    50%{\n        transform:translateY(-12px);\n        opacity:1;\n    }\n}\n\n\/* MAIN CARD *\/\n\n.chroma-card{\n    position:relative;\n    z-index:2;\n    background:white;\n    border-radius:25px;\n    padding:24px;\n    box-shadow:0 15px 40px rgba(255,77,109,.12);\n}\n\n\/* BADGE *\/\n\n.chroma-badge{\n    background:linear-gradient(\n      135deg,\n      #ff4d6d,\n      #ff8c42,\n      #c77dff\n    );\n    background-size:300% auto;\n    animation:gradientMove 6s linear infinite;\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}\n\n@keyframes gradientMove{\n    to{\n        background-position:300% center;\n    }\n}\n\n\/* TITLE *\/\n\n.chroma-title{\n    text-align:center;\n    font-size:32px;\n    font-weight:900;\n    line-height:1.15;\n    margin:0;\n\n    background:linear-gradient(\n      90deg,\n      #ff4d6d,\n      #ff8c42,\n      #ffd166,\n      #c77dff,\n      #ff4d6d\n    );\n\n    background-size:400% auto;\n    color:transparent;\n    -webkit-background-clip:text;\n    animation:rainbowText 8s linear infinite;\n}\n\n@keyframes rainbowText{\n    to{\n        background-position:400% center;\n    }\n}\n\n.chroma-subtitle{\n    text-align:center;\n    color:#d63384;\n    font-size:20px;\n    font-weight:600;\n    margin:15px 0 20px;\n}\n\n\/* HERO *\/\n\n.hero-banner{\n    background:linear-gradient(\n      135deg,\n      #ff4d6d,\n      #ff8c42,\n      #c77dff\n    );\n\n    color:white;\n    text-align:center;\n    padding:18px;\n    border-radius:18px;\n    font-weight:700;\n    margin-bottom:25px;\n\n    animation:pulseGlow 2.5s infinite;\n}\n\n@keyframes pulseGlow{\n    0%,100%{\n        box-shadow:0 0 0 rgba(255,77,109,.3);\n    }\n    50%{\n        box-shadow:0 0 30px rgba(255,77,109,.5);\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-heading{\n    text-align:center;\n    margin:30px 0 20px;\n    color:#d63384;\n    font-size:24px;\n    font-weight:800;\n}\n\n.benefits-grid{\n    display:grid;\n    gap:12px;\n}\n\n.benefit-card{\n    background:linear-gradient(\n      135deg,\n      #fff5f8,\n      #fff8eb\n    );\n\n    border:1px solid #ffd6e3;\n    border-radius:16px;\n    padding:15px;\n    color:#444;\n    font-weight:500;\n\n    transition:.3s;\n}\n\n.benefit-card:hover{\n    transform:translateY(-4px);\n    box-shadow:0 12px 25px rgba(255,77,109,.12);\n}\n\n\/* RESULTS *\/\n\n.results-banner{\n    margin-top:25px;\n    background:linear-gradient(\n      135deg,\n      #ff4d6d,\n      #ff8c42,\n      #c77dff\n    );\n\n    background-size:300% auto;\n    animation:gradientMove 6s linear infinite;\n\n    color:white;\n    text-align:center;\n    padding:18px;\n    border-radius:18px;\n    font-size:20px;\n    font-weight:800;\n}\n\n.footer-text{\n    text-align:center;\n    margin-top:20px;\n    color:#555;\n    line-height:1.8;\n    font-size:16px;\n}\n\n\/* MOBILE *\/\n\n@media(max-width:480px){\n\n.chroma-card{\n    padding:20px;\n}\n\n.chroma-title{\n    font-size:26px;\n}\n\n.chroma-subtitle{\n    font-size:17px;\n}\n\n.description{\n    font-size:14px;\n}\n\n.results-banner{\n    font-size:17px;\n}\n\n.footer-text{\n    font-size:14px;\n}\n\n}\n\n\u003c\/style\u003e","brand":"GlowUP","offers":[{"title":"250ml Shampoo","offer_id":49281513849075,"sku":null,"price":450.0,"currency_code":"ZAR","in_stock":true},{"title":"250ml Conditioner","offer_id":49281513881843,"sku":null,"price":450.0,"currency_code":"ZAR","in_stock":true},{"title":"150ml 10-in-1 Leave-In Treatment","offer_id":49281513914611,"sku":null,"price":520.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0826\/8270\/8211\/files\/rn-image_picker_lib_temp_5aedc34a-442f-4129-983e-1bfc8f9165f8.png?v=1781949526","url":"https:\/\/glowupgirl.co.za\/products\/mycro-keratin-chroma-color-intensify-range","provider":"GlowUP","version":"1.0","type":"link"}