{"product_id":"icon-vibrant-red-shampoo-250ml","title":"Icon Vibrant Red Shampoo 250ml","description":"\u003cdiv class=\"vibrant-red-product\"\u003e\n\n  \u003cstyle\u003e\n    .vibrant-red-product {\n      font-family: Arial, Helvetica, sans-serif;\n      max-width: 900px;\n      margin: 0 auto;\n      color: #222;\n      line-height: 1.6;\n      overflow: hidden;\n    }\n\n    .vibrant-red-hero {\n      position: relative;\n      padding: 55px 25px;\n      text-align: center;\n      color: white;\n      background: linear-gradient(\n        135deg,\n        #5c0710,\n        #a90d19,\n        #e32c24,\n        #8a0711\n      );\n      background-size: 300% 300%;\n      animation: redGlow 8s ease infinite;\n      border-radius: 22px;\n      box-shadow: 0 15px 35px rgba(150, 0, 20, 0.25);\n    }\n\n    @keyframes redGlow {\n      0% { background-position: 0% 50%; }\n      50% { background-position: 100% 50%; }\n      100% { background-position: 0% 50%; }\n    }\n\n    .vibrant-red-hero h1 {\n      margin: 0;\n      font-size: 34px;\n      font-weight: 800;\n      letter-spacing: 1px;\n      animation: fadeDown 1s ease;\n    }\n\n    .vibrant-red-hero h2 {\n      margin: 10px 0 0;\n      font-size: 20px;\n      font-weight: 400;\n      opacity: 0.95;\n      animation: fadeUp 1.2s ease;\n    }\n\n    @keyframes fadeDown {\n      from {\n        opacity: 0;\n        transform: translateY(-20px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes fadeUp {\n      from {\n        opacity: 0;\n        transform: translateY(20px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    .red-badge {\n      display: inline-block;\n      margin-top: 22px;\n      padding: 10px 20px;\n      background: rgba(255,255,255,0.95);\n      color: #a50d18;\n      border-radius: 50px;\n      font-size: 14px;\n      font-weight: bold;\n      letter-spacing: 0.7px;\n      animation: pulseBadge 2s infinite;\n    }\n\n    @keyframes pulseBadge {\n      0%, 100% {\n        transform: scale(1);\n        box-shadow: 0 0 0 rgba(255,255,255,0);\n      }\n      50% {\n        transform: scale(1.05);\n        box-shadow: 0 0 20px rgba(255,255,255,0.4);\n      }\n    }\n\n    .product-intro {\n      padding: 35px 20px 15px;\n      text-align: center;\n      font-size: 17px;\n    }\n\n    .highlight-text {\n      color: #b10e1c;\n      font-weight: bold;\n    }\n\n    .benefits-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\n      gap: 18px;\n      margin: 30px 10px;\n    }\n\n    .benefit-card {\n      background: #fff;\n      border-radius: 18px;\n      padding: 25px 18px;\n      text-align: center;\n      border: 1px solid #f0d6d8;\n      box-shadow: 0 8px 22px rgba(140, 0, 20, 0.08);\n      transition: all 0.35s ease;\n    }\n\n    .benefit-card:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 15px 30px rgba(140, 0, 20, 0.18);\n    }\n\n    .benefit-icon {\n      font-size: 34px;\n      margin-bottom: 10px;\n      display: block;\n      animation: floatIcon 3s ease-in-out infinite;\n    }\n\n    @keyframes floatIcon {\n      0%,100% { transform: translateY(0); }\n      50% { transform: translateY(-6px); }\n    }\n\n    .benefit-card h3 {\n      margin: 5px 0 8px;\n      color: #9d0c17;\n      font-size: 17px;\n    }\n\n    .colour-section {\n      margin: 35px 10px;\n      padding: 35px 25px;\n      text-align: center;\n      border-radius: 20px;\n      background: linear-gradient(\n        135deg,\n        #fff4f4,\n        #fff,\n        #ffe9e7\n      );\n    }\n\n    .colour-section h2 {\n      color: #a70c18;\n      font-size: 25px;\n      margin-top: 0;\n    }\n\n    .colour-swatches {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      flex-wrap: wrap;\n      gap: 12px;\n      margin: 25px 0;\n    }\n\n    .swatch {\n      width: 55px;\n      height: 55px;\n      border-radius: 50%;\n      border: 3px solid white;\n      box-shadow: 0 4px 10px rgba(0,0,0,0.15);\n      animation: swatchPulse 3s infinite alternate;\n    }\n\n    .swatch:nth-child(1) { background: #681016; }\n    .swatch:nth-child(2) { background: #9e1219; }\n    .swatch:nth-child(3) { background: #c5231c; }\n    .swatch:nth-child(4) { background: #dd4a20; }\n    .swatch:nth-child(5) { background: #e66b28; }\n\n    @keyframes swatchPulse {\n      from { transform: scale(1); }\n      to { transform: scale(1.08); }\n    }\n\n    .how-to-use {\n      margin: 35px 10px;\n      padding: 30px;\n      border-radius: 20px;\n      background: #191919;\n      color: white;\n    }\n\n    .how-to-use h2 {\n      color: #ff6464;\n      text-align: center;\n      margin-top: 0;\n    }\n\n    .steps {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));\n      gap: 15px;\n      margin-top: 25px;\n    }\n\n    .step {\n      text-align: center;\n      padding: 18px;\n    }\n\n    .step-number {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: 42px;\n      height: 42px;\n      margin: 0 auto 12px;\n      border-radius: 50%;\n      background: #b5101c;\n      font-weight: bold;\n      font-size: 18px;\n    }\n\n    .warning-box {\n      margin: 30px 10px;\n      padding: 20px;\n      border-radius: 15px;\n      background: #fff0f0;\n      border-left: 6px solid #b40d19;\n      color: #681016;\n      font-weight: 600;\n      animation: warningGlow 2.5s infinite alternate;\n    }\n\n    @keyframes warningGlow {\n      from {\n        box-shadow: 0 0 0 rgba(180,13,25,0);\n      }\n      to {\n        box-shadow: 0 0 18px rgba(180,13,25,0.15);\n      }\n    }\n\n    .final-banner {\n      margin: 30px 10px 10px;\n      padding: 35px 20px;\n      border-radius: 20px;\n      text-align: center;\n      background: linear-gradient(135deg, #8c0712, #d32121);\n      color: white;\n    }\n\n    .final-banner h2 {\n      margin: 0 0 10px;\n      font-size: 26px;\n    }\n\n    .final-banner p {\n      margin: 0;\n      font-size: 17px;\n    }\n\n    @media(max-width:600px) {\n      .vibrant-red-hero h1 {\n        font-size: 27px;\n      }\n\n      .vibrant-red-hero h2 {\n        font-size: 17px;\n      }\n\n      .colour-section h2,\n      .final-banner h2 {\n        font-size: 22px;\n      }\n    }\n  \u003c\/style\u003e\n\n\n  \u003cdiv class=\"vibrant-red-hero\"\u003e\n    \u003ch1\u003e❤️ ICON COLOUR CARE\u003c\/h1\u003e\n    \u003ch2\u003eVIBRANT RED SHAMPOO\u003c\/h2\u003e\n    \u003cdiv class=\"red-badge\"\u003e\n      ✨ ANTI-FADING COLOUR TECHNOLOGY ✨\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"product-intro\"\u003e\n    Keep your reds looking\n    \u003cspan class=\"highlight-text\"\u003erich, vibrant and beautifully intense.\u003c\/span\u003e\n    \u003cbr\u003e\u003cbr\u003e\n    \u003cstrong\u003eIcon Colour Care Vibrant Red Shampoo\u003c\/strong\u003e gently cleanses\n    the hair while depositing red pigment to help revive, refresh and\n    maintain gorgeous red tones between colour treatments.\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"benefits-grid\"\u003e\n\n    \u003cdiv class=\"benefit-card\"\u003e\n      \u003cspan class=\"benefit-icon\"\u003e❤️\u003c\/span\u003e\n      \u003ch3\u003eREVIVES RED TONES\u003c\/h3\u003e\n      \u003cp\u003e\n        Deposits red pigment while cleansing to help refresh dull or faded\n        red hair.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"benefit-card\"\u003e\n      \u003cspan class=\"benefit-icon\"\u003e✨\u003c\/span\u003e\n      \u003ch3\u003eANTI-FADING TECH\u003c\/h3\u003e\n      \u003cp\u003e\n        Enhanced colour-care technology helps protect and prolong\n        beautiful red colour intensity.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"benefit-card\"\u003e\n      \u003cspan class=\"benefit-icon\"\u003e🫧\u003c\/span\u003e\n      \u003ch3\u003eGENTLE CLEANSING\u003c\/h3\u003e\n      \u003cp\u003e\n        Cleanses the hair while helping maintain the richness and vibrancy\n        of your colour.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"benefit-card\"\u003e\n      \u003cspan class=\"benefit-icon\"\u003e🔥\u003c\/span\u003e\n      \u003ch3\u003eTRUE-TO-TONE COLOUR\u003c\/h3\u003e\n      \u003cp\u003e\n        Helps keep red shades looking fresh, glossy and beautifully\n        vibrant.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"colour-section\"\u003e\n\n    \u003ch2\u003e🍒 PERFECT FOR ALL SHADES OF RED 🍒\u003c\/h2\u003e\n\n    \u003cdiv class=\"colour-swatches\"\u003e\n      \u003cspan class=\"swatch\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"swatch\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"swatch\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"swatch\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"swatch\"\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cp\u003e\n      Recommended for \u003cstrong\u003enatural or colour-treated red hair\u003c\/strong\u003e,\n      from deep burgundy and vibrant cherry red to copper and warmer\n      red-orange tones.\n    \u003c\/p\u003e\n\n    \u003cp\u003e\n      Ideal for helping revive and maintain\n      \u003cstrong\u003etrue-to-tone red colour\u003c\/strong\u003e between salon visits.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"how-to-use\"\u003e\n\n    \u003ch2\u003e✨ HOW TO USE ✨\u003c\/h2\u003e\n\n    \u003cdiv class=\"steps\"\u003e\n\n      \u003cdiv class=\"step\"\u003e\n        \u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n        \u003cstrong\u003eWET HAIR\u003c\/strong\u003e\n        \u003cp\u003eThoroughly wet your hair before application.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"step\"\u003e\n        \u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n        \u003cstrong\u003eAPPLY\u003c\/strong\u003e\n        \u003cp\u003eMassage the shampoo evenly throughout the hair.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"step\"\u003e\n        \u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n        \u003cstrong\u003eALLOW COLOUR TO DEPOSIT\u003c\/strong\u003e\n        \u003cp\u003eWork the product through the hair for an even result.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"step\"\u003e\n        \u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n        \u003cstrong\u003eRINSE\u003c\/strong\u003e\n        \u003cp\u003eRinse thoroughly and follow with your preferred conditioner.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"warning-box\"\u003e\n    ⚠️ \u003cstrong\u003eIMPORTANT:\u003c\/strong\u003e This product contains colour pigment\n    and may stain your skin, hands, towels or clothing. Use with care\n    during application.\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"final-banner\"\u003e\n    \u003ch2\u003e❤️ DON'T LET YOUR RED FADE ❤️\u003c\/h2\u003e\n    \u003cp\u003e\n      Cleanse • Refresh • Revive • Maintain your beautiful red colour\n    with Icon Colour Care Vibrant Red Shampoo.\n    \u003cbr\u003e\u003cbr\u003e\n    \u003cstrong\u003e✨ Add it to your hair-care routine today! ✨\u003c\/strong\u003e\n  \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"GlowUP","offers":[{"title":"Default Title","offer_id":51080906670323,"sku":null,"price":368.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0826\/8270\/8211\/files\/rn-image_picker_lib_temp_a3240ab2-1578-4289-9528-23d8f748a971.jpg?v=1788965352","url":"https:\/\/glowupgirl.co.za\/products\/icon-vibrant-red-shampoo-250ml","provider":"GlowUp","version":"1.0","type":"link"}