{"product_id":"kromask-colour-treatment","title":"Kromask Colour Treatment","description":"\u003c!-- KROMASK | MOBILE OPTIMIZED --\u003e\n\u003cdiv class=\"kromask-section\"\u003e\n\n  \u003cdiv class=\"bg-glow glow1\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"bg-glow glow2\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"kromask-card\"\u003e\n\n    \u003cdiv class=\"top-badge\"\u003e\n      🎨 SEMI-PERMANENT COLOUR MASKS\n    \u003c\/div\u003e\n\n    \u003ch1\u003e✨ KROMASK ✨\u003c\/h1\u003e\n\n    \u003cp class=\"subtitle\"\u003e\n      Refresh • Tone • Transform Your Hair Colour 💕\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"hero-box\"\u003e\n      Perfect for natural, coloured, highlighted or bleached hair.\n      Bring dull hair back to life with vibrant salon-inspired colour effects ✨\n    \u003c\/div\u003e\n\n    \u003c!-- BENEFITS --\u003e\n    \u003cdiv class=\"benefits-section\"\u003e\n\n      \u003ch2\u003e💕 Why You'll Love KROMASK\u003c\/h2\u003e\n\n      \u003cdiv class=\"benefit\"\u003e✨ Intensifies and enhances colour shine\u003c\/div\u003e\n\n      \u003cdiv class=\"benefit\"\u003e🎨 Creates fashion \u0026amp; pastel colour effects\u003c\/div\u003e\n\n      \u003cdiv class=\"benefit\"\u003e💖 Refreshes faded cosmetic colour\u003c\/div\u003e\n\n      \u003cdiv class=\"benefit\"\u003e🌈 Perfect for balayage, highlights \u0026amp; blonde hair\u003c\/div\u003e\n\n      \u003cdiv class=\"benefit\"\u003e🧴 Deeply conditions and moisturises\u003c\/div\u003e\n\n      \u003cdiv class=\"benefit\"\u003e⚡ Anti-static \u0026amp; silky smooth finish\u003c\/div\u003e\n\n      \u003cdiv class=\"benefit\"\u003e⏱️ Quick and easy application\u003c\/div\u003e\n\n      \u003cdiv class=\"benefit\"\u003e🌿 100% free of ammonia \u0026amp; oxidizing agents\u003c\/div\u003e\n\n      \u003cdiv class=\"benefit\"\u003e🎀 Safe \u0026amp; easy to use at home\u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- COLORS --\u003e\n    \u003cdiv class=\"colors-section\"\u003e\n\n      \u003ch2\u003e🎨 Trendy Colour Effects\u003c\/h2\u003e\n\n      \u003cdiv class=\"color-grid\"\u003e\n\n        \u003cdiv class=\"color-card violet\"\u003e\n          💜 Violet\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"color-card red\"\u003e\n          ❤️ Cherry Red\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"color-card copper\"\u003e\n          🧡 Copper\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cp class=\"color-text\"\u003e\n        Mix and customize shades together to create unique, personalized colour effects ✨\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- INFO --\u003e\n    \u003cdiv class=\"info-section\"\u003e\n\n      \u003cdiv class=\"info-box\"\u003e\n        ⏳ Lasts 3–5 washes depending on hair type, porosity \u0026amp; base colour.\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"info-box\"\u003e\n        💕 Fades evenly with no unwanted tones.\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"info-box\"\u003e\n        ✨ Maximum leave-in time of 20 minutes delivers the most intense colour payoff.\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- HOW TO USE --\u003e\n    \u003cdiv class=\"howto-section\"\u003e\n\n      \u003ch2\u003e🧴 How To Use\u003c\/h2\u003e\n\n      \u003cdiv class=\"step\"\u003e\n        1️⃣ Wear disposable gloves and avoid applying directly onto the scalp.\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"step\"\u003e\n        2️⃣ Apply 20–30ml to towel-dried hair after shampooing.\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"step\"\u003e\n        3️⃣ Gently comb through using a wide-tooth comb.\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"step\"\u003e\n        4️⃣ Leave on for 3–5 minutes depending on desired intensity.\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"step\"\u003e\n        5️⃣ Rinse thoroughly and style beautifully ✨\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"mix-box\"\u003e\n      🎨 PRO TIP: Mix two or more KROMASK shades together to create completely custom colours and stunning original effects.\n    \u003c\/div\u003e\n\n    \u003cbutton class=\"shop-btn\"\u003e\n      SHOP KROMASK ✨\n    \u003c\/button\u003e\n\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.kromask-section{\n  position:relative;\n  padding:20px;\n  overflow:hidden;\n  background:linear-gradient(180deg,#fff7fb,#ffffff);\n  font-family:'Poppins',sans-serif;\n}\n\n.kromask-card{\n  position:relative;\n  z-index:2;\n  background:#fff;\n  border-radius:30px;\n  padding:24px 18px;\n  box-shadow:0 12px 35px rgba(255,105,180,0.14);\n  animation:fadeUp 1s ease;\n}\n\n.top-badge{\n  display:inline-block;\n  background:#ffe6f0;\n  color:#ff4f93;\n  padding:9px 16px;\n  border-radius:50px;\n  font-size:12px;\n  font-weight:700;\n  margin-bottom:18px;\n  animation:pulse 2s infinite;\n}\n\nh1{\n  text-align:center;\n  font-size:30px;\n  color:#ff4f93;\n  margin-bottom:12px;\n}\n\n.subtitle{\n  text-align:center;\n  color:#666;\n  font-size:15px;\n  margin-bottom:24px;\n}\n\n.hero-box{\n  background:linear-gradient(135deg,#ff7eb3,#ff4f93);\n  color:white;\n  padding:20px;\n  border-radius:22px;\n  text-align:center;\n  font-size:15px;\n  line-height:1.7;\n  font-weight:600;\n  margin-bottom:28px;\n  animation:glow 2.5s infinite alternate;\n}\n\n.benefits-section h2,\n.colors-section h2,\n.howto-section h2{\n  color:#ff4f93;\n  font-size:22px;\n  margin-bottom:18px;\n}\n\n.benefit{\n  background:#fff0f6;\n  padding:14px;\n  border-radius:16px;\n  margin-bottom:12px;\n  color:#555;\n  font-size:14px;\n  animation:float 3s ease-in-out infinite;\n}\n\n.color-grid{\n  display:flex;\n  flex-direction:column;\n  gap:14px;\n  margin-bottom:18px;\n}\n\n.color-card{\n  padding:18px;\n  border-radius:18px;\n  text-align:center;\n  color:white;\n  font-weight:700;\n  font-size:16px;\n  box-shadow:0 6px 18px rgba(0,0,0,0.12);\n  transition:0.3s;\n}\n\n.color-card:hover{\n  transform:translateY(-5px);\n}\n\n.violet{\n  background:linear-gradient(135deg,#9b5cff,#6a11cb);\n}\n\n.red{\n  background:linear-gradient(135deg,#ff5f6d,#c81d25);\n}\n\n.copper{\n  background:linear-gradient(135deg,#ffb347,#ff7b00);\n}\n\n.color-text{\n  text-align:center;\n  color:#666;\n  font-size:14px;\n  line-height:1.7;\n}\n\n.info-section{\n  margin-top:28px;\n}\n\n.info-box{\n  background:#fff7fb;\n  border-left:5px solid #ff4f93;\n  padding:14px;\n  border-radius:14px;\n  margin-bottom:14px;\n  color:#555;\n  font-size:14px;\n}\n\n.howto-section{\n  margin-top:28px;\n}\n\n.step{\n  background:#fff0f6;\n  padding:15px;\n  border-radius:16px;\n  margin-bottom:12px;\n  color:#555;\n  font-size:14px;\n}\n\n.mix-box{\n  margin-top:24px;\n  background:linear-gradient(135deg,#ffb6d5,#ff7eb3);\n  color:white;\n  padding:18px;\n  border-radius:20px;\n  text-align:center;\n  line-height:1.7;\n  font-weight:600;\n  animation:glow 2s infinite alternate;\n}\n\n.shop-btn{\n  width:100%;\n  border:none;\n  margin-top:24px;\n  padding:16px;\n  border-radius:50px;\n  background:linear-gradient(90deg,#ff7eb3,#ff4f93);\n  color:white;\n  font-size:15px;\n  font-weight:700;\n  cursor:pointer;\n  box-shadow:0 10px 24px rgba(255,105,180,0.28);\n  transition:0.3s;\n  animation:pulse 2s infinite;\n}\n\n.shop-btn:hover{\n  transform:scale(1.03);\n}\n\n.bg-glow{\n  position:absolute;\n  border-radius:50%;\n  filter:blur(80px);\n  opacity:0.35;\n}\n\n.glow1{\n  width:200px;\n  height:200px;\n  background:#ffb6d5;\n  top:-70px;\n  left:-70px;\n}\n\n.glow2{\n  width:240px;\n  height:240px;\n  background:#ffd6e7;\n  bottom:-90px;\n  right:-90px;\n}\n\n@keyframes pulse{\n  0%{transform:scale(1);}\n  50%{transform:scale(1.05);}\n  100%{transform:scale(1);}\n}\n\n@keyframes float{\n  0%{transform:translateY(0px);}\n  50%{transform:translateY(-4px);}\n  100%{transform:translateY(0px);}\n}\n\n@keyframes glow{\n  from{\n    box-shadow:0 0 10px rgba(255,105,180,0.2);\n  }\n  to{\n    box-shadow:0 0 26px rgba(255,105,180,0.45);\n  }\n}\n\n@keyframes fadeUp{\n  from{\n    opacity:0;\n    transform:translateY(30px);\n  }\n  to{\n    opacity:1;\n    transform:translateY(0);\n  }\n}\n\n@media(max-width:480px){\n\n  h1{\n    font-size:25px;\n  }\n\n  .benefits-section h2,\n  .colors-section h2,\n  .howto-section h2{\n    font-size:20px;\n  }\n\n  .kromask-card{\n    padding:20px 15px;\n  }\n\n}\n\u003c\/style\u003e","brand":"GlowUP","offers":[{"title":"Silver","offer_id":49058964373747,"sku":null,"price":430.0,"currency_code":"ZAR","in_stock":true},{"title":"Pinky","offer_id":49058964406515,"sku":null,"price":430.0,"currency_code":"ZAR","in_stock":true},{"title":"Toffee","offer_id":49058964439283,"sku":null,"price":430.0,"currency_code":"ZAR","in_stock":true},{"title":"Cherry","offer_id":49058964472051,"sku":null,"price":430.0,"currency_code":"ZAR","in_stock":true},{"title":"Pumpkin","offer_id":49058964504819,"sku":null,"price":430.0,"currency_code":"ZAR","in_stock":true},{"title":"Blueberry","offer_id":49058964537587,"sku":null,"price":430.0,"currency_code":"ZAR","in_stock":true},{"title":"Violet","offer_id":49058964570355,"sku":null,"price":430.0,"currency_code":"ZAR","in_stock":true},{"title":"Chocolate","offer_id":49058964603123,"sku":null,"price":430.0,"currency_code":"ZAR","in_stock":true},{"title":"Honey","offer_id":49058964635891,"sku":null,"price":430.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0826\/8270\/8211\/files\/rn-image_picker_lib_temp_71ec67b2-c079-46eb-bb8c-01826754a4b4.jpg?v=1778835137","url":"https:\/\/glowupgirl.co.za\/products\/kromask-colour-treatment","provider":"GlowUP","version":"1.0","type":"link"}