{"title":"Mycro-Keratin Hair Products","description":null,"products":[{"product_id":"mycro-keratin-keraxir-smoothing-range","title":"Mycro-Keratin Keraxir Smoothing Range","description":"\u003c!-- MYCRO KERATIN KERAXIR RANGE - ANIMATED PREMIUM VERSION --\u003e\n\n\u003cdiv class=\"keraxir-container\"\u003e\n\n  \u003cdiv class=\"floating-glow glow1\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"floating-glow glow2\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"floating-glow glow3\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"keraxir-card\"\u003e\n\n    \u003cdiv class=\"badge\"\u003e\n      ✨ PROFESSIONAL HAIR REPAIR ✨\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"title\"\u003e\n      MYCRO KERATIN\u003cbr\u003e\n      KERAXIR RANGE\n    \u003c\/h2\u003e\n\n    \u003cdiv class=\"subtitle\"\u003e\n      Smooth • Repair • Shine 💖\n    \u003c\/div\u003e\n\n    \u003cp\u003e\n      Transform dry, damaged and frizzy hair with the\n      \u003cstrong\u003eMycro Keratin Keraxir Smooth \u0026amp; Repair Range\u003c\/strong\u003e.\n      Formulated with Hydrolysed Keratin, Shea Butter and Castor Oil,\n      this salon-quality range helps repair damage, restore moisture,\n      smooth frizz and leave hair silky-soft with brilliant shine.\n    \u003c\/p\u003e\n\n    \u003cp\u003e\n      Perfect for chemically treated, keratin-treated or heat-damaged hair,\n      Keraxir strengthens and nourishes every strand while protecting\n      against humidity and future damage.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"benefits\"\u003e\n\n      \u003cdiv class=\"benefit-item\"\u003e\n        💖 Repairs \u0026amp; Strengthens Damaged Hair\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"benefit-item\"\u003e\n        ✨ Reduces Frizz \u0026amp; Flyaways\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"benefit-item\"\u003e\n        🌸 Adds Incredible Shine \u0026amp; Softness\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"benefit-item\"\u003e\n        💧 Improves Moisture Retention\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"benefit-item\"\u003e\n        🛡️ Helps Prevent Breakage \u0026amp; Split Ends\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"benefit-item\"\u003e\n        🎨 Safe For Coloured Hair\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"benefit-item\"\u003e\n        🌿 Sulphate-Free • Salt-Free • Paraben-Free\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"cta-box\"\u003e\n      ✨ Smooth. Repair. Shine. ✨\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"footer-text\"\u003e\n      Experience salon-worthy hair every day with the\n      \u003cstrong\u003eMycro Keratin Keraxir Range\u003c\/strong\u003e 💕\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\n.keraxir-container{\n  position:relative;\n  overflow:hidden;\n  padding:20px;\n  background:linear-gradient(180deg,#fff8fb,#ffe4f1);\n  border-radius:25px;\n  font-family:Poppins,sans-serif;\n}\n\n\/* Floating Glows *\/\n\n.floating-glow{\n  position:absolute;\n  border-radius:50%;\n  filter:blur(60px);\n  opacity:.5;\n  animation:floatGlow 8s infinite ease-in-out;\n}\n\n.glow1{\n  width:150px;\n  height:150px;\n  background:#ff69b4;\n  top:-40px;\n  left:-40px;\n}\n\n.glow2{\n  width:180px;\n  height:180px;\n  background:#ffb347;\n  right:-50px;\n  top:150px;\n}\n\n.glow3{\n  width:120px;\n  height:120px;\n  background:#ff89d6;\n  bottom:-30px;\n  left:40%;\n}\n\n@keyframes floatGlow{\n  0%,100%{\n    transform:translateY(0px);\n  }\n  50%{\n    transform:translateY(-20px);\n  }\n}\n\n.keraxir-card{\n  position:relative;\n  z-index:2;\n  background:white;\n  border-radius:25px;\n  padding:25px;\n  box-shadow:0 15px 40px rgba(255,105,180,.15);\n}\n\n.badge{\n  text-align:center;\n  background:linear-gradient(135deg,#ff4f93,#ffb347);\n  color:white;\n  padding:12px;\n  border-radius:50px;\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  text-align:center;\n  font-size:32px;\n  font-weight:900;\n  margin:0;\n  background:linear-gradient(\n  90deg,\n  #ff4f93,\n  #ffb347,\n  #ff4f93\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.subtitle{\n  text-align:center;\n  font-size:20px;\n  color:#ff6b9a;\n  margin:15px 0 20px;\n  font-weight:600;\n}\n\np{\n  color:#555;\n  line-height:1.8;\n  font-size:15px;\n}\n\n.benefits{\n  margin-top:25px;\n}\n\n.benefit-item{\n  background:#fff5fa;\n  border:1px solid #ffd7e8;\n  border-radius:16px;\n  padding:14px;\n  margin-bottom:12px;\n  transition:.3s;\n}\n\n.benefit-item:hover{\n  transform:translateY(-3px);\n  box-shadow:0 10px 20px rgba(255,105,180,.15);\n}\n\n.cta-box{\n  margin-top:25px;\n  text-align:center;\n  background:linear-gradient(135deg,#ff4f93,#ffb347);\n  color:white;\n  font-size:24px;\n  font-weight:800;\n  padding:18px;\n  border-radius:20px;\n  animation:glowPulse 2s infinite;\n}\n\n@keyframes glowPulse{\n  0%,100%{\n    box-shadow:0 0 0 rgba(255,79,147,.3);\n  }\n  50%{\n    box-shadow:0 0 30px rgba(255,79,147,.6);\n  }\n}\n\n.footer-text{\n  text-align:center;\n  margin-top:20px;\n  font-size:16px;\n  color:#444;\n}\n\n@media(max-width:480px){\n\n.title{\n  font-size:26px;\n}\n\n.subtitle{\n  font-size:17px;\n}\n\n.cta-box{\n  font-size:20px;\n}\n\n}\n\n\u003c\/style\u003e","brand":"GlowUP","offers":[{"title":"250ml Shampoo","offer_id":49281491239155,"sku":null,"price":450.0,"currency_code":"ZAR","in_stock":true},{"title":"250ml Conditioner","offer_id":49281491271923,"sku":null,"price":450.0,"currency_code":"ZAR","in_stock":true},{"title":"250ml Repair Masque","offer_id":49281491304691,"sku":null,"price":590.0,"currency_code":"ZAR","in_stock":true},{"title":"50ml Smoothing Serum","offer_id":49281491337459,"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_4b277664-40c3-4cff-8a28-221f4cba9197.jpg?v=1781947147"},{"product_id":"madame-madame-range","title":"Mycro-Keratin Madame Madame Range","description":"\u003c!-- MYCRO KERATIN MADAME MADAME RANGE - LUXURY ANIMATED MOBILE VERSION --\u003e\n\n\u003cdiv class=\"madame-container\"\u003e\n\n  \u003cdiv class=\"floating-glow glow1\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"floating-glow glow2\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"floating-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=\"madame-card\"\u003e\n\n    \u003cdiv class=\"premium-badge\"\u003e\n      ✨ LUXURY KERATIN HAIRCARE ✨\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"madame-title\"\u003e\n      MYCRO KERATIN\u003cbr\u003e\n      MADAME MADAME RANGE\n    \u003c\/h2\u003e\n\n    \u003cdiv class=\"madame-subtitle\"\u003e\n      Nourish • Repair • Shine 💖\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"description-box\"\u003e\n      \u003cp\u003e\n        Transform your hair with the luxurious\n        \u003cstrong\u003eMycro Keratin Madame Madame Range\u003c\/strong\u003e —\n        a premium hair care collection specially designed to\n        deeply nourish, repair and smooth damaged, dry and\n        chemically treated hair.\n      \u003c\/p\u003e\n\n      \u003cp\u003e\n        Powered by advanced keratin technology, this salon-quality\n        range helps restore strength, reduce frizz, improve\n        manageability and enhance natural shine while protecting\n        against future damage.\n      \u003c\/p\u003e\n\n      \u003cp\u003e\n        Each product works to replenish lost moisture,\n        strengthen weakened strands and leave hair feeling\n        silky-soft, healthy and beautifully revitalized.\n      \u003c\/p\u003e\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        ✔ Repairs \u0026amp; Strengthens Hair\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"benefit-card\"\u003e\n        ✔ Reduces Frizz \u0026amp; Flyaways\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"benefit-card\"\u003e\n        ✔ Restores Moisture \u0026amp; Elasticity\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        ✔ Improves Manageability\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"benefit-card\"\u003e\n        ✔ Perfect For Damaged Hair\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"benefit-card\"\u003e\n        ✔ Heat \u0026amp; Chemical Protection\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"benefit-card\"\u003e\n        ✔ Salon Results At Home\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"cta-section\"\u003e\n      ✨ Healthy Hair. Beautiful Shine. Professional Results. ✨\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"footer-message\"\u003e\n      Experience smoother, healthier and more beautiful hair every day with the\n      \u003cstrong\u003eMycro Keratin Madame Madame Range.\u003c\/strong\u003e 💕\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\n.madame-container{\n  position:relative;\n  overflow:hidden;\n  padding:20px;\n  border-radius:28px;\n  background:linear-gradient(180deg,#fff8fb 0%,#ffe6f3 100%);\n  font-family:'Poppins',sans-serif;\n}\n\n\/* FLOATING GLOWS *\/\n\n.floating-glow{\n  position:absolute;\n  border-radius:50%;\n  filter:blur(70px);\n  opacity:.45;\n  animation:floatGlow 8s ease-in-out infinite;\n}\n\n.glow1{\n  width:180px;\n  height:180px;\n  background:#ff69b4;\n  top:-60px;\n  left:-40px;\n}\n\n.glow2{\n  width:200px;\n  height:200px;\n  background:#ffd166;\n  right:-70px;\n  top:100px;\n}\n\n.glow3{\n  width:140px;\n  height:140px;\n  background:#ff9ed8;\n  bottom:-40px;\n  left:40%;\n}\n\n@keyframes floatGlow{\n  0%,100%{\n    transform:translateY(0);\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 infinite ease-in-out;\n  z-index:1;\n}\n\n.sparkle1{\n  top:40px;\n  right:30px;\n}\n\n.sparkle2{\n  bottom:80px;\n  left:25px;\n}\n\n.sparkle3{\n  top:250px;\n  left:20px;\n}\n\n@keyframes sparkleFloat{\n  0%,100%{\n    transform:translateY(0);\n    opacity:.6;\n  }\n  50%{\n    transform:translateY(-15px);\n    opacity:1;\n  }\n}\n\n.madame-card{\n  position:relative;\n  z-index:2;\n  background:#fff;\n  border-radius:25px;\n  padding:25px;\n  box-shadow:0 15px 40px rgba(255,105,180,.15);\n}\n\n\/* BADGE *\/\n\n.premium-badge{\n  background:linear-gradient(135deg,#ff4f93,#ffbf47);\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.madame-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    #ff4f93,\n    #ffbf47,\n    #ff4f93\n  );\n  background-size:300% auto;\n  color:transparent;\n  -webkit-background-clip:text;\n  animation:shineText 5s linear infinite;\n}\n\n@keyframes shineText{\n  to{\n    background-position:300% center;\n  }\n}\n\n.madame-subtitle{\n  text-align:center;\n  font-size:20px;\n  color:#ff5d9e;\n  margin:15px 0 25px;\n  font-weight:600;\n}\n\n\/* DESCRIPTION *\/\n\n.description-box{\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  font-size:24px;\n  font-weight:700;\n  color:#ff4f93;\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:#fff5fa;\n  border:1px solid #ffd5e8;\n  border-radius:16px;\n  padding:15px;\n  color:#444;\n  font-weight:500;\n  transition:.3s;\n}\n\n.benefit-card:hover{\n  transform:translateY(-4px);\n  box-shadow:0 10px 20px rgba(255,105,180,.15);\n}\n\n\/* CTA *\/\n\n.cta-section{\n  margin-top:25px;\n  background:linear-gradient(135deg,#ff4f93,#ffbf47);\n  color:white;\n  text-align:center;\n  font-size:22px;\n  font-weight:800;\n  padding:18px;\n  border-radius:18px;\n  animation:glowPulse 2s infinite;\n}\n\n@keyframes glowPulse{\n  0%,100%{\n    box-shadow:0 0 0 rgba(255,79,147,.3);\n  }\n  50%{\n    box-shadow:0 0 30px rgba(255,79,147,.6);\n  }\n}\n\n\/* FOOTER *\/\n\n.footer-message{\n  text-align:center;\n  margin-top:20px;\n  color:#555;\n  font-size:16px;\n  line-height:1.7;\n}\n\n\/* MOBILE *\/\n\n@media(max-width:480px){\n\n.madame-card{\n  padding:20px;\n}\n\n.madame-title{\n  font-size:26px;\n}\n\n.madame-subtitle{\n  font-size:17px;\n}\n\n.description-box{\n  font-size:14px;\n}\n\n.cta-section{\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 Shampoo","offer_id":49281501888755,"sku":null,"price":450.0,"currency_code":"ZAR","in_stock":true},{"title":"250ml Conditioner","offer_id":49281501921523,"sku":null,"price":450.0,"currency_code":"ZAR","in_stock":true},{"title":"250ml Extreme Capsule Masque","offer_id":49281501954291,"sku":null,"price":590.0,"currency_code":"ZAR","in_stock":true},{"title":"75ml Liquid Gold","offer_id":49281501987059,"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_57cd740d-74f9-4a0b-ba24-5aab5d01b43d.png?v=1781947756"},{"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"},{"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"},{"product_id":"mycro-keratin-magic-range","title":"Mycro-Keratin MAGIC Range","description":"\u003c!-- MYCRO KERATIN MAGIC RANGE - ULTRA PREMIUM ANIMATED MOBILE VERSION --\u003e\n\n\u003cdiv class=\"magic-container\"\u003e\n\n  \u003cdiv class=\"magic-glow glow1\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"magic-glow glow2\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"magic-glow glow3\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"floating-magic magic1\"\u003e✨\u003c\/div\u003e\n  \u003cdiv class=\"floating-magic magic2\"\u003e💖\u003c\/div\u003e\n  \u003cdiv class=\"floating-magic magic3\"\u003e🌟\u003c\/div\u003e\n  \u003cdiv class=\"floating-magic magic4\"\u003e✨\u003c\/div\u003e\n\n  \u003cdiv class=\"magic-card\"\u003e\n\n    \u003cdiv class=\"magic-badge\"\u003e\n      ✨ PROFESSIONAL KERATIN MAGIC ✨\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"magic-title\"\u003e\n      MYCRO KERATIN\u003cbr\u003e\n      MAGIC RANGE\n    \u003c\/h2\u003e\n\n    \u003cdiv class=\"magic-subtitle\"\u003e\n      Repair • Hydrate • Transform 💖\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"magic-banner\"\u003e\n      ✨ Experience The Magic Of Healthier, Smoother \u0026amp; More Radiant Hair ✨\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"magic-description\"\u003e\n\n      \u003cp\u003e\n        Transform your hair with the power of keratin and experience the magic of healthier, smoother and more radiant hair every day.\n      \u003c\/p\u003e\n\n      \u003cp\u003e\n        The \u003cstrong\u003eMycro Keratin Magic Range\u003c\/strong\u003e is a luxurious salon-quality collection designed to restore, strengthen and revitalize dry, damaged and unruly hair.\n      \u003c\/p\u003e\n\n      \u003cp\u003e\n        Enriched with advanced keratin technology, this range repairs weakened hair fibers, reduces frizz and enhances shine while leaving hair feeling incredibly soft, silky and manageable.\n      \u003c\/p\u003e\n\n      \u003cp\u003e\n        Whether your hair has been affected by heat styling, chemical treatments or environmental stress, the Magic Range helps bring it back to life with deep nourishment and long-lasting hydration.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"benefits-heading\"\u003e\n      💖 Magical Hair Benefits 💖\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"benefits-grid\"\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; Silkiness\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"benefit-card\"\u003e\n        💨 Controls Frizz \u0026amp; Flyaways\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"benefit-card\"\u003e\n        💪 Improves Manageability \u0026amp; Elasticity\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"benefit-card\"\u003e\n        💕 Perfect For All Hair Types\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"magic-results\"\u003e\n      ✨ Stronger Hair • Incredible Shine • Everyday Hair Magic ✨\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"magic-footer\"\u003e\n      Discover the secret to smooth, healthy, salon-beautiful hair with the\n      \u003cstrong\u003eMycro Keratin Magic Range\u003c\/strong\u003e — because every day should be a good hair day. 💖\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\n.magic-container{\n    position:relative;\n    overflow:hidden;\n    padding:20px;\n    border-radius:30px;\n    background:linear-gradient(\n        180deg,\n        #fff8fc 0%,\n        #ffe7f3 50%,\n        #fffdf7 100%\n    );\n    font-family:'Poppins',sans-serif;\n}\n\n\/* MAGICAL GLOWS *\/\n\n.magic-glow{\n    position:absolute;\n    border-radius:50%;\n    filter:blur(85px);\n    opacity:.45;\n    animation:magicFloat 8s ease-in-out infinite;\n}\n\n.glow1{\n    width:220px;\n    height:220px;\n    background:#ff5ea8;\n    top:-70px;\n    left:-50px;\n}\n\n.glow2{\n    width:240px;\n    height:240px;\n    background:#ffd166;\n    right:-90px;\n    top:100px;\n}\n\n.glow3{\n    width:180px;\n    height:180px;\n    background:#ff9ad5;\n    bottom:-40px;\n    left:35%;\n}\n\n@keyframes magicFloat{\n    0%,100%{\n        transform:translateY(0);\n    }\n    50%{\n        transform:translateY(-25px);\n    }\n}\n\n\/* FLOATING MAGIC ICONS *\/\n\n.floating-magic{\n    position:absolute;\n    font-size:24px;\n    z-index:1;\n    animation:magicSparkle 4s ease-in-out infinite;\n}\n\n.magic1{\n    top:35px;\n    right:25px;\n}\n\n.magic2{\n    top:220px;\n    left:20px;\n}\n\n.magic3{\n    bottom:120px;\n    right:35px;\n}\n\n.magic4{\n    bottom:220px;\n    left:30px;\n}\n\n@keyframes magicSparkle{\n    0%,100%{\n        transform:translateY(0px) rotate(0deg);\n        opacity:.7;\n    }\n    50%{\n        transform:translateY(-12px) rotate(10deg);\n        opacity:1;\n    }\n}\n\n\/* MAIN CARD *\/\n\n.magic-card{\n    position:relative;\n    z-index:2;\n    background:white;\n    border-radius:25px;\n    padding:25px;\n    box-shadow:0 15px 40px rgba(255,94,168,.15);\n}\n\n\/* BADGE *\/\n\n.magic-badge{\n    background:linear-gradient(\n        135deg,\n        #ff5ea8,\n        #ff8c42,\n        #ffd166\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.magic-title{\n    text-align:center;\n    font-size:34px;\n    font-weight:900;\n    line-height:1.15;\n    margin:0;\n\n    background:linear-gradient(\n        90deg,\n        #ff5ea8,\n        #ffd166,\n        #ff5ea8\n    );\n\n    background-size:300% auto;\n    color:transparent;\n    -webkit-background-clip:text;\n\n    animation:titleShine 6s linear infinite;\n}\n\n@keyframes titleShine{\n    to{\n        background-position:300% center;\n    }\n}\n\n.magic-subtitle{\n    text-align:center;\n    color:#ff5ea8;\n    font-size:20px;\n    font-weight:600;\n    margin:15px 0;\n}\n\n\/* HERO BANNER *\/\n\n.magic-banner{\n    background:linear-gradient(\n        135deg,\n        #ff5ea8,\n        #ff8c42,\n        #ffd166\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,94,168,.3);\n    }\n    50%{\n        box-shadow:0 0 35px rgba(255,94,168,.55);\n    }\n}\n\n\/* DESCRIPTION *\/\n\n.magic-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:#ff5ea8;\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        #fff5fa,\n        #fffaf0\n    );\n\n    border:1px solid #ffd9ea;\n    border-radius:16px;\n    padding:15px;\n\n    color:#444;\n    font-weight:500;\n\n    transition:.35s;\n}\n\n.benefit-card:hover{\n    transform:translateY(-5px);\n    box-shadow:0 12px 25px rgba(255,94,168,.12);\n}\n\n\/* RESULTS SECTION *\/\n\n.magic-results{\n    margin-top:25px;\n\n    background:linear-gradient(\n        135deg,\n        #ff5ea8,\n        #ff8c42,\n        #ffd166\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\n    font-size:20px;\n    font-weight:800;\n}\n\n\/* FOOTER *\/\n\n.magic-footer{\n    text-align:center;\n    margin-top:20px;\n    color:#555;\n    line-height:1.8;\n    font-size:16px;\n}\n\n\/* MOBILE OPTIMIZATION *\/\n\n@media(max-width:480px){\n\n.magic-card{\n    padding:20px;\n}\n\n.magic-title{\n    font-size:27px;\n}\n\n.magic-subtitle{\n    font-size:17px;\n}\n\n.magic-description{\n    font-size:14px;\n}\n\n.magic-results{\n    font-size:17px;\n}\n\n.magic-footer{\n    font-size:14px;\n}\n\n}\n\n\u003c\/style\u003e","brand":"GlowUP","offers":[{"title":"200ml Magic Mist Bond Protector","offer_id":49281520533747,"sku":null,"price":630.0,"currency_code":"ZAR","in_stock":true},{"title":"150ml Magic Cream Bond Repair Masque","offer_id":49281520566515,"sku":null,"price":630.0,"currency_code":"ZAR","in_stock":true},{"title":"75ml Magic Oil (Portifies Scalp and Hair)","offer_id":49281520599283,"sku":null,"price":850.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0826\/8270\/8211\/files\/rn-image_picker_lib_temp_07f7c993-c039-4bb7-a76a-14a15edd37e7.png?v=1781949880"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0826\/8270\/8211\/collections\/rn-image_picker_lib_temp_d935adca-6c00-4ae1-a8f3-e805b60e7d77.png?v=1781947411","url":"https:\/\/glowupgirl.co.za\/collections\/mycro-keratin.oembed","provider":"GlowUP","version":"1.0","type":"link"}