{"title":"Build your red hair routine","description":"\u003cscript\u003e\n  window.isBundleBuilderPage = true;\n\u003c\/script\u003e\n\u003cp\u003eBecause no two redheads are the same. Create a personalised routine for healthy-looking, brighter, shinier hair – with savings as you build.\u003c\/p\u003e","products":[{"product_id":"henna-rose-shampoo","title":"Redhead Colour-Enhancing Henna \u0026 Rose Shampoo","description":"\n\u003c!-- split --\u003e\n\n\u003cdiv class=\"section-template--18088689238317__ss_before_after_image_fDyEHk\"\u003e\n    \u003cdiv style=\"border-radius: px;\"\u003e\n      \n        \n            \u003cstyle\u003e\n              .text-text_cjEMkM * {\n                color: var(--color);\n                text-align: var(--text-align);\n              }\n            \u003c\/style\u003e\n            \u003cdiv class=\"text-text_cjEMkM\" style=\"\n                --text-align: left;\n                --color: #000000;\n              \"\u003e\n              \n              \n                \n              \n              \n               \n              \n            \u003c\/div\u003e\n          \n      \n        \n            \u003cstyle\u003e\n              .section-template--18088689238317__ss_before_after_image_fDyEHk  .before-after-image-wrapper {\n                position: relative;\n                --text-primary: 26 26 26;\n                --shadow: 0 5px 15px rgb(var(--text-primary) \/ 0.1);\n                filter: drop-shadow(var(--shadow));\n                user-select: none;\n                overflow: hidden;\n              }\n              .section-template--18088689238317__ss_before_after_image_fDyEHk .filter-invert {\n                filter: invert(1);\n              }\n              .section-template--18088689238317__ss_before_after_image_fDyEHk .placeholder {\n                --text-primary: 26 26 26;\n                background: rgb(var(--text-primary) \/ .3);\n                fill: rgb(var(--text-primary) \/ .7);\n                color: rgb(var(--text-primary) \/ .7);\n                display: block;\n              }\n              .section-template--18088689238317__ss_before_after_image_fDyEHk .before-after-image-text {\n                position: absolute;\n                font-weight: 700;\n              }\n              .section-template--18088689238317__ss_before_after_image_fDyEHk .bg-text {\n                background: white;\n              }\n              .section-template--18088689238317__ss_before_after_image_fDyEHk .before-after-image {\n                width: 100%;\n                display: block;\n              }\n              .section-template--18088689238317__ss_before_after_image_fDyEHk .before-after-image--cover {\n                height: 100%;\n                object-fit: cover;\n                object-position: center;\n              }\n              .section-template--18088689238317__ss_before_after_image_fDyEHk .before-after-image-relative {\n                height: var(--mobile-height);\n              }\n              @media screen and (min-width: 750px) {\n                .section-template--18088689238317__ss_before_after_image_fDyEHk\n                {\n                  padding: 0 0rem !important;\n    }\n                .before-after-image-relative {\n                  height: var(--desktop-height);\n                }\n              }\n            \u003c\/style\u003e\n            \u003cdiv class=\"before-after-image-wrapper\" style=\"\n                --before-after-initial-drag-position: 50%;\n                --clip-path-offset: 0px;\n                border-radius: 5px;\n              \"\u003e\n              \n              \n              \u003cdiv class=\"before-after-image-relative\" style=\"\n                  position: relative;\n                  color: #ffffff;\n                  --mobile-height: 400px;\n                  --desktop-height: 500px;\n                \"\u003e\n                \n                  \u003cimg src=\"\/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_before_vs_after_3.jpg?v=1718790990\" alt=\"\" srcset=\"\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_before_vs_after_3_300x.jpg?v=1718790990 300w,\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_before_vs_after_3_400x.jpg?v=1718790990 400w,\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_before_vs_after_3_500x.jpg?v=1718790990 500w,\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_before_vs_after_3_600x.jpg?v=1718790990 600w,\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_before_vs_after_3_800x.jpg?v=1718790990 800w,\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_before_vs_after_3_1000x.jpg?v=1718790990 1000w,\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_before_vs_after_3_1200x.jpg?v=1718790990 1200w,\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_before_vs_after_3_1400x.jpg?v=1718790990 1400w\n                    \" loading=\"lazy\" draggable=\"false\" class=\"\n                      before-after-image\n                       before-after-image--cover \n                    \"\u003e\n                \n                \n                  \u003cdiv class=\"before-after-image-text before-after-image-text--before\" style=\"\n                      color: #ffffff;\n                      left: 2rem;\n                      \n                        top: 1rem;\n                      \n                    \"\u003e\n                    Before\n                  \u003c\/div\u003e\n                \n              \u003c\/div\u003e\n              \u003cdiv style=\"\n                  clip-path: inset(0 0 0 calc(var(--before-after-initial-drag-position, 50%) + var(--clip-path-offset, 0px)));\n                  position: absolute;\n                  top: 0;\n                  bottom: 0;\n                  left: 0;\n                  right: 0;\n                  color: #ffffff;\n                \"\u003e\n                \n                  \u003cimg src=\"\/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_after_4.jpg?v=1719224856\" alt=\"\" srcset=\"\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_after_4_300x.jpg?v=1719224856 300w,\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_after_4_400x.jpg?v=1719224856 400w,\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_after_4_500x.jpg?v=1719224856 500w,\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_after_4_600x.jpg?v=1719224856 600w,\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_after_4_800x.jpg?v=1719224856 800w,\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_after_4_1000x.jpg?v=1719224856 1000w,\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_after_4_1200x.jpg?v=1719224856 1200w,\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_after_4_1400x.jpg?v=1719224856 1400w\n                    \" loading=\"lazy\" draggable=\"false\" class=\"\n                      before-after-image\n                       before-after-image--cover \n                    \"\u003e\n                \n                \n                  \u003cdiv class=\"before-after-image-text before-after-image-text--after\" style=\"\n                      color: #ffffff;\n                      right: 2rem;\n                      \n                        top: 1rem;\n                      \n                    \"\u003e\n                    After\n                  \u003c\/div\u003e\n                \n              \u003c\/div\u003e\n              \n              \u003cstyle\u003e\n                .section-template--18088689238317__ss_before_after_image_fDyEHk .before-after__cursor {\n                  height: 100%;\n                  width: max-content;\n                  touch-action: none;\n                  --transform-logical-flip: 1;\n                  transform: translate(calc(var(--transform-logical-flip) * -50% + var(--clip-path-offset, 0px)),-50%);\n                  cursor: grab;\n                  filter: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);\n                  will-change: transform;\n                  place-items: center;\n                  display: grid;\n                  position: relative;\n                  top: 50%;\n                  left: var(--before-after-initial-drag-position, 0px);\n                }\n                .section-template--18088689238317__ss_before_after_image_fDyEHk .before-after__cursor:before {\n                  content: '';\n                  height: 100%;\n                  width: 2px;\n                  background: var(--background);\n                  z-index: -1;\n                  position: absolute;\n                }\n              \u003c\/style\u003e\n              \u003cdiv style=\"\n                  position: absolute;\n                  top: 0;\n                  bottom: 0;\n                  left: 0;\n                  right: 0;\n                \"\u003e\n                \u003csplit-cursor class=\"before-after__cursor\" style=\"--background: #ffffff; \"\u003e\n                  \u003csvg role=\"presentation\" focusable=\"false\" width=\"28\" height=\"35\" viewbox=\"0 0 32 40\" style=\"width: 40px; height: 40px;\"\u003e\n                    \u003cpath d=\"M0 16C0 7.16344 7.16344 0 16 0C24.8366 0 32 7.16344 32 16V24C32 32.8366 24.8366 40 16 40C7.16344 40 0 32.8366 0 24V16Z\" fill=\"#ffffff\"\u003e\u003c\/path\u003e\n                    \u003cpath fill=\"#000000\" d=\"M11 14H13V26H11zM15 14H17V26H15zM19 14H21V26H19z\"\u003e\u003c\/path\u003e\n                  \u003c\/svg\u003e\n                \u003c\/split-cursor\u003e\n              \u003c\/div\u003e\n              \u003cscript\u003e\n                (function () {\n                  function setup() {\n                    const cursor = document.querySelector(\n                      '.section-template--18088689238317__ss_before_after_image_fDyEHk .before-after__cursor'\n                    );\n                    const imageWrapper = document.querySelector(\n                      '.section-template--18088689238317__ss_before_after_image_fDyEHk .before-after-image-wrapper'\n                    );\n\n                    \/\/ drag the cursor to update the imageWrapper's --clip-path-offset value (px)\n                    let xStart, xEnd, xDiff, originalOffset;\n                    function dragStart(event) {\n                      xStart = event.clientX;\n                      originalOffset = imageWrapper.style\n                        .getPropertyValue('--clip-path-offset')\n                        .slice(0, -2);\n                      \/\/xStart = imageWrapper.style\n                      \/\/  .getPropertyValue('--clip-path-offset')\n                      \/\/  .slice(0, -2);\n                      document.addEventListener('pointermove', dragMove);\n                      document.addEventListener('pointerup', dragEnd);\n                    }\n\n                    function dragMove(event) {\n                      xEnd = event.clientX;\n                      xDiff = xEnd - xStart;\n\n                      \/\/ clamp the value to the imageWrapper's 1\/2 width\n                      let result = xDiff + parseInt(originalOffset);\n                      const negativeMax = -1 * (imageWrapper.offsetWidth \/ 2);\n                      const positiveMax = imageWrapper.offsetWidth \/ 2;\n                      if (result \u003c negativeMax) {\n                        result = negativeMax;\n                      } else if (result \u003e positiveMax) {\n                        result = positiveMax;\n                      }\n                      imageWrapper.style.setProperty(\n                        '--clip-path-offset',\n                        result + 'px'\n                      );\n                    }\n\n                    function dragEnd(event) {\n                      document.removeEventListener('pointermove', dragMove);\n                      document.removeEventListener('pointerup', dragEnd);\n                    }\n\n                    cursor.addEventListener('pointerdown', dragStart);\n                  }\n                  setup();\n                  if (Shopify.designMode) {\n                    document.addEventListener('shopify:section:load', setup);\n                  }\n                })();\n              \u003c\/script\u003e\n            \u003c\/div\u003e\n          \n       \u003cdiv\u003e\n                  \u003cp style=\"font-size:15px\"\u003eAshley achieved these before and after results after 2 weeks of using our shampoo and \u003ca style=\"color:#ff5a00\" href=\"https:\/\/gingerfulhair.com\/products\/henna-rose-conditioner\" title=\"https:\/\/gingerfulhair.com\/products\/henna-rose-conditioner\"\u003econditioner\u003c\/a\u003e.\u003cbr\u003e\u003ci\u003e\u003ca style=\"color:#ff5a00\" href=\"https:\/\/gingerfulhair.com\/pages\/customer-results\"\u003eView more customer results\u003c\/a\u003e\u003c\/i\u003e (remember to take photos of your before and after)!\u003c\/p\u003e\n                \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003cbr\u003e\n\n\u003ch2\u003eWhat makes this different\u003c\/h2\u003e\n\u003cp\u003e♥︎ Enhances, not dyes: No harsh colourants or colour-depositing. Just plant-based henna that gently builds up your red tones over time.\n\u003c\/p\u003e\n\u003cp\u003e♥︎ Made for natural and dyed redheads: Designed specifically for the unique structure and pigment complexity of red hair.\u003c\/p\u003e\n\u003cp\u003e♥︎ Multi-tonal, never flat: Enhances natural variation of highlights and lowlights found within red shades, instead of creating a single, artificial shade.\u003c\/p\u003e\n\u003cp\u003e♥︎ Shine you can see: Smoother cuticle = more light reflection = glossier, richer-looking colour.\u003c\/p\u003e\n  \u003cbr\u003e\n\u003ch2\u003eIs Gingerful right for you?\u003c\/h2\u003e\n\u003cp\u003ePerfect for:\u003c\/p\u003e\n✓ Natural redheads\u003cbr\u003e\n✓ Auburn, copper, strawberry blonde tones\u003cbr\u003e\n✓ Dyed red hair needing vibrancy (including bleached hair)\u003cbr\u003e\n✓ Dull or faded red tones\u003cbr\u003e\u003cbr\u003e\n\u003cp\u003eNot ideal for:\u003c\/p\u003e\n✖ Hair with no red pigment\u003cbr\u003e\n✖ Those wanting an instant, dramatic colour change\u003cbr\u003e\n\u003cbr\u003e\n\n\u003ch2\u003eHow this shampoo works\u003c\/h2\u003e\n\u003cp\u003eOur Henna \u0026amp; Rose Shampoo boasts the perfect level of natural henna to boost multi-tonal red hair shades over time, without permanently dyeing strands. With regular use, red hair appears warmer, shinier, more vibrant and multi-tonal over time.\u003c\/p\u003e\n\u003cp\u003eWhile henna works on colour, a blend of botanical ingredients (rose, hibiscus, ginger and more) helps to deeply nourish red hair, leaving it softer, smoother and full of shine.\u003c\/p\u003e\n\n\n\n","brand":"Henna-infused shampoo to boost red\/ginger tones found in red hair.","offers":[{"title":"Default Title","offer_id":44544829456685,"sku":"SQ3386310","price":13.95,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0728\/8986\/0397\/products\/Henna_and_Rose_Shampoo_for_Redheads_-_Gingerful.jpg?v=1769679791"},{"product_id":"henna-rose-conditioner","title":"Nourishing Henna \u0026 Rose Conditioner for Redheads","description":"\n\u003c!-- split --\u003e\n\n\u003cdiv class=\"section-template--18088689238317__ss_before_after_image_fDyEHk\"\u003e\n    \u003cdiv style=\"border-radius: px;\"\u003e\n      \n        \n            \u003cstyle\u003e\n              .text-text_cjEMkM * {\n                color: var(--color);\n                text-align: var(--text-align);\n              }\n            \u003c\/style\u003e\n            \u003cdiv class=\"text-text_cjEMkM\" style=\"\n                --text-align: left;\n                --color: #000000;\n              \"\u003e\n              \n              \n               \n              \n              \n               \n              \n            \u003c\/div\u003e\n          \n      \n        \n            \u003cstyle\u003e\n              .section-template--18088689238317__ss_before_after_image_fDyEHk  .before-after-image-wrapper {\n                position: relative;\n                --text-primary: 26 26 26;\n                --shadow: 0 5px 15px rgb(var(--text-primary) \/ 0.1);\n                filter: drop-shadow(var(--shadow));\n                user-select: none;\n                overflow: hidden;\n              }\n              .section-template--18088689238317__ss_before_after_image_fDyEHk .filter-invert {\n                filter: invert(1);\n              }\n              .section-template--18088689238317__ss_before_after_image_fDyEHk .placeholder {\n                --text-primary: 26 26 26;\n                background: rgb(var(--text-primary) \/ .3);\n                fill: rgb(var(--text-primary) \/ .7);\n                color: rgb(var(--text-primary) \/ .7);\n                display: block;\n              }\n              .section-template--18088689238317__ss_before_after_image_fDyEHk .before-after-image-text {\n                position: absolute;\n                font-weight: 700;\n              }\n              .section-template--18088689238317__ss_before_after_image_fDyEHk .bg-text {\n                background: white;\n              }\n              .section-template--18088689238317__ss_before_after_image_fDyEHk .before-after-image {\n                width: 100%;\n                display: block;\n              }\n              .section-template--18088689238317__ss_before_after_image_fDyEHk .before-after-image--cover {\n                height: 100%;\n                object-fit: cover;\n                object-position: center;\n              }\n              .section-template--18088689238317__ss_before_after_image_fDyEHk .before-after-image-relative {\n                height: var(--mobile-height);\n              }\n              @media screen and (min-width: 750px) {\n                .section-template--18088689238317__ss_before_after_image_fDyEHk\n                {\n                  padding: 0 0rem !important;\n    }\n                .before-after-image-relative {\n                  height: var(--desktop-height);\n                }\n              }\n            \u003c\/style\u003e\n            \u003cdiv class=\"before-after-image-wrapper\" style=\"\n                --before-after-initial-drag-position: 50%;\n                --clip-path-offset: 0px;\n                border-radius: 5px;\n              \"\u003e\n              \n              \n              \u003cdiv class=\"before-after-image-relative\" style=\"\n                  position: relative;\n                  color: #ffffff;\n                  --mobile-height: 400px;\n                  --desktop-height: 500px;\n                \"\u003e\n                \n                  \u003cimg src=\"\/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_before_vs_after_3.jpg?v=1718790990\" alt=\"\" srcset=\"\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_before_vs_after_3_300x.jpg?v=1718790990 300w,\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_before_vs_after_3_400x.jpg?v=1718790990 400w,\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_before_vs_after_3_500x.jpg?v=1718790990 500w,\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_before_vs_after_3_600x.jpg?v=1718790990 600w,\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_before_vs_after_3_800x.jpg?v=1718790990 800w,\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_before_vs_after_3_1000x.jpg?v=1718790990 1000w,\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_before_vs_after_3_1200x.jpg?v=1718790990 1200w,\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_before_vs_after_3_1400x.jpg?v=1718790990 1400w\n                    \" loading=\"lazy\" draggable=\"false\" class=\"\n                      before-after-image\n                       before-after-image--cover \n                    \"\u003e\n                \n                \n                  \u003cdiv class=\"before-after-image-text before-after-image-text--before\" style=\"\n                      color: #ffffff;\n                      left: 2rem;\n                      \n                        top: 1rem;\n                      \n                    \"\u003e\n                    Before\n                  \u003c\/div\u003e\n                \n              \u003c\/div\u003e\n              \u003cdiv style=\"\n                  clip-path: inset(0 0 0 calc(var(--before-after-initial-drag-position, 50%) + var(--clip-path-offset, 0px)));\n                  position: absolute;\n                  top: 0;\n                  bottom: 0;\n                  left: 0;\n                  right: 0;\n                  color: #ffffff;\n                \"\u003e\n                \n                  \u003cimg src=\"\/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_after_4.jpg?v=1719224856\" alt=\"\" srcset=\"\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_after_4_300x.jpg?v=1719224856 300w,\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_after_4_400x.jpg?v=1719224856 400w,\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_after_4_500x.jpg?v=1719224856 500w,\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_after_4_600x.jpg?v=1719224856 600w,\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_after_4_800x.jpg?v=1719224856 800w,\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_after_4_1000x.jpg?v=1719224856 1000w,\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_after_4_1200x.jpg?v=1719224856 1200w,\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_after_4_1400x.jpg?v=1719224856 1400w\n                    \" loading=\"lazy\" draggable=\"false\" class=\"\n                      before-after-image\n                       before-after-image--cover \n                    \"\u003e\n                \n                \n                  \u003cdiv class=\"before-after-image-text before-after-image-text--after\" style=\"\n                      color: #ffffff;\n                      right: 2rem;\n                      \n                        top: 1rem;\n                      \n                    \"\u003e\n                    After\n                  \u003c\/div\u003e\n                \n              \u003c\/div\u003e\n              \n              \u003cstyle\u003e\n                .section-template--18088689238317__ss_before_after_image_fDyEHk .before-after__cursor {\n                  height: 100%;\n                  width: max-content;\n                  touch-action: none;\n                  --transform-logical-flip: 1;\n                  transform: translate(calc(var(--transform-logical-flip) * -50% + var(--clip-path-offset, 0px)),-50%);\n                  cursor: grab;\n                  filter: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);\n                  will-change: transform;\n                  place-items: center;\n                  display: grid;\n                  position: relative;\n                  top: 50%;\n                  left: var(--before-after-initial-drag-position, 0px);\n                }\n                .section-template--18088689238317__ss_before_after_image_fDyEHk .before-after__cursor:before {\n                  content: '';\n                  height: 100%;\n                  width: 2px;\n                  background: var(--background);\n                  z-index: -1;\n                  position: absolute;\n                }\n              \u003c\/style\u003e\n              \u003cdiv style=\"\n                  position: absolute;\n                  top: 0;\n                  bottom: 0;\n                  left: 0;\n                  right: 0;\n                \"\u003e\n                \u003csplit-cursor class=\"before-after__cursor\" style=\"--background: #ffffff; \"\u003e\n                  \u003csvg role=\"presentation\" focusable=\"false\" width=\"28\" height=\"35\" viewbox=\"0 0 32 40\" style=\"width: 40px; height: 40px;\"\u003e\n                    \u003cpath d=\"M0 16C0 7.16344 7.16344 0 16 0C24.8366 0 32 7.16344 32 16V24C32 32.8366 24.8366 40 16 40C7.16344 40 0 32.8366 0 24V16Z\" fill=\"#ffffff\"\u003e\u003c\/path\u003e\n                    \u003cpath fill=\"#000000\" d=\"M11 14H13V26H11zM15 14H17V26H15zM19 14H21V26H19z\"\u003e\u003c\/path\u003e\n                  \u003c\/svg\u003e\n                \u003c\/split-cursor\u003e\n              \u003c\/div\u003e\n              \u003cscript\u003e\n                (function () {\n                  function setup() {\n                    const cursor = document.querySelector(\n                      '.section-template--18088689238317__ss_before_after_image_fDyEHk .before-after__cursor'\n                    );\n                    const imageWrapper = document.querySelector(\n                      '.section-template--18088689238317__ss_before_after_image_fDyEHk .before-after-image-wrapper'\n                    );\n\n                    \/\/ drag the cursor to update the imageWrapper's --clip-path-offset value (px)\n                    let xStart, xEnd, xDiff, originalOffset;\n                    function dragStart(event) {\n                      xStart = event.clientX;\n                      originalOffset = imageWrapper.style\n                        .getPropertyValue('--clip-path-offset')\n                        .slice(0, -2);\n                      \/\/xStart = imageWrapper.style\n                      \/\/  .getPropertyValue('--clip-path-offset')\n                      \/\/  .slice(0, -2);\n                      document.addEventListener('pointermove', dragMove);\n                      document.addEventListener('pointerup', dragEnd);\n                    }\n\n                    function dragMove(event) {\n                      xEnd = event.clientX;\n                      xDiff = xEnd - xStart;\n\n                      \/\/ clamp the value to the imageWrapper's 1\/2 width\n                      let result = xDiff + parseInt(originalOffset);\n                      const negativeMax = -1 * (imageWrapper.offsetWidth \/ 2);\n                      const positiveMax = imageWrapper.offsetWidth \/ 2;\n                      if (result \u003c negativeMax) {\n                        result = negativeMax;\n                      } else if (result \u003e positiveMax) {\n                        result = positiveMax;\n                      }\n                      imageWrapper.style.setProperty(\n                        '--clip-path-offset',\n                        result + 'px'\n                      );\n                    }\n\n                    function dragEnd(event) {\n                      document.removeEventListener('pointermove', dragMove);\n                      document.removeEventListener('pointerup', dragEnd);\n                    }\n\n                    cursor.addEventListener('pointerdown', dragStart);\n                  }\n                  setup();\n                  if (Shopify.designMode) {\n                    document.addEventListener('shopify:section:load', setup);\n                  }\n                })();\n              \u003c\/script\u003e\n            \u003c\/div\u003e\n          \n       \u003cdiv\u003e\n                  \u003cp style=\"font-size:15px\"\u003eAshley achieved these before and after results after 2 weeks of using our \u003ca style=\"color:#ff5a00\" href=\"https:\/\/gingerfulhair.com\/products\/henna-rose-shampoo\" title=\"https:\/\/gingerfulhair.com\/products\/henna-rose-shampoo\"\u003eshampoo\u003c\/a\u003e and conditioner.\u003cbr\u003e\u003ca style=\"color:#ff5a00\" href=\"https:\/\/gingerfulhair.com\/pages\/customer-results\"\u003e\u003ci\u003eView more customer results\u003c\/i\u003e\u003c\/a\u003e (remember to take photos of your before and after)!\u003c\/p\u003e\n                \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003cbr\u003e\n\n\u003ch2\u003eWhat makes this different\u003c\/h2\u003e\n\u003cp\u003e♥︎ Enhances, not dyes: No harsh colourants or colour-depositing. Just plant-based henna that gently builds up your red tones over time.\n\u003c\/p\u003e\n\u003cp\u003e♥︎ Made for natural and dyed redheads: Designed specifically for the unique structure and pigment complexity of red hair.\u003c\/p\u003e\n\u003cp\u003e♥︎ Multi-tonal, never flat: Enhances natural variation of highlights and lowlights found within red shades, instead of creating a single, artificial shade.\u003c\/p\u003e\n\u003cp\u003e♥︎ Shine you can see: Smoother cuticle = more light reflection = glossier, richer-looking colour.\u003c\/p\u003e\n  \u003cbr\u003e\n\u003ch2\u003eIs Gingerful right for you?\u003c\/h2\u003e\n\u003cp\u003ePerfect for:\u003c\/p\u003e\n✓ Natural redheads\u003cbr\u003e\n✓ Auburn, copper, strawberry blonde tones\u003cbr\u003e\n✓ Dyed red hair needing vibrancy (including bleached hair)\u003cbr\u003e\u003cbr\u003e\n\u003cp\u003eNot ideal for:\u003c\/p\u003e\n✖ Hair with no red pigment\u003cbr\u003e\n✖ Those wanting an instant, dramatic colour change\u003cbr\u003e\n\u003cbr\u003e\n\n\u003ch2\u003eHow this conditioner works\u003c\/h2\u003e\n\u003cp\u003eOur conditioner is a henna-infused explosion of moisture for red hair. While henna enhances colour to reveal your multi-tonal ginger highlights and lowlights, a whole force of other natural ingredients come together to nourish red hair in ways mainstream products don’t. Rose, aloe leaf, avocado, lavender, chamomile, carrot, ginger and hibiscus all contain vitamins and minerals essential for healthy red hair, using their natural properties to lock in smoothness, strength and shine. Designed to work alongside our henna-enhancing shampoo to maximise vibrancy and shine.\u003c\/p\u003e\n\n\n\n","brand":"Henna-infused conditioner to maintain and moisturise red\/ginger hair.","offers":[{"title":"Default Title","offer_id":44548395499821,"sku":"SQ1208675","price":13.95,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0728\/8986\/0397\/products\/Henna_and_Rose_Conditioner_for_Redheads_-_Gingerful.jpg?v=1769603833"},{"product_id":"henna-rose-hair-mask","title":"Deep Conditioning Henna \u0026 Rose Hair Mask for Redheads","description":"\n\u003c!-- split --\u003e\n\n\u003cdiv class=\"section-template--18088689238317__ss_before_after_image_fDyEHk-wrapper\" style=\"\n    --pt: 27px;\n    --pt-desktop: 36px;\n    --pb: 27px;\n    --pb-desktop: 36px;\n    --max-width: 120rem;\n    background-color: rgba(0,0,0,0);\n    background: ;\n  \"\u003e\n  \u003cdiv class=\"section-template--18088689238317__ss_before_after_image_fDyEHk\"\u003e\n    \u003cdiv style=\"border-radius: px;\"\u003e\n      \n        \n            \u003cstyle\u003e\n              .text-text_cjEMkM * {\n                color: var(--color);\n                text-align: var(--text-align);\n              }\n            \u003c\/style\u003e\n            \u003cdiv class=\"text-text_cjEMkM\" style=\"\n                --text-align: left;\n                --color: #000000;\n              \"\u003e\n              \n              \n                \n              \n              \n               \n              \n            \u003c\/div\u003e\n          \n      \n        \n            \u003cstyle\u003e\n              .section-template--18088689238317__ss_before_after_image_fDyEHk  .before-after-image-wrapper {\n                position: relative;\n                --text-primary: 26 26 26;\n                --shadow: 0 5px 15px rgb(var(--text-primary) \/ 0.1);\n                filter: drop-shadow(var(--shadow));\n                user-select: none;\n                overflow: hidden;\n              }\n              .section-template--18088689238317__ss_before_after_image_fDyEHk .filter-invert {\n                filter: invert(1);\n              }\n              .section-template--18088689238317__ss_before_after_image_fDyEHk .placeholder {\n                --text-primary: 26 26 26;\n                background: rgb(var(--text-primary) \/ .3);\n                fill: rgb(var(--text-primary) \/ .7);\n                color: rgb(var(--text-primary) \/ .7);\n                display: block;\n              }\n              .section-template--18088689238317__ss_before_after_image_fDyEHk .before-after-image-text {\n                position: absolute;\n                font-weight: 700;\n              }\n              .section-template--18088689238317__ss_before_after_image_fDyEHk .bg-text {\n                background: white;\n              }\n              .section-template--18088689238317__ss_before_after_image_fDyEHk .before-after-image {\n                width: 100%;\n                display: block;\n              }\n              .section-template--18088689238317__ss_before_after_image_fDyEHk .before-after-image--cover {\n                height: 100%;\n                object-fit: cover;\n                object-position: center;\n              }\n              .section-template--18088689238317__ss_before_after_image_fDyEHk .before-after-image-relative {\n                height: var(--mobile-height);\n              }\n              @media screen and (min-width: 750px) {\n                .section-template--18088689238317__ss_before_after_image_fDyEHk {\n                  padding: 0 0rem !important;\n                  \n                  .before-after-image-relative {\n                  height: var(--desktop-height);\n                }\n              }\n            \u003c\/style\u003e\n            \u003cdiv class=\"before-after-image-wrapper\" style=\"\n                --before-after-initial-drag-position: 50%;\n                --clip-path-offset: 0px;\n                border-radius: 5px;\n              \"\u003e\n              \n              \n              \u003cdiv class=\"before-after-image-relative\" style=\"\n                  position: relative;\n                  color: #ffffff;\n                  --mobile-height: 400px;\n                  --desktop-height: 500px;\n                \"\u003e\n                \n                  \u003cimg src=\"\/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_Megan_before.jpg?v=1718790747\" alt=\"\" srcset=\"\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_Megan_before_300x.jpg?v=1718790747 300w,\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_Megan_before_400x.jpg?v=1718790747 400w,\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_Megan_before_500x.jpg?v=1718790747 500w,\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_Megan_before_600x.jpg?v=1718790747 600w,\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_Megan_before_800x.jpg?v=1718790747 800w,\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_Megan_before_1000x.jpg?v=1718790747 1000w,\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_Megan_before_1200x.jpg?v=1718790747 1200w,\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_Megan_before_1400x.jpg?v=1718790747 1400w\n                    \" loading=\"lazy\" draggable=\"false\" class=\"\n                      before-after-image\n                       before-after-image--cover \n                    \"\u003e\n                \n                \n                  \u003cdiv class=\"before-after-image-text before-after-image-text--before\" style=\"\n                      color: #ffffff;\n                      left: 2rem;\n                      \n                        top: 1rem;\n                      \n                    \"\u003e\n                    Before\n                  \u003c\/div\u003e\n                \n              \u003c\/div\u003e\n              \u003cdiv style=\"\n                  clip-path: inset(0 0 0 calc(var(--before-after-initial-drag-position, 50%) + var(--clip-path-offset, 0px)));\n                  position: absolute;\n                  top: 0;\n                  bottom: 0;\n                  left: 0;\n                  right: 0;\n                  color: #ffffff;\n                \"\u003e\n                \n                  \u003cimg src=\"\/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_Megan_after.gif?v=1718790769\" alt=\"\" srcset=\"\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_Megan_after_300x.gif?v=1718790769 300w,\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_Megan_after_400x.gif?v=1718790769 400w,\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_Megan_after_500x.gif?v=1718790769 500w,\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_Megan_after_600x.gif?v=1718790769 600w,\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_Megan_after_800x.gif?v=1718790769 800w,\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_Megan_after_1000x.gif?v=1718790769 1000w,\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_Megan_after_1200x.gif?v=1718790769 1200w,\n                      \/\/gingerfulhair.com\/cdn\/shop\/files\/Gingerful_Megan_after_1400x.gif?v=1718790769 1400w\n                    \" loading=\"lazy\" draggable=\"false\" class=\"\n                      before-after-image\n                       before-after-image--cover \n                    \"\u003e\n                \n                \n                  \u003cdiv class=\"before-after-image-text before-after-image-text--after\" style=\"\n                      color: #ffffff;\n                      right: 2rem;\n                      \n                        top: 1rem;\n                      \n                    \"\u003e\n                    After\n                  \u003c\/div\u003e\n                \n              \u003c\/div\u003e\n              \n              \u003cstyle\u003e\n                .section-template--18088689238317__ss_before_after_image_fDyEHk .before-after__cursor {\n                  height: 100%;\n                  width: max-content;\n                  touch-action: none;\n                  --transform-logical-flip: 1;\n                  transform: translate(calc(var(--transform-logical-flip) * -50% + var(--clip-path-offset, 0px)),-50%);\n                  cursor: grab;\n                  filter: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);\n                  will-change: transform;\n                  place-items: center;\n                  display: grid;\n                  position: relative;\n                  top: 50%;\n                  left: var(--before-after-initial-drag-position, 0px);\n                }\n                .section-template--18088689238317__ss_before_after_image_fDyEHk .before-after__cursor:before {\n                  content: '';\n                  height: 100%;\n                  width: 2px;\n                  background: var(--background);\n                  z-index: -1;\n                  position: absolute;\n                }\n              \u003c\/style\u003e\n              \u003cdiv style=\"\n                  position: absolute;\n                  top: 0;\n                  bottom: 0;\n                  left: 0;\n                  right: 0;\n                \"\u003e\n                \u003csplit-cursor class=\"before-after__cursor\" style=\"--background: #ffffff; \"\u003e\n                  \u003csvg role=\"presentation\" focusable=\"false\" width=\"28\" height=\"35\" viewbox=\"0 0 32 40\" style=\"width: 40px; height: 40px;\"\u003e\n                    \u003cpath d=\"M0 16C0 7.16344 7.16344 0 16 0C24.8366 0 32 7.16344 32 16V24C32 32.8366 24.8366 40 16 40C7.16344 40 0 32.8366 0 24V16Z\" fill=\"#ffffff\"\u003e\u003c\/path\u003e\n                    \u003cpath fill=\"#000000\" d=\"M11 14H13V26H11zM15 14H17V26H15zM19 14H21V26H19z\"\u003e\u003c\/path\u003e\n                  \u003c\/svg\u003e\n                \u003c\/split-cursor\u003e\n              \u003c\/div\u003e\n              \u003cscript\u003e\n                (function () {\n                  function setup() {\n                    const cursor = document.querySelector(\n                      '.section-template--18088689238317__ss_before_after_image_fDyEHk .before-after__cursor'\n                    );\n                    const imageWrapper = document.querySelector(\n                      '.section-template--18088689238317__ss_before_after_image_fDyEHk .before-after-image-wrapper'\n                    );\n\n                    \/\/ drag the cursor to update the imageWrapper's --clip-path-offset value (px)\n                    let xStart, xEnd, xDiff, originalOffset;\n                    function dragStart(event) {\n                      xStart = event.clientX;\n                      originalOffset = imageWrapper.style\n                        .getPropertyValue('--clip-path-offset')\n                        .slice(0, -2);\n                      \/\/xStart = imageWrapper.style\n                      \/\/  .getPropertyValue('--clip-path-offset')\n                      \/\/  .slice(0, -2);\n                      document.addEventListener('pointermove', dragMove);\n                      document.addEventListener('pointerup', dragEnd);\n                    }\n\n                    function dragMove(event) {\n                      xEnd = event.clientX;\n                      xDiff = xEnd - xStart;\n\n                      \/\/ clamp the value to the imageWrapper's 1\/2 width\n                      let result = xDiff + parseInt(originalOffset);\n                      const negativeMax = -1 * (imageWrapper.offsetWidth \/ 2);\n                      const positiveMax = imageWrapper.offsetWidth \/ 2;\n                      if (result \u003c negativeMax) {\n                        result = negativeMax;\n                      } else if (result \u003e positiveMax) {\n                        result = positiveMax;\n                      }\n                      imageWrapper.style.setProperty(\n                        '--clip-path-offset',\n                        result + 'px'\n                      );\n                    }\n\n                    function dragEnd(event) {\n                      document.removeEventListener('pointermove', dragMove);\n                      document.removeEventListener('pointerup', dragEnd);\n                    }\n\n                    cursor.addEventListener('pointerdown', dragStart);\n                  }\n                  setup();\n                  if (Shopify.designMode) {\n                    document.addEventListener('shopify:section:load', setup);\n                  }\n                })();\n              \u003c\/script\u003e\n            \u003c\/div\u003e\n          \n       \u003cdiv\u003e\n                  \u003cp style=\"font-size:15px\"\u003eMegan achieved these before and after results with our \u003ca style=\"color:#ff5a00\" href=\"https:\/\/gingerfulhair.com\/products\/henna-rose-shampoo-conditioner-mask-bundle\" title=\"https:\/\/gingerfulhair.com\/products\/henna-rose-shampoo-conditioner-mask-bundle\"\u003eshampoo, conditioner + hair mask\u003c\/a\u003e.\u003cbr\u003e\n                  \u003ca style=\"color:#ff5a00\" href=\"https:\/\/gingerfulhair.com\/pages\/customer-results\"\u003e\u003ci\u003eView more customer results\u003c\/i\u003e\u003c\/a\u003e (remember to take photos of your before and after)!\u003c\/p\u003e\n                \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\u003ch2\u003eWhat makes this different\u003c\/h2\u003e\n\u003cp\u003e♥︎ Intensive ingredients: A deeper treatment step than conditioner, designed for weekly intensive nourishment.\u003c\/p\u003e\n\n                    \u003cp\u003e♥︎ Designed for red hair, not all hair type: Formulated specifically to support the unique needs of red hair, helping maintain richness, shine and multi-tonal depth over time.\u003c\/p\u003e\n\n\u003cp\u003e♥︎ Deep repair + colour support in one step: While intensive conditioning ingredients restore moisture and strengthen dry or damaged strands, a small amount of natural henna helps support the appearance of warmer, more vibrant red tones.\u003c\/p\u003e\n\n\u003cp\u003e♥︎ Multi-tonal, never flat colour: Instead of coating or masking your hair, it works with your natural variation in tone to enhance dimension, shine and light reflection.\u003c\/p\u003e\n\n\u003cp\u003e♥︎ Intensive nourishment without heaviness: Rich botanical oils and butters deeply hydrate and smooth the hair, leaving it soft and restored without weighing it down.\u003c\/p\u003e\n\n            \u003cbr\u003e\n\n                    \n\u003ch2\u003eIs Gingerful right for you?\u003c\/h2\u003e\n\u003cp\u003ePerfect for:\u003c\/p\u003e\n✓ Natural redheads\u003cbr\u003e\n✓ Auburn, copper, strawberry blonde tones\u003cbr\u003e\n✓ Colour-treated red hair needing vibrancy (including bleached hair)\u003cbr\u003e\u003cbr\u003e\n\n\u003cp\u003eNot ideal for:\u003c\/p\u003e\n✖ Hair with no red pigment\u003cbr\u003e\n✖ Those wanting an instant, dramatic colour change\u003cbr\u003e\n\n\n\n\n                    \n\u003cbr\u003e\n\u003ch2\u003eHow this hair mask works\u003c\/h2\u003e\n\n\u003cp\u003eOur hair mask is a luxurious remedy for your red hair, working to improve manageability, texture, dryness and shine while keeping strands feeling light, glossy and full of bounce. Key ingredients include a healthy (and yummy) balance of shea butter, cocoa butter and coconut oil which work together to pump and lock in moisture to protect from damage and breakage. It’s a buttery, comforting fix of nutrients and moisture that you didn’t even know your red hair needed. A small amount of henna helps to keep red tones boosted, too.\u003c\/p\u003e\n\n\n\n\n","brand":"Henna-infused hair mask to intensely moisturise and nourish red\/ginger hair.","offers":[{"title":"Default Title","offer_id":44568481333549,"sku":"SQ0172686","price":16.95,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0728\/8986\/0397\/products\/GingerfulHairMask.jpg?v=1769603833"},{"product_id":"redhead-shine-boosting-henna-rose-sweet-orange-leave-in-conditioner","title":"Redhead Shine-Boosting Henna, Rose \u0026 Sweet Orange Leave-In Conditioner","description":"\n\n\u003c!-- split --\u003e\n\u003cbr\u003e\n\u003ch2\u003eWhat makes this different\u003c\/h2\u003e\n\u003cp\u003e♥︎ Daily maintenance step, not just a finishing mist: Most leave-in products are designed purely for styling or detangling. This one is formulated specifically to help maintain the look and feel of vibrant red hair between washes, keeping it softer, shinier and more radiant every day.\u003c\/p\u003e\n\u003cp\u003e♥︎ Helps maintain vibrancy between washes: A lightweight blend of conditioning agents and botanical extracts works to support moisture and smoothness, helping red tones look fresher and more dimensional for longer after washing.\u003c\/p\u003e\n\u003cp\u003e♥︎ Designed specifically for red pigment: Formula is created with red, auburn and copper tones in mind, helping support the way red hair naturally reflects light and fades over time.\u003c\/p\u003e\n\u003cp\u003e♥︎ Lightweight care without buildup: Delivers hydration, softness and shine without weighing the hair down or leaving residue.\u003c\/p\u003e\n\u003cbr\u003e\n\n\u003ch2\u003eIs Gingerful right for you?\u003c\/h2\u003e\n\u003cp\u003ePerfect for:\u003c\/p\u003e\n✓ Natural redheads\u003cbr\u003e\n✓ Auburn, copper, strawberry blonde tones\u003cbr\u003e\n✓ Colour-treated red hair needing vibrancy (including bleached hair)\u003cbr\u003e\u003cbr\u003e\n\n\u003cp\u003eNot ideal for:\u003c\/p\u003e\n\n✖ Hair with no red pigment\u003cbr\u003e\n✖ Those wanting an instant, dramatic colour change\u003cbr\u003e\n\u003cbr\u003e\n\n\n\n\n\u003ch2\u003eHow this leave-in conditioner works\u003c\/h2\u003e\n\u003cp\u003eOur leave-in spray is your red hair’s daily dose of vibrancy, shine and softness – no rinsing required. With a hint of natural henna to subtly enhance multi-tonal red pigments, this lightweight mist works through damp or dry hair to revive tired strands and boost its eye-catching ginger gleam. Pea protein strengthens from within, while botanical extracts like rose, hibiscus and ginger give moisture and smoothness to delicate, thirsty strands. Finished with a fresh hint of sweet orange, this is any redhead's secret weapon to a good (red) hair day.\u003c\/p\u003e\n\n","brand":"Henna-infused leave-in conditioner to boost multi-tonal shine in red\/ginger hair.","offers":[{"title":"Default Title","offer_id":50855412203821,"sku":"SQ2465789","price":18.95,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0728\/8986\/0397\/files\/Gingerful_Leave-in_conditioner_sprayjpg.jpg?v=1769603827"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0728\/8986\/0397\/collections\/Free_shipping_bundles-3776576.jpg?v=1780520106","url":"https:\/\/gingerfulhair.com\/collections\/build-a-bundle.oembed","provider":"Gingerful","version":"1.0","type":"link"}