trynovahair.com Open in urlscan Pro
2620:127:f00f:d::  Public Scan

Form analysis
4 forms found in the DOM

GET /search

<form action="/search" method="get" role="search" class="site-header__search-form" data-dark="false" autocomplete="off">
  <input type="hidden" name="type" value="product,article">
  <input type="hidden" name="options[prefix]" value="last">
  <input type="search" name="q" value="" placeholder="Search" class="site-header__search-input" aria-label="Search">
  <label for="search-icon" class="hidden-label">Search</label>
  <label for="search-close" class="hidden-label">Close</label>
  <button type="submit" id="search-icon" class="text-link site-header__search-btn site-header__search-btn--submit">
    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64">
      <defs>
        <style>
          .cls-1 {
            fill: none;
            stroke: #000;
            stroke-miterlimit: 10;
            stroke-width: 2px
          }
        </style>
      </defs>
      <path class="cls-1" d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58zM54 54L41.94 42"></path>
    </svg>
    <span class="icon__fallback-text">Search</span>
  </button>
  <button type="button" id="search-close" class="text-link site-header__search-btn site-header__search-btn--cancel">
    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64">
      <defs>
        <style>
          .cls-1 {
            fill: none;
            stroke: #000;
            stroke-miterlimit: 10;
            stroke-width: 2px
          }
        </style>
      </defs>
      <path class="cls-1" d="M19 17.61l27.12 27.13m0-27.13L19 44.74"></path>
    </svg>
    <span class="icon__fallback-text">Close</span>
  </button>
</form>

POST /cart

<form action="/cart" method="post" novalidate="" data-location="header" class="cart__drawer-form">
  <div class="cart__scrollable">
    <div data-products=""></div>
  </div>
  <div class="cart__footer">
    <div class="cart__item-sub cart__item-row cart__item--subtotal">
      <div>Subtotal</div>
      <div data-subtotal="">$0.00</div>
    </div>
    <div data-discounts=""></div>
    <div class="cart__item-row cart__checkout-wrapper payment-buttons">
      <button type="submit" name="checkout" data-terms-required="false" class="btn cart__checkout"> Check out </button>
    </div>
    <div class="cart__item-row--footer text-center">
      <small>Shipping, taxes, and discount codes calculated at checkout.</small>
    </div>
  </div>
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product-form-gLK6bKGlmp" accept-charset="UTF-8" class="form contents" enctype="multipart/form-data" data-type="add-to-cart-form" autocomplete="off"><input type="hidden" name="form_type"
    value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="id" value="43017118220484">
  <input type="hidden" name="quantity" value="1">
  <button type="submit" onclick="return false;" style="display:none;"></button>
  <div id="gLK6bKGlmp"
    style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:grid;--d-mobile:grid;--d-tablet:grid;--op:100%;--radius:var(--g-radius-small);--pt:50px;--pb:50px;--pt-mobile:0px;--pb-mobile:0px;--cg:30px;--cg-mobile:var(--g-s-2xl);--gtc:minmax(0, 6fr) minmax(0, 6fr);--gtc-mobile:minmax(0, 12fr);--w:var(--g-ct-w, 1200px);--w-tablet:100%;--w-mobile:100%"
    class="gLK6bKGlmp gp-mx-auto gp-mb-0 gp-grid gp-max-w-full gp-gap-y-0 gp-transition-colors gp-duration-200 gp-ease-in-out [&amp;_*]:gp-max-w-full">
    <div label="Block" tag="Col" type="component" style="--ai:normal;--jc:normal;--o:0" class="g7PUrjTftX gp-relative gp-flex gp-flex-col">
      <gp-product-images-v2 gp-data="
    {
      &quot;id&quot;:&quot;gscFxfvb42&quot;,
      &quot;setting&quot;:{&quot;arrowIcon&quot;:&quot;<svg width=\&quot;100%\&quot; height=\&quot;100%\&quot; viewBox=\&quot;0 0 32 32\&quot; fill=\&quot;none\&quot; xmlns=\&quot;http://www.w3.org/2000/svg\&quot;>\n              <rect width=\&quot;32\&quot; height=\&quot;32\&quot; rx=\&quot;16\&quot; fill=\&quot;white\&quot;/>\n              <path d=\&quot;M12.7434 20.8964C12.4176 21.2223 12.4176 21.7506 12.7434 22.0764C13.0693 22.4023 13.5976 22.4023 13.9234 22.0764L19.6227 16.3771C19.8311 16.1687 19.8311 15.8308 19.6227 15.6224L13.9234 9.9231C13.5976 9.59725 13.0693 9.59725 12.7434 9.9231C12.4176 10.2489 12.4176 10.7772 12.7434 11.1031L17.6401 15.9998L12.7434 20.8964Z\&quot; fill=\&quot;black\&quot;/>\n              </svg>\n              &quot;,&quot;borderActive&quot;:{&quot;borderType&quot;:&quot;none&quot;,&quot;borderWidth&quot;:&quot;1px&quot;,&quot;color&quot;:&quot;#000000&quot;,&quot;isCustom&quot;:&quot;false&quot;,&quot;width&quot;:&quot;1px 1px 1px 1px&quot;},&quot;clickOpenLightBox&quot;:{&quot;desktop&quot;:false,&quot;mobile&quot;:false,&quot;tablet&quot;:false},&quot;dragToScroll&quot;:true,&quot;ftArrowIcon&quot;:&quot;<svg width=\&quot;100%\&quot; height=\&quot;100%\&quot; viewBox=\&quot;0 0 24 24\&quot; fill=\&quot;none\&quot; xmlns=\&quot;http://www.w3.org/2000/svg\&quot;>\n    <path fill-rule=\&quot;evenodd\&quot; clip-rule=\&quot;evenodd\&quot; d=\&quot;M12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0ZM10.6828 8.13017C10.5266 7.95661 10.2734 7.95661 10.1172 8.13017C9.96095 8.30374 9.96095 8.58515 10.1172 8.75871L13.0343 12L10.1172 15.2413C9.96095 15.4149 9.96095 15.6963 10.1172 15.8698C10.2734 16.0434 10.5266 16.0434 10.6828 15.8698L13.8828 12.3143C14.0391 12.1407 14.0391 11.8593 13.8828 11.6857L10.6828 8.13017Z\&quot; fill=\&quot;currentColor\&quot;/>\n    </svg>&quot;,&quot;ftArrowIconColor&quot;:&quot;#000000&quot;,&quot;ftClickOpenLightBox&quot;:{&quot;desktop&quot;:&quot;none&quot;,&quot;mobile&quot;:&quot;none&quot;},&quot;ftDotActiveColor&quot;:{&quot;desktop&quot;:&quot;line-3&quot;},&quot;ftDotColor&quot;:{&quot;desktop&quot;:&quot;bg-1&quot;},&quot;ftDotGapToCarousel&quot;:{&quot;desktop&quot;:16},&quot;ftDotSize&quot;:{&quot;desktop&quot;:12},&quot;ftDotStyle&quot;:{&quot;desktop&quot;:&quot;none&quot;},&quot;ftDragToScroll&quot;:true,&quot;ftLoop&quot;:{&quot;mobile&quot;:true},&quot;ftNavigationPosition&quot;:{&quot;desktop&quot;:&quot;none&quot;,&quot;mobile&quot;:&quot;none&quot;,&quot;tablet&quot;:&quot;none&quot;},&quot;hoverEffect&quot;:&quot;none&quot;,&quot;loop&quot;:{&quot;desktop&quot;:false},&quot;navigationPosition&quot;:{&quot;desktop&quot;:&quot;inside&quot;,&quot;mobile&quot;:&quot;inside&quot;,&quot;tablet&quot;:&quot;inside&quot;},&quot;otherImage&quot;:0,&quot;pauseOnHover&quot;:true,&quot;speed&quot;:1,&quot;type&quot;:{&quot;desktop&quot;:&quot;slider&quot;,&quot;mobile&quot;:&quot;slider&quot;,&quot;tablet&quot;:&quot;images&quot;},&quot;typeDisplay&quot;:&quot;all-images&quot;,&quot;zoom&quot;:150,&quot;zoomType&quot;:&quot;default&quot;},
      &quot;styles&quot;:{&quot;align&quot;:{&quot;desktop&quot;:&quot;flex-start&quot;,&quot;mobile&quot;:&quot;flex-start&quot;,&quot;tablet&quot;:&quot;flex-start&quot;},&quot;dotActiveColor&quot;:{&quot;desktop&quot;:&quot;line-3&quot;},&quot;dotColor&quot;:{&quot;desktop&quot;:&quot;bg-1&quot;},&quot;ftLayout&quot;:{&quot;desktop&quot;:&quot;cover&quot;},&quot;ftShape&quot;:{&quot;desktop&quot;:{&quot;shape&quot;:&quot;square&quot;,&quot;shapeLinked&quot;:true,&quot;shapeValue&quot;:&quot;1/1&quot;,&quot;width&quot;:&quot;100%&quot;},&quot;mobile&quot;:{&quot;shape&quot;:&quot;square&quot;,&quot;shapeLinked&quot;:true,&quot;shapeValue&quot;:&quot;1/1&quot;,&quot;width&quot;:&quot;100%&quot;},&quot;tablet&quot;:{&quot;shape&quot;:&quot;square&quot;,&quot;shapeLinked&quot;:true,&quot;shapeValue&quot;:&quot;1/1&quot;,&quot;width&quot;:&quot;100%&quot;}},&quot;itemSpacing&quot;:{&quot;desktop&quot;:&quot;16px&quot;,&quot;mobile&quot;:&quot;var(--g-s-s)&quot;},&quot;layout&quot;:{&quot;desktop&quot;:&quot;cover&quot;},&quot;position&quot;:{&quot;desktop&quot;:&quot;bottom-center&quot;,&quot;mobile&quot;:&quot;bottom-center&quot;,&quot;tablet&quot;:&quot;bottom-center&quot;},&quot;ratioLayout&quot;:{&quot;desktop&quot;:[20,80],&quot;mobile&quot;:[20,80],&quot;tablet&quot;:[20,80]},&quot;ratioLayoutRight&quot;:{&quot;desktop&quot;:[80,20],&quot;mobile&quot;:[80,20],&quot;tablet&quot;:[80,20]},&quot;shape&quot;:{&quot;desktop&quot;:{&quot;height&quot;:&quot;&quot;,&quot;shape&quot;:&quot;square&quot;,&quot;shapeLinked&quot;:true,&quot;shapeValue&quot;:&quot;1/1&quot;,&quot;width&quot;:&quot;100%&quot;},&quot;mobile&quot;:{&quot;height&quot;:&quot;&quot;,&quot;shape&quot;:&quot;square&quot;,&quot;shapeLinked&quot;:true,&quot;shapeValue&quot;:&quot;1/1&quot;},&quot;tablet&quot;:{&quot;height&quot;:&quot;&quot;,&quot;shape&quot;:&quot;square&quot;,&quot;shapeLinked&quot;:true,&quot;shapeValue&quot;:&quot;1/1&quot;}},&quot;shapeFor1Col&quot;:{&quot;desktop&quot;:{&quot;height&quot;:&quot;&quot;,&quot;shape&quot;:&quot;square&quot;,&quot;shapeLinked&quot;:true,&quot;shapeValue&quot;:&quot;1/1&quot;,&quot;width&quot;:&quot;100%&quot;},&quot;mobile&quot;:{&quot;height&quot;:&quot;&quot;,&quot;shape&quot;:&quot;square&quot;,&quot;shapeLinked&quot;:true,&quot;shapeValue&quot;:&quot;1/1&quot;},&quot;tablet&quot;:{&quot;height&quot;:&quot;&quot;,&quot;shape&quot;:&quot;square&quot;,&quot;shapeLinked&quot;:true,&quot;shapeValue&quot;:&quot;1/1&quot;}},&quot;shapeFor2Col&quot;:{&quot;desktop&quot;:{&quot;height&quot;:&quot;&quot;,&quot;shape&quot;:&quot;square&quot;,&quot;shapeLinked&quot;:true,&quot;shapeValue&quot;:&quot;1/1&quot;,&quot;width&quot;:&quot;50%&quot;},&quot;mobile&quot;:{&quot;height&quot;:&quot;&quot;,&quot;shape&quot;:&quot;square&quot;,&quot;shapeLinked&quot;:true,&quot;shapeValue&quot;:&quot;1/1&quot;},&quot;tablet&quot;:{&quot;height&quot;:&quot;&quot;,&quot;shape&quot;:&quot;square&quot;,&quot;shapeLinked&quot;:true,&quot;shapeValue&quot;:&quot;1/1&quot;}},&quot;shapeForBottom&quot;:{&quot;desktop&quot;:{&quot;height&quot;:&quot;&quot;,&quot;shape&quot;:&quot;square&quot;,&quot;shapeLinked&quot;:true,&quot;shapeValue&quot;:&quot;1/1&quot;,&quot;width&quot;:&quot;25.00%&quot;},&quot;mobile&quot;:{&quot;customShapeValue&quot;:&quot;&quot;,&quot;gap&quot;:&quot;&quot;,&quot;height&quot;:&quot;&quot;,&quot;shape&quot;:&quot;square&quot;,&quot;shapeLinked&quot;:true,&quot;shapeValue&quot;:&quot;1/1&quot;,&quot;width&quot;:&quot;25%&quot;},&quot;tablet&quot;:{&quot;height&quot;:&quot;&quot;,&quot;shape&quot;:&quot;square&quot;,&quot;shapeLinked&quot;:true,&quot;shapeValue&quot;:&quot;1/1&quot;,&quot;width&quot;:&quot;25.00%&quot;}},&quot;shapeForFtOnly&quot;:{&quot;desktop&quot;:{&quot;height&quot;:&quot;&quot;,&quot;shape&quot;:&quot;square&quot;,&quot;shapeLinked&quot;:true,&quot;shapeValue&quot;:&quot;1/1&quot;},&quot;mobile&quot;:{&quot;height&quot;:&quot;&quot;,&quot;shape&quot;:&quot;square&quot;,&quot;shapeLinked&quot;:true,&quot;shapeValue&quot;:&quot;1/1&quot;},&quot;tablet&quot;:{&quot;height&quot;:&quot;&quot;,&quot;shape&quot;:&quot;square&quot;,&quot;shapeLinked&quot;:true,&quot;shapeValue&quot;:&quot;1/1&quot;}},&quot;spacing&quot;:{&quot;desktop&quot;:&quot;16px&quot;,&quot;mobile&quot;:&quot;var(--g-s-s)&quot;},&quot;verticalLayout&quot;:{&quot;desktop&quot;:false},&quot;verticalLayoutRow&quot;:{&quot;desktop&quot;:true}}, &quot;product&quot;:{&quot;id&quot;:7628853018820,&quot;title&quot;:&quot;NovaHair Instant Dye Shampoo&quot;,&quot;handle&quot;:&quot;novahair-color-shampoo&quot;,&quot;description&quot;:&quot;\u003cdiv id=\&quot;gtx-trans\&quot; style=\&quot;position: absolute; left: -73px; top: -16.9062px;\&quot;\u003e\n\u003cdiv class=\&quot;gtx-trans-icon\&quot;\u003e\u003c\/div\u003e\n\u003c\/div\u003e&quot;,&quot;published_at&quot;:&quot;2024-03-12T04:58:34-06:00&quot;,&quot;created_at&quot;:&quot;2024-03-12T04:58:34-06:00&quot;,&quot;vendor&quot;:&quot;NovaHair&quot;,&quot;type&quot;:&quot;&quot;,&quot;tags&quot;:[],&quot;price&quot;:4900,&quot;price_min&quot;:4900,&quot;price_max&quot;:4900,&quot;available&quot;:true,&quot;price_varies&quot;:false,&quot;compare_at_price&quot;:9800,&quot;compare_at_price_min&quot;:9800,&quot;compare_at_price_max&quot;:9800,&quot;compare_at_price_varies&quot;:false,&quot;variants&quot;:[{&quot;id&quot;:43017118220484,&quot;title&quot;:&quot;Black&quot;,&quot;option1&quot;:&quot;Black&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:null,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:false,&quot;featured_image&quot;:{&quot;id&quot;:36902164529348,&quot;product_id&quot;:7628853018820,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2024-03-19T22:09:58-06:00&quot;,&quot;updated_at&quot;:&quot;2024-03-19T22:09:59-06:00&quot;,&quot;alt&quot;:&quot;NovaHair Color Shampoo - NovaHair&quot;,&quot;width&quot;:1080,&quot;height&quot;:1080,&quot;src&quot;:&quot;\/\/trynovahair.com\/cdn\/shop\/products\/novahair-color-shampoo-879931.jpg?v=1710907799&quot;,&quot;variant_ids&quot;:[43017118220484]},&quot;available&quot;:true,&quot;name&quot;:&quot;NovaHair Instant Dye Shampoo - Black&quot;,&quot;public_title&quot;:&quot;Black&quot;,&quot;options&quot;:[&quot;Black&quot;],&quot;price&quot;:4900,&quot;weight&quot;:0,&quot;compare_at_price&quot;:9800,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;barcode&quot;:null,&quot;featured_media&quot;:{&quot;alt&quot;:&quot;NovaHair Color Shampoo - NovaHair&quot;,&quot;id&quot;:29264260071620,&quot;position&quot;:1,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:1080,&quot;width&quot;:1080,&quot;src&quot;:&quot;\/\/trynovahair.com\/cdn\/shop\/products\/novahair-color-shampoo-879931.jpg?v=1710907799&quot;}},&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[]},{&quot;id&quot;:43017118253252,&quot;title&quot;:&quot;Dark brown&quot;,&quot;option1&quot;:&quot;Dark brown&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:null,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:false,&quot;featured_image&quot;:{&quot;id&quot;:36902164562116,&quot;product_id&quot;:7628853018820,&quot;position&quot;:2,&quot;created_at&quot;:&quot;2024-03-19T22:09:59-06:00&quot;,&quot;updated_at&quot;:&quot;2024-03-19T22:09:59-06:00&quot;,&quot;alt&quot;:&quot;NovaHair Color Shampoo - NovaHair&quot;,&quot;width&quot;:1080,&quot;height&quot;:1080,&quot;src&quot;:&quot;\/\/trynovahair.com\/cdn\/shop\/products\/novahair-color-shampoo-338044.jpg?v=1710907799&quot;,&quot;variant_ids&quot;:[43017118253252]},&quot;available&quot;:true,&quot;name&quot;:&quot;NovaHair Instant Dye Shampoo - Dark brown&quot;,&quot;public_title&quot;:&quot;Dark brown&quot;,&quot;options&quot;:[&quot;Dark brown&quot;],&quot;price&quot;:4900,&quot;weight&quot;:0,&quot;compare_at_price&quot;:9800,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;barcode&quot;:null,&quot;featured_media&quot;:{&quot;alt&quot;:&quot;NovaHair Color Shampoo - NovaHair&quot;,&quot;id&quot;:29264260104388,&quot;position&quot;:2,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:1080,&quot;width&quot;:1080,&quot;src&quot;:&quot;\/\/trynovahair.com\/cdn\/shop\/products\/novahair-color-shampoo-338044.jpg?v=1710907799&quot;}},&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[]},{&quot;id&quot;:43017118286020,&quot;title&quot;:&quot;Light Brown&quot;,&quot;option1&quot;:&quot;Light Brown&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:null,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:false,&quot;featured_image&quot;:{&quot;id&quot;:36902164594884,&quot;product_id&quot;:7628853018820,&quot;position&quot;:3,&quot;created_at&quot;:&quot;2024-03-19T22:09:59-06:00&quot;,&quot;updated_at&quot;:&quot;2024-03-19T22:09:59-06:00&quot;,&quot;alt&quot;:&quot;NovaHair Color Shampoo - NovaHair&quot;,&quot;width&quot;:1080,&quot;height&quot;:1080,&quot;src&quot;:&quot;\/\/trynovahair.com\/cdn\/shop\/products\/novahair-color-shampoo-238800.jpg?v=1710907799&quot;,&quot;variant_ids&quot;:[43017118286020]},&quot;available&quot;:true,&quot;name&quot;:&quot;NovaHair Instant Dye Shampoo - Light Brown&quot;,&quot;public_title&quot;:&quot;Light Brown&quot;,&quot;options&quot;:[&quot;Light Brown&quot;],&quot;price&quot;:4900,&quot;weight&quot;:0,&quot;compare_at_price&quot;:9800,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;barcode&quot;:null,&quot;featured_media&quot;:{&quot;alt&quot;:&quot;NovaHair Color Shampoo - NovaHair&quot;,&quot;id&quot;:29264260137156,&quot;position&quot;:3,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:1080,&quot;width&quot;:1080,&quot;src&quot;:&quot;\/\/trynovahair.com\/cdn\/shop\/products\/novahair-color-shampoo-238800.jpg?v=1710907799&quot;}},&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[]},{&quot;id&quot;:43055673540804,&quot;title&quot;:&quot;Purple&quot;,&quot;option1&quot;:&quot;Purple&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:false,&quot;featured_image&quot;:{&quot;id&quot;:36902164627652,&quot;product_id&quot;:7628853018820,&quot;position&quot;:4,&quot;created_at&quot;:&quot;2024-03-19T22:09:59-06:00&quot;,&quot;updated_at&quot;:&quot;2024-03-19T22:09:59-06:00&quot;,&quot;alt&quot;:&quot;NovaHair Color Shampoo - NovaHair&quot;,&quot;width&quot;:1080,&quot;height&quot;:1080,&quot;src&quot;:&quot;\/\/trynovahair.com\/cdn\/shop\/products\/novahair-color-shampoo-757799.jpg?v=1710907799&quot;,&quot;variant_ids&quot;:[43055673540804]},&quot;available&quot;:true,&quot;name&quot;:&quot;NovaHair Instant Dye Shampoo - Purple&quot;,&quot;public_title&quot;:&quot;Purple&quot;,&quot;options&quot;:[&quot;Purple&quot;],&quot;price&quot;:4900,&quot;weight&quot;:0,&quot;compare_at_price&quot;:9800,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;barcode&quot;:&quot;&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:&quot;NovaHair Color Shampoo - NovaHair&quot;,&quot;id&quot;:29264260169924,&quot;position&quot;:4,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:1080,&quot;width&quot;:1080,&quot;src&quot;:&quot;\/\/trynovahair.com\/cdn\/shop\/products\/novahair-color-shampoo-757799.jpg?v=1710907799&quot;}},&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[]},{&quot;id&quot;:43055673573572,&quot;title&quot;:&quot;Red&quot;,&quot;option1&quot;:&quot;Red&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:false,&quot;featured_image&quot;:{&quot;id&quot;:36902164660420,&quot;product_id&quot;:7628853018820,&quot;position&quot;:5,&quot;created_at&quot;:&quot;2024-03-19T22:09:59-06:00&quot;,&quot;updated_at&quot;:&quot;2024-03-19T22:09:59-06:00&quot;,&quot;alt&quot;:&quot;NovaHair Color Shampoo - NovaHair&quot;,&quot;width&quot;:1080,&quot;height&quot;:1080,&quot;src&quot;:&quot;\/\/trynovahair.com\/cdn\/shop\/products\/novahair-color-shampoo-265854.jpg?v=1710907799&quot;,&quot;variant_ids&quot;:[43055673573572]},&quot;available&quot;:true,&quot;name&quot;:&quot;NovaHair Instant Dye Shampoo - Red&quot;,&quot;public_title&quot;:&quot;Red&quot;,&quot;options&quot;:[&quot;Red&quot;],&quot;price&quot;:4900,&quot;weight&quot;:0,&quot;compare_at_price&quot;:9800,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;barcode&quot;:&quot;&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:&quot;NovaHair Color Shampoo - NovaHair&quot;,&quot;id&quot;:29264260202692,&quot;position&quot;:5,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:1080,&quot;width&quot;:1080,&quot;src&quot;:&quot;\/\/trynovahair.com\/cdn\/shop\/products\/novahair-color-shampoo-265854.jpg?v=1710907799&quot;}},&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[]}],&quot;images&quot;:[&quot;\/\/trynovahair.com\/cdn\/shop\/products\/novahair-color-shampoo-879931.jpg?v=1710907799&quot;,&quot;\/\/trynovahair.com\/cdn\/shop\/products\/novahair-color-shampoo-338044.jpg?v=1710907799&quot;,&quot;\/\/trynovahair.com\/cdn\/shop\/products\/novahair-color-shampoo-238800.jpg?v=1710907799&quot;,&quot;\/\/trynovahair.com\/cdn\/shop\/products\/novahair-color-shampoo-757799.jpg?v=1710907799&quot;,&quot;\/\/trynovahair.com\/cdn\/shop\/products\/novahair-color-shampoo-265854.jpg?v=1710907799&quot;,&quot;\/\/trynovahair.com\/cdn\/shop\/files\/novahair-instant-dye-shampoo-596438.jpg?v=1717083733&quot;,&quot;\/\/trynovahair.com\/cdn\/shop\/files\/novahair-instant-dye-shampoo-509291.jpg?v=1717083733&quot;,&quot;\/\/trynovahair.com\/cdn\/shop\/files\/novahair-instant-dye-shampoo-685623.jpg?v=1717083733&quot;,&quot;\/\/trynovahair.com\/cdn\/shop\/files\/novahair-instant-dye-shampoo-566882.jpg?v=1717083733&quot;],&quot;featured_image&quot;:&quot;\/\/trynovahair.com\/cdn\/shop\/products\/novahair-color-shampoo-879931.jpg?v=1710907799&quot;,&quot;options&quot;:[&quot;Color&quot;],&quot;media&quot;:[{&quot;alt&quot;:&quot;NovaHair Color Shampoo - NovaHair&quot;,&quot;id&quot;:29264260071620,&quot;position&quot;:1,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:1080,&quot;width&quot;:1080,&quot;src&quot;:&quot;\/\/trynovahair.com\/cdn\/shop\/products\/novahair-color-shampoo-879931.jpg?v=1710907799&quot;},&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:1080,&quot;media_type&quot;:&quot;image&quot;,&quot;src&quot;:&quot;\/\/trynovahair.com\/cdn\/shop\/products\/novahair-color-shampoo-879931.jpg?v=1710907799&quot;,&quot;width&quot;:1080},{&quot;alt&quot;:&quot;NovaHair Color Shampoo - NovaHair&quot;,&quot;id&quot;:29264260104388,&quot;position&quot;:2,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:1080,&quot;width&quot;:1080,&quot;src&quot;:&quot;\/\/trynovahair.com\/cdn\/shop\/products\/novahair-color-shampoo-338044.jpg?v=1710907799&quot;},&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:1080,&quot;media_type&quot;:&quot;image&quot;,&quot;src&quot;:&quot;\/\/trynovahair.com\/cdn\/shop\/products\/novahair-color-shampoo-338044.jpg?v=1710907799&quot;,&quot;width&quot;:1080},{&quot;alt&quot;:&quot;NovaHair Color Shampoo - NovaHair&quot;,&quot;id&quot;:29264260137156,&quot;position&quot;:3,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:1080,&quot;width&quot;:1080,&quot;src&quot;:&quot;\/\/trynovahair.com\/cdn\/shop\/products\/novahair-color-shampoo-238800.jpg?v=1710907799&quot;},&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:1080,&quot;media_type&quot;:&quot;image&quot;,&quot;src&quot;:&quot;\/\/trynovahair.com\/cdn\/shop\/products\/novahair-color-shampoo-238800.jpg?v=1710907799&quot;,&quot;width&quot;:1080},{&quot;alt&quot;:&quot;NovaHair Color Shampoo - NovaHair&quot;,&quot;id&quot;:29264260169924,&quot;position&quot;:4,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:1080,&quot;width&quot;:1080,&quot;src&quot;:&quot;\/\/trynovahair.com\/cdn\/shop\/products\/novahair-color-shampoo-757799.jpg?v=1710907799&quot;},&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:1080,&quot;media_type&quot;:&quot;image&quot;,&quot;src&quot;:&quot;\/\/trynovahair.com\/cdn\/shop\/products\/novahair-color-shampoo-757799.jpg?v=1710907799&quot;,&quot;width&quot;:1080},{&quot;alt&quot;:&quot;NovaHair Color Shampoo - NovaHair&quot;,&quot;id&quot;:29264260202692,&quot;position&quot;:5,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:1080,&quot;width&quot;:1080,&quot;src&quot;:&quot;\/\/trynovahair.com\/cdn\/shop\/products\/novahair-color-shampoo-265854.jpg?v=1710907799&quot;},&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:1080,&quot;media_type&quot;:&quot;image&quot;,&quot;src&quot;:&quot;\/\/trynovahair.com\/cdn\/shop\/products\/novahair-color-shampoo-265854.jpg?v=1710907799&quot;,&quot;width&quot;:1080},{&quot;alt&quot;:&quot;NovaHair Instant Dye Shampoo - NovaHair&quot;,&quot;id&quot;:30524010791108,&quot;position&quot;:6,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:1080,&quot;width&quot;:1080,&quot;src&quot;:&quot;\/\/trynovahair.com\/cdn\/shop\/files\/novahair-instant-dye-shampoo-596438.jpg?v=1717083733&quot;},&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:1080,&quot;media_type&quot;:&quot;image&quot;,&quot;src&quot;:&quot;\/\/trynovahair.com\/cdn\/shop\/files\/novahair-instant-dye-shampoo-596438.jpg?v=1717083733&quot;,&quot;width&quot;:1080},{&quot;alt&quot;:&quot;NovaHair Instant Dye Shampoo - NovaHair&quot;,&quot;id&quot;:30524010823876,&quot;position&quot;:7,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:1080,&quot;width&quot;:1080,&quot;src&quot;:&quot;\/\/trynovahair.com\/cdn\/shop\/files\/novahair-instant-dye-shampoo-509291.jpg?v=1717083733&quot;},&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:1080,&quot;media_type&quot;:&quot;image&quot;,&quot;src&quot;:&quot;\/\/trynovahair.com\/cdn\/shop\/files\/novahair-instant-dye-shampoo-509291.jpg?v=1717083733&quot;,&quot;width&quot;:1080},{&quot;alt&quot;:&quot;NovaHair Instant Dye Shampoo - NovaHair&quot;,&quot;id&quot;:30524010889412,&quot;position&quot;:8,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:1080,&quot;width&quot;:1080,&quot;src&quot;:&quot;\/\/trynovahair.com\/cdn\/shop\/files\/novahair-instant-dye-shampoo-685623.jpg?v=1717083733&quot;},&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:1080,&quot;media_type&quot;:&quot;image&quot;,&quot;src&quot;:&quot;\/\/trynovahair.com\/cdn\/shop\/files\/novahair-instant-dye-shampoo-685623.jpg?v=1717083733&quot;,&quot;width&quot;:1080},{&quot;alt&quot;:&quot;NovaHair Instant Dye Shampoo - NovaHair&quot;,&quot;id&quot;:30524010922180,&quot;position&quot;:9,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:1080,&quot;width&quot;:1080,&quot;src&quot;:&quot;\/\/trynovahair.com\/cdn\/shop\/files\/novahair-instant-dye-shampoo-566882.jpg?v=1717083733&quot;},&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:1080,&quot;media_type&quot;:&quot;image&quot;,&quot;src&quot;:&quot;\/\/trynovahair.com\/cdn\/shop\/files\/novahair-instant-dye-shampoo-566882.jpg?v=1717083733&quot;,&quot;width&quot;:1080}],&quot;requires_selling_plan&quot;:false,&quot;selling_plan_groups&quot;:[],&quot;content&quot;:&quot;\u003cdiv id=\&quot;gtx-trans\&quot; style=\&quot;position: absolute; left: -73px; top: -16.9062px;\&quot;\u003e\n\u003cdiv class=\&quot;gtx-trans-icon\&quot;\u003e\u003c\/div\u003e\n\u003c\/div\u003e&quot;}
    }
  " section-id="template--17086103027908__gp_section_515953640339408040"
        style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-none);--mb:0px;--mb-mobile:var(--g-s-2xl);--pt-mobile:var(--g-s-s);--mb-tablet:0px" class="gp-overflow-hidden">
        <div class="gp-grid gp-w-full !gp-m-0 gp-relative" style="--gtc:minmax(0, 12fr);--gtc-tablet:minmax(0, 12fr);--gtc-mobile:minmax(0, 12fr);--gg:16px;--gg-mobile:var(--g-s-s)">
          <gp-carousel type="gp-feature-image-carousel" product-media="9" id="gp-root-carousel-ft-gscFxfvb42-template--17086103027908__gp_section_515953640339408040-7628853018820-template--17086103027908__gp_section_515953640339408040" class="
        gp-px-0 tablet:gp-px-0 mobile:gp-px-0
        gp-flex-1 gp-w-full gp-feature-image-carousel
        gp-group/carousel gp-flex"
            gp-data="{&quot;id&quot;:&quot;ft-gscFxfvb42-template--17086103027908__gp_section_515953640339408040-7628853018820-template--17086103027908__gp_section_515953640339408040&quot;,&quot;setting&quot;:{&quot;loop&quot;:{&quot;mobile&quot;:true},&quot;slidesToShow&quot;:{&quot;desktop&quot;:1},&quot;dotStyle&quot;:{&quot;desktop&quot;:&quot;none&quot;,&quot;tablet&quot;:&quot;none&quot;,&quot;mobile&quot;:&quot;none&quot;},&quot;dotSize&quot;:{&quot;desktop&quot;:12},&quot;dotGapToCarousel&quot;:{&quot;desktop&quot;:16},&quot;dotColor&quot;:{&quot;desktop&quot;:&quot;bg-1&quot;},&quot;dotActiveColor&quot;:{&quot;desktop&quot;:&quot;line-3&quot;},&quot;controlOverContent&quot;:{&quot;desktop&quot;:false,&quot;tablet&quot;:false,&quot;mobile&quot;:false},&quot;enableDrag&quot;:{&quot;desktop&quot;:true,&quot;tablet&quot;:true,&quot;mobile&quot;:true},&quot;arrowCustom&quot;:&quot;<svg width=\&quot;100%\&quot; height=\&quot;100%\&quot; viewBox=\&quot;0 0 24 24\&quot; fill=\&quot;none\&quot; xmlns=\&quot;http://www.w3.org/2000/svg\&quot;>\n    <path fill-rule=\&quot;evenodd\&quot; clip-rule=\&quot;evenodd\&quot; d=\&quot;M12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0ZM10.6828 8.13017C10.5266 7.95661 10.2734 7.95661 10.1172 8.13017C9.96095 8.30374 9.96095 8.58515 10.1172 8.75871L13.0343 12L10.1172 15.2413C9.96095 15.4149 9.96095 15.6963 10.1172 15.8698C10.2734 16.0434 10.5266 16.0434 10.6828 15.8698L13.8828 12.3143C14.0391 12.1407 14.0391 11.8593 13.8828 11.6857L10.6828 8.13017Z\&quot; fill=\&quot;currentColor\&quot;/>\n    </svg>&quot;,&quot;arrowCustomColor&quot;:&quot;#000000&quot;,&quot;arrowBorder&quot;:{},&quot;roundedArrow&quot;:{},&quot;sneakPeakType&quot;:{&quot;desktop&quot;:&quot;center&quot;},&quot;arrowGapToEachSide&quot;:&quot;16&quot;,&quot;navigationStyle&quot;:{&quot;desktop&quot;:&quot;none&quot;,&quot;mobile&quot;:&quot;none&quot;,&quot;tablet&quot;:&quot;none&quot;},&quot;arrowButtonSize&quot;:{&quot;desktop&quot;:{&quot;width&quot;:&quot;24px&quot;,&quot;height&quot;:&quot;24px&quot;}}},&quot;styles&quot;:{&quot;sizeSetting&quot;:{&quot;desktop&quot;:{&quot;width&quot;:&quot;100%&quot;,&quot;height&quot;:&quot;auto&quot;},&quot;tablet&quot;:{&quot;width&quot;:&quot;100%&quot;,&quot;height&quot;:&quot;auto&quot;},&quot;mobile&quot;:{&quot;width&quot;:&quot;100%&quot;,&quot;height&quot;:&quot;auto&quot;}},&quot;align&quot;:{&quot;desktop&quot;:&quot;flex-start&quot;,&quot;tablet&quot;:&quot;flex-start&quot;,&quot;mobile&quot;:&quot;flex-start&quot;}},&quot;isHiddenArrowWhenDisabled&quot;:true}"
            style="--jc:flex-start;--jc-tablet:flex-start;--jc-mobile:flex-start;--o:0;--o-tablet:0;--o-mobile:0;--d:flex;--d-mobile:flex;--d-tablet:flex">
            <div class="gp-hidden gp-aspect-square gp-w-[12px] gp-rounded-full gp-shadow-md"></div>
            <div class="gp-relative gp-my-0 tablet:gp-px-0 gp-max-w-full mobile:gp-px-0 gp-carousel-wrapper mobile:gp-block tablet:gp-block gp-block gscFxfvb42"
              style="--w:100%;--w-tablet:100%;--w-mobile:100%;--h:auto;--h-tablet:auto;--h-mobile:auto">
              <div class="gp-h-full gp-relative gp-mx-auto gp-flex gp-items-center gp-justify-between mobile:!gp-flex-row tablet:!gp-flex-row !gp-flex-row" style="--h:100%;--h-tablet:100%;--h-mobile:100%;gap:16px">
                <button type="button" aria-label="Carousel Back Arrow"
                  class="ft-gscFxfvb42-template--17086103027908__gp_section_515953640339408040-7628853018820 gp-carousel-action-back gem-slider-previous ft-gscFxfvb42-template--17086103027908__gp_section_515953640339408040-7628853018820-template--17086103027908__gp_section_515953640339408040 gp-carousel-arrow-gscFxfvb42 gp-items-center gp-justify-center gp-overflow-hidden gp-shrink-0  gp-cursor-pointer gp-text-gray-500 !gp-hidden tablet:!gp-hidden mobile:!gp-hidden"
                  style="--left:initial;--top:initial;--right:initial;--bottom:;--left-tablet:initial;--top-tablet:initial;--right-tablet:initial;--bottom-tablet:;--left-mobile:initial;--top-mobile:initial;--right-mobile:initial;--bottom-mobile:;--d:none;--d-tablet:none;--d-mobile:none;background-color:;--w:24px;--h:24px"
                  onclick="{onClick}">
                  <div class="gp-flex gp-items-center gp-justify-center [&amp;>svg]:gp-h-full [&amp;>svg]:gp-w-full gp-rotate-180 tablet:gp-rotate-180 mobile:gp-rotate-180"
                    style="--c:#000000;--w:undefinedpx;--w-tablet:undefinedpx;--w-mobile:undefinedpx;--h:undefinedpx;--h-tablet:undefinedpx;--h-mobile:undefinedpx">
                    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path fill-rule="evenodd" clip-rule="evenodd"
                        d="M12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0ZM10.6828 8.13017C10.5266 7.95661 10.2734 7.95661 10.1172 8.13017C9.96095 8.30374 9.96095 8.58515 10.1172 8.75871L13.0343 12L10.1172 15.2413C9.96095 15.4149 9.96095 15.6963 10.1172 15.8698C10.2734 16.0434 10.5266 16.0434 10.6828 15.8698L13.8828 12.3143C14.0391 12.1407 14.0391 11.8593 13.8828 11.6857L10.6828 8.13017Z"
                        fill="currentColor"></path>
                    </svg>
                  </div>
                  <style>
                    .ft-gscFxfvb42-template--17086103027908__gp_section_515953640339408040-7628853018820.gp-carousel-arrow-gscFxfvb42 {}

                    .ft-gscFxfvb42-template--17086103027908__gp_section_515953640339408040-7628853018820.gp-carousel-arrow-gscFxfvb42::before {
                      content: '';
                      height: 100%;
                      width: 100%;
                      position: absolute;
                      pointer-events: none;
                      z-index: 10;
                    }

                    @media only screen and (max-width: 1023px) and (min-width: 768px) {
                      .ft-gscFxfvb42-template--17086103027908__gp_section_515953640339408040-7628853018820.gp-carousel-arrow-gscFxfvb42 {}

                      .ft-gscFxfvb42-template--17086103027908__gp_section_515953640339408040-7628853018820.gp-carousel-arrow-gscFxfvb42::before {}
                    }

                    @media only screen and (max-width: 768px) {
                      .ft-gscFxfvb42-template--17086103027908__gp_section_515953640339408040-7628853018820.gp-carousel-arrow-gscFxfvb42 {}

                      .ft-gscFxfvb42-template--17086103027908__gp_section_515953640339408040-7628853018820.gp-carousel-arrow-gscFxfvb42::before {}
                    }
                  </style>
                </button>
                <div id="gp-carousel-ft-gscFxfvb42-template--17086103027908__gp_section_515953640339408040-7628853018820-template--17086103027908__gp_section_515953640339408040"
                  class="gem-slider gp-h-full gp-overflow-hidden gp-select-none mobile:!gp-flex-nowrap tablet:!gp-flex-nowrap !gp-flex-nowrap mobile:!gp-min-h-full tablet:!gp-min-h-full !gp-min-h-full" style="">
                  <div media-type="" media-poster="" media-source-url="" media-last-source-url="" external-id="" grid-index="1" id="template--17086103027908__gp_section_515953640339408040-"
                    style="width: 1080px; --minw: calc(100% / 4 - 33px); --minw-tablet: calc(100% / 4 - 33px); --minw-mobile: calc(100% / 4 - 33px); --maxw: calc(100% / 4 - 33px); --maxw-tablet: calc(100% / 4 - 33px); --maxw-mobile: calc(100% / 4 - 33px); outline-color: var(--g-c-brand, brand); --h: auto; --h-tablet: auto; --h-mobile: auto; min-width: 585px; max-width: 585px; transform: translate3d(0px, 0px, 0px); height: 585px;"
                    class="gem-slider-item gp-w-full gem-slider-item-gscFxfvb42-template--17086103027908__gp_section_515953640339408040-7628853018820 gp-group gp-flex !gp-min-w-full !gp-max-w-full gp-w-full gp-relative gp-items-start gp-justify-center gp-overflow-hidden gp-outline-1 -gp-outline-offset-1 gp-image-item gp-ft-image-item data-[outline=active]:gp-outline undefined">
                    <div class="gp-w-full   gp-h-0  gp-relative" style="--pb: calc((1/1)*100%);--pb-tablet: calc((1/1)*100%);--pb-mobile: calc((1/1)*100%); ">
                      <img id="29264260071620
" draggable="false" class="gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none gp-transition-opacity gp-lazyload gp_lazyautosizes gp_lazyloaded"
                        data-src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-879931_768x768.jpg?v=1710907799 768w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-879931_1024x1024.jpg?v=1710907799 1024w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-879931_1440x1440.jpg?v=1710907799 1440w"
                        data-srcset="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-879931_768x768.jpg?v=1710907799 767w, //trynovahair.com/cdn/shop/products/novahair-color-shampoo-879931_1024x1024.jpg?v=1710907799 1023w, //trynovahair.com/cdn/shop/products/novahair-color-shampoo-879931_1920x1920.jpg?v=1710907799 1440w"
                        src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-879931_768x768.jpg?v=1710907799 768w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-879931_1024x1024.jpg?v=1710907799 1024w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-879931_1440x1440.jpg?v=1710907799 1440w"
                        width="1080" height="1080" alt="NovaHair Color Shampoo - NovaHair" base-src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-879931_small.jpg?v=1710907799" quality-type="{}" quality-percent="{}" data-sizes="auto"
                        sizes="100vw" style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:cover" data-quality="auto"
                        srcset="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-879931_768x768.jpg?v=1710907799 767w, //trynovahair.com/cdn/shop/products/novahair-color-shampoo-879931_1024x1024.jpg?v=1710907799 1023w, //trynovahair.com/cdn/shop/products/novahair-color-shampoo-879931_1920x1920.jpg?v=1710907799 1440w">
                    </div>
                  </div>
                  <div media-type="" media-poster="" media-source-url="" media-last-source-url="" external-id="" grid-index="2" id="template--17086103027908__gp_section_515953640339408040-"
                    style="width: 1080px; --minw: calc(100% / 4 - 33px); --minw-tablet: calc(100% / 4 - 33px); --minw-mobile: calc(100% / 4 - 33px); --maxw: calc(100% / 4 - 33px); --maxw-tablet: calc(100% / 4 - 33px); --maxw-mobile: calc(100% / 4 - 33px); outline-color: var(--g-c-brand, brand); --h: auto; --h-tablet: auto; --h-mobile: auto; --ml: 0px; --ml-tablet: 0px; --ml-mobile: 0px; min-width: 585px; max-width: 585px; transform: translate3d(0px, 0px, 0px); height: 585px;"
                    class="gem-slider-item gp-w-full gem-slider-item-gscFxfvb42-template--17086103027908__gp_section_515953640339408040-7628853018820 gp-group gp-flex !gp-min-w-full !gp-max-w-full gp-w-full gp-relative gp-items-start gp-justify-center gp-overflow-hidden gp-outline-1 -gp-outline-offset-1 gp-image-item gp-ft-image-item data-[outline=active]:gp-outline undefined">
                    <div class="gp-w-full   gp-h-0  gp-relative" style="--pb: calc((1/1)*100%);--pb-tablet: calc((1/1)*100%);--pb-mobile: calc((1/1)*100%); ">
                      <img id="29264260104388
" draggable="false" class="gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none gp-transition-opacity gp-lazyload gp_lazyautosizes gp_lazyloaded"
                        data-src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-338044_768x768.jpg?v=1710907799 768w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-338044_1024x1024.jpg?v=1710907799 1024w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-338044_1440x1440.jpg?v=1710907799 1440w"
                        data-srcset="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-338044_768x768.jpg?v=1710907799 767w, //trynovahair.com/cdn/shop/products/novahair-color-shampoo-338044_1024x1024.jpg?v=1710907799 1023w, //trynovahair.com/cdn/shop/products/novahair-color-shampoo-338044_1920x1920.jpg?v=1710907799 1440w"
                        src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-338044_768x768.jpg?v=1710907799 768w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-338044_1024x1024.jpg?v=1710907799 1024w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-338044_1440x1440.jpg?v=1710907799 1440w"
                        width="1080" height="1080" alt="NovaHair Color Shampoo - NovaHair" base-src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-338044_small.jpg?v=1710907799" quality-type="{}" quality-percent="{}" data-sizes="auto"
                        sizes="100vw" style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:cover" data-quality="auto"
                        srcset="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-338044_768x768.jpg?v=1710907799 767w, //trynovahair.com/cdn/shop/products/novahair-color-shampoo-338044_1024x1024.jpg?v=1710907799 1023w, //trynovahair.com/cdn/shop/products/novahair-color-shampoo-338044_1920x1920.jpg?v=1710907799 1440w">
                    </div>
                  </div>
                  <div media-type="" media-poster="" media-source-url="" media-last-source-url="" external-id="" grid-index="3" id="template--17086103027908__gp_section_515953640339408040-"
                    style="width: 1080px; --minw: calc(100% / 4 - 33px); --minw-tablet: calc(100% / 4 - 33px); --minw-mobile: calc(100% / 4 - 33px); --maxw: calc(100% / 4 - 33px); --maxw-tablet: calc(100% / 4 - 33px); --maxw-mobile: calc(100% / 4 - 33px); outline-color: var(--g-c-brand, brand); --h: auto; --h-tablet: auto; --h-mobile: auto; --ml: 0px; --ml-tablet: 0px; --ml-mobile: 0px; min-width: 585px; max-width: 585px; transform: translate3d(0px, 0px, 0px); height: 585px;"
                    class="gem-slider-item gp-w-full gem-slider-item-gscFxfvb42-template--17086103027908__gp_section_515953640339408040-7628853018820 gp-group gp-flex !gp-min-w-full !gp-max-w-full gp-w-full gp-relative gp-items-start gp-justify-center gp-overflow-hidden gp-outline-1 -gp-outline-offset-1 gp-image-item gp-ft-image-item data-[outline=active]:gp-outline undefined">
                    <div class="gp-w-full   gp-h-0  gp-relative" style="--pb: calc((1/1)*100%);--pb-tablet: calc((1/1)*100%);--pb-mobile: calc((1/1)*100%); ">
                      <img id="29264260137156
" draggable="false" class="gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none gp-transition-opacity gp-lazyload gp_lazyautosizes gp_lazyloaded"
                        data-src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-238800_768x768.jpg?v=1710907799 768w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-238800_1024x1024.jpg?v=1710907799 1024w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-238800_1440x1440.jpg?v=1710907799 1440w"
                        data-srcset="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-238800_768x768.jpg?v=1710907799 767w, //trynovahair.com/cdn/shop/products/novahair-color-shampoo-238800_1024x1024.jpg?v=1710907799 1023w, //trynovahair.com/cdn/shop/products/novahair-color-shampoo-238800_1920x1920.jpg?v=1710907799 1440w"
                        src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-238800_768x768.jpg?v=1710907799 768w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-238800_1024x1024.jpg?v=1710907799 1024w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-238800_1440x1440.jpg?v=1710907799 1440w"
                        width="1080" height="1080" alt="NovaHair Color Shampoo - NovaHair" base-src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-238800_small.jpg?v=1710907799" quality-type="{}" quality-percent="{}" data-sizes="auto"
                        sizes="100vw" style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:cover" data-quality="auto"
                        srcset="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-238800_768x768.jpg?v=1710907799 767w, //trynovahair.com/cdn/shop/products/novahair-color-shampoo-238800_1024x1024.jpg?v=1710907799 1023w, //trynovahair.com/cdn/shop/products/novahair-color-shampoo-238800_1920x1920.jpg?v=1710907799 1440w">
                    </div>
                  </div>
                  <div media-type="" media-poster="" media-source-url="" media-last-source-url="" external-id="" grid-index="4" id="template--17086103027908__gp_section_515953640339408040-"
                    style="width: 1080px; --minw: calc(100% / 4 - 33px); --minw-tablet: calc(100% / 4 - 33px); --minw-mobile: calc(100% / 4 - 33px); --maxw: calc(100% / 4 - 33px); --maxw-tablet: calc(100% / 4 - 33px); --maxw-mobile: calc(100% / 4 - 33px); outline-color: var(--g-c-brand, brand); --h: auto; --h-tablet: auto; --h-mobile: auto; --ml: 0px; --ml-tablet: 0px; --ml-mobile: 0px; min-width: 585px; max-width: 585px; transform: translate3d(0px, 0px, 0px); height: 585px;"
                    class="gem-slider-item gp-w-full gem-slider-item-gscFxfvb42-template--17086103027908__gp_section_515953640339408040-7628853018820 gp-group gp-flex !gp-min-w-full !gp-max-w-full gp-w-full gp-relative gp-items-start gp-justify-center gp-overflow-hidden gp-outline-1 -gp-outline-offset-1 gp-image-item gp-ft-image-item data-[outline=active]:gp-outline undefined">
                    <div class="gp-w-full   gp-h-0  gp-relative" style="--pb: calc((1/1)*100%);--pb-tablet: calc((1/1)*100%);--pb-mobile: calc((1/1)*100%); ">
                      <img id="29264260169924
" draggable="false" class="gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none gp-w-full gp-transition-opacity  gp_lazyautosizes gp_ls-is-cached gp_lazyloaded"
                        data-src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-757799_768x768.jpg?v=1710907799 768w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-757799_1024x1024.jpg?v=1710907799 1024w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-757799_1440x1440.jpg?v=1710907799 1440w"
                        data-srcset="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-757799_768x768.jpg?v=1710907799 767w, //trynovahair.com/cdn/shop/products/novahair-color-shampoo-757799_1024x1024.jpg?v=1710907799 1023w, //trynovahair.com/cdn/shop/products/novahair-color-shampoo-757799_1920x1920.jpg?v=1710907799 1440w"
                        src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-757799_768x768.jpg?v=1710907799 768w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-757799_1024x1024.jpg?v=1710907799 1024w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-757799_1440x1440.jpg?v=1710907799 1440w"
                        width="1080" height="1080" alt="NovaHair Color Shampoo - NovaHair" base-src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-757799_small.jpg?v=1710907799" quality-type="{}" quality-percent="{}" data-sizes="auto"
                        sizes="100vw" style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:cover" data-quality="auto"
                        srcset="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-757799_768x768.jpg?v=1710907799 767w, //trynovahair.com/cdn/shop/products/novahair-color-shampoo-757799_1024x1024.jpg?v=1710907799 1023w, //trynovahair.com/cdn/shop/products/novahair-color-shampoo-757799_1920x1920.jpg?v=1710907799 1440w">
                    </div>
                  </div>
                  <div media-type="" media-poster="" media-source-url="" media-last-source-url="" external-id="" grid-index="5" id="template--17086103027908__gp_section_515953640339408040-"
                    style="width: 1080px; --minw: calc(100% / 4 - 33px); --minw-tablet: calc(100% / 4 - 33px); --minw-mobile: calc(100% / 4 - 33px); --maxw: calc(100% / 4 - 33px); --maxw-tablet: calc(100% / 4 - 33px); --maxw-mobile: calc(100% / 4 - 33px); outline-color: var(--g-c-brand, brand); --h: auto; --h-tablet: auto; --h-mobile: auto; --ml: 0px; --ml-tablet: 0px; --ml-mobile: 0px; min-width: 585px; max-width: 585px; transform: translate3d(0px, 0px, 0px); height: 585px;"
                    class="gem-slider-item gp-w-full gem-slider-item-gscFxfvb42-template--17086103027908__gp_section_515953640339408040-7628853018820 gp-group gp-flex !gp-min-w-full !gp-max-w-full gp-w-full gp-relative gp-items-start gp-justify-center gp-overflow-hidden gp-outline-1 -gp-outline-offset-1 gp-image-item gp-ft-image-item data-[outline=active]:gp-outline undefined">
                    <div class="gp-w-full   gp-h-0  gp-relative" style="--pb: calc((1/1)*100%);--pb-tablet: calc((1/1)*100%);--pb-mobile: calc((1/1)*100%); ">
                      <img id="29264260202692
" draggable="false" class="gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none gp-w-full gp-transition-opacity  gp_lazyload"
                        data-src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-265854_768x768.jpg?v=1710907799 768w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-265854_1024x1024.jpg?v=1710907799 1024w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-265854_1440x1440.jpg?v=1710907799 1440w"
                        data-srcset="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-265854_768x768.jpg?v=1710907799 768w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-265854_1024x1024.jpg?v=1710907799 1024w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-265854_1440x1440.jpg?v=1710907799 1440w"
                        src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAA1JREFUGFdj+Pr1638ACaED3/nOThIAAAAASUVORK5CYII=" width="1080" height="1080" alt="NovaHair Color Shampoo - NovaHair"
                        base-src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-265854_small.jpg?v=1710907799" quality-type="{}" quality-percent="{}" data-sizes="auto" sizes="100vw"
                        style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:cover">
                    </div>
                  </div>
                  <div media-type="" media-poster="" media-source-url="" media-last-source-url="" external-id="" grid-index="6" id="template--17086103027908__gp_section_515953640339408040-"
                    style="width: 1080px; --minw: calc(100% / 4 - 33px); --minw-tablet: calc(100% / 4 - 33px); --minw-mobile: calc(100% / 4 - 33px); --maxw: calc(100% / 4 - 33px); --maxw-tablet: calc(100% / 4 - 33px); --maxw-mobile: calc(100% / 4 - 33px); outline-color: var(--g-c-brand, brand); --h: auto; --h-tablet: auto; --h-mobile: auto; --ml: 0px; --ml-tablet: 0px; --ml-mobile: 0px; min-width: 585px; max-width: 585px; transform: translate3d(0px, 0px, 0px); height: 585px;"
                    class="gem-slider-item gp-w-full gem-slider-item-gscFxfvb42-template--17086103027908__gp_section_515953640339408040-7628853018820 gp-group gp-flex !gp-min-w-full !gp-max-w-full gp-w-full gp-relative gp-items-start gp-justify-center gp-overflow-hidden gp-outline-1 -gp-outline-offset-1 gp-image-item gp-ft-image-item data-[outline=active]:gp-outline undefined">
                    <div class="gp-w-full   gp-h-0  gp-relative" style="--pb: calc((1/1)*100%);--pb-tablet: calc((1/1)*100%);--pb-mobile: calc((1/1)*100%); ">
                      <img id="30524010791108
" draggable="false" class="gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none gp-w-full gp-transition-opacity  gp_lazyload"
                        data-src="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-596438_768x768.jpg?v=1717083733 768w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-596438_1024x1024.jpg?v=1717083733 1024w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-596438_1440x1440.jpg?v=1717083733 1440w"
                        data-srcset="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-596438_768x768.jpg?v=1717083733 768w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-596438_1024x1024.jpg?v=1717083733 1024w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-596438_1440x1440.jpg?v=1717083733 1440w"
                        src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAA1JREFUGFdj+Pr1638ACaED3/nOThIAAAAASUVORK5CYII=" width="1080" height="1080" alt="NovaHair Instant Dye Shampoo - NovaHair"
                        base-src="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-596438_small.jpg?v=1717083733" quality-type="{}" quality-percent="{}" data-sizes="auto" sizes="100vw"
                        style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:cover">
                    </div>
                  </div>
                  <div media-type="" media-poster="" media-source-url="" media-last-source-url="" external-id="" grid-index="7" id="template--17086103027908__gp_section_515953640339408040-"
                    style="width: 1080px; --minw: calc(100% / 4 - 33px); --minw-tablet: calc(100% / 4 - 33px); --minw-mobile: calc(100% / 4 - 33px); --maxw: calc(100% / 4 - 33px); --maxw-tablet: calc(100% / 4 - 33px); --maxw-mobile: calc(100% / 4 - 33px); outline-color: var(--g-c-brand, brand); --h: auto; --h-tablet: auto; --h-mobile: auto; --ml: 0px; --ml-tablet: 0px; --ml-mobile: 0px; min-width: 585px; max-width: 585px; transform: translate3d(0px, 0px, 0px); height: 585px;"
                    class="gem-slider-item gp-w-full gem-slider-item-gscFxfvb42-template--17086103027908__gp_section_515953640339408040-7628853018820 gp-group gp-flex !gp-min-w-full !gp-max-w-full gp-w-full gp-relative gp-items-start gp-justify-center gp-overflow-hidden gp-outline-1 -gp-outline-offset-1 gp-image-item gp-ft-image-item data-[outline=active]:gp-outline undefined">
                    <div class="gp-w-full   gp-h-0  gp-relative" style="--pb: calc((1/1)*100%);--pb-tablet: calc((1/1)*100%);--pb-mobile: calc((1/1)*100%); ">
                      <img id="30524010823876
" draggable="false" class="gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none gp-w-full gp-transition-opacity  gp_lazyload"
                        data-src="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-509291_768x768.jpg?v=1717083733 768w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-509291_1024x1024.jpg?v=1717083733 1024w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-509291_1440x1440.jpg?v=1717083733 1440w"
                        data-srcset="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-509291_768x768.jpg?v=1717083733 768w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-509291_1024x1024.jpg?v=1717083733 1024w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-509291_1440x1440.jpg?v=1717083733 1440w"
                        src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAA1JREFUGFdj+Pr1638ACaED3/nOThIAAAAASUVORK5CYII=" width="1080" height="1080" alt="NovaHair Instant Dye Shampoo - NovaHair"
                        base-src="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-509291_small.jpg?v=1717083733" quality-type="{}" quality-percent="{}" data-sizes="auto" sizes="100vw"
                        style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:cover">
                    </div>
                  </div>
                  <div media-type="" media-poster="" media-source-url="" media-last-source-url="" external-id="" grid-index="8" id="template--17086103027908__gp_section_515953640339408040-"
                    style="width: 1080px; --minw: calc(100% / 4 - 33px); --minw-tablet: calc(100% / 4 - 33px); --minw-mobile: calc(100% / 4 - 33px); --maxw: calc(100% / 4 - 33px); --maxw-tablet: calc(100% / 4 - 33px); --maxw-mobile: calc(100% / 4 - 33px); outline-color: var(--g-c-brand, brand); --h: auto; --h-tablet: auto; --h-mobile: auto; --ml: 0px; --ml-tablet: 0px; --ml-mobile: 0px; min-width: 585px; max-width: 585px; transform: translate3d(0px, 0px, 0px); height: 585px;"
                    class="gem-slider-item gp-w-full gem-slider-item-gscFxfvb42-template--17086103027908__gp_section_515953640339408040-7628853018820 gp-group gp-flex !gp-min-w-full !gp-max-w-full gp-w-full gp-relative gp-items-start gp-justify-center gp-overflow-hidden gp-outline-1 -gp-outline-offset-1 gp-image-item gp-ft-image-item data-[outline=active]:gp-outline undefined">
                    <div class="gp-w-full   gp-h-0  gp-relative" style="--pb: calc((1/1)*100%);--pb-tablet: calc((1/1)*100%);--pb-mobile: calc((1/1)*100%); ">
                      <img id="30524010889412
" draggable="false" class="gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none gp-w-full gp-transition-opacity  gp_lazyload"
                        data-src="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-685623_768x768.jpg?v=1717083733 768w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-685623_1024x1024.jpg?v=1717083733 1024w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-685623_1440x1440.jpg?v=1717083733 1440w"
                        data-srcset="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-685623_768x768.jpg?v=1717083733 768w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-685623_1024x1024.jpg?v=1717083733 1024w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-685623_1440x1440.jpg?v=1717083733 1440w"
                        src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAA1JREFUGFdj+Pr1638ACaED3/nOThIAAAAASUVORK5CYII=" width="1080" height="1080" alt="NovaHair Instant Dye Shampoo - NovaHair"
                        base-src="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-685623_small.jpg?v=1717083733" quality-type="{}" quality-percent="{}" data-sizes="auto" sizes="100vw"
                        style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:cover">
                    </div>
                  </div>
                  <div media-type="" media-poster="" media-source-url="" media-last-source-url="" external-id="" grid-index="9" id="template--17086103027908__gp_section_515953640339408040-"
                    style="width: 1080px; --minw: calc(100% / 4 - 33px); --minw-tablet: calc(100% / 4 - 33px); --minw-mobile: calc(100% / 4 - 33px); --maxw: calc(100% / 4 - 33px); --maxw-tablet: calc(100% / 4 - 33px); --maxw-mobile: calc(100% / 4 - 33px); outline-color: var(--g-c-brand, brand); --h: auto; --h-tablet: auto; --h-mobile: auto; --ml: 0px; --ml-tablet: 0px; --ml-mobile: 0px; min-width: 585px; max-width: 585px; transform: translate3d(0px, 0px, 0px); height: 585px;"
                    class="gem-slider-item gp-w-full gem-slider-item-gscFxfvb42-template--17086103027908__gp_section_515953640339408040-7628853018820 gp-group gp-flex !gp-min-w-full !gp-max-w-full gp-w-full gp-relative gp-items-start gp-justify-center gp-overflow-hidden gp-outline-1 -gp-outline-offset-1 gp-image-item gp-ft-image-item data-[outline=active]:gp-outline undefined">
                    <div class="gp-w-full   gp-h-0  gp-relative" style="--pb: calc((1/1)*100%);--pb-tablet: calc((1/1)*100%);--pb-mobile: calc((1/1)*100%); ">
                      <img id="30524010922180
" draggable="false" class="gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 featured-image-only gp-cursor-pointer !gp-rounded-none gp-w-full gp-transition-opacity  gp_lazyload"
                        data-src="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-566882_768x768.jpg?v=1717083733 768w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-566882_1024x1024.jpg?v=1717083733 1024w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-566882_1440x1440.jpg?v=1717083733 1440w"
                        data-srcset="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-566882_768x768.jpg?v=1717083733 768w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-566882_1024x1024.jpg?v=1717083733 1024w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-566882_1440x1440.jpg?v=1717083733 1440w"
                        src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAA1JREFUGFdj+Pr1638ACaED3/nOThIAAAAASUVORK5CYII=" width="1080" height="1080" alt="NovaHair Instant Dye Shampoo - NovaHair"
                        base-src="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-566882_small.jpg?v=1717083733" quality-type="{}" quality-percent="{}" data-sizes="auto" sizes="100vw"
                        style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:cover">
                    </div>
                  </div>
                </div>
                <button type="button" aria-label="Carousel Next Arrow"
                  class="ft-gscFxfvb42-template--17086103027908__gp_section_515953640339408040-7628853018820 gp-carousel-action-next gem-slider-next ft-gscFxfvb42-template--17086103027908__gp_section_515953640339408040-7628853018820-template--17086103027908__gp_section_515953640339408040 gp-carousel-arrow-gscFxfvb42 gp-items-center gp-justify-center gp-overflow-hidden gp-shrink-0  gp-cursor-pointer gp-text-gray-500 !gp-hidden tablet:!gp-hidden mobile:!gp-hidden"
                  style="--left:initial;--top:;--right:initial;--bottom:initial;--left-tablet:initial;--top-tablet:;--right-tablet:initial;--bottom-tablet:initial;--left-mobile:initial;--top-mobile:;--right-mobile:initial;--bottom-mobile:initial;--d:none;--d-tablet:none;--d-mobile:none;background-color:;--w:24px;--h:24px"
                  onclick="{onClick}">
                  <div class="gp-flex gp-items-center gp-justify-center [&amp;>svg]:gp-h-full [&amp;>svg]:gp-w-full gp-rotate-0 tablet:gp-rotate-0 mobile:gp-rotate-0"
                    style="--c:#000000;--w:undefinedpx;--w-tablet:undefinedpx;--w-mobile:undefinedpx;--h:undefinedpx;--h-tablet:undefinedpx;--h-mobile:undefinedpx">
                    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path fill-rule="evenodd" clip-rule="evenodd"
                        d="M12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0ZM10.6828 8.13017C10.5266 7.95661 10.2734 7.95661 10.1172 8.13017C9.96095 8.30374 9.96095 8.58515 10.1172 8.75871L13.0343 12L10.1172 15.2413C9.96095 15.4149 9.96095 15.6963 10.1172 15.8698C10.2734 16.0434 10.5266 16.0434 10.6828 15.8698L13.8828 12.3143C14.0391 12.1407 14.0391 11.8593 13.8828 11.6857L10.6828 8.13017Z"
                        fill="currentColor"></path>
                    </svg>
                  </div>
                  <style>
                    .ft-gscFxfvb42-template--17086103027908__gp_section_515953640339408040-7628853018820.gp-carousel-arrow-gscFxfvb42 {}

                    .ft-gscFxfvb42-template--17086103027908__gp_section_515953640339408040-7628853018820.gp-carousel-arrow-gscFxfvb42::before {
                      content: '';
                      height: 100%;
                      width: 100%;
                      position: absolute;
                      pointer-events: none;
                      z-index: 10;
                    }

                    @media only screen and (max-width: 1023px) and (min-width: 768px) {
                      .ft-gscFxfvb42-template--17086103027908__gp_section_515953640339408040-7628853018820.gp-carousel-arrow-gscFxfvb42 {}

                      .ft-gscFxfvb42-template--17086103027908__gp_section_515953640339408040-7628853018820.gp-carousel-arrow-gscFxfvb42::before {}
                    }

                    @media only screen and (max-width: 768px) {
                      .ft-gscFxfvb42-template--17086103027908__gp_section_515953640339408040-7628853018820.gp-carousel-arrow-gscFxfvb42 {}

                      .ft-gscFxfvb42-template--17086103027908__gp_section_515953640339408040-7628853018820.gp-carousel-arrow-gscFxfvb42::before {}
                    }
                  </style>
                </button>
              </div>
              <div
                class="gp-items-center gp-justify-center gp-gap-2 gp-text-center gp-carousel-dot-container gp-carousel-dot-container-ft-gscFxfvb42-template--17086103027908__gp_section_515953640339408040-7628853018820-template--17086103027908__gp_section_515953640339408040 gp-static gp-flex-row gp-left-0 gp-right-0 tablet:gp-static tablet:gp-flex-row tablet:gp-left-0 tablet:gp-right-0 mobile:gp-static mobile:gp-flex-row mobile:gp-left-0 mobile:gp-right-0"
                style="--bottom:16px;--bottom-tablet:16px;--bottom-mobile:16px;--d:none;--d-tablet:none;--d-mobile:none"></div>
            </div>
          </gp-carousel>
          <script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-carousel-v2.js?v=1721319288115" defer="defer"></script>
          <div class="gallery-wrapper gp-product-images-gallery gp-flex gp-overflow-hidden gp-max-w-full data-[only-image=true]:gp-hidden"
            style="--o: 1; --o-tablet: 1; --o-mobile: 1; --jc: flex-start; --jc-tablet: flex-start; --jc-mobile: flex-start; --pos: static; --pos-tablet: static; --pos-mobile: static; --w: 100%; --w-tablet: 100%; --w-mobile: 100%; --bottom: unset; --bottom-tablet: unset; --bottom-mobile: unset; --top: unset; --top-tablet: unset; --top-mobile: unset; --left: unset; --left-tablet: unset; --left-mobile: unset; --right: unset; --right-tablet: unset; --right-mobile: unset; display: flex; height: fit-content;"
            data-only-image="false">
            <style>
              .gem-slider-item-gscFxfvb42-7628853018820.gp-gallery-image-item::after {
                content: "";
                height: 100%;
                width: 100%;
                position: absolute;
                z-index: 1000;
                top: 0;
                left: 0;
                border-width: 1px 1px 1px 1px;
                border-color: #000000;
              }
            </style>
            <gp-carousel type="grid-carousel" product-media="9" id="gp-root-carousel-gscFxfvb42-7628853018820-template--17086103027908__gp_section_515953640339408040"
              class="gp-flex-1 gp-w-full carousel-gallery gp-px-0 tablet:gp-px-0 mobile:gp-px-0  gp-group/carousel gp-flex"
              gp-data="{&quot;id&quot;:&quot;gscFxfvb42-7628853018820-template--17086103027908__gp_section_515953640339408040&quot;,&quot;setting&quot;:{&quot;loop&quot;:{&quot;desktop&quot;:false},&quot;itemNumber&quot;:{&quot;desktop&quot;:4,&quot;tablet&quot;:4,&quot;mobile&quot;:4},&quot;dot&quot;:{&quot;desktop&quot;:false,&quot;tablet&quot;:false,&quot;mobile&quot;:false},&quot;dotStyle&quot;:{&quot;desktop&quot;:&quot;none&quot;,&quot;tablet&quot;:&quot;none&quot;,&quot;mobile&quot;:&quot;none&quot;},&quot;controlOverContent&quot;:{&quot;desktop&quot;:true,&quot;tablet&quot;:true,&quot;mobile&quot;:true},&quot;enableDrag&quot;:{&quot;desktop&quot;:true,&quot;tablet&quot;:true,&quot;mobile&quot;:true},&quot;vertical&quot;:{&quot;desktop&quot;:false,&quot;mobile&quot;:false,&quot;tablet&quot;:false},&quot;arrowCustom&quot;:&quot;<svg width=\&quot;100%\&quot; height=\&quot;100%\&quot; viewBox=\&quot;0 0 32 32\&quot; fill=\&quot;none\&quot; xmlns=\&quot;http://www.w3.org/2000/svg\&quot;>\n              <rect width=\&quot;32\&quot; height=\&quot;32\&quot; rx=\&quot;16\&quot; fill=\&quot;white\&quot;/>\n              <path d=\&quot;M12.7434 20.8964C12.4176 21.2223 12.4176 21.7506 12.7434 22.0764C13.0693 22.4023 13.5976 22.4023 13.9234 22.0764L19.6227 16.3771C19.8311 16.1687 19.8311 15.8308 19.6227 15.6224L13.9234 9.9231C13.5976 9.59725 13.0693 9.59725 12.7434 9.9231C12.4176 10.2489 12.4176 10.7772 12.7434 11.1031L17.6401 15.9998L12.7434 20.8964Z\&quot; fill=\&quot;black\&quot;/>\n              </svg>\n              &quot;,&quot;arrowBorder&quot;:{},&quot;roundedArrow&quot;:{},&quot;sneakPeakType&quot;:{&quot;desktop&quot;:&quot;center&quot;},&quot;arrowGapToEachSide&quot;:&quot;16&quot;,&quot;navigationStyle&quot;:{&quot;desktop&quot;:&quot;inside&quot;,&quot;mobile&quot;:&quot;inside&quot;,&quot;tablet&quot;:&quot;inside&quot;},&quot;arrowButtonSize&quot;:{&quot;desktop&quot;:{&quot;width&quot;:&quot;24px&quot;,&quot;height&quot;:&quot;24px&quot;}}},&quot;styles&quot;:{&quot;sizeSetting&quot;:{&quot;desktop&quot;:{&quot;width&quot;:&quot;100%&quot;,&quot;height&quot;:&quot;auto&quot;},&quot;tablet&quot;:{&quot;width&quot;:&quot;100%&quot;,&quot;height&quot;:&quot;auto&quot;},&quot;mobile&quot;:{&quot;width&quot;:&quot;100%&quot;,&quot;height&quot;:&quot;auto&quot;}},&quot;spacing&quot;:{&quot;desktop&quot;:16,&quot;tablet&quot;:5,&quot;mobile&quot;:5}},&quot;isHiddenArrowWhenDisabled&quot;:true}"
              style="--d:flex;--d-mobile:flex;--d-tablet:none">
              <div class="gp-hidden gp-aspect-square gp-w-[12px] gp-rounded-full gp-shadow-md"></div>
              <div class="gp-relative gp-my-0 tablet:gp-px-0 gp-max-w-full mobile:gp-px-0 gp-carousel-wrapper mobile:gp-block tablet:gp-block gp-block gscFxfvb42  gp-py-0 tablet:gp-py-0 mobile:gp-py-0"
                style="--w:100%;--w-tablet:100%;--w-mobile:100%;--h:auto;--h-tablet:auto;--h-mobile:auto">
                <div class="gp-h-full gp-relative gp-mx-auto gp-flex gp-items-center gp-justify-between mobile:!gp-flex-row tablet:!gp-flex-row !gp-flex-row" style="--h:100%;--h-tablet:100%;--h-mobile:100%;gap:16px">
                  <button type="button" aria-label="Carousel Back Arrow"
                    class="gscFxfvb42-7628853018820 gp-carousel-action-back gem-slider-previous gscFxfvb42-7628853018820-template--17086103027908__gp_section_515953640339408040 gp-carousel-arrow-gscFxfvb42 gp-items-center gp-justify-center gp-overflow-hidden gp-shrink-0 gp-cursor-pointer gp-text-gray-500 !gp-flex !gp-absolute gp-z-2 tablet:!gp-flex tablet:!gp-absolute tablet:gp-z-2 mobile:!gp-flex mobile:!gp-absolute mobile:gp-z-2 visibility-hidden"
                    style="--left:16px;--top:initial;--right:initial;--bottom:;--left-tablet:16px;--top-tablet:initial;--right-tablet:initial;--bottom-tablet:;--left-mobile:16px;--top-mobile:initial;--right-mobile:initial;--bottom-mobile:;--d:flex;--d-tablet:flex;--d-mobile:flex;background-color:;--w:24px;--h:24px"
                    onclick="{onClick}" data-hidden="true" disabled="">
                    <div class="gp-flex gp-items-center gp-justify-center [&amp;>svg]:gp-h-full [&amp;>svg]:gp-w-full gp-rotate-180 tablet:gp-rotate-180 mobile:gp-rotate-180"
                      style="--w:undefinedpx;--w-tablet:undefinedpx;--w-mobile:undefinedpx;--h:undefinedpx;--h-tablet:undefinedpx;--h-mobile:undefinedpx">
                      <svg width="100%" height="100%" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <rect width="32" height="32" rx="16" fill="white"></rect>
                        <path
                          d="M12.7434 20.8964C12.4176 21.2223 12.4176 21.7506 12.7434 22.0764C13.0693 22.4023 13.5976 22.4023 13.9234 22.0764L19.6227 16.3771C19.8311 16.1687 19.8311 15.8308 19.6227 15.6224L13.9234 9.9231C13.5976 9.59725 13.0693 9.59725 12.7434 9.9231C12.4176 10.2489 12.4176 10.7772 12.7434 11.1031L17.6401 15.9998L12.7434 20.8964Z"
                          fill="black"></path>
                      </svg>
                    </div>
                    <style>
                      .gscFxfvb42-7628853018820.gp-carousel-arrow-gscFxfvb42 {}

                      .gscFxfvb42-7628853018820.gp-carousel-arrow-gscFxfvb42::before {
                        content: '';
                        height: 100%;
                        width: 100%;
                        position: absolute;
                        pointer-events: none;
                        z-index: 10;
                      }

                      @media only screen and (max-width: 1023px) and (min-width: 768px) {
                        .gscFxfvb42-7628853018820.gp-carousel-arrow-gscFxfvb42 {}

                        .gscFxfvb42-7628853018820.gp-carousel-arrow-gscFxfvb42::before {}
                      }

                      @media only screen and (max-width: 768px) {
                        .gscFxfvb42-7628853018820.gp-carousel-arrow-gscFxfvb42 {}

                        .gscFxfvb42-7628853018820.gp-carousel-arrow-gscFxfvb42::before {}
                      }
                    </style>
                  </button>
                  <div id="gp-carousel-gscFxfvb42-7628853018820-template--17086103027908__gp_section_515953640339408040"
                    class="gem-slider gp-h-full gp-overflow-hidden gp-select-none mobile:!gp-flex-nowrap tablet:!gp-flex-nowrap !gp-flex-nowrap mobile:!gp-min-h-full tablet:!gp-min-h-full !gp-min-h-full" style="">
                    <div media-type="image" media-poster="products/novahair-color-shampoo-879931.jpg" media-source-url="" media-last-source-url="products/novahair-color-shampoo-879931.jpg" external-id="" grid-index="1" data-outline="active"
                      id="36902164529348"
                      style="--minw: calc(25.00% - 12px); --minw-tablet: calc(25.00% - 12px); --minw-mobile: calc(25% - 3.75px); --maxw: calc(100% / 4 - 33px); --maxw-tablet: calc(100% / 4 - 33px); --maxw-mobile: calc(100% / 4 - 33px); --w: 100%; --w-tablet: 100%; --w-mobile: 100%; --h: auto; --h-tablet: auto; --h-mobile: auto; min-width: 134.25px; max-width: 134.25px; transform: translate3d(0px, 0px, 0px);"
                      class="gem-slider-item gp-w-full gem-slider-item-gscFxfvb42-7628853018820 gp-group gp-flex gp-w-full gp-relative gp-items-center gp-justify-center gp-overflow-hidden gp-image-item gp-gallery-image-item gp-cursor-pointer active data-[outline=deactive]:after:!gp-border-transparent">
                      <div class="gp-w-full gp-relative" style="--pb: calc((1/1)*100%);--pb-tablet: calc((1/1)*100%);--pb-mobile: calc((1/1)*100%);;"><img draggable="false"
                          class="!gp-rounded-none gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 gp-cursor-pointer gp-lazyload gp_lazyautosizes gp_lazyloaded"
                          data-src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-879931_768x768.jpg?v=1710907799 768w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-879931_1024x1024.jpg?v=1710907799 1024w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-879931_1440x1440.jpg?v=1710907799 1440w"
                          data-srcset="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-879931_768x768.jpg?v=1710907799 767w, //trynovahair.com/cdn/shop/products/novahair-color-shampoo-879931_1024x1024.jpg?v=1710907799 1023w, //trynovahair.com/cdn/shop/products/novahair-color-shampoo-879931_1920x1920.jpg?v=1710907799 1440w"
                          src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-879931_768x768.jpg?v=1710907799 768w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-879931_1024x1024.jpg?v=1710907799 1024w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-879931_1440x1440.jpg?v=1710907799 1440w"
                          width="1080" height="1080" alt="NovaHair Color Shampoo - NovaHair" base-src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-879931_small.jpg?v=1710907799" quality-type="{}" quality-percent="{}" data-sizes="auto"
                          sizes="100vw" style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:cover;width:100%;height:100%;cursor:pointer" data-quality="auto"
                          srcset="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-879931_768x768.jpg?v=1710907799 767w, //trynovahair.com/cdn/shop/products/novahair-color-shampoo-879931_1024x1024.jpg?v=1710907799 1023w, //trynovahair.com/cdn/shop/products/novahair-color-shampoo-879931_1920x1920.jpg?v=1710907799 1440w">
                        <div class="gp-absolute gp-inset-0 gp-flex gp-cursor-pointer gp-items-center gp-justify-center gp-bg-black/50 gp-opacity-0 gp-transition-opacity gp-duration-100 group-hover:gp-opacity-100"
                          style="--d: none;--d-mobile: none;--d-tablet: none;">
                          <svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg" class="gp-h-6 gp-w-6" viewBox="0 0 512 512" color="#fff">
                            <path fill="currentColor" stroke-linecap="round" stroke-linejoin="round"
                              d="M62.2467 345.253C43.7072 326.714 29.1474 305.116 18.9714 281.057C8.42839 256.13 3.08301 229.671 3.08301 202.418C3.08301 175.165 8.43012 148.707 18.974 123.78C29.15 99.7213 43.7098 78.123 62.2485 59.5834C80.788 41.0439 102.386 26.4841 126.445 16.3081C151.372 5.76422 177.831 0.417969 205.084 0.417969C232.337 0.417969 258.794 5.76421 283.722 16.3064C307.78 26.4823 329.379 41.0422 347.918 59.5817C366.458 78.1212 381.017 99.7196 391.194 123.778C401.737 148.706 407.083 175.163 407.083 202.417C407.083 229.671 401.737 256.129 391.194 281.056C388.406 287.648 385.277 294.048 381.839 300.257L493.397 411.815C514.091 432.511 514.091 466.187 493.395 486.883L484.272 496.006C474.245 506.032 460.915 511.553 446.738 511.553C432.559 511.553 419.228 506.032 409.202 496.006L296.022 382.824C291.996 384.854 287.898 386.762 283.721 388.528C258.794 399.073 232.336 404.419 205.082 404.419C177.828 404.419 151.371 399.071 126.443 388.528C102.385 378.352 80.7863 363.793 62.2467 345.253ZM301.699 336.166C313.928 327.317 324.896 316.835 334.282 305.034C342.149 295.142 348.9 284.325 354.355 272.775C364.433 251.432 370.076 227.586 370.076 202.419C370.076 111.296 296.206 37.4253 205.083 37.4253C113.96 37.4253 40.0895 111.294 40.0895 202.418C40.0895 293.541 113.96 367.411 205.084 367.411C227.413 367.411 248.701 362.967 268.126 354.928C280.091 349.976 291.347 343.658 301.699 336.166ZM467.229 460.716C473.507 454.439 473.507 444.26 467.229 437.982L360.595 331.348C356.601 336.153 352.378 340.794 347.919 345.253C341.671 351.502 335.068 357.286 328.147 362.615L435.371 469.839C438.511 472.977 442.624 474.547 446.739 474.547C450.853 474.547 454.967 472.978 458.106 469.839L467.229 460.716ZM223.582 183.91H281.071C291.292 183.91 299.574 192.194 299.575 202.414C299.575 206.778 298.062 210.786 295.533 213.951C292.143 218.195 286.926 220.916 281.072 220.916H228.303H223.583V225.63V278.406C223.583 287.081 217.613 294.358 209.559 296.361C208.124 296.717 206.625 296.909 205.08 296.909C194.861 296.909 186.577 288.625 186.577 278.406V220.917H129.087C118.868 220.917 110.584 212.633 110.584 202.414C110.584 192.195 118.868 183.911 129.087 183.911H186.576V126.421C186.576 116.202 194.86 107.918 205.079 107.918C215.298 107.918 223.582 116.202 223.582 126.421V183.91Z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div media-type="image" media-poster="products/novahair-color-shampoo-338044.jpg" media-source-url="" media-last-source-url="products/novahair-color-shampoo-338044.jpg" external-id="" grid-index="2" data-outline="deactive"
                      id="36902164562116"
                      style="--minw: calc(25.00% - 12px); --minw-tablet: calc(25.00% - 12px); --minw-mobile: calc(25% - 3.75px); --maxw: calc(100% / 4 - 33px); --maxw-tablet: calc(100% / 4 - 33px); --maxw-mobile: calc(100% / 4 - 33px); --w: 100%; --w-tablet: 100%; --w-mobile: 100%; --h: auto; --h-tablet: auto; --h-mobile: auto; --ml: 0px; --ml-tablet: 0px; --ml-mobile: 0px; min-width: 134.25px; max-width: 134.25px; transform: translate3d(16px, 0px, 0px);"
                      class="gem-slider-item gp-w-full gem-slider-item-gscFxfvb42-7628853018820 gp-group gp-flex gp-w-full gp-relative gp-items-center gp-justify-center gp-overflow-hidden gp-image-item gp-gallery-image-item gp-cursor-pointer undefined data-[outline=deactive]:after:!gp-border-transparent">
                      <div class="gp-w-full gp-relative" style="--pb: calc((1/1)*100%);--pb-tablet: calc((1/1)*100%);--pb-mobile: calc((1/1)*100%);;"><img draggable="false"
                          class="!gp-rounded-none gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 gp-cursor-pointer gp-lazyload gp_lazyautosizes gp_lazyloaded"
                          data-src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-338044_768x768.jpg?v=1710907799 768w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-338044_1024x1024.jpg?v=1710907799 1024w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-338044_1440x1440.jpg?v=1710907799 1440w"
                          data-srcset="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-338044_768x768.jpg?v=1710907799 767w, //trynovahair.com/cdn/shop/products/novahair-color-shampoo-338044_1024x1024.jpg?v=1710907799 1023w, //trynovahair.com/cdn/shop/products/novahair-color-shampoo-338044_1920x1920.jpg?v=1710907799 1440w"
                          src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-338044_768x768.jpg?v=1710907799 768w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-338044_1024x1024.jpg?v=1710907799 1024w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-338044_1440x1440.jpg?v=1710907799 1440w"
                          width="1080" height="1080" alt="NovaHair Color Shampoo - NovaHair" base-src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-338044_small.jpg?v=1710907799" quality-type="{}" quality-percent="{}" data-sizes="auto"
                          sizes="100vw" style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:cover;width:100%;height:100%;cursor:pointer" data-quality="auto"
                          srcset="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-338044_768x768.jpg?v=1710907799 767w, //trynovahair.com/cdn/shop/products/novahair-color-shampoo-338044_1024x1024.jpg?v=1710907799 1023w, //trynovahair.com/cdn/shop/products/novahair-color-shampoo-338044_1920x1920.jpg?v=1710907799 1440w">
                        <div class="gp-absolute gp-inset-0 gp-flex gp-cursor-pointer gp-items-center gp-justify-center gp-bg-black/50 gp-opacity-0 gp-transition-opacity gp-duration-100 group-hover:gp-opacity-100"
                          style="--d: none;--d-mobile: none;--d-tablet: none;">
                          <svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg" class="gp-h-6 gp-w-6" viewBox="0 0 512 512" color="#fff">
                            <path fill="currentColor" stroke-linecap="round" stroke-linejoin="round"
                              d="M62.2467 345.253C43.7072 326.714 29.1474 305.116 18.9714 281.057C8.42839 256.13 3.08301 229.671 3.08301 202.418C3.08301 175.165 8.43012 148.707 18.974 123.78C29.15 99.7213 43.7098 78.123 62.2485 59.5834C80.788 41.0439 102.386 26.4841 126.445 16.3081C151.372 5.76422 177.831 0.417969 205.084 0.417969C232.337 0.417969 258.794 5.76421 283.722 16.3064C307.78 26.4823 329.379 41.0422 347.918 59.5817C366.458 78.1212 381.017 99.7196 391.194 123.778C401.737 148.706 407.083 175.163 407.083 202.417C407.083 229.671 401.737 256.129 391.194 281.056C388.406 287.648 385.277 294.048 381.839 300.257L493.397 411.815C514.091 432.511 514.091 466.187 493.395 486.883L484.272 496.006C474.245 506.032 460.915 511.553 446.738 511.553C432.559 511.553 419.228 506.032 409.202 496.006L296.022 382.824C291.996 384.854 287.898 386.762 283.721 388.528C258.794 399.073 232.336 404.419 205.082 404.419C177.828 404.419 151.371 399.071 126.443 388.528C102.385 378.352 80.7863 363.793 62.2467 345.253ZM301.699 336.166C313.928 327.317 324.896 316.835 334.282 305.034C342.149 295.142 348.9 284.325 354.355 272.775C364.433 251.432 370.076 227.586 370.076 202.419C370.076 111.296 296.206 37.4253 205.083 37.4253C113.96 37.4253 40.0895 111.294 40.0895 202.418C40.0895 293.541 113.96 367.411 205.084 367.411C227.413 367.411 248.701 362.967 268.126 354.928C280.091 349.976 291.347 343.658 301.699 336.166ZM467.229 460.716C473.507 454.439 473.507 444.26 467.229 437.982L360.595 331.348C356.601 336.153 352.378 340.794 347.919 345.253C341.671 351.502 335.068 357.286 328.147 362.615L435.371 469.839C438.511 472.977 442.624 474.547 446.739 474.547C450.853 474.547 454.967 472.978 458.106 469.839L467.229 460.716ZM223.582 183.91H281.071C291.292 183.91 299.574 192.194 299.575 202.414C299.575 206.778 298.062 210.786 295.533 213.951C292.143 218.195 286.926 220.916 281.072 220.916H228.303H223.583V225.63V278.406C223.583 287.081 217.613 294.358 209.559 296.361C208.124 296.717 206.625 296.909 205.08 296.909C194.861 296.909 186.577 288.625 186.577 278.406V220.917H129.087C118.868 220.917 110.584 212.633 110.584 202.414C110.584 192.195 118.868 183.911 129.087 183.911H186.576V126.421C186.576 116.202 194.86 107.918 205.079 107.918C215.298 107.918 223.582 116.202 223.582 126.421V183.91Z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div media-type="image" media-poster="products/novahair-color-shampoo-238800.jpg" media-source-url="" media-last-source-url="products/novahair-color-shampoo-238800.jpg" external-id="" grid-index="3" data-outline="deactive"
                      id="36902164594884"
                      style="--minw: calc(25.00% - 12px); --minw-tablet: calc(25.00% - 12px); --minw-mobile: calc(25% - 3.75px); --maxw: calc(100% / 4 - 33px); --maxw-tablet: calc(100% / 4 - 33px); --maxw-mobile: calc(100% / 4 - 33px); --w: 100%; --w-tablet: 100%; --w-mobile: 100%; --h: auto; --h-tablet: auto; --h-mobile: auto; --ml: 0px; --ml-tablet: 0px; --ml-mobile: 0px; min-width: 134.25px; max-width: 134.25px; transform: translate3d(32px, 0px, 0px);"
                      class="gem-slider-item gp-w-full gem-slider-item-gscFxfvb42-7628853018820 gp-group gp-flex gp-w-full gp-relative gp-items-center gp-justify-center gp-overflow-hidden gp-image-item gp-gallery-image-item gp-cursor-pointer undefined data-[outline=deactive]:after:!gp-border-transparent">
                      <div class="gp-w-full gp-relative" style="--pb: calc((1/1)*100%);--pb-tablet: calc((1/1)*100%);--pb-mobile: calc((1/1)*100%);;"><img draggable="false"
                          class="!gp-rounded-none gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 gp-cursor-pointer gp-lazyload gp_lazyautosizes gp_lazyloaded"
                          data-src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-238800_768x768.jpg?v=1710907799 768w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-238800_1024x1024.jpg?v=1710907799 1024w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-238800_1440x1440.jpg?v=1710907799 1440w"
                          data-srcset="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-238800_768x768.jpg?v=1710907799 767w, //trynovahair.com/cdn/shop/products/novahair-color-shampoo-238800_1024x1024.jpg?v=1710907799 1023w, //trynovahair.com/cdn/shop/products/novahair-color-shampoo-238800_1920x1920.jpg?v=1710907799 1440w"
                          src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-238800_768x768.jpg?v=1710907799 768w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-238800_1024x1024.jpg?v=1710907799 1024w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-238800_1440x1440.jpg?v=1710907799 1440w"
                          width="1080" height="1080" alt="NovaHair Color Shampoo - NovaHair" base-src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-238800_small.jpg?v=1710907799" quality-type="{}" quality-percent="{}" data-sizes="auto"
                          sizes="100vw" style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:cover;width:100%;height:100%;cursor:pointer" data-quality="auto"
                          srcset="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-238800_768x768.jpg?v=1710907799 767w, //trynovahair.com/cdn/shop/products/novahair-color-shampoo-238800_1024x1024.jpg?v=1710907799 1023w, //trynovahair.com/cdn/shop/products/novahair-color-shampoo-238800_1920x1920.jpg?v=1710907799 1440w">
                        <div class="gp-absolute gp-inset-0 gp-flex gp-cursor-pointer gp-items-center gp-justify-center gp-bg-black/50 gp-opacity-0 gp-transition-opacity gp-duration-100 group-hover:gp-opacity-100"
                          style="--d: none;--d-mobile: none;--d-tablet: none;">
                          <svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg" class="gp-h-6 gp-w-6" viewBox="0 0 512 512" color="#fff">
                            <path fill="currentColor" stroke-linecap="round" stroke-linejoin="round"
                              d="M62.2467 345.253C43.7072 326.714 29.1474 305.116 18.9714 281.057C8.42839 256.13 3.08301 229.671 3.08301 202.418C3.08301 175.165 8.43012 148.707 18.974 123.78C29.15 99.7213 43.7098 78.123 62.2485 59.5834C80.788 41.0439 102.386 26.4841 126.445 16.3081C151.372 5.76422 177.831 0.417969 205.084 0.417969C232.337 0.417969 258.794 5.76421 283.722 16.3064C307.78 26.4823 329.379 41.0422 347.918 59.5817C366.458 78.1212 381.017 99.7196 391.194 123.778C401.737 148.706 407.083 175.163 407.083 202.417C407.083 229.671 401.737 256.129 391.194 281.056C388.406 287.648 385.277 294.048 381.839 300.257L493.397 411.815C514.091 432.511 514.091 466.187 493.395 486.883L484.272 496.006C474.245 506.032 460.915 511.553 446.738 511.553C432.559 511.553 419.228 506.032 409.202 496.006L296.022 382.824C291.996 384.854 287.898 386.762 283.721 388.528C258.794 399.073 232.336 404.419 205.082 404.419C177.828 404.419 151.371 399.071 126.443 388.528C102.385 378.352 80.7863 363.793 62.2467 345.253ZM301.699 336.166C313.928 327.317 324.896 316.835 334.282 305.034C342.149 295.142 348.9 284.325 354.355 272.775C364.433 251.432 370.076 227.586 370.076 202.419C370.076 111.296 296.206 37.4253 205.083 37.4253C113.96 37.4253 40.0895 111.294 40.0895 202.418C40.0895 293.541 113.96 367.411 205.084 367.411C227.413 367.411 248.701 362.967 268.126 354.928C280.091 349.976 291.347 343.658 301.699 336.166ZM467.229 460.716C473.507 454.439 473.507 444.26 467.229 437.982L360.595 331.348C356.601 336.153 352.378 340.794 347.919 345.253C341.671 351.502 335.068 357.286 328.147 362.615L435.371 469.839C438.511 472.977 442.624 474.547 446.739 474.547C450.853 474.547 454.967 472.978 458.106 469.839L467.229 460.716ZM223.582 183.91H281.071C291.292 183.91 299.574 192.194 299.575 202.414C299.575 206.778 298.062 210.786 295.533 213.951C292.143 218.195 286.926 220.916 281.072 220.916H228.303H223.583V225.63V278.406C223.583 287.081 217.613 294.358 209.559 296.361C208.124 296.717 206.625 296.909 205.08 296.909C194.861 296.909 186.577 288.625 186.577 278.406V220.917H129.087C118.868 220.917 110.584 212.633 110.584 202.414C110.584 192.195 118.868 183.911 129.087 183.911H186.576V126.421C186.576 116.202 194.86 107.918 205.079 107.918C215.298 107.918 223.582 116.202 223.582 126.421V183.91Z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div media-type="image" media-poster="products/novahair-color-shampoo-757799.jpg" media-source-url="" media-last-source-url="products/novahair-color-shampoo-757799.jpg" external-id="" grid-index="4" data-outline="deactive"
                      id="36902164627652"
                      style="--minw: calc(25.00% - 12px); --minw-tablet: calc(25.00% - 12px); --minw-mobile: calc(25% - 3.75px); --maxw: calc(100% / 4 - 33px); --maxw-tablet: calc(100% / 4 - 33px); --maxw-mobile: calc(100% / 4 - 33px); --w: 100%; --w-tablet: 100%; --w-mobile: 100%; --h: auto; --h-tablet: auto; --h-mobile: auto; --ml: 0px; --ml-tablet: 0px; --ml-mobile: 0px; min-width: 134.25px; max-width: 134.25px; transform: translate3d(48px, 0px, 0px);"
                      class="gem-slider-item gp-w-full gem-slider-item-gscFxfvb42-7628853018820 gp-group gp-flex gp-w-full gp-relative gp-items-center gp-justify-center gp-overflow-hidden gp-image-item gp-gallery-image-item gp-cursor-pointer undefined data-[outline=deactive]:after:!gp-border-transparent">
                      <div class="gp-w-full gp-relative" style="--pb: calc((1/1)*100%);--pb-tablet: calc((1/1)*100%);--pb-mobile: calc((1/1)*100%);;"><img draggable="false"
                          class="!gp-rounded-none gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 gp-cursor-pointer gp-lazyload gp_lazyautosizes gp_lazyloaded"
                          data-src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-757799_768x768.jpg?v=1710907799 768w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-757799_1024x1024.jpg?v=1710907799 1024w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-757799_1440x1440.jpg?v=1710907799 1440w"
                          data-srcset="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-757799_768x768.jpg?v=1710907799 767w, //trynovahair.com/cdn/shop/products/novahair-color-shampoo-757799_1024x1024.jpg?v=1710907799 1023w, //trynovahair.com/cdn/shop/products/novahair-color-shampoo-757799_1920x1920.jpg?v=1710907799 1440w"
                          src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-757799_768x768.jpg?v=1710907799 768w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-757799_1024x1024.jpg?v=1710907799 1024w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-757799_1440x1440.jpg?v=1710907799 1440w"
                          width="1080" height="1080" alt="NovaHair Color Shampoo - NovaHair" base-src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-757799_small.jpg?v=1710907799" quality-type="{}" quality-percent="{}" data-sizes="auto"
                          sizes="100vw" style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:cover;width:100%;height:100%;cursor:pointer" data-quality="auto"
                          srcset="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-757799_768x768.jpg?v=1710907799 767w, //trynovahair.com/cdn/shop/products/novahair-color-shampoo-757799_1024x1024.jpg?v=1710907799 1023w, //trynovahair.com/cdn/shop/products/novahair-color-shampoo-757799_1920x1920.jpg?v=1710907799 1440w">
                        <div class="gp-absolute gp-inset-0 gp-flex gp-cursor-pointer gp-items-center gp-justify-center gp-bg-black/50 gp-opacity-0 gp-transition-opacity gp-duration-100 group-hover:gp-opacity-100"
                          style="--d: none;--d-mobile: none;--d-tablet: none;">
                          <svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg" class="gp-h-6 gp-w-6" viewBox="0 0 512 512" color="#fff">
                            <path fill="currentColor" stroke-linecap="round" stroke-linejoin="round"
                              d="M62.2467 345.253C43.7072 326.714 29.1474 305.116 18.9714 281.057C8.42839 256.13 3.08301 229.671 3.08301 202.418C3.08301 175.165 8.43012 148.707 18.974 123.78C29.15 99.7213 43.7098 78.123 62.2485 59.5834C80.788 41.0439 102.386 26.4841 126.445 16.3081C151.372 5.76422 177.831 0.417969 205.084 0.417969C232.337 0.417969 258.794 5.76421 283.722 16.3064C307.78 26.4823 329.379 41.0422 347.918 59.5817C366.458 78.1212 381.017 99.7196 391.194 123.778C401.737 148.706 407.083 175.163 407.083 202.417C407.083 229.671 401.737 256.129 391.194 281.056C388.406 287.648 385.277 294.048 381.839 300.257L493.397 411.815C514.091 432.511 514.091 466.187 493.395 486.883L484.272 496.006C474.245 506.032 460.915 511.553 446.738 511.553C432.559 511.553 419.228 506.032 409.202 496.006L296.022 382.824C291.996 384.854 287.898 386.762 283.721 388.528C258.794 399.073 232.336 404.419 205.082 404.419C177.828 404.419 151.371 399.071 126.443 388.528C102.385 378.352 80.7863 363.793 62.2467 345.253ZM301.699 336.166C313.928 327.317 324.896 316.835 334.282 305.034C342.149 295.142 348.9 284.325 354.355 272.775C364.433 251.432 370.076 227.586 370.076 202.419C370.076 111.296 296.206 37.4253 205.083 37.4253C113.96 37.4253 40.0895 111.294 40.0895 202.418C40.0895 293.541 113.96 367.411 205.084 367.411C227.413 367.411 248.701 362.967 268.126 354.928C280.091 349.976 291.347 343.658 301.699 336.166ZM467.229 460.716C473.507 454.439 473.507 444.26 467.229 437.982L360.595 331.348C356.601 336.153 352.378 340.794 347.919 345.253C341.671 351.502 335.068 357.286 328.147 362.615L435.371 469.839C438.511 472.977 442.624 474.547 446.739 474.547C450.853 474.547 454.967 472.978 458.106 469.839L467.229 460.716ZM223.582 183.91H281.071C291.292 183.91 299.574 192.194 299.575 202.414C299.575 206.778 298.062 210.786 295.533 213.951C292.143 218.195 286.926 220.916 281.072 220.916H228.303H223.583V225.63V278.406C223.583 287.081 217.613 294.358 209.559 296.361C208.124 296.717 206.625 296.909 205.08 296.909C194.861 296.909 186.577 288.625 186.577 278.406V220.917H129.087C118.868 220.917 110.584 212.633 110.584 202.414C110.584 192.195 118.868 183.911 129.087 183.911H186.576V126.421C186.576 116.202 194.86 107.918 205.079 107.918C215.298 107.918 223.582 116.202 223.582 126.421V183.91Z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div media-type="image" media-poster="products/novahair-color-shampoo-265854.jpg" media-source-url="" media-last-source-url="products/novahair-color-shampoo-265854.jpg" external-id="" grid-index="5" data-outline="deactive"
                      id="36902164660420"
                      style="--minw: calc(25.00% - 12px); --minw-tablet: calc(25.00% - 12px); --minw-mobile: calc(25% - 3.75px); --maxw: calc(100% / 4 - 33px); --maxw-tablet: calc(100% / 4 - 33px); --maxw-mobile: calc(100% / 4 - 33px); --w: 100%; --w-tablet: 100%; --w-mobile: 100%; --h: auto; --h-tablet: auto; --h-mobile: auto; --ml: 0px; --ml-tablet: 0px; --ml-mobile: 0px; min-width: 134.25px; max-width: 134.25px; transform: translate3d(64px, 0px, 0px);"
                      class="gem-slider-item gp-w-full gem-slider-item-gscFxfvb42-7628853018820 gp-group gp-flex gp-w-full gp-relative gp-items-center gp-justify-center gp-overflow-hidden gp-image-item gp-gallery-image-item gp-cursor-pointer undefined data-[outline=deactive]:after:!gp-border-transparent">
                      <div class="gp-w-full gp-relative" style="--pb: calc((1/1)*100%);--pb-tablet: calc((1/1)*100%);--pb-mobile: calc((1/1)*100%);;"><img draggable="false"
                          class="!gp-rounded-none gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 gp-cursor-pointer gp-lazyload gp_lazyautosizes gp_lazyloaded"
                          data-src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-265854_768x768.jpg?v=1710907799 768w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-265854_1024x1024.jpg?v=1710907799 1024w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-265854_1440x1440.jpg?v=1710907799 1440w"
                          data-srcset="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-265854_768x768.jpg?v=1710907799 767w, //trynovahair.com/cdn/shop/products/novahair-color-shampoo-265854_1024x1024.jpg?v=1710907799 1023w, //trynovahair.com/cdn/shop/products/novahair-color-shampoo-265854_1920x1920.jpg?v=1710907799 1440w"
                          src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-265854_768x768.jpg?v=1710907799 768w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-265854_1024x1024.jpg?v=1710907799 1024w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-265854_1440x1440.jpg?v=1710907799 1440w"
                          width="1080" height="1080" alt="NovaHair Color Shampoo - NovaHair" base-src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-265854_small.jpg?v=1710907799" quality-type="{}" quality-percent="{}" data-sizes="auto"
                          sizes="100vw" style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:cover;width:100%;height:100%;cursor:pointer" data-quality="auto"
                          srcset="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-265854_768x768.jpg?v=1710907799 767w, //trynovahair.com/cdn/shop/products/novahair-color-shampoo-265854_1024x1024.jpg?v=1710907799 1023w, //trynovahair.com/cdn/shop/products/novahair-color-shampoo-265854_1920x1920.jpg?v=1710907799 1440w">
                        <div class="gp-absolute gp-inset-0 gp-flex gp-cursor-pointer gp-items-center gp-justify-center gp-bg-black/50 gp-opacity-0 gp-transition-opacity gp-duration-100 group-hover:gp-opacity-100"
                          style="--d: none;--d-mobile: none;--d-tablet: none;">
                          <svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg" class="gp-h-6 gp-w-6" viewBox="0 0 512 512" color="#fff">
                            <path fill="currentColor" stroke-linecap="round" stroke-linejoin="round"
                              d="M62.2467 345.253C43.7072 326.714 29.1474 305.116 18.9714 281.057C8.42839 256.13 3.08301 229.671 3.08301 202.418C3.08301 175.165 8.43012 148.707 18.974 123.78C29.15 99.7213 43.7098 78.123 62.2485 59.5834C80.788 41.0439 102.386 26.4841 126.445 16.3081C151.372 5.76422 177.831 0.417969 205.084 0.417969C232.337 0.417969 258.794 5.76421 283.722 16.3064C307.78 26.4823 329.379 41.0422 347.918 59.5817C366.458 78.1212 381.017 99.7196 391.194 123.778C401.737 148.706 407.083 175.163 407.083 202.417C407.083 229.671 401.737 256.129 391.194 281.056C388.406 287.648 385.277 294.048 381.839 300.257L493.397 411.815C514.091 432.511 514.091 466.187 493.395 486.883L484.272 496.006C474.245 506.032 460.915 511.553 446.738 511.553C432.559 511.553 419.228 506.032 409.202 496.006L296.022 382.824C291.996 384.854 287.898 386.762 283.721 388.528C258.794 399.073 232.336 404.419 205.082 404.419C177.828 404.419 151.371 399.071 126.443 388.528C102.385 378.352 80.7863 363.793 62.2467 345.253ZM301.699 336.166C313.928 327.317 324.896 316.835 334.282 305.034C342.149 295.142 348.9 284.325 354.355 272.775C364.433 251.432 370.076 227.586 370.076 202.419C370.076 111.296 296.206 37.4253 205.083 37.4253C113.96 37.4253 40.0895 111.294 40.0895 202.418C40.0895 293.541 113.96 367.411 205.084 367.411C227.413 367.411 248.701 362.967 268.126 354.928C280.091 349.976 291.347 343.658 301.699 336.166ZM467.229 460.716C473.507 454.439 473.507 444.26 467.229 437.982L360.595 331.348C356.601 336.153 352.378 340.794 347.919 345.253C341.671 351.502 335.068 357.286 328.147 362.615L435.371 469.839C438.511 472.977 442.624 474.547 446.739 474.547C450.853 474.547 454.967 472.978 458.106 469.839L467.229 460.716ZM223.582 183.91H281.071C291.292 183.91 299.574 192.194 299.575 202.414C299.575 206.778 298.062 210.786 295.533 213.951C292.143 218.195 286.926 220.916 281.072 220.916H228.303H223.583V225.63V278.406C223.583 287.081 217.613 294.358 209.559 296.361C208.124 296.717 206.625 296.909 205.08 296.909C194.861 296.909 186.577 288.625 186.577 278.406V220.917H129.087C118.868 220.917 110.584 212.633 110.584 202.414C110.584 192.195 118.868 183.911 129.087 183.911H186.576V126.421C186.576 116.202 194.86 107.918 205.079 107.918C215.298 107.918 223.582 116.202 223.582 126.421V183.91Z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div media-type="image" media-poster="files/novahair-instant-dye-shampoo-596438.jpg" media-source-url="" media-last-source-url="files/novahair-instant-dye-shampoo-596438.jpg" external-id="" grid-index="6" data-outline="deactive"
                      id="38124696535236"
                      style="--minw: calc(25.00% - 12px); --minw-tablet: calc(25.00% - 12px); --minw-mobile: calc(25% - 3.75px); --maxw: calc(100% / 4 - 33px); --maxw-tablet: calc(100% / 4 - 33px); --maxw-mobile: calc(100% / 4 - 33px); --w: 100%; --w-tablet: 100%; --w-mobile: 100%; --h: auto; --h-tablet: auto; --h-mobile: auto; --ml: 0px; --ml-tablet: 0px; --ml-mobile: 0px; min-width: 134.25px; max-width: 134.25px; transform: translate3d(80px, 0px, 0px);"
                      class="gem-slider-item gp-w-full gem-slider-item-gscFxfvb42-7628853018820 gp-group gp-flex gp-w-full gp-relative gp-items-center gp-justify-center gp-overflow-hidden gp-image-item gp-gallery-image-item gp-cursor-pointer undefined data-[outline=deactive]:after:!gp-border-transparent">
                      <div class="gp-w-full gp-relative" style="--pb: calc((1/1)*100%);--pb-tablet: calc((1/1)*100%);--pb-mobile: calc((1/1)*100%);;"><img draggable="false"
                          class="!gp-rounded-none gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 gp-cursor-pointer gp-lazyload gp_lazyautosizes gp_lazyloaded"
                          data-src="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-596438_768x768.jpg?v=1717083733 768w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-596438_1024x1024.jpg?v=1717083733 1024w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-596438_1440x1440.jpg?v=1717083733 1440w"
                          data-srcset="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-596438_768x768.jpg?v=1717083733 767w, //trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-596438_1024x1024.jpg?v=1717083733 1023w, //trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-596438_1920x1920.jpg?v=1717083733 1440w"
                          src="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-596438_768x768.jpg?v=1717083733 768w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-596438_1024x1024.jpg?v=1717083733 1024w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-596438_1440x1440.jpg?v=1717083733 1440w"
                          width="1080" height="1080" alt="NovaHair Instant Dye Shampoo - NovaHair" base-src="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-596438_small.jpg?v=1717083733" quality-type="{}" quality-percent="{}"
                          data-sizes="auto" sizes="100vw" style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:cover;width:100%;height:100%;cursor:pointer" data-quality="auto"
                          srcset="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-596438_768x768.jpg?v=1717083733 767w, //trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-596438_1024x1024.jpg?v=1717083733 1023w, //trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-596438_1920x1920.jpg?v=1717083733 1440w">
                        <div class="gp-absolute gp-inset-0 gp-flex gp-cursor-pointer gp-items-center gp-justify-center gp-bg-black/50 gp-opacity-0 gp-transition-opacity gp-duration-100 group-hover:gp-opacity-100"
                          style="--d: none;--d-mobile: none;--d-tablet: none;">
                          <svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg" class="gp-h-6 gp-w-6" viewBox="0 0 512 512" color="#fff">
                            <path fill="currentColor" stroke-linecap="round" stroke-linejoin="round"
                              d="M62.2467 345.253C43.7072 326.714 29.1474 305.116 18.9714 281.057C8.42839 256.13 3.08301 229.671 3.08301 202.418C3.08301 175.165 8.43012 148.707 18.974 123.78C29.15 99.7213 43.7098 78.123 62.2485 59.5834C80.788 41.0439 102.386 26.4841 126.445 16.3081C151.372 5.76422 177.831 0.417969 205.084 0.417969C232.337 0.417969 258.794 5.76421 283.722 16.3064C307.78 26.4823 329.379 41.0422 347.918 59.5817C366.458 78.1212 381.017 99.7196 391.194 123.778C401.737 148.706 407.083 175.163 407.083 202.417C407.083 229.671 401.737 256.129 391.194 281.056C388.406 287.648 385.277 294.048 381.839 300.257L493.397 411.815C514.091 432.511 514.091 466.187 493.395 486.883L484.272 496.006C474.245 506.032 460.915 511.553 446.738 511.553C432.559 511.553 419.228 506.032 409.202 496.006L296.022 382.824C291.996 384.854 287.898 386.762 283.721 388.528C258.794 399.073 232.336 404.419 205.082 404.419C177.828 404.419 151.371 399.071 126.443 388.528C102.385 378.352 80.7863 363.793 62.2467 345.253ZM301.699 336.166C313.928 327.317 324.896 316.835 334.282 305.034C342.149 295.142 348.9 284.325 354.355 272.775C364.433 251.432 370.076 227.586 370.076 202.419C370.076 111.296 296.206 37.4253 205.083 37.4253C113.96 37.4253 40.0895 111.294 40.0895 202.418C40.0895 293.541 113.96 367.411 205.084 367.411C227.413 367.411 248.701 362.967 268.126 354.928C280.091 349.976 291.347 343.658 301.699 336.166ZM467.229 460.716C473.507 454.439 473.507 444.26 467.229 437.982L360.595 331.348C356.601 336.153 352.378 340.794 347.919 345.253C341.671 351.502 335.068 357.286 328.147 362.615L435.371 469.839C438.511 472.977 442.624 474.547 446.739 474.547C450.853 474.547 454.967 472.978 458.106 469.839L467.229 460.716ZM223.582 183.91H281.071C291.292 183.91 299.574 192.194 299.575 202.414C299.575 206.778 298.062 210.786 295.533 213.951C292.143 218.195 286.926 220.916 281.072 220.916H228.303H223.583V225.63V278.406C223.583 287.081 217.613 294.358 209.559 296.361C208.124 296.717 206.625 296.909 205.08 296.909C194.861 296.909 186.577 288.625 186.577 278.406V220.917H129.087C118.868 220.917 110.584 212.633 110.584 202.414C110.584 192.195 118.868 183.911 129.087 183.911H186.576V126.421C186.576 116.202 194.86 107.918 205.079 107.918C215.298 107.918 223.582 116.202 223.582 126.421V183.91Z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div media-type="image" media-poster="files/novahair-instant-dye-shampoo-509291.jpg" media-source-url="" media-last-source-url="files/novahair-instant-dye-shampoo-509291.jpg" external-id="" grid-index="7" data-outline="deactive"
                      id="38124696600772"
                      style="--minw: calc(25.00% - 12px); --minw-tablet: calc(25.00% - 12px); --minw-mobile: calc(25% - 3.75px); --maxw: calc(100% / 4 - 33px); --maxw-tablet: calc(100% / 4 - 33px); --maxw-mobile: calc(100% / 4 - 33px); --w: 100%; --w-tablet: 100%; --w-mobile: 100%; --h: auto; --h-tablet: auto; --h-mobile: auto; --ml: 0px; --ml-tablet: 0px; --ml-mobile: 0px; min-width: 134.25px; max-width: 134.25px; transform: translate3d(96px, 0px, 0px);"
                      class="gem-slider-item gp-w-full gem-slider-item-gscFxfvb42-7628853018820 gp-group gp-flex gp-w-full gp-relative gp-items-center gp-justify-center gp-overflow-hidden gp-image-item gp-gallery-image-item gp-cursor-pointer undefined data-[outline=deactive]:after:!gp-border-transparent">
                      <div class="gp-w-full gp-relative" style="--pb: calc((1/1)*100%);--pb-tablet: calc((1/1)*100%);--pb-mobile: calc((1/1)*100%);;"><img draggable="false"
                          class="!gp-rounded-none gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 gp-cursor-pointer gp-lazyload gp_lazyautosizes gp_lazyloaded"
                          data-src="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-509291_768x768.jpg?v=1717083733 768w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-509291_1024x1024.jpg?v=1717083733 1024w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-509291_1440x1440.jpg?v=1717083733 1440w"
                          data-srcset="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-509291_768x768.jpg?v=1717083733 767w, //trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-509291_1024x1024.jpg?v=1717083733 1023w, //trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-509291_1920x1920.jpg?v=1717083733 1440w"
                          src="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-509291_768x768.jpg?v=1717083733 768w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-509291_1024x1024.jpg?v=1717083733 1024w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-509291_1440x1440.jpg?v=1717083733 1440w"
                          width="1080" height="1080" alt="NovaHair Instant Dye Shampoo - NovaHair" base-src="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-509291_small.jpg?v=1717083733" quality-type="{}" quality-percent="{}"
                          data-sizes="auto" sizes="100vw" style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:cover;width:100%;height:100%;cursor:pointer" data-quality="auto"
                          srcset="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-509291_768x768.jpg?v=1717083733 767w, //trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-509291_1024x1024.jpg?v=1717083733 1023w, //trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-509291_1920x1920.jpg?v=1717083733 1440w">
                        <div class="gp-absolute gp-inset-0 gp-flex gp-cursor-pointer gp-items-center gp-justify-center gp-bg-black/50 gp-opacity-0 gp-transition-opacity gp-duration-100 group-hover:gp-opacity-100"
                          style="--d: none;--d-mobile: none;--d-tablet: none;">
                          <svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg" class="gp-h-6 gp-w-6" viewBox="0 0 512 512" color="#fff">
                            <path fill="currentColor" stroke-linecap="round" stroke-linejoin="round"
                              d="M62.2467 345.253C43.7072 326.714 29.1474 305.116 18.9714 281.057C8.42839 256.13 3.08301 229.671 3.08301 202.418C3.08301 175.165 8.43012 148.707 18.974 123.78C29.15 99.7213 43.7098 78.123 62.2485 59.5834C80.788 41.0439 102.386 26.4841 126.445 16.3081C151.372 5.76422 177.831 0.417969 205.084 0.417969C232.337 0.417969 258.794 5.76421 283.722 16.3064C307.78 26.4823 329.379 41.0422 347.918 59.5817C366.458 78.1212 381.017 99.7196 391.194 123.778C401.737 148.706 407.083 175.163 407.083 202.417C407.083 229.671 401.737 256.129 391.194 281.056C388.406 287.648 385.277 294.048 381.839 300.257L493.397 411.815C514.091 432.511 514.091 466.187 493.395 486.883L484.272 496.006C474.245 506.032 460.915 511.553 446.738 511.553C432.559 511.553 419.228 506.032 409.202 496.006L296.022 382.824C291.996 384.854 287.898 386.762 283.721 388.528C258.794 399.073 232.336 404.419 205.082 404.419C177.828 404.419 151.371 399.071 126.443 388.528C102.385 378.352 80.7863 363.793 62.2467 345.253ZM301.699 336.166C313.928 327.317 324.896 316.835 334.282 305.034C342.149 295.142 348.9 284.325 354.355 272.775C364.433 251.432 370.076 227.586 370.076 202.419C370.076 111.296 296.206 37.4253 205.083 37.4253C113.96 37.4253 40.0895 111.294 40.0895 202.418C40.0895 293.541 113.96 367.411 205.084 367.411C227.413 367.411 248.701 362.967 268.126 354.928C280.091 349.976 291.347 343.658 301.699 336.166ZM467.229 460.716C473.507 454.439 473.507 444.26 467.229 437.982L360.595 331.348C356.601 336.153 352.378 340.794 347.919 345.253C341.671 351.502 335.068 357.286 328.147 362.615L435.371 469.839C438.511 472.977 442.624 474.547 446.739 474.547C450.853 474.547 454.967 472.978 458.106 469.839L467.229 460.716ZM223.582 183.91H281.071C291.292 183.91 299.574 192.194 299.575 202.414C299.575 206.778 298.062 210.786 295.533 213.951C292.143 218.195 286.926 220.916 281.072 220.916H228.303H223.583V225.63V278.406C223.583 287.081 217.613 294.358 209.559 296.361C208.124 296.717 206.625 296.909 205.08 296.909C194.861 296.909 186.577 288.625 186.577 278.406V220.917H129.087C118.868 220.917 110.584 212.633 110.584 202.414C110.584 192.195 118.868 183.911 129.087 183.911H186.576V126.421C186.576 116.202 194.86 107.918 205.079 107.918C215.298 107.918 223.582 116.202 223.582 126.421V183.91Z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div media-type="image" media-poster="files/novahair-instant-dye-shampoo-685623.jpg" media-source-url="" media-last-source-url="files/novahair-instant-dye-shampoo-685623.jpg" external-id="" grid-index="8" data-outline="deactive"
                      id="38124696633540"
                      style="--minw: calc(25.00% - 12px); --minw-tablet: calc(25.00% - 12px); --minw-mobile: calc(25% - 3.75px); --maxw: calc(100% / 4 - 33px); --maxw-tablet: calc(100% / 4 - 33px); --maxw-mobile: calc(100% / 4 - 33px); --w: 100%; --w-tablet: 100%; --w-mobile: 100%; --h: auto; --h-tablet: auto; --h-mobile: auto; --ml: 0px; --ml-tablet: 0px; --ml-mobile: 0px; min-width: 134.25px; max-width: 134.25px; transform: translate3d(112px, 0px, 0px);"
                      class="gem-slider-item gp-w-full gem-slider-item-gscFxfvb42-7628853018820 gp-group gp-flex gp-w-full gp-relative gp-items-center gp-justify-center gp-overflow-hidden gp-image-item gp-gallery-image-item gp-cursor-pointer undefined data-[outline=deactive]:after:!gp-border-transparent">
                      <div class="gp-w-full gp-relative" style="--pb: calc((1/1)*100%);--pb-tablet: calc((1/1)*100%);--pb-mobile: calc((1/1)*100%);;"><img draggable="false"
                          class="!gp-rounded-none gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 gp-cursor-pointer gp-lazyload gp_lazyautosizes gp_lazyloaded"
                          data-src="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-685623_768x768.jpg?v=1717083733 768w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-685623_1024x1024.jpg?v=1717083733 1024w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-685623_1440x1440.jpg?v=1717083733 1440w"
                          data-srcset="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-685623_768x768.jpg?v=1717083733 767w, //trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-685623_1024x1024.jpg?v=1717083733 1023w, //trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-685623_1920x1920.jpg?v=1717083733 1440w"
                          src="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-685623_768x768.jpg?v=1717083733 768w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-685623_1024x1024.jpg?v=1717083733 1024w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-685623_1440x1440.jpg?v=1717083733 1440w"
                          width="1080" height="1080" alt="NovaHair Instant Dye Shampoo - NovaHair" base-src="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-685623_small.jpg?v=1717083733" quality-type="{}" quality-percent="{}"
                          data-sizes="auto" sizes="100vw" style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:cover;width:100%;height:100%;cursor:pointer" data-quality="auto"
                          srcset="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-685623_768x768.jpg?v=1717083733 767w, //trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-685623_1024x1024.jpg?v=1717083733 1023w, //trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-685623_1920x1920.jpg?v=1717083733 1440w">
                        <div class="gp-absolute gp-inset-0 gp-flex gp-cursor-pointer gp-items-center gp-justify-center gp-bg-black/50 gp-opacity-0 gp-transition-opacity gp-duration-100 group-hover:gp-opacity-100"
                          style="--d: none;--d-mobile: none;--d-tablet: none;">
                          <svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg" class="gp-h-6 gp-w-6" viewBox="0 0 512 512" color="#fff">
                            <path fill="currentColor" stroke-linecap="round" stroke-linejoin="round"
                              d="M62.2467 345.253C43.7072 326.714 29.1474 305.116 18.9714 281.057C8.42839 256.13 3.08301 229.671 3.08301 202.418C3.08301 175.165 8.43012 148.707 18.974 123.78C29.15 99.7213 43.7098 78.123 62.2485 59.5834C80.788 41.0439 102.386 26.4841 126.445 16.3081C151.372 5.76422 177.831 0.417969 205.084 0.417969C232.337 0.417969 258.794 5.76421 283.722 16.3064C307.78 26.4823 329.379 41.0422 347.918 59.5817C366.458 78.1212 381.017 99.7196 391.194 123.778C401.737 148.706 407.083 175.163 407.083 202.417C407.083 229.671 401.737 256.129 391.194 281.056C388.406 287.648 385.277 294.048 381.839 300.257L493.397 411.815C514.091 432.511 514.091 466.187 493.395 486.883L484.272 496.006C474.245 506.032 460.915 511.553 446.738 511.553C432.559 511.553 419.228 506.032 409.202 496.006L296.022 382.824C291.996 384.854 287.898 386.762 283.721 388.528C258.794 399.073 232.336 404.419 205.082 404.419C177.828 404.419 151.371 399.071 126.443 388.528C102.385 378.352 80.7863 363.793 62.2467 345.253ZM301.699 336.166C313.928 327.317 324.896 316.835 334.282 305.034C342.149 295.142 348.9 284.325 354.355 272.775C364.433 251.432 370.076 227.586 370.076 202.419C370.076 111.296 296.206 37.4253 205.083 37.4253C113.96 37.4253 40.0895 111.294 40.0895 202.418C40.0895 293.541 113.96 367.411 205.084 367.411C227.413 367.411 248.701 362.967 268.126 354.928C280.091 349.976 291.347 343.658 301.699 336.166ZM467.229 460.716C473.507 454.439 473.507 444.26 467.229 437.982L360.595 331.348C356.601 336.153 352.378 340.794 347.919 345.253C341.671 351.502 335.068 357.286 328.147 362.615L435.371 469.839C438.511 472.977 442.624 474.547 446.739 474.547C450.853 474.547 454.967 472.978 458.106 469.839L467.229 460.716ZM223.582 183.91H281.071C291.292 183.91 299.574 192.194 299.575 202.414C299.575 206.778 298.062 210.786 295.533 213.951C292.143 218.195 286.926 220.916 281.072 220.916H228.303H223.583V225.63V278.406C223.583 287.081 217.613 294.358 209.559 296.361C208.124 296.717 206.625 296.909 205.08 296.909C194.861 296.909 186.577 288.625 186.577 278.406V220.917H129.087C118.868 220.917 110.584 212.633 110.584 202.414C110.584 192.195 118.868 183.911 129.087 183.911H186.576V126.421C186.576 116.202 194.86 107.918 205.079 107.918C215.298 107.918 223.582 116.202 223.582 126.421V183.91Z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div media-type="image" media-poster="files/novahair-instant-dye-shampoo-566882.jpg" media-source-url="" media-last-source-url="files/novahair-instant-dye-shampoo-566882.jpg" external-id="" grid-index="9" data-outline="deactive"
                      id="38124696666308"
                      style="--minw: calc(25.00% - 12px); --minw-tablet: calc(25.00% - 12px); --minw-mobile: calc(25% - 3.75px); --maxw: calc(100% / 4 - 33px); --maxw-tablet: calc(100% / 4 - 33px); --maxw-mobile: calc(100% / 4 - 33px); --w: 100%; --w-tablet: 100%; --w-mobile: 100%; --h: auto; --h-tablet: auto; --h-mobile: auto; --ml: 0px; --ml-tablet: 0px; --ml-mobile: 0px; min-width: 134.25px; max-width: 134.25px; transform: translate3d(128px, 0px, 0px);"
                      class="gem-slider-item gp-w-full gem-slider-item-gscFxfvb42-7628853018820 gp-group gp-flex gp-w-full gp-relative gp-items-center gp-justify-center gp-overflow-hidden gp-image-item gp-gallery-image-item gp-cursor-pointer undefined data-[outline=deactive]:after:!gp-border-transparent">
                      <div class="gp-w-full gp-relative" style="--pb: calc((1/1)*100%);--pb-tablet: calc((1/1)*100%);--pb-mobile: calc((1/1)*100%);;"><img draggable="false"
                          class="!gp-rounded-none gp-w-full gp-h-full gp-absolute gp-top-0 gp-left-0 gp-cursor-pointer gp_lazyautosizes gp_lazyloaded"
                          data-src="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-566882_768x768.jpg?v=1717083733 768w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-566882_1024x1024.jpg?v=1717083733 1024w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-566882_1440x1440.jpg?v=1717083733 1440w"
                          data-srcset="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-566882_768x768.jpg?v=1717083733 767w, //trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-566882_1024x1024.jpg?v=1717083733 1023w, //trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-566882_1920x1920.jpg?v=1717083733 1440w"
                          src="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-566882_768x768.jpg?v=1717083733 768w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-566882_1024x1024.jpg?v=1717083733 1024w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-566882_1440x1440.jpg?v=1717083733 1440w"
                          width="1080" height="1080" alt="NovaHair Instant Dye Shampoo - NovaHair" base-src="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-566882_small.jpg?v=1717083733" quality-type="{}" quality-percent="{}"
                          data-sizes="auto" sizes="100vw" style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:cover;width:100%;height:100%;cursor:pointer" data-quality="auto"
                          srcset="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-566882_768x768.jpg?v=1717083733 767w, //trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-566882_1024x1024.jpg?v=1717083733 1023w, //trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-566882_1920x1920.jpg?v=1717083733 1440w">
                        <div class="gp-absolute gp-inset-0 gp-flex gp-cursor-pointer gp-items-center gp-justify-center gp-bg-black/50 gp-opacity-0 gp-transition-opacity gp-duration-100 group-hover:gp-opacity-100"
                          style="--d: none;--d-mobile: none;--d-tablet: none;">
                          <svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg" class="gp-h-6 gp-w-6" viewBox="0 0 512 512" color="#fff">
                            <path fill="currentColor" stroke-linecap="round" stroke-linejoin="round"
                              d="M62.2467 345.253C43.7072 326.714 29.1474 305.116 18.9714 281.057C8.42839 256.13 3.08301 229.671 3.08301 202.418C3.08301 175.165 8.43012 148.707 18.974 123.78C29.15 99.7213 43.7098 78.123 62.2485 59.5834C80.788 41.0439 102.386 26.4841 126.445 16.3081C151.372 5.76422 177.831 0.417969 205.084 0.417969C232.337 0.417969 258.794 5.76421 283.722 16.3064C307.78 26.4823 329.379 41.0422 347.918 59.5817C366.458 78.1212 381.017 99.7196 391.194 123.778C401.737 148.706 407.083 175.163 407.083 202.417C407.083 229.671 401.737 256.129 391.194 281.056C388.406 287.648 385.277 294.048 381.839 300.257L493.397 411.815C514.091 432.511 514.091 466.187 493.395 486.883L484.272 496.006C474.245 506.032 460.915 511.553 446.738 511.553C432.559 511.553 419.228 506.032 409.202 496.006L296.022 382.824C291.996 384.854 287.898 386.762 283.721 388.528C258.794 399.073 232.336 404.419 205.082 404.419C177.828 404.419 151.371 399.071 126.443 388.528C102.385 378.352 80.7863 363.793 62.2467 345.253ZM301.699 336.166C313.928 327.317 324.896 316.835 334.282 305.034C342.149 295.142 348.9 284.325 354.355 272.775C364.433 251.432 370.076 227.586 370.076 202.419C370.076 111.296 296.206 37.4253 205.083 37.4253C113.96 37.4253 40.0895 111.294 40.0895 202.418C40.0895 293.541 113.96 367.411 205.084 367.411C227.413 367.411 248.701 362.967 268.126 354.928C280.091 349.976 291.347 343.658 301.699 336.166ZM467.229 460.716C473.507 454.439 473.507 444.26 467.229 437.982L360.595 331.348C356.601 336.153 352.378 340.794 347.919 345.253C341.671 351.502 335.068 357.286 328.147 362.615L435.371 469.839C438.511 472.977 442.624 474.547 446.739 474.547C450.853 474.547 454.967 472.978 458.106 469.839L467.229 460.716ZM223.582 183.91H281.071C291.292 183.91 299.574 192.194 299.575 202.414C299.575 206.778 298.062 210.786 295.533 213.951C292.143 218.195 286.926 220.916 281.072 220.916H228.303H223.583V225.63V278.406C223.583 287.081 217.613 294.358 209.559 296.361C208.124 296.717 206.625 296.909 205.08 296.909C194.861 296.909 186.577 288.625 186.577 278.406V220.917H129.087C118.868 220.917 110.584 212.633 110.584 202.414C110.584 192.195 118.868 183.911 129.087 183.911H186.576V126.421C186.576 116.202 194.86 107.918 205.079 107.918C215.298 107.918 223.582 116.202 223.582 126.421V183.91Z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </div>
                  <button type="button" aria-label="Carousel Next Arrow"
                    class="gscFxfvb42-7628853018820 gp-carousel-action-next gem-slider-next gscFxfvb42-7628853018820-template--17086103027908__gp_section_515953640339408040 gp-carousel-arrow-gscFxfvb42 gp-items-center gp-justify-center gp-overflow-hidden gp-shrink-0 gp-cursor-pointer gp-text-gray-500 !gp-flex !gp-absolute gp-z-2 tablet:!gp-flex tablet:!gp-absolute tablet:gp-z-2 mobile:!gp-flex mobile:!gp-absolute mobile:gp-z-2"
                    style="--left:initial;--top:;--right:16px;--bottom:initial;--left-tablet:initial;--top-tablet:;--right-tablet:16px;--bottom-tablet:initial;--left-mobile:initial;--top-mobile:;--right-mobile:16px;--bottom-mobile:initial;--d:flex;--d-tablet:flex;--d-mobile:flex;background-color:;--w:24px;--h:24px"
                    onclick="{onClick}" data-hidden="false">
                    <div class="gp-flex gp-items-center gp-justify-center [&amp;>svg]:gp-h-full [&amp;>svg]:gp-w-full gp-rotate-0 tablet:gp-rotate-0 mobile:gp-rotate-0"
                      style="--w:undefinedpx;--w-tablet:undefinedpx;--w-mobile:undefinedpx;--h:undefinedpx;--h-tablet:undefinedpx;--h-mobile:undefinedpx">
                      <svg width="100%" height="100%" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <rect width="32" height="32" rx="16" fill="white"></rect>
                        <path
                          d="M12.7434 20.8964C12.4176 21.2223 12.4176 21.7506 12.7434 22.0764C13.0693 22.4023 13.5976 22.4023 13.9234 22.0764L19.6227 16.3771C19.8311 16.1687 19.8311 15.8308 19.6227 15.6224L13.9234 9.9231C13.5976 9.59725 13.0693 9.59725 12.7434 9.9231C12.4176 10.2489 12.4176 10.7772 12.7434 11.1031L17.6401 15.9998L12.7434 20.8964Z"
                          fill="black"></path>
                      </svg>
                    </div>
                    <style>
                      .gscFxfvb42-7628853018820.gp-carousel-arrow-gscFxfvb42 {}

                      .gscFxfvb42-7628853018820.gp-carousel-arrow-gscFxfvb42::before {
                        content: '';
                        height: 100%;
                        width: 100%;
                        position: absolute;
                        pointer-events: none;
                        z-index: 10;
                      }

                      @media only screen and (max-width: 1023px) and (min-width: 768px) {
                        .gscFxfvb42-7628853018820.gp-carousel-arrow-gscFxfvb42 {}

                        .gscFxfvb42-7628853018820.gp-carousel-arrow-gscFxfvb42::before {}
                      }

                      @media only screen and (max-width: 768px) {
                        .gscFxfvb42-7628853018820.gp-carousel-arrow-gscFxfvb42 {}

                        .gscFxfvb42-7628853018820.gp-carousel-arrow-gscFxfvb42::before {}
                      }
                    </style>
                  </button>
                </div>
                <div
                  class="gp-items-center gp-justify-center gp-gap-2 gp-text-center gp-carousel-dot-container gp-carousel-dot-container-gscFxfvb42-7628853018820-template--17086103027908__gp_section_515953640339408040 gp-static gp-flex-row gp-left-0 gp-right-0 tablet:gp-static tablet:gp-flex-row tablet:gp-left-0 tablet:gp-right-0 mobile:gp-static mobile:gp-flex-row mobile:gp-left-0 mobile:gp-right-0"
                  style="--bottom:0px;--bottom-tablet:0px;--bottom-mobile:0px;--d:none;--d-tablet:none;--d-mobile:none"></div>
              </div>
            </gp-carousel>
            <script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-carousel-v2.js?v=1721319288115" defer="defer"></script>
          </div>
          <div type="grid-gallery" class="grid-gallery gp-flex !gp-h-fit gp-w-full gp-flex-wrap scrollbar-track:gp-rounded-2xl scrollbar-thumb:gp-rounded-2xl scrollbar-thumb:gp-bg-gray-400"
            style="--d:none;--d-mobile:none;--d-tablet:flex;--gg:16px;--gg-tablet:5px;--gg-mobile:5px;--jc:flex-start;--jc-tablet:flex-start;--jc-mobile:flex-start;--pos:static;--pos-tablet:static;--pos-mobile:static;--w:100%;--w-tablet:100%;--w-mobile:100%;--bottom:unset;--bottom-tablet:unset;--bottom-mobile:unset;--top:unset;--top-tablet:unset;--top-mobile:unset;--left:unset;--left-tablet:unset;--left-mobile:unset;--right:unset;--right-tablet:unset;--right-mobile:unset">
            <div aria-hidden="" id="36902164529348" media-type="image" media-poster="products/novahair-color-shampoo-879931.jpg" media-source-url="" media-last-source-url="products/novahair-color-shampoo-879931.jpg" external-id="" grid-index="1"
              data-outline="active" class="active gem-slider-item-gscFxfvb42-7628853018820 gp-group gp-relative gp-overflow-hidden gp-cursor-pointer gp-image-item gp-gallery-image-item data-[outline=deactive]:after:!gp-border-transparent"
              style="max-width: 100%;--w: calc(25.00% - 16px * 3 / 4);--w-tablet: calc(25.00% - 16px * 3 / 4);--w-mobile: calc(25% - var(--g-s-s) * 3 / 4);--h: auto;--h-tablet: auto;--h-mobile: auto;">
              <div class="gp-h-full" style=" display: block !important;  --d: block;--d-tablet: block;--d-mobile: block;">
                <img draggable="false" class="!gp-rounded-none gp_lazyload"
                  data-src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-879931_768x768.jpg?v=1710907799 768w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-879931_1024x1024.jpg?v=1710907799 1024w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-879931_1440x1440.jpg?v=1710907799 1440w"
                  data-srcset="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-879931_768x768.jpg?v=1710907799 768w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-879931_1024x1024.jpg?v=1710907799 1024w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-879931_1440x1440.jpg?v=1710907799 1440w"
                  src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAA1JREFUGFdj+Pr1638ACaED3/nOThIAAAAASUVORK5CYII=" width="1080" height="1080" alt="NovaHair Color Shampoo - NovaHair"
                  base-src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-879931_small.jpg?v=1710907799" quality-type="{}" quality-percent="{}" data-sizes="auto" sizes="100vw"
                  style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:cover">
                <div class="zoom-element !gp-max-w-none gp-absolute gp-left-0 gp-top-0 gp-opacity-0 gp-transition-opacity gp-bg-white gp-pointer-events-none"><img draggable="false" class="!gp-rounded-none gp-w-full gp-h-full gp_lazyload"
                    data-src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-879931_768x768.jpg?v=1710907799 768w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-879931_1024x1024.jpg?v=1710907799 1024w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-879931_1440x1440.jpg?v=1710907799 1440w"
                    data-srcset="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-879931_768x768.jpg?v=1710907799 768w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-879931_1024x1024.jpg?v=1710907799 1024w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-879931_1440x1440.jpg?v=1710907799 1440w"
                    src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAA1JREFUGFdj+Pr1638ACaED3/nOThIAAAAASUVORK5CYII=" width="1080" height="1080" alt="NovaHair Color Shampoo - NovaHair"
                    base-src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-879931_small.jpg?v=1710907799" quality-type="{}" quality-percent="{}" data-sizes="auto" sizes="100vw"
                    style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:cover"></div>
                <div class="gp-absolute gp-inset-0 gp-flex gp-cursor-pointer gp-items-center gp-justify-center gp-bg-black/50 gp-opacity-0 gp-transition-opacity gp-duration-100 group-hover:gp-opacity-100"
                  style="--d: none;--d-mobile: none;--d-tablet: none;">
                  <svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg" class="gp-h-6 gp-w-6" viewBox="0 0 512 512" color="#fff">
                    <path fill="currentColor" stroke-linecap="round" stroke-linejoin="round"
                      d="M62.2467 345.253C43.7072 326.714 29.1474 305.116 18.9714 281.057C8.42839 256.13 3.08301 229.671 3.08301 202.418C3.08301 175.165 8.43012 148.707 18.974 123.78C29.15 99.7213 43.7098 78.123 62.2485 59.5834C80.788 41.0439 102.386 26.4841 126.445 16.3081C151.372 5.76422 177.831 0.417969 205.084 0.417969C232.337 0.417969 258.794 5.76421 283.722 16.3064C307.78 26.4823 329.379 41.0422 347.918 59.5817C366.458 78.1212 381.017 99.7196 391.194 123.778C401.737 148.706 407.083 175.163 407.083 202.417C407.083 229.671 401.737 256.129 391.194 281.056C388.406 287.648 385.277 294.048 381.839 300.257L493.397 411.815C514.091 432.511 514.091 466.187 493.395 486.883L484.272 496.006C474.245 506.032 460.915 511.553 446.738 511.553C432.559 511.553 419.228 506.032 409.202 496.006L296.022 382.824C291.996 384.854 287.898 386.762 283.721 388.528C258.794 399.073 232.336 404.419 205.082 404.419C177.828 404.419 151.371 399.071 126.443 388.528C102.385 378.352 80.7863 363.793 62.2467 345.253ZM301.699 336.166C313.928 327.317 324.896 316.835 334.282 305.034C342.149 295.142 348.9 284.325 354.355 272.775C364.433 251.432 370.076 227.586 370.076 202.419C370.076 111.296 296.206 37.4253 205.083 37.4253C113.96 37.4253 40.0895 111.294 40.0895 202.418C40.0895 293.541 113.96 367.411 205.084 367.411C227.413 367.411 248.701 362.967 268.126 354.928C280.091 349.976 291.347 343.658 301.699 336.166ZM467.229 460.716C473.507 454.439 473.507 444.26 467.229 437.982L360.595 331.348C356.601 336.153 352.378 340.794 347.919 345.253C341.671 351.502 335.068 357.286 328.147 362.615L435.371 469.839C438.511 472.977 442.624 474.547 446.739 474.547C450.853 474.547 454.967 472.978 458.106 469.839L467.229 460.716ZM223.582 183.91H281.071C291.292 183.91 299.574 192.194 299.575 202.414C299.575 206.778 298.062 210.786 295.533 213.951C292.143 218.195 286.926 220.916 281.072 220.916H228.303H223.583V225.63V278.406C223.583 287.081 217.613 294.358 209.559 296.361C208.124 296.717 206.625 296.909 205.08 296.909C194.861 296.909 186.577 288.625 186.577 278.406V220.917H129.087C118.868 220.917 110.584 212.633 110.584 202.414C110.584 192.195 118.868 183.911 129.087 183.911H186.576V126.421C186.576 116.202 194.86 107.918 205.079 107.918C215.298 107.918 223.582 116.202 223.582 126.421V183.91Z">
                    </path>
                  </svg>
                </div>
              </div>
              <div class="" style="
        
        --d: none;--d-tablet: none;--d-mobile: none;">
              </div>
            </div>
            <div aria-hidden="" id="36902164562116" media-type="image" media-poster="products/novahair-color-shampoo-338044.jpg" media-source-url="" media-last-source-url="products/novahair-color-shampoo-338044.jpg" external-id="" grid-index="2"
              data-outline="deactive" class="gem-slider-item-gscFxfvb42-7628853018820 gp-group gp-relative gp-overflow-hidden gp-cursor-pointer gp-image-item gp-gallery-image-item data-[outline=deactive]:after:!gp-border-transparent"
              style="max-width: 100%;--w: calc(25.00% - 16px * 3 / 4);--w-tablet: calc(25.00% - 16px * 3 / 4);--w-mobile: calc(25% - var(--g-s-s) * 3 / 4);--h: auto;--h-tablet: auto;--h-mobile: auto;">
              <div class="gp-h-full" style=" display: block !important;  --d: block;--d-tablet: block;--d-mobile: block;">
                <img draggable="false" class="!gp-rounded-none gp_lazyload"
                  data-src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-338044_768x768.jpg?v=1710907799 768w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-338044_1024x1024.jpg?v=1710907799 1024w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-338044_1440x1440.jpg?v=1710907799 1440w"
                  data-srcset="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-338044_768x768.jpg?v=1710907799 768w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-338044_1024x1024.jpg?v=1710907799 1024w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-338044_1440x1440.jpg?v=1710907799 1440w"
                  src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAA1JREFUGFdj+Pr1638ACaED3/nOThIAAAAASUVORK5CYII=" width="1080" height="1080" alt="NovaHair Color Shampoo - NovaHair"
                  base-src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-338044_small.jpg?v=1710907799" quality-type="{}" quality-percent="{}" data-sizes="auto" sizes="100vw"
                  style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:cover">
                <div class="zoom-element !gp-max-w-none gp-absolute gp-left-0 gp-top-0 gp-opacity-0 gp-transition-opacity gp-bg-white gp-pointer-events-none"><img draggable="false" class="!gp-rounded-none gp-w-full gp-h-full gp_lazyload"
                    data-src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-338044_768x768.jpg?v=1710907799 768w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-338044_1024x1024.jpg?v=1710907799 1024w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-338044_1440x1440.jpg?v=1710907799 1440w"
                    data-srcset="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-338044_768x768.jpg?v=1710907799 768w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-338044_1024x1024.jpg?v=1710907799 1024w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-338044_1440x1440.jpg?v=1710907799 1440w"
                    src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAA1JREFUGFdj+Pr1638ACaED3/nOThIAAAAASUVORK5CYII=" width="1080" height="1080" alt="NovaHair Color Shampoo - NovaHair"
                    base-src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-338044_small.jpg?v=1710907799" quality-type="{}" quality-percent="{}" data-sizes="auto" sizes="100vw"
                    style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:cover"></div>
                <div class="gp-absolute gp-inset-0 gp-flex gp-cursor-pointer gp-items-center gp-justify-center gp-bg-black/50 gp-opacity-0 gp-transition-opacity gp-duration-100 group-hover:gp-opacity-100"
                  style="--d: none;--d-mobile: none;--d-tablet: none;">
                  <svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg" class="gp-h-6 gp-w-6" viewBox="0 0 512 512" color="#fff">
                    <path fill="currentColor" stroke-linecap="round" stroke-linejoin="round"
                      d="M62.2467 345.253C43.7072 326.714 29.1474 305.116 18.9714 281.057C8.42839 256.13 3.08301 229.671 3.08301 202.418C3.08301 175.165 8.43012 148.707 18.974 123.78C29.15 99.7213 43.7098 78.123 62.2485 59.5834C80.788 41.0439 102.386 26.4841 126.445 16.3081C151.372 5.76422 177.831 0.417969 205.084 0.417969C232.337 0.417969 258.794 5.76421 283.722 16.3064C307.78 26.4823 329.379 41.0422 347.918 59.5817C366.458 78.1212 381.017 99.7196 391.194 123.778C401.737 148.706 407.083 175.163 407.083 202.417C407.083 229.671 401.737 256.129 391.194 281.056C388.406 287.648 385.277 294.048 381.839 300.257L493.397 411.815C514.091 432.511 514.091 466.187 493.395 486.883L484.272 496.006C474.245 506.032 460.915 511.553 446.738 511.553C432.559 511.553 419.228 506.032 409.202 496.006L296.022 382.824C291.996 384.854 287.898 386.762 283.721 388.528C258.794 399.073 232.336 404.419 205.082 404.419C177.828 404.419 151.371 399.071 126.443 388.528C102.385 378.352 80.7863 363.793 62.2467 345.253ZM301.699 336.166C313.928 327.317 324.896 316.835 334.282 305.034C342.149 295.142 348.9 284.325 354.355 272.775C364.433 251.432 370.076 227.586 370.076 202.419C370.076 111.296 296.206 37.4253 205.083 37.4253C113.96 37.4253 40.0895 111.294 40.0895 202.418C40.0895 293.541 113.96 367.411 205.084 367.411C227.413 367.411 248.701 362.967 268.126 354.928C280.091 349.976 291.347 343.658 301.699 336.166ZM467.229 460.716C473.507 454.439 473.507 444.26 467.229 437.982L360.595 331.348C356.601 336.153 352.378 340.794 347.919 345.253C341.671 351.502 335.068 357.286 328.147 362.615L435.371 469.839C438.511 472.977 442.624 474.547 446.739 474.547C450.853 474.547 454.967 472.978 458.106 469.839L467.229 460.716ZM223.582 183.91H281.071C291.292 183.91 299.574 192.194 299.575 202.414C299.575 206.778 298.062 210.786 295.533 213.951C292.143 218.195 286.926 220.916 281.072 220.916H228.303H223.583V225.63V278.406C223.583 287.081 217.613 294.358 209.559 296.361C208.124 296.717 206.625 296.909 205.08 296.909C194.861 296.909 186.577 288.625 186.577 278.406V220.917H129.087C118.868 220.917 110.584 212.633 110.584 202.414C110.584 192.195 118.868 183.911 129.087 183.911H186.576V126.421C186.576 116.202 194.86 107.918 205.079 107.918C215.298 107.918 223.582 116.202 223.582 126.421V183.91Z">
                    </path>
                  </svg>
                </div>
              </div>
              <div class="" style="
        
        --d: none;--d-tablet: none;--d-mobile: none;">
              </div>
            </div>
            <div aria-hidden="" id="36902164594884" media-type="image" media-poster="products/novahair-color-shampoo-238800.jpg" media-source-url="" media-last-source-url="products/novahair-color-shampoo-238800.jpg" external-id="" grid-index="3"
              data-outline="deactive" class="gem-slider-item-gscFxfvb42-7628853018820 gp-group gp-relative gp-overflow-hidden gp-cursor-pointer gp-image-item gp-gallery-image-item data-[outline=deactive]:after:!gp-border-transparent"
              style="max-width: 100%;--w: calc(25.00% - 16px * 3 / 4);--w-tablet: calc(25.00% - 16px * 3 / 4);--w-mobile: calc(25% - var(--g-s-s) * 3 / 4);--h: auto;--h-tablet: auto;--h-mobile: auto;">
              <div class="gp-h-full" style=" display: block !important;  --d: block;--d-tablet: block;--d-mobile: block;">
                <img draggable="false" class="!gp-rounded-none gp_lazyload"
                  data-src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-238800_768x768.jpg?v=1710907799 768w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-238800_1024x1024.jpg?v=1710907799 1024w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-238800_1440x1440.jpg?v=1710907799 1440w"
                  data-srcset="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-238800_768x768.jpg?v=1710907799 768w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-238800_1024x1024.jpg?v=1710907799 1024w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-238800_1440x1440.jpg?v=1710907799 1440w"
                  src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAA1JREFUGFdj+Pr1638ACaED3/nOThIAAAAASUVORK5CYII=" width="1080" height="1080" alt="NovaHair Color Shampoo - NovaHair"
                  base-src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-238800_small.jpg?v=1710907799" quality-type="{}" quality-percent="{}" data-sizes="auto" sizes="100vw"
                  style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:cover">
                <div class="zoom-element !gp-max-w-none gp-absolute gp-left-0 gp-top-0 gp-opacity-0 gp-transition-opacity gp-bg-white gp-pointer-events-none"><img draggable="false" class="!gp-rounded-none gp-w-full gp-h-full gp_lazyload"
                    data-src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-238800_768x768.jpg?v=1710907799 768w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-238800_1024x1024.jpg?v=1710907799 1024w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-238800_1440x1440.jpg?v=1710907799 1440w"
                    data-srcset="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-238800_768x768.jpg?v=1710907799 768w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-238800_1024x1024.jpg?v=1710907799 1024w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-238800_1440x1440.jpg?v=1710907799 1440w"
                    src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAA1JREFUGFdj+Pr1638ACaED3/nOThIAAAAASUVORK5CYII=" width="1080" height="1080" alt="NovaHair Color Shampoo - NovaHair"
                    base-src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-238800_small.jpg?v=1710907799" quality-type="{}" quality-percent="{}" data-sizes="auto" sizes="100vw"
                    style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:cover"></div>
                <div class="gp-absolute gp-inset-0 gp-flex gp-cursor-pointer gp-items-center gp-justify-center gp-bg-black/50 gp-opacity-0 gp-transition-opacity gp-duration-100 group-hover:gp-opacity-100"
                  style="--d: none;--d-mobile: none;--d-tablet: none;">
                  <svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg" class="gp-h-6 gp-w-6" viewBox="0 0 512 512" color="#fff">
                    <path fill="currentColor" stroke-linecap="round" stroke-linejoin="round"
                      d="M62.2467 345.253C43.7072 326.714 29.1474 305.116 18.9714 281.057C8.42839 256.13 3.08301 229.671 3.08301 202.418C3.08301 175.165 8.43012 148.707 18.974 123.78C29.15 99.7213 43.7098 78.123 62.2485 59.5834C80.788 41.0439 102.386 26.4841 126.445 16.3081C151.372 5.76422 177.831 0.417969 205.084 0.417969C232.337 0.417969 258.794 5.76421 283.722 16.3064C307.78 26.4823 329.379 41.0422 347.918 59.5817C366.458 78.1212 381.017 99.7196 391.194 123.778C401.737 148.706 407.083 175.163 407.083 202.417C407.083 229.671 401.737 256.129 391.194 281.056C388.406 287.648 385.277 294.048 381.839 300.257L493.397 411.815C514.091 432.511 514.091 466.187 493.395 486.883L484.272 496.006C474.245 506.032 460.915 511.553 446.738 511.553C432.559 511.553 419.228 506.032 409.202 496.006L296.022 382.824C291.996 384.854 287.898 386.762 283.721 388.528C258.794 399.073 232.336 404.419 205.082 404.419C177.828 404.419 151.371 399.071 126.443 388.528C102.385 378.352 80.7863 363.793 62.2467 345.253ZM301.699 336.166C313.928 327.317 324.896 316.835 334.282 305.034C342.149 295.142 348.9 284.325 354.355 272.775C364.433 251.432 370.076 227.586 370.076 202.419C370.076 111.296 296.206 37.4253 205.083 37.4253C113.96 37.4253 40.0895 111.294 40.0895 202.418C40.0895 293.541 113.96 367.411 205.084 367.411C227.413 367.411 248.701 362.967 268.126 354.928C280.091 349.976 291.347 343.658 301.699 336.166ZM467.229 460.716C473.507 454.439 473.507 444.26 467.229 437.982L360.595 331.348C356.601 336.153 352.378 340.794 347.919 345.253C341.671 351.502 335.068 357.286 328.147 362.615L435.371 469.839C438.511 472.977 442.624 474.547 446.739 474.547C450.853 474.547 454.967 472.978 458.106 469.839L467.229 460.716ZM223.582 183.91H281.071C291.292 183.91 299.574 192.194 299.575 202.414C299.575 206.778 298.062 210.786 295.533 213.951C292.143 218.195 286.926 220.916 281.072 220.916H228.303H223.583V225.63V278.406C223.583 287.081 217.613 294.358 209.559 296.361C208.124 296.717 206.625 296.909 205.08 296.909C194.861 296.909 186.577 288.625 186.577 278.406V220.917H129.087C118.868 220.917 110.584 212.633 110.584 202.414C110.584 192.195 118.868 183.911 129.087 183.911H186.576V126.421C186.576 116.202 194.86 107.918 205.079 107.918C215.298 107.918 223.582 116.202 223.582 126.421V183.91Z">
                    </path>
                  </svg>
                </div>
              </div>
              <div class="" style="
        
        --d: none;--d-tablet: none;--d-mobile: none;">
              </div>
            </div>
            <div aria-hidden="" id="36902164627652" media-type="image" media-poster="products/novahair-color-shampoo-757799.jpg" media-source-url="" media-last-source-url="products/novahair-color-shampoo-757799.jpg" external-id="" grid-index="4"
              data-outline="deactive" class="gem-slider-item-gscFxfvb42-7628853018820 gp-group gp-relative gp-overflow-hidden gp-cursor-pointer gp-image-item gp-gallery-image-item data-[outline=deactive]:after:!gp-border-transparent"
              style="max-width: 100%;--w: calc(25.00% - 16px * 3 / 4);--w-tablet: calc(25.00% - 16px * 3 / 4);--w-mobile: calc(25% - var(--g-s-s) * 3 / 4);--h: auto;--h-tablet: auto;--h-mobile: auto;">
              <div class="gp-h-full" style=" display: block !important;  --d: block;--d-tablet: block;--d-mobile: block;">
                <img draggable="false" class="!gp-rounded-none gp_lazyload"
                  data-src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-757799_768x768.jpg?v=1710907799 768w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-757799_1024x1024.jpg?v=1710907799 1024w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-757799_1440x1440.jpg?v=1710907799 1440w"
                  data-srcset="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-757799_768x768.jpg?v=1710907799 768w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-757799_1024x1024.jpg?v=1710907799 1024w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-757799_1440x1440.jpg?v=1710907799 1440w"
                  src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAA1JREFUGFdj+Pr1638ACaED3/nOThIAAAAASUVORK5CYII=" width="1080" height="1080" alt="NovaHair Color Shampoo - NovaHair"
                  base-src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-757799_small.jpg?v=1710907799" quality-type="{}" quality-percent="{}" data-sizes="auto" sizes="100vw"
                  style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:cover">
                <div class="zoom-element !gp-max-w-none gp-absolute gp-left-0 gp-top-0 gp-opacity-0 gp-transition-opacity gp-bg-white gp-pointer-events-none"><img draggable="false" class="!gp-rounded-none gp-w-full gp-h-full gp_lazyload"
                    data-src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-757799_768x768.jpg?v=1710907799 768w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-757799_1024x1024.jpg?v=1710907799 1024w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-757799_1440x1440.jpg?v=1710907799 1440w"
                    data-srcset="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-757799_768x768.jpg?v=1710907799 768w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-757799_1024x1024.jpg?v=1710907799 1024w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-757799_1440x1440.jpg?v=1710907799 1440w"
                    src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAA1JREFUGFdj+Pr1638ACaED3/nOThIAAAAASUVORK5CYII=" width="1080" height="1080" alt="NovaHair Color Shampoo - NovaHair"
                    base-src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-757799_small.jpg?v=1710907799" quality-type="{}" quality-percent="{}" data-sizes="auto" sizes="100vw"
                    style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:cover"></div>
                <div class="gp-absolute gp-inset-0 gp-flex gp-cursor-pointer gp-items-center gp-justify-center gp-bg-black/50 gp-opacity-0 gp-transition-opacity gp-duration-100 group-hover:gp-opacity-100"
                  style="--d: none;--d-mobile: none;--d-tablet: none;">
                  <svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg" class="gp-h-6 gp-w-6" viewBox="0 0 512 512" color="#fff">
                    <path fill="currentColor" stroke-linecap="round" stroke-linejoin="round"
                      d="M62.2467 345.253C43.7072 326.714 29.1474 305.116 18.9714 281.057C8.42839 256.13 3.08301 229.671 3.08301 202.418C3.08301 175.165 8.43012 148.707 18.974 123.78C29.15 99.7213 43.7098 78.123 62.2485 59.5834C80.788 41.0439 102.386 26.4841 126.445 16.3081C151.372 5.76422 177.831 0.417969 205.084 0.417969C232.337 0.417969 258.794 5.76421 283.722 16.3064C307.78 26.4823 329.379 41.0422 347.918 59.5817C366.458 78.1212 381.017 99.7196 391.194 123.778C401.737 148.706 407.083 175.163 407.083 202.417C407.083 229.671 401.737 256.129 391.194 281.056C388.406 287.648 385.277 294.048 381.839 300.257L493.397 411.815C514.091 432.511 514.091 466.187 493.395 486.883L484.272 496.006C474.245 506.032 460.915 511.553 446.738 511.553C432.559 511.553 419.228 506.032 409.202 496.006L296.022 382.824C291.996 384.854 287.898 386.762 283.721 388.528C258.794 399.073 232.336 404.419 205.082 404.419C177.828 404.419 151.371 399.071 126.443 388.528C102.385 378.352 80.7863 363.793 62.2467 345.253ZM301.699 336.166C313.928 327.317 324.896 316.835 334.282 305.034C342.149 295.142 348.9 284.325 354.355 272.775C364.433 251.432 370.076 227.586 370.076 202.419C370.076 111.296 296.206 37.4253 205.083 37.4253C113.96 37.4253 40.0895 111.294 40.0895 202.418C40.0895 293.541 113.96 367.411 205.084 367.411C227.413 367.411 248.701 362.967 268.126 354.928C280.091 349.976 291.347 343.658 301.699 336.166ZM467.229 460.716C473.507 454.439 473.507 444.26 467.229 437.982L360.595 331.348C356.601 336.153 352.378 340.794 347.919 345.253C341.671 351.502 335.068 357.286 328.147 362.615L435.371 469.839C438.511 472.977 442.624 474.547 446.739 474.547C450.853 474.547 454.967 472.978 458.106 469.839L467.229 460.716ZM223.582 183.91H281.071C291.292 183.91 299.574 192.194 299.575 202.414C299.575 206.778 298.062 210.786 295.533 213.951C292.143 218.195 286.926 220.916 281.072 220.916H228.303H223.583V225.63V278.406C223.583 287.081 217.613 294.358 209.559 296.361C208.124 296.717 206.625 296.909 205.08 296.909C194.861 296.909 186.577 288.625 186.577 278.406V220.917H129.087C118.868 220.917 110.584 212.633 110.584 202.414C110.584 192.195 118.868 183.911 129.087 183.911H186.576V126.421C186.576 116.202 194.86 107.918 205.079 107.918C215.298 107.918 223.582 116.202 223.582 126.421V183.91Z">
                    </path>
                  </svg>
                </div>
              </div>
              <div class="" style="
        
        --d: none;--d-tablet: none;--d-mobile: none;">
              </div>
            </div>
            <div aria-hidden="" id="36902164660420" media-type="image" media-poster="products/novahair-color-shampoo-265854.jpg" media-source-url="" media-last-source-url="products/novahair-color-shampoo-265854.jpg" external-id="" grid-index="5"
              data-outline="deactive" class="gem-slider-item-gscFxfvb42-7628853018820 gp-group gp-relative gp-overflow-hidden gp-cursor-pointer gp-image-item gp-gallery-image-item data-[outline=deactive]:after:!gp-border-transparent"
              style="max-width: 100%;--w: calc(25.00% - 16px * 3 / 4);--w-tablet: calc(25.00% - 16px * 3 / 4);--w-mobile: calc(25% - var(--g-s-s) * 3 / 4);--h: auto;--h-tablet: auto;--h-mobile: auto;">
              <div class="gp-h-full" style=" display: block !important;  --d: block;--d-tablet: block;--d-mobile: block;">
                <img draggable="false" class="!gp-rounded-none gp_lazyload"
                  data-src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-265854_768x768.jpg?v=1710907799 768w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-265854_1024x1024.jpg?v=1710907799 1024w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-265854_1440x1440.jpg?v=1710907799 1440w"
                  data-srcset="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-265854_768x768.jpg?v=1710907799 768w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-265854_1024x1024.jpg?v=1710907799 1024w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-265854_1440x1440.jpg?v=1710907799 1440w"
                  src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAA1JREFUGFdj+Pr1638ACaED3/nOThIAAAAASUVORK5CYII=" width="1080" height="1080" alt="NovaHair Color Shampoo - NovaHair"
                  base-src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-265854_small.jpg?v=1710907799" quality-type="{}" quality-percent="{}" data-sizes="auto" sizes="100vw"
                  style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:cover">
                <div class="zoom-element !gp-max-w-none gp-absolute gp-left-0 gp-top-0 gp-opacity-0 gp-transition-opacity gp-bg-white gp-pointer-events-none"><img draggable="false" class="!gp-rounded-none gp-w-full gp-h-full gp_lazyload"
                    data-src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-265854_768x768.jpg?v=1710907799 768w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-265854_1024x1024.jpg?v=1710907799 1024w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-265854_1440x1440.jpg?v=1710907799 1440w"
                    data-srcset="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-265854_768x768.jpg?v=1710907799 768w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-265854_1024x1024.jpg?v=1710907799 1024w,//trynovahair.com/cdn/shop/products/novahair-color-shampoo-265854_1440x1440.jpg?v=1710907799 1440w"
                    src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAA1JREFUGFdj+Pr1638ACaED3/nOThIAAAAASUVORK5CYII=" width="1080" height="1080" alt="NovaHair Color Shampoo - NovaHair"
                    base-src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-265854_small.jpg?v=1710907799" quality-type="{}" quality-percent="{}" data-sizes="auto" sizes="100vw"
                    style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:cover"></div>
                <div class="gp-absolute gp-inset-0 gp-flex gp-cursor-pointer gp-items-center gp-justify-center gp-bg-black/50 gp-opacity-0 gp-transition-opacity gp-duration-100 group-hover:gp-opacity-100"
                  style="--d: none;--d-mobile: none;--d-tablet: none;">
                  <svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg" class="gp-h-6 gp-w-6" viewBox="0 0 512 512" color="#fff">
                    <path fill="currentColor" stroke-linecap="round" stroke-linejoin="round"
                      d="M62.2467 345.253C43.7072 326.714 29.1474 305.116 18.9714 281.057C8.42839 256.13 3.08301 229.671 3.08301 202.418C3.08301 175.165 8.43012 148.707 18.974 123.78C29.15 99.7213 43.7098 78.123 62.2485 59.5834C80.788 41.0439 102.386 26.4841 126.445 16.3081C151.372 5.76422 177.831 0.417969 205.084 0.417969C232.337 0.417969 258.794 5.76421 283.722 16.3064C307.78 26.4823 329.379 41.0422 347.918 59.5817C366.458 78.1212 381.017 99.7196 391.194 123.778C401.737 148.706 407.083 175.163 407.083 202.417C407.083 229.671 401.737 256.129 391.194 281.056C388.406 287.648 385.277 294.048 381.839 300.257L493.397 411.815C514.091 432.511 514.091 466.187 493.395 486.883L484.272 496.006C474.245 506.032 460.915 511.553 446.738 511.553C432.559 511.553 419.228 506.032 409.202 496.006L296.022 382.824C291.996 384.854 287.898 386.762 283.721 388.528C258.794 399.073 232.336 404.419 205.082 404.419C177.828 404.419 151.371 399.071 126.443 388.528C102.385 378.352 80.7863 363.793 62.2467 345.253ZM301.699 336.166C313.928 327.317 324.896 316.835 334.282 305.034C342.149 295.142 348.9 284.325 354.355 272.775C364.433 251.432 370.076 227.586 370.076 202.419C370.076 111.296 296.206 37.4253 205.083 37.4253C113.96 37.4253 40.0895 111.294 40.0895 202.418C40.0895 293.541 113.96 367.411 205.084 367.411C227.413 367.411 248.701 362.967 268.126 354.928C280.091 349.976 291.347 343.658 301.699 336.166ZM467.229 460.716C473.507 454.439 473.507 444.26 467.229 437.982L360.595 331.348C356.601 336.153 352.378 340.794 347.919 345.253C341.671 351.502 335.068 357.286 328.147 362.615L435.371 469.839C438.511 472.977 442.624 474.547 446.739 474.547C450.853 474.547 454.967 472.978 458.106 469.839L467.229 460.716ZM223.582 183.91H281.071C291.292 183.91 299.574 192.194 299.575 202.414C299.575 206.778 298.062 210.786 295.533 213.951C292.143 218.195 286.926 220.916 281.072 220.916H228.303H223.583V225.63V278.406C223.583 287.081 217.613 294.358 209.559 296.361C208.124 296.717 206.625 296.909 205.08 296.909C194.861 296.909 186.577 288.625 186.577 278.406V220.917H129.087C118.868 220.917 110.584 212.633 110.584 202.414C110.584 192.195 118.868 183.911 129.087 183.911H186.576V126.421C186.576 116.202 194.86 107.918 205.079 107.918C215.298 107.918 223.582 116.202 223.582 126.421V183.91Z">
                    </path>
                  </svg>
                </div>
              </div>
              <div class="" style="
        
        --d: none;--d-tablet: none;--d-mobile: none;">
              </div>
            </div>
            <div aria-hidden="" id="38124696535236" media-type="image" media-poster="files/novahair-instant-dye-shampoo-596438.jpg" media-source-url="" media-last-source-url="files/novahair-instant-dye-shampoo-596438.jpg" external-id=""
              grid-index="6" data-outline="deactive" class="gem-slider-item-gscFxfvb42-7628853018820 gp-group gp-relative gp-overflow-hidden gp-cursor-pointer gp-image-item gp-gallery-image-item data-[outline=deactive]:after:!gp-border-transparent"
              style="max-width: 100%;--w: calc(25.00% - 16px * 3 / 4);--w-tablet: calc(25.00% - 16px * 3 / 4);--w-mobile: calc(25% - var(--g-s-s) * 3 / 4);--h: auto;--h-tablet: auto;--h-mobile: auto;">
              <div class="gp-h-full" style=" display: block !important;  --d: block;--d-tablet: block;--d-mobile: block;">
                <img draggable="false" class="!gp-rounded-none gp_lazyload"
                  data-src="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-596438_768x768.jpg?v=1717083733 768w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-596438_1024x1024.jpg?v=1717083733 1024w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-596438_1440x1440.jpg?v=1717083733 1440w"
                  data-srcset="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-596438_768x768.jpg?v=1717083733 768w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-596438_1024x1024.jpg?v=1717083733 1024w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-596438_1440x1440.jpg?v=1717083733 1440w"
                  src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAA1JREFUGFdj+Pr1638ACaED3/nOThIAAAAASUVORK5CYII=" width="1080" height="1080" alt="NovaHair Instant Dye Shampoo - NovaHair"
                  base-src="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-596438_small.jpg?v=1717083733" quality-type="{}" quality-percent="{}" data-sizes="auto" sizes="100vw"
                  style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:cover">
                <div class="zoom-element !gp-max-w-none gp-absolute gp-left-0 gp-top-0 gp-opacity-0 gp-transition-opacity gp-bg-white gp-pointer-events-none"><img draggable="false" class="!gp-rounded-none gp-w-full gp-h-full gp_lazyload"
                    data-src="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-596438_768x768.jpg?v=1717083733 768w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-596438_1024x1024.jpg?v=1717083733 1024w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-596438_1440x1440.jpg?v=1717083733 1440w"
                    data-srcset="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-596438_768x768.jpg?v=1717083733 768w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-596438_1024x1024.jpg?v=1717083733 1024w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-596438_1440x1440.jpg?v=1717083733 1440w"
                    src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAA1JREFUGFdj+Pr1638ACaED3/nOThIAAAAASUVORK5CYII=" width="1080" height="1080" alt="NovaHair Instant Dye Shampoo - NovaHair"
                    base-src="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-596438_small.jpg?v=1717083733" quality-type="{}" quality-percent="{}" data-sizes="auto" sizes="100vw"
                    style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:cover"></div>
                <div class="gp-absolute gp-inset-0 gp-flex gp-cursor-pointer gp-items-center gp-justify-center gp-bg-black/50 gp-opacity-0 gp-transition-opacity gp-duration-100 group-hover:gp-opacity-100"
                  style="--d: none;--d-mobile: none;--d-tablet: none;">
                  <svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg" class="gp-h-6 gp-w-6" viewBox="0 0 512 512" color="#fff">
                    <path fill="currentColor" stroke-linecap="round" stroke-linejoin="round"
                      d="M62.2467 345.253C43.7072 326.714 29.1474 305.116 18.9714 281.057C8.42839 256.13 3.08301 229.671 3.08301 202.418C3.08301 175.165 8.43012 148.707 18.974 123.78C29.15 99.7213 43.7098 78.123 62.2485 59.5834C80.788 41.0439 102.386 26.4841 126.445 16.3081C151.372 5.76422 177.831 0.417969 205.084 0.417969C232.337 0.417969 258.794 5.76421 283.722 16.3064C307.78 26.4823 329.379 41.0422 347.918 59.5817C366.458 78.1212 381.017 99.7196 391.194 123.778C401.737 148.706 407.083 175.163 407.083 202.417C407.083 229.671 401.737 256.129 391.194 281.056C388.406 287.648 385.277 294.048 381.839 300.257L493.397 411.815C514.091 432.511 514.091 466.187 493.395 486.883L484.272 496.006C474.245 506.032 460.915 511.553 446.738 511.553C432.559 511.553 419.228 506.032 409.202 496.006L296.022 382.824C291.996 384.854 287.898 386.762 283.721 388.528C258.794 399.073 232.336 404.419 205.082 404.419C177.828 404.419 151.371 399.071 126.443 388.528C102.385 378.352 80.7863 363.793 62.2467 345.253ZM301.699 336.166C313.928 327.317 324.896 316.835 334.282 305.034C342.149 295.142 348.9 284.325 354.355 272.775C364.433 251.432 370.076 227.586 370.076 202.419C370.076 111.296 296.206 37.4253 205.083 37.4253C113.96 37.4253 40.0895 111.294 40.0895 202.418C40.0895 293.541 113.96 367.411 205.084 367.411C227.413 367.411 248.701 362.967 268.126 354.928C280.091 349.976 291.347 343.658 301.699 336.166ZM467.229 460.716C473.507 454.439 473.507 444.26 467.229 437.982L360.595 331.348C356.601 336.153 352.378 340.794 347.919 345.253C341.671 351.502 335.068 357.286 328.147 362.615L435.371 469.839C438.511 472.977 442.624 474.547 446.739 474.547C450.853 474.547 454.967 472.978 458.106 469.839L467.229 460.716ZM223.582 183.91H281.071C291.292 183.91 299.574 192.194 299.575 202.414C299.575 206.778 298.062 210.786 295.533 213.951C292.143 218.195 286.926 220.916 281.072 220.916H228.303H223.583V225.63V278.406C223.583 287.081 217.613 294.358 209.559 296.361C208.124 296.717 206.625 296.909 205.08 296.909C194.861 296.909 186.577 288.625 186.577 278.406V220.917H129.087C118.868 220.917 110.584 212.633 110.584 202.414C110.584 192.195 118.868 183.911 129.087 183.911H186.576V126.421C186.576 116.202 194.86 107.918 205.079 107.918C215.298 107.918 223.582 116.202 223.582 126.421V183.91Z">
                    </path>
                  </svg>
                </div>
              </div>
              <div class="" style="
        
        --d: none;--d-tablet: none;--d-mobile: none;">
              </div>
            </div>
            <div aria-hidden="" id="38124696600772" media-type="image" media-poster="files/novahair-instant-dye-shampoo-509291.jpg" media-source-url="" media-last-source-url="files/novahair-instant-dye-shampoo-509291.jpg" external-id=""
              grid-index="7" data-outline="deactive" class="gem-slider-item-gscFxfvb42-7628853018820 gp-group gp-relative gp-overflow-hidden gp-cursor-pointer gp-image-item gp-gallery-image-item data-[outline=deactive]:after:!gp-border-transparent"
              style="max-width: 100%;--w: calc(25.00% - 16px * 3 / 4);--w-tablet: calc(25.00% - 16px * 3 / 4);--w-mobile: calc(25% - var(--g-s-s) * 3 / 4);--h: auto;--h-tablet: auto;--h-mobile: auto;">
              <div class="gp-h-full" style=" display: block !important;  --d: block;--d-tablet: block;--d-mobile: block;">
                <img draggable="false" class="!gp-rounded-none gp_lazyload"
                  data-src="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-509291_768x768.jpg?v=1717083733 768w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-509291_1024x1024.jpg?v=1717083733 1024w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-509291_1440x1440.jpg?v=1717083733 1440w"
                  data-srcset="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-509291_768x768.jpg?v=1717083733 768w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-509291_1024x1024.jpg?v=1717083733 1024w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-509291_1440x1440.jpg?v=1717083733 1440w"
                  src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAA1JREFUGFdj+Pr1638ACaED3/nOThIAAAAASUVORK5CYII=" width="1080" height="1080" alt="NovaHair Instant Dye Shampoo - NovaHair"
                  base-src="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-509291_small.jpg?v=1717083733" quality-type="{}" quality-percent="{}" data-sizes="auto" sizes="100vw"
                  style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:cover">
                <div class="zoom-element !gp-max-w-none gp-absolute gp-left-0 gp-top-0 gp-opacity-0 gp-transition-opacity gp-bg-white gp-pointer-events-none"><img draggable="false" class="!gp-rounded-none gp-w-full gp-h-full gp_lazyload"
                    data-src="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-509291_768x768.jpg?v=1717083733 768w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-509291_1024x1024.jpg?v=1717083733 1024w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-509291_1440x1440.jpg?v=1717083733 1440w"
                    data-srcset="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-509291_768x768.jpg?v=1717083733 768w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-509291_1024x1024.jpg?v=1717083733 1024w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-509291_1440x1440.jpg?v=1717083733 1440w"
                    src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAA1JREFUGFdj+Pr1638ACaED3/nOThIAAAAASUVORK5CYII=" width="1080" height="1080" alt="NovaHair Instant Dye Shampoo - NovaHair"
                    base-src="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-509291_small.jpg?v=1717083733" quality-type="{}" quality-percent="{}" data-sizes="auto" sizes="100vw"
                    style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:cover"></div>
                <div class="gp-absolute gp-inset-0 gp-flex gp-cursor-pointer gp-items-center gp-justify-center gp-bg-black/50 gp-opacity-0 gp-transition-opacity gp-duration-100 group-hover:gp-opacity-100"
                  style="--d: none;--d-mobile: none;--d-tablet: none;">
                  <svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg" class="gp-h-6 gp-w-6" viewBox="0 0 512 512" color="#fff">
                    <path fill="currentColor" stroke-linecap="round" stroke-linejoin="round"
                      d="M62.2467 345.253C43.7072 326.714 29.1474 305.116 18.9714 281.057C8.42839 256.13 3.08301 229.671 3.08301 202.418C3.08301 175.165 8.43012 148.707 18.974 123.78C29.15 99.7213 43.7098 78.123 62.2485 59.5834C80.788 41.0439 102.386 26.4841 126.445 16.3081C151.372 5.76422 177.831 0.417969 205.084 0.417969C232.337 0.417969 258.794 5.76421 283.722 16.3064C307.78 26.4823 329.379 41.0422 347.918 59.5817C366.458 78.1212 381.017 99.7196 391.194 123.778C401.737 148.706 407.083 175.163 407.083 202.417C407.083 229.671 401.737 256.129 391.194 281.056C388.406 287.648 385.277 294.048 381.839 300.257L493.397 411.815C514.091 432.511 514.091 466.187 493.395 486.883L484.272 496.006C474.245 506.032 460.915 511.553 446.738 511.553C432.559 511.553 419.228 506.032 409.202 496.006L296.022 382.824C291.996 384.854 287.898 386.762 283.721 388.528C258.794 399.073 232.336 404.419 205.082 404.419C177.828 404.419 151.371 399.071 126.443 388.528C102.385 378.352 80.7863 363.793 62.2467 345.253ZM301.699 336.166C313.928 327.317 324.896 316.835 334.282 305.034C342.149 295.142 348.9 284.325 354.355 272.775C364.433 251.432 370.076 227.586 370.076 202.419C370.076 111.296 296.206 37.4253 205.083 37.4253C113.96 37.4253 40.0895 111.294 40.0895 202.418C40.0895 293.541 113.96 367.411 205.084 367.411C227.413 367.411 248.701 362.967 268.126 354.928C280.091 349.976 291.347 343.658 301.699 336.166ZM467.229 460.716C473.507 454.439 473.507 444.26 467.229 437.982L360.595 331.348C356.601 336.153 352.378 340.794 347.919 345.253C341.671 351.502 335.068 357.286 328.147 362.615L435.371 469.839C438.511 472.977 442.624 474.547 446.739 474.547C450.853 474.547 454.967 472.978 458.106 469.839L467.229 460.716ZM223.582 183.91H281.071C291.292 183.91 299.574 192.194 299.575 202.414C299.575 206.778 298.062 210.786 295.533 213.951C292.143 218.195 286.926 220.916 281.072 220.916H228.303H223.583V225.63V278.406C223.583 287.081 217.613 294.358 209.559 296.361C208.124 296.717 206.625 296.909 205.08 296.909C194.861 296.909 186.577 288.625 186.577 278.406V220.917H129.087C118.868 220.917 110.584 212.633 110.584 202.414C110.584 192.195 118.868 183.911 129.087 183.911H186.576V126.421C186.576 116.202 194.86 107.918 205.079 107.918C215.298 107.918 223.582 116.202 223.582 126.421V183.91Z">
                    </path>
                  </svg>
                </div>
              </div>
              <div class="" style="
        
        --d: none;--d-tablet: none;--d-mobile: none;">
              </div>
            </div>
            <div aria-hidden="" id="38124696633540" media-type="image" media-poster="files/novahair-instant-dye-shampoo-685623.jpg" media-source-url="" media-last-source-url="files/novahair-instant-dye-shampoo-685623.jpg" external-id=""
              grid-index="8" data-outline="deactive" class="gem-slider-item-gscFxfvb42-7628853018820 gp-group gp-relative gp-overflow-hidden gp-cursor-pointer gp-image-item gp-gallery-image-item data-[outline=deactive]:after:!gp-border-transparent"
              style="max-width: 100%;--w: calc(25.00% - 16px * 3 / 4);--w-tablet: calc(25.00% - 16px * 3 / 4);--w-mobile: calc(25% - var(--g-s-s) * 3 / 4);--h: auto;--h-tablet: auto;--h-mobile: auto;">
              <div class="gp-h-full" style=" display: block !important;  --d: block;--d-tablet: block;--d-mobile: block;">
                <img draggable="false" class="!gp-rounded-none gp_lazyload"
                  data-src="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-685623_768x768.jpg?v=1717083733 768w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-685623_1024x1024.jpg?v=1717083733 1024w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-685623_1440x1440.jpg?v=1717083733 1440w"
                  data-srcset="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-685623_768x768.jpg?v=1717083733 768w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-685623_1024x1024.jpg?v=1717083733 1024w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-685623_1440x1440.jpg?v=1717083733 1440w"
                  src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAA1JREFUGFdj+Pr1638ACaED3/nOThIAAAAASUVORK5CYII=" width="1080" height="1080" alt="NovaHair Instant Dye Shampoo - NovaHair"
                  base-src="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-685623_small.jpg?v=1717083733" quality-type="{}" quality-percent="{}" data-sizes="auto" sizes="100vw"
                  style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:cover">
                <div class="zoom-element !gp-max-w-none gp-absolute gp-left-0 gp-top-0 gp-opacity-0 gp-transition-opacity gp-bg-white gp-pointer-events-none"><img draggable="false" class="!gp-rounded-none gp-w-full gp-h-full gp_lazyload"
                    data-src="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-685623_768x768.jpg?v=1717083733 768w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-685623_1024x1024.jpg?v=1717083733 1024w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-685623_1440x1440.jpg?v=1717083733 1440w"
                    data-srcset="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-685623_768x768.jpg?v=1717083733 768w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-685623_1024x1024.jpg?v=1717083733 1024w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-685623_1440x1440.jpg?v=1717083733 1440w"
                    src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAA1JREFUGFdj+Pr1638ACaED3/nOThIAAAAASUVORK5CYII=" width="1080" height="1080" alt="NovaHair Instant Dye Shampoo - NovaHair"
                    base-src="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-685623_small.jpg?v=1717083733" quality-type="{}" quality-percent="{}" data-sizes="auto" sizes="100vw"
                    style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:cover"></div>
                <div class="gp-absolute gp-inset-0 gp-flex gp-cursor-pointer gp-items-center gp-justify-center gp-bg-black/50 gp-opacity-0 gp-transition-opacity gp-duration-100 group-hover:gp-opacity-100"
                  style="--d: none;--d-mobile: none;--d-tablet: none;">
                  <svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg" class="gp-h-6 gp-w-6" viewBox="0 0 512 512" color="#fff">
                    <path fill="currentColor" stroke-linecap="round" stroke-linejoin="round"
                      d="M62.2467 345.253C43.7072 326.714 29.1474 305.116 18.9714 281.057C8.42839 256.13 3.08301 229.671 3.08301 202.418C3.08301 175.165 8.43012 148.707 18.974 123.78C29.15 99.7213 43.7098 78.123 62.2485 59.5834C80.788 41.0439 102.386 26.4841 126.445 16.3081C151.372 5.76422 177.831 0.417969 205.084 0.417969C232.337 0.417969 258.794 5.76421 283.722 16.3064C307.78 26.4823 329.379 41.0422 347.918 59.5817C366.458 78.1212 381.017 99.7196 391.194 123.778C401.737 148.706 407.083 175.163 407.083 202.417C407.083 229.671 401.737 256.129 391.194 281.056C388.406 287.648 385.277 294.048 381.839 300.257L493.397 411.815C514.091 432.511 514.091 466.187 493.395 486.883L484.272 496.006C474.245 506.032 460.915 511.553 446.738 511.553C432.559 511.553 419.228 506.032 409.202 496.006L296.022 382.824C291.996 384.854 287.898 386.762 283.721 388.528C258.794 399.073 232.336 404.419 205.082 404.419C177.828 404.419 151.371 399.071 126.443 388.528C102.385 378.352 80.7863 363.793 62.2467 345.253ZM301.699 336.166C313.928 327.317 324.896 316.835 334.282 305.034C342.149 295.142 348.9 284.325 354.355 272.775C364.433 251.432 370.076 227.586 370.076 202.419C370.076 111.296 296.206 37.4253 205.083 37.4253C113.96 37.4253 40.0895 111.294 40.0895 202.418C40.0895 293.541 113.96 367.411 205.084 367.411C227.413 367.411 248.701 362.967 268.126 354.928C280.091 349.976 291.347 343.658 301.699 336.166ZM467.229 460.716C473.507 454.439 473.507 444.26 467.229 437.982L360.595 331.348C356.601 336.153 352.378 340.794 347.919 345.253C341.671 351.502 335.068 357.286 328.147 362.615L435.371 469.839C438.511 472.977 442.624 474.547 446.739 474.547C450.853 474.547 454.967 472.978 458.106 469.839L467.229 460.716ZM223.582 183.91H281.071C291.292 183.91 299.574 192.194 299.575 202.414C299.575 206.778 298.062 210.786 295.533 213.951C292.143 218.195 286.926 220.916 281.072 220.916H228.303H223.583V225.63V278.406C223.583 287.081 217.613 294.358 209.559 296.361C208.124 296.717 206.625 296.909 205.08 296.909C194.861 296.909 186.577 288.625 186.577 278.406V220.917H129.087C118.868 220.917 110.584 212.633 110.584 202.414C110.584 192.195 118.868 183.911 129.087 183.911H186.576V126.421C186.576 116.202 194.86 107.918 205.079 107.918C215.298 107.918 223.582 116.202 223.582 126.421V183.91Z">
                    </path>
                  </svg>
                </div>
              </div>
              <div class="" style="
        
        --d: none;--d-tablet: none;--d-mobile: none;">
              </div>
            </div>
            <div aria-hidden="" id="38124696666308" media-type="image" media-poster="files/novahair-instant-dye-shampoo-566882.jpg" media-source-url="" media-last-source-url="files/novahair-instant-dye-shampoo-566882.jpg" external-id=""
              grid-index="9" data-outline="deactive" class="gem-slider-item-gscFxfvb42-7628853018820 gp-group gp-relative gp-overflow-hidden gp-cursor-pointer gp-image-item gp-gallery-image-item data-[outline=deactive]:after:!gp-border-transparent"
              style="max-width: 100%;--w: calc(25.00% - 16px * 3 / 4);--w-tablet: calc(25.00% - 16px * 3 / 4);--w-mobile: calc(25% - var(--g-s-s) * 3 / 4);--h: auto;--h-tablet: auto;--h-mobile: auto;">
              <div class="gp-h-full" style=" display: block !important;  --d: block;--d-tablet: block;--d-mobile: block;">
                <img draggable="false" class="!gp-rounded-none gp_lazyload"
                  data-src="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-566882_768x768.jpg?v=1717083733 768w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-566882_1024x1024.jpg?v=1717083733 1024w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-566882_1440x1440.jpg?v=1717083733 1440w"
                  data-srcset="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-566882_768x768.jpg?v=1717083733 768w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-566882_1024x1024.jpg?v=1717083733 1024w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-566882_1440x1440.jpg?v=1717083733 1440w"
                  src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAA1JREFUGFdj+Pr1638ACaED3/nOThIAAAAASUVORK5CYII=" width="1080" height="1080" alt="NovaHair Instant Dye Shampoo - NovaHair"
                  base-src="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-566882_small.jpg?v=1717083733" quality-type="{}" quality-percent="{}" data-sizes="auto" sizes="100vw"
                  style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:cover">
                <div class="zoom-element !gp-max-w-none gp-absolute gp-left-0 gp-top-0 gp-opacity-0 gp-transition-opacity gp-bg-white gp-pointer-events-none"><img draggable="false" class="!gp-rounded-none gp-w-full gp-h-full gp_lazyload"
                    data-src="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-566882_768x768.jpg?v=1717083733 768w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-566882_1024x1024.jpg?v=1717083733 1024w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-566882_1440x1440.jpg?v=1717083733 1440w"
                    data-srcset="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-566882_768x768.jpg?v=1717083733 768w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-566882_1024x1024.jpg?v=1717083733 1024w,//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-566882_1440x1440.jpg?v=1717083733 1440w"
                    src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAA1JREFUGFdj+Pr1638ACaED3/nOThIAAAAASUVORK5CYII=" width="1080" height="1080" alt="NovaHair Instant Dye Shampoo - NovaHair"
                    base-src="//trynovahair.com/cdn/shop/files/novahair-instant-dye-shampoo-566882_small.jpg?v=1717083733" quality-type="{}" quality-percent="{}" data-sizes="auto" sizes="100vw"
                    style="--aspect:1/1;--aspect-tablet:1/1;--aspect-mobile:1/1;--objf:cover"></div>
                <div class="gp-absolute gp-inset-0 gp-flex gp-cursor-pointer gp-items-center gp-justify-center gp-bg-black/50 gp-opacity-0 gp-transition-opacity gp-duration-100 group-hover:gp-opacity-100"
                  style="--d: none;--d-mobile: none;--d-tablet: none;">
                  <svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg" class="gp-h-6 gp-w-6" viewBox="0 0 512 512" color="#fff">
                    <path fill="currentColor" stroke-linecap="round" stroke-linejoin="round"
                      d="M62.2467 345.253C43.7072 326.714 29.1474 305.116 18.9714 281.057C8.42839 256.13 3.08301 229.671 3.08301 202.418C3.08301 175.165 8.43012 148.707 18.974 123.78C29.15 99.7213 43.7098 78.123 62.2485 59.5834C80.788 41.0439 102.386 26.4841 126.445 16.3081C151.372 5.76422 177.831 0.417969 205.084 0.417969C232.337 0.417969 258.794 5.76421 283.722 16.3064C307.78 26.4823 329.379 41.0422 347.918 59.5817C366.458 78.1212 381.017 99.7196 391.194 123.778C401.737 148.706 407.083 175.163 407.083 202.417C407.083 229.671 401.737 256.129 391.194 281.056C388.406 287.648 385.277 294.048 381.839 300.257L493.397 411.815C514.091 432.511 514.091 466.187 493.395 486.883L484.272 496.006C474.245 506.032 460.915 511.553 446.738 511.553C432.559 511.553 419.228 506.032 409.202 496.006L296.022 382.824C291.996 384.854 287.898 386.762 283.721 388.528C258.794 399.073 232.336 404.419 205.082 404.419C177.828 404.419 151.371 399.071 126.443 388.528C102.385 378.352 80.7863 363.793 62.2467 345.253ZM301.699 336.166C313.928 327.317 324.896 316.835 334.282 305.034C342.149 295.142 348.9 284.325 354.355 272.775C364.433 251.432 370.076 227.586 370.076 202.419C370.076 111.296 296.206 37.4253 205.083 37.4253C113.96 37.4253 40.0895 111.294 40.0895 202.418C40.0895 293.541 113.96 367.411 205.084 367.411C227.413 367.411 248.701 362.967 268.126 354.928C280.091 349.976 291.347 343.658 301.699 336.166ZM467.229 460.716C473.507 454.439 473.507 444.26 467.229 437.982L360.595 331.348C356.601 336.153 352.378 340.794 347.919 345.253C341.671 351.502 335.068 357.286 328.147 362.615L435.371 469.839C438.511 472.977 442.624 474.547 446.739 474.547C450.853 474.547 454.967 472.978 458.106 469.839L467.229 460.716ZM223.582 183.91H281.071C291.292 183.91 299.574 192.194 299.575 202.414C299.575 206.778 298.062 210.786 295.533 213.951C292.143 218.195 286.926 220.916 281.072 220.916H228.303H223.583V225.63V278.406C223.583 287.081 217.613 294.358 209.559 296.361C208.124 296.717 206.625 296.909 205.08 296.909C194.861 296.909 186.577 288.625 186.577 278.406V220.917H129.087C118.868 220.917 110.584 212.633 110.584 202.414C110.584 192.195 118.868 183.911 129.087 183.911H186.576V126.421C186.576 116.202 194.86 107.918 205.079 107.918C215.298 107.918 223.582 116.202 223.582 126.421V183.91Z">
                    </path>
                  </svg>
                </div>
              </div>
              <div class="" style="
        
        --d: none;--d-tablet: none;--d-mobile: none;">
              </div>
            </div>
          </div>
        </div>
      </gp-product-images-v2>
      <script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-product-images-v2.js?v=1721319288115" defer="defer"></script>
    </div>
    <div label="Block" tag="Col" type="component" style="" class="gC_x0ofESd gp-relative gp-flex gp-flex-col">
      <div parenttag="Col" id="g-jKqEwaKe"
        style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:grid;--d-mobile:grid;--d-tablet:grid;--op:100%;--radius:var(--g-radius-small);--pt:auto;--pl:var(--g-s-2xl);--pb:0px;--mt-mobile:0px;--pt-mobile:auto;--pl-mobile:auto;--pb-mobile:auto;--cg:30px;--gtc:minmax(0, 24fr);--w:100%;--w-tablet:100%;--w-mobile:100%;--bgc:transparent;--bgi:url();--bgp:50% 50%;--bgs:cover;--bgr:no-repeat;--bga:scroll"
        class="g-jKqEwaKe gp-mx-auto gp-mb-0 gp-grid gp-max-w-full gp-gap-y-0 gp-transition-colors gp-duration-200 gp-ease-in-out [&amp;_*]:gp-max-w-full">
        <div label="Block" tag="Col" type="component" style="--ai:normal;--jc:normal;--o:0" class="gdftAmITJA gp-relative gp-flex gp-flex-col">
          <div style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-none);--mb:var(--g-s-l)" class="gsBEEu9UDa ">
            <div class="" style="--ta:left">
              <div>
                <div style="" class="jdgm-widget jdgm-preview-badge jdgm-preview-badge--with-link jdgm--done-setup" data-id="7628853018820">
                  <div style="display:none" class="jdgm-prev-badge" data-average-rating="4.51" data-number-of-reviews="351" data-number-of-questions="0"> <span class="jdgm-prev-badge__stars" data-score="4.51" tabindex="0" aria-label="4.51 stars"
                      role="button"> <span class="jdgm-star jdgm--on"></span><span class="jdgm-star jdgm--on"></span><span class="jdgm-star jdgm--on"></span><span class="jdgm-star jdgm--on"></span><span class="jdgm-star jdgm--half"></span> </span>
                    <span class="jdgm-prev-badge__text">351 reviews</span> </div>
                </div>
              </div>
            </div>
          </div>
          <style id="custom-css-gsBEEu9UDa">
            .gsBEEu9UDa {
              font-size: 16px;
            }
          </style>
          <div style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-small);--mb:var(--g-s-l);--mb-mobile:0px" class="gOvVJQe98v ">
            <div class=" " style="">
              <div class="" style="">
                <h1 data-gp-text="" class="[&amp;_p]:gp-inline [&amp;_p]:after:gp-whitespace-pre-wrap [&amp;_p]:after:gp-content-['\A'] gp-product-title"
                  style="--w:100%;--ta:left;--c:#242424;--fs:normal;--ff:var(--g-font-Poppins, 'Poppins'), var(--g-font-body, body);--weight:700;--ls:normal;--lh:130%;--size:36px;--size-tablet:28px;--size-mobile:28px;word-break:break-word;overflow:hidden">
                  NovaHair Instant Dye Shampoo</h1>
              </div>
            </div>
          </div>
          <div style="" class="gmz6X4r1-D ">
            <div uid="gmz6X4r1-D"
              style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-small);--mt:var(--g-s-s);--mb:var(--g-s-s);--mt-mobile:var(--g-s-s);--mb-mobile:11px;--ta:left;--bgc:transparent;--bgi:url();--bgp:50% 50%;--bgs:cover;--bgr:no-repeat;--bga:scroll">
              <ul class="gp-inline-flex gp-flex-col" style="--rg:0px">
                <li class="gp-flex gp-w-full gp-items-center gp-icon-list-item" style="--cg:var(--g-s-s)">
                  <div style="--ai:normal;--jc:normal;--o:0" class="gk5MTWpRz9 gp-relative gp-flex gp-flex-col">
                    <div style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-small);--ta:left" class="gp-leading-[0] gZZ59YZXPR">
                      <div class="gp-inline-flex gp-overflow-hidden" style="--bs:none;--bw:0px;--bc:transparent;--bg:transparent">
                        <div>
                          <span style="--c:#29465B;--t:rotate(0deg);--w:20px;--h:20px;--minw:20px;--height-desktop:20px;--height-tablet:20px;--height-mobile:20px"
                            class="gp-inline-flex gp-items-center gp-justify-center gp-overflow-hidden [&amp;>svg]:!gp-h-[var(--height-desktop)] [&amp;>svg]:!gp-w-auto tablet:[&amp;>svg]:!gp-h-[var(--height-tablet)] mobile:[&amp;>svg]:!gp-h-[var(--height-mobile)]"><svg
                              height="20" width="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="493334320820519261">
                              <path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M228.24,76.24l-128,128a6,6,0,0,1-8.48,0l-56-56a6,6,0,0,1,8.48-8.48L96,191.51,219.76,67.76a6,6,0,0,1,8.48,8.48Z"></path>
                            </svg></span>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div style="--ai:normal;--jc:normal;--o:0" class="gXf9ckEJ7A gp-relative gp-flex gp-flex-col">
                    <div parenttag="Col" class="gCid2iLOKo " style="--tt:default;--ta:left;--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-small)">
                      <div class="gp-flex" style="--jc:left">
                        <div data-gp-text="" class="[&amp;_p]:gp-inline [&amp;_p]:after:gp-whitespace-pre-wrap [&amp;_p]:after:gp-content-['\A'] gp-text"
                          style="--w:100%;--w-tablet:100%;--w-mobile:100%;--ts:none;--ta:left;--line-clamp:0;--line-clamp-tablet:0;--line-clamp-mobile:0;--c:#121212;--ff:var(--g-font-Lato, 'Lato'), var(--g-font-body, body);--weight:400;--lh:180%;--size:16px;--size-tablet:16px;--size-mobile:16px;word-break:break-word;overflow:hidden">
                          <p>10 Minutes Instant Dye</p>
                        </div>
                      </div>
                    </div>
                  </div>
                </li>
                <li class="gp-flex gp-w-full gp-items-center gp-icon-list-item" style="--cg:var(--g-s-s)">
                  <div style="--ai:normal;--jc:normal;--o:0" class="gwGtvb7JKo gp-relative gp-flex gp-flex-col">
                    <div style="--ta:left" class="gp-leading-[0] gyl74a7LjR">
                      <div class="gp-inline-flex gp-overflow-hidden" style="--bblr:0px;--bbrr:0px;--btlr:0px;--btrr:0px;--bg:transparent">
                        <div>
                          <span style="--c:#29465B;--t:rotate(0deg);--w:20px;--h:20px;--minw:20px;--height-desktop:20px;--height-tablet:20px;--height-mobile:20px"
                            class="gp-inline-flex gp-items-center gp-justify-center gp-overflow-hidden [&amp;>svg]:!gp-h-[var(--height-desktop)] [&amp;>svg]:!gp-w-auto tablet:[&amp;>svg]:!gp-h-[var(--height-tablet)] mobile:[&amp;>svg]:!gp-h-[var(--height-mobile)]"><svg
                              height="20" width="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="493334320820519261">
                              <path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M228.24,76.24l-128,128a6,6,0,0,1-8.48,0l-56-56a6,6,0,0,1,8.48-8.48L96,191.51,219.76,67.76a6,6,0,0,1,8.48,8.48Z"></path>
                            </svg></span>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div style="--ai:normal;--jc:normal;--o:0" class="guuZ-5Sc9q gp-relative gp-flex gp-flex-col gp-w-full">
                    <div parenttag="Col" class="gQ68-sF3gs " style="--tt:default">
                      <div class="gp-flex" style="">
                        <div data-gp-text="" class="[&amp;_p]:gp-inline [&amp;_p]:after:gp-whitespace-pre-wrap [&amp;_p]:after:gp-content-['\A'] gp-text-g-text-1 gp-text"
                          style="--w:100%;--ta:left;--line-clamp:unset;--line-clamp-tablet:unset;--line-clamp-mobile:unset;--c:#121212;--ff:var(--g-font-Lato, 'Lato'), var(--g-font-body, body);--weight:400;--lh:180%;--size:16px;--size-tablet:16px;--size-mobile:16px;word-break:break-word;overflow:hidden">
                          <p>No Hair Damage</p>
                        </div>
                      </div>
                    </div>
                  </div>
                </li>
                <li class="gp-flex gp-w-full gp-items-center gp-icon-list-item" style="--cg:var(--g-s-s)">
                  <div style="--ai:normal;--jc:normal;--o:0" class="gAzBKFb1n7 gp-relative gp-flex gp-flex-col">
                    <div style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-small);--ta:left" class="gp-leading-[0] gDrI3D0Bab">
                      <div class="gp-inline-flex gp-overflow-hidden" style="--bs:none;--bw:0px;--bc:transparent;--bg:transparent">
                        <div>
                          <span style="--c:#29465B;--t:rotate(0deg);--w:20px;--h:20px;--minw:20px;--height-desktop:20px;--height-tablet:20px;--height-mobile:20px"
                            class="gp-inline-flex gp-items-center gp-justify-center gp-overflow-hidden [&amp;>svg]:!gp-h-[var(--height-desktop)] [&amp;>svg]:!gp-w-auto tablet:[&amp;>svg]:!gp-h-[var(--height-tablet)] mobile:[&amp;>svg]:!gp-h-[var(--height-mobile)]"><svg
                              height="20" width="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="493334320820519261">
                              <path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M228.24,76.24l-128,128a6,6,0,0,1-8.48,0l-56-56a6,6,0,0,1,8.48-8.48L96,191.51,219.76,67.76a6,6,0,0,1,8.48,8.48Z"></path>
                            </svg></span>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div style="--ai:normal;--jc:normal;--o:0" class="gJ1jRbzQll gp-relative gp-flex gp-flex-col">
                    <div parenttag="Col" class="gE5tqz7075 " style="--tt:default;--ta:left;--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-small)">
                      <div class="gp-flex" style="--jc:left">
                        <div data-gp-text="" class="[&amp;_p]:gp-inline [&amp;_p]:after:gp-whitespace-pre-wrap [&amp;_p]:after:gp-content-['\A'] gp-text"
                          style="--w:100%;--w-tablet:100%;--w-mobile:100%;--ts:none;--ta:left;--line-clamp:0;--line-clamp-tablet:0;--line-clamp-mobile:0;--c:#121212;--ff:var(--g-font-Lato, 'Lato'), var(--g-font-body, body);--weight:400;--lh:180%;--size:16px;--size-tablet:16px;--size-mobile:16px;word-break:break-word;overflow:hidden">
                          <p>No Ammonia</p>
                        </div>
                      </div>
                    </div>
                  </div>
                </li>
                <li class="gp-flex gp-w-full gp-items-center gp-icon-list-item" style="--cg:var(--g-s-s)">
                  <div style="--ai:normal;--jc:normal;--o:0" class="gAAAePXbhe gp-relative gp-flex gp-flex-col">
                    <div style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-small);--ta:left" class="gp-leading-[0] gnCYK9kyxx">
                      <div class="gp-inline-flex gp-overflow-hidden" style="--bs:none;--bw:0px;--bc:transparent;--bg:transparent">
                        <div>
                          <span style="--c:#29465B;--t:rotate(0deg);--w:20px;--h:20px;--minw:20px;--height-desktop:20px;--height-tablet:20px;--height-mobile:20px"
                            class="gp-inline-flex gp-items-center gp-justify-center gp-overflow-hidden [&amp;>svg]:!gp-h-[var(--height-desktop)] [&amp;>svg]:!gp-w-auto tablet:[&amp;>svg]:!gp-h-[var(--height-tablet)] mobile:[&amp;>svg]:!gp-h-[var(--height-mobile)]"><svg
                              height="20" width="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="493334320820519261">
                              <path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M228.24,76.24l-128,128a6,6,0,0,1-8.48,0l-56-56a6,6,0,0,1,8.48-8.48L96,191.51,219.76,67.76a6,6,0,0,1,8.48,8.48Z"></path>
                            </svg></span>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div style="--ai:normal;--jc:normal;--o:0" class="gpeRAWwGK7 gp-relative gp-flex gp-flex-col">
                    <div parenttag="Col" class="gR50s5l3qA " style="--tt:default;--ta:left;--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-small)">
                      <div class="gp-flex" style="--jc:left">
                        <div data-gp-text="" class="[&amp;_p]:gp-inline [&amp;_p]:after:gp-whitespace-pre-wrap [&amp;_p]:after:gp-content-['\A'] gp-text"
                          style="--w:100%;--w-tablet:100%;--w-mobile:100%;--ts:none;--ta:left;--line-clamp:0;--line-clamp-tablet:0;--line-clamp-mobile:0;--c:#121212;--ff:var(--g-font-Lato, 'Lato'), var(--g-font-body, body);--weight:400;--lh:180%;--size:16px;--size-tablet:16px;--size-mobile:16px;word-break:break-word;overflow:hidden">
                          <p>No Stains</p>
                        </div>
                      </div>
                    </div>
                  </div>
                </li>
              </ul>
            </div>
          </div>
          <div parenttag="Col" id="gKpe5VIdaM"
            style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:grid;--d-mobile:grid;--d-tablet:grid;--op:100%;--radius:var(--g-radius-small);--mb:var(--g-s-l);--pt:auto;--pb:auto;--mb-mobile:10px;--pt-mobile:0px;--pb-mobile:auto;--cg:8px;--pc:start;--gtc:minmax(0, auto) minmax(0, auto) minmax(0, auto);--w:100%;--w-tablet:100%;--w-mobile:100%;--bgc:transparent;--bgi:url();--bgp:50% 50%;--bgs:cover;--bgr:no-repeat;--bga:scroll"
            class="gKpe5VIdaM gp-mx-auto gp-mb-0 gp-grid gp-max-w-full gp-gap-y-0 gp-transition-colors gp-duration-200 gp-ease-in-out [&amp;_*]:gp-max-w-full">
            <div label="Block" tag="Col" type="component" style="--ai:normal;--jc:center;--o:0" class="g3aKdZQsD- gp-relative gp-flex gp-flex-col">
              <gp-product-price class="gp-product-price"
                gp-data="{&quot;priceType&quot;:&quot;regular&quot;,&quot;uid&quot;:&quot;gES59EaWBV&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;currency&quot;:&quot;USD&quot;,&quot;moneyFormat&quot;:&quot;${{amount}}&quot;}"
                style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-small);--mb:0px" data-hidden="false">
                <div id="p-price-gES59EaWBV" class=" " style="">
                  <div class="" style="">
                    <div type="regular" data-gp-text="" class="[&amp;_p]:gp-inline [&amp;_p]:after:gp-whitespace-pre-wrap [&amp;_p]:after:gp-content-['\A'] gp-price gp-money gp-decoration-g-text-1"
                      style="--w:100%;--tdc:text-1;--tdt:1;--ta:left;--c:#242424;--fs:normal;--ff:var(--g-font-Poppins, 'Poppins'), var(--g-font-body, body);--weight:700;--ls:normal;--lh:130%;--size:28px;--size-tablet:28px;--size-mobile:26px;word-break:break-word;overflow:hidden">
                      $49.00</div>
                  </div>
                </div>
              </gp-product-price>
              <script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-product-price.js?v=1721319288115" defer="defer"></script>
            </div>
            <div label="Block" tag="Col" type="component" style="--jc:center" class="gAUIQdX8RV gp-relative gp-flex gp-flex-col">
              <gp-product-price class="gp-product-price"
                gp-data="{&quot;priceType&quot;:&quot;compare&quot;,&quot;uid&quot;:&quot;gST5ijcQYn&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;currency&quot;:&quot;USD&quot;,&quot;moneyFormat&quot;:&quot;${{amount}}&quot;}"
                style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-small)" data-hidden="false">
                <div id="p-price-gST5ijcQYn" class=" " style="">
                  <div class="" style="">
                    <div type="compare" data-gp-text="" class="[&amp;_p]:gp-inline [&amp;_p]:after:gp-whitespace-pre-wrap [&amp;_p]:after:gp-content-['\A'] gp-price gp-product-compare-price gp-line-through"
                      style="--w:100%;--tdc:#B4B4B4;--tdt:1;--ta:left;--c:#B4B4B4;--fs:normal;--ff:var(--g-font-Poppins, 'Poppins'), var(--g-font-body, body);--weight:400;--ls:normal;--lh:150%;--size:16px;--size-tablet:16px;--size-mobile:16px;word-break:break-word;overflow:hidden">
                      $98.00</div>
                  </div>
                </div>
              </gp-product-price>
              <script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-product-price.js?v=1721319288115" defer="defer"></script>
            </div>
            <div label="Block" tag="Col" type="component" style="--jc:center" class="gcbOfdhyzv gp-relative gp-flex gp-flex-col">
              <div style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-small)" class="gvCA6y3Aw5 ">
                <gp-product-tag data-disabled="false"
                  gp-data="{&quot;setting&quot;:{&quot;customContent&quot;:{&quot;prefix&quot;:&quot;-&quot;,&quot;suffix&quot;:&quot;OFF&quot;,&quot;unit&quot;:&quot;percentage&quot;},&quot;translate&quot;:&quot;customContent&quot;}, &quot;id&quot;: &quot;gvCA6y3Aw5&quot;, &quot;locale&quot;: &quot;en&quot;, &quot;currency&quot;: &quot;USD&quot;, &quot;moneyFormat&quot;: &quot;${{amount}}&quot;}"
                  class="gp-block data-[disabled=true]:gp-hidden " style="--ta:left">
                  <div class="gp-inline-flex gp-flex-wrap gp-items-end gp-gap-3">
                    <div class="gp-inline-block gp-text-g-text-3" style="--bs:none;--bw:0px;--bc:transparent;--bg:#29465B;--radius:var(--g-radius-medium);--pl:8px;--pr:8px;--pt:4px;--pb:4px">
                      <div id="p-tag-gvCA6y3Aw5" class=" " style="">
                        <div class="" style="">
                          <div data-gp-text="" class="[&amp;_p]:gp-inline [&amp;_p]:after:gp-whitespace-pre-wrap [&amp;_p]:after:gp-content-['\A'] gp-text-g-text-3"
                            style="--w:100%;--ta:left;--c:#FFFFFF;--fs:normal;--ff:var(--g-font-Poppins, 'Poppins'), var(--g-font-body, body);--weight:600;--ls:normal;--lh:150%;--size:16px;--size-tablet:16px;--size-mobile:14px;word-break:break-word;overflow:hidden">
                            - 50% OFF</div>
                        </div>
                      </div>
                    </div>
                  </div>
                </gp-product-tag>
                <script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-product-tag.js?v=1721319288115" defer="defer"></script>
              </div>
            </div>
          </div>
          <div
            style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-none);--mb:var(--g-s-l);--mb-mobile:9px;--bgc:transparent;--bgi:url();--bgp:50% 50%;--bgs:cover;--bgr:no-repeat;--bga:scroll;--ta:left"
            data-keep-class="true" class="gLw9peKNkO ">
            <div></div>
          </div>
          <style id="custom-css-gLw9peKNkO">
            .gLw9peKNkO {
              font-size: 13px;
            }
          </style>
          <div style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--bblr:999999px;--bbrr:999999px;--btlr:999999px;--btrr:999999px;--mb:var(--g-s-l);--mb-mobile:0px" class="gpvbTW7T3k ">
            <gp-product-variants class="" has-pre-selected="true" gp-data="{
      &quot;setting&quot;:{&quot;blankText&quot;:&quot;Please select an option&quot;,&quot;column&quot;:{&quot;desktop&quot;:1},&quot;combineFullWidth&quot;:{&quot;desktop&quot;:true},&quot;combineHeight&quot;:&quot;45px&quot;,&quot;combineWidth&quot;:{&quot;desktop&quot;:&quot;400px&quot;},&quot;hasPreSelected&quot;:true,&quot;label&quot;:true,&quot;layout&quot;:{&quot;desktop&quot;:&quot;vertical&quot;},&quot;optionAlign&quot;:{&quot;desktop&quot;:&quot;left&quot;},&quot;optionType&quot;:&quot;singleOption&quot;,&quot;price&quot;:true,&quot;showAsSwatches&quot;:true,&quot;soldOutMark&quot;:true,&quot;soldOutStyle&quot;:&quot;line&quot;,&quot;variantPresets&quot;:[{&quot;optionName&quot;:&quot;base&quot;,&quot;optionType&quot;:&quot;rectangle_list&quot;,&quot;presets&quot;:{&quot;color&quot;:{&quot;height&quot;:&quot;45px&quot;,&quot;spacing&quot;:&quot;16px&quot;,&quot;width&quot;:{&quot;desktop&quot;:&quot;45px&quot;,&quot;mobile&quot;:&quot;45px&quot;,&quot;tablet&quot;:&quot;45px&quot;},&quot;optionBgColor&quot;:{&quot;normal&quot;:&quot;bg-3&quot;,&quot;hover&quot;:&quot;bg-3&quot;,&quot;active&quot;:&quot;bg-3&quot;},&quot;optionBorder&quot;:{&quot;active&quot;:{&quot;border&quot;:&quot;solid&quot;,&quot;borderType&quot;:&quot;style-3&quot;,&quot;borderWidth&quot;:&quot;2px&quot;,&quot;color&quot;:&quot;line-3&quot;,&quot;isCustom&quot;:false,&quot;width&quot;:&quot;2px 2px 2px 2px&quot;},&quot;hover&quot;:{&quot;border&quot;:&quot;solid&quot;,&quot;borderType&quot;:&quot;style-3&quot;,&quot;borderWidth&quot;:&quot;1px&quot;,&quot;color&quot;:&quot;line-3&quot;,&quot;isCustom&quot;:false,&quot;width&quot;:&quot;1px 1px 1px 1px&quot;},&quot;normal&quot;:{&quot;border&quot;:&quot;solid&quot;,&quot;borderType&quot;:&quot;style-2&quot;,&quot;borderWidth&quot;:&quot;1px&quot;,&quot;color&quot;:&quot;line-2&quot;,&quot;isCustom&quot;:false,&quot;width&quot;:&quot;1px 1px 1px 1px&quot;}},&quot;optionHasShadow&quot;:{&quot;normal&quot;:false,&quot;hover&quot;:false,&quot;active&quot;:false},&quot;optionRounded&quot;:{&quot;normal&quot;:{&quot;btrr&quot;:&quot;999999px&quot;,&quot;bblr&quot;:&quot;999999px&quot;,&quot;bbrr&quot;:&quot;999999px&quot;,&quot;btlr&quot;:&quot;999999px&quot;,&quot;radiusType&quot;:&quot;custom&quot;},&quot;hover&quot;:{&quot;btrr&quot;:&quot;999999px&quot;,&quot;bblr&quot;:&quot;999999px&quot;,&quot;bbrr&quot;:&quot;999999px&quot;,&quot;btlr&quot;:&quot;999999px&quot;,&quot;radiusType&quot;:&quot;custom&quot;},&quot;active&quot;:{&quot;btrr&quot;:&quot;999999px&quot;,&quot;bblr&quot;:&quot;999999px&quot;,&quot;bbrr&quot;:&quot;999999px&quot;,&quot;btlr&quot;:&quot;999999px&quot;,&quot;radiusType&quot;:&quot;custom&quot;}},&quot;optionShadow&quot;:{&quot;normal&quot;:{&quot;angle&quot;:90,&quot;blur&quot;:&quot;12px&quot;,&quot;color&quot;:&quot;rgba(0, 0, 0, 0.20)&quot;,&quot;distance&quot;:&quot;4px&quot;,&quot;spread&quot;:&quot;0px&quot;,&quot;type&quot;:&quot;shadow-1&quot;},&quot;hover&quot;:{&quot;type&quot;:&quot;shadow-1&quot;,&quot;distance&quot;:&quot;4px&quot;,&quot;blur&quot;:&quot;12px&quot;,&quot;spread&quot;:&quot;0px&quot;,&quot;color&quot;:&quot;rgba(0, 0, 0, 0.20)&quot;,&quot;angle&quot;:90},&quot;active&quot;:{&quot;type&quot;:&quot;shadow-1&quot;,&quot;distance&quot;:&quot;4px&quot;,&quot;blur&quot;:&quot;12px&quot;,&quot;spread&quot;:&quot;0px&quot;,&quot;color&quot;:&quot;rgba(0, 0, 0, 0.20)&quot;,&quot;angle&quot;:90}},&quot;optionTextColor&quot;:{&quot;normal&quot;:&quot;text-2&quot;,&quot;hover&quot;:&quot;text-2&quot;,&quot;active&quot;:&quot;text-2&quot;}},&quot;dropdown&quot;:{&quot;fullWidth&quot;:{&quot;desktop&quot;:true,&quot;mobile&quot;:true,&quot;tablet&quot;:true},&quot;height&quot;:&quot;45px&quot;,&quot;width&quot;:{&quot;desktop&quot;:&quot;100%&quot;,&quot;mobile&quot;:&quot;100%&quot;,&quot;tablet&quot;:&quot;100%&quot;},&quot;optionBgColor&quot;:{&quot;active&quot;:&quot;bg-3&quot;,&quot;hover&quot;:&quot;bg-3&quot;,&quot;normal&quot;:&quot;bg-3&quot;},&quot;optionBorder&quot;:{&quot;active&quot;:{&quot;border&quot;:&quot;solid&quot;,&quot;borderType&quot;:&quot;style-3&quot;,&quot;borderWidth&quot;:&quot;2px&quot;,&quot;color&quot;:&quot;line-3&quot;,&quot;isCustom&quot;:false,&quot;width&quot;:&quot;2px 2px 2px 2px&quot;},&quot;hover&quot;:{&quot;border&quot;:&quot;solid&quot;,&quot;borderType&quot;:&quot;style-3&quot;,&quot;borderWidth&quot;:&quot;1px&quot;,&quot;color&quot;:&quot;line-3&quot;,&quot;isCustom&quot;:false,&quot;width&quot;:&quot;1px 1px 1px 1px&quot;},&quot;normal&quot;:{&quot;border&quot;:&quot;solid&quot;,&quot;borderType&quot;:&quot;style-2&quot;,&quot;borderWidth&quot;:&quot;1px&quot;,&quot;color&quot;:&quot;line-2&quot;,&quot;isCustom&quot;:false,&quot;width&quot;:&quot;1px 1px 1px 1px&quot;}},&quot;optionHasShadow&quot;:{&quot;normal&quot;:false,&quot;hover&quot;:false,&quot;active&quot;:false},&quot;optionRounded&quot;:{&quot;normal&quot;:{&quot;bblr&quot;:&quot;999999px&quot;,&quot;bbrr&quot;:&quot;999999px&quot;,&quot;btlr&quot;:&quot;999999px&quot;,&quot;btrr&quot;:&quot;999999px&quot;,&quot;radiusType&quot;:&quot;custom&quot;},&quot;hover&quot;:{&quot;btrr&quot;:&quot;0px&quot;,&quot;bblr&quot;:&quot;0px&quot;,&quot;bbrr&quot;:&quot;0px&quot;,&quot;btlr&quot;:&quot;0px&quot;,&quot;radiusType&quot;:&quot;custom&quot;},&quot;active&quot;:{&quot;bblr&quot;:&quot;999999px&quot;,&quot;bbrr&quot;:&quot;999999px&quot;,&quot;btlr&quot;:&quot;999999px&quot;,&quot;btrr&quot;:&quot;999999px&quot;,&quot;radiusType&quot;:&quot;custom&quot;}},&quot;optionShadow&quot;:{&quot;normal&quot;:{&quot;angle&quot;:90,&quot;blur&quot;:&quot;12px&quot;,&quot;color&quot;:&quot;rgba(0, 0, 0, 0.20)&quot;,&quot;distance&quot;:&quot;4px&quot;,&quot;spread&quot;:&quot;0px&quot;,&quot;type&quot;:&quot;shadow-1&quot;},&quot;hover&quot;:{&quot;type&quot;:&quot;shadow-1&quot;,&quot;distance&quot;:&quot;4px&quot;,&quot;blur&quot;:&quot;12px&quot;,&quot;spread&quot;:&quot;0px&quot;,&quot;color&quot;:&quot;rgba(0, 0, 0, 0.20)&quot;,&quot;angle&quot;:90},&quot;active&quot;:{&quot;type&quot;:&quot;shadow-1&quot;,&quot;distance&quot;:&quot;4px&quot;,&quot;blur&quot;:&quot;12px&quot;,&quot;spread&quot;:&quot;0px&quot;,&quot;color&quot;:&quot;rgba(0, 0, 0, 0.20)&quot;,&quot;angle&quot;:90}},&quot;optionTextColor&quot;:{&quot;active&quot;:&quot;text-2&quot;,&quot;hover&quot;:&quot;text-2&quot;,&quot;normal&quot;:&quot;text-2&quot;}},&quot;image&quot;:{&quot;height&quot;:&quot;64px&quot;,&quot;spacing&quot;:&quot;16px&quot;,&quot;width&quot;:{&quot;desktop&quot;:&quot;64px&quot;,&quot;mobile&quot;:&quot;64px&quot;,&quot;tablet&quot;:&quot;64px&quot;},&quot;optionBgColor&quot;:{&quot;active&quot;:&quot;bg-3&quot;,&quot;hover&quot;:&quot;bg-3&quot;,&quot;normal&quot;:&quot;bg-3&quot;},&quot;optionBorder&quot;:{&quot;active&quot;:{&quot;border&quot;:&quot;solid&quot;,&quot;borderType&quot;:&quot;style-3&quot;,&quot;borderWidth&quot;:&quot;2px&quot;,&quot;color&quot;:&quot;line-3&quot;,&quot;isCustom&quot;:false,&quot;width&quot;:&quot;2px 2px 2px 2px&quot;},&quot;hover&quot;:{&quot;border&quot;:&quot;solid&quot;,&quot;borderType&quot;:&quot;style-3&quot;,&quot;borderWidth&quot;:&quot;1px&quot;,&quot;color&quot;:&quot;line-3&quot;,&quot;isCustom&quot;:false,&quot;width&quot;:&quot;1px 1px 1px 1px&quot;},&quot;normal&quot;:{&quot;border&quot;:&quot;solid&quot;,&quot;borderType&quot;:&quot;style-2&quot;,&quot;borderWidth&quot;:&quot;1px&quot;,&quot;color&quot;:&quot;line-2&quot;,&quot;isCustom&quot;:false,&quot;width&quot;:&quot;1px 1px 1px 1px&quot;}},&quot;optionHasShadow&quot;:{&quot;normal&quot;:false,&quot;hover&quot;:false,&quot;active&quot;:false},&quot;optionRounded&quot;:{&quot;normal&quot;:{&quot;bblr&quot;:&quot;999999px&quot;,&quot;bbrr&quot;:&quot;999999px&quot;,&quot;btlr&quot;:&quot;999999px&quot;,&quot;btrr&quot;:&quot;999999px&quot;,&quot;radiusType&quot;:&quot;custom&quot;},&quot;hover&quot;:{&quot;btrr&quot;:&quot;0px&quot;,&quot;bblr&quot;:&quot;0px&quot;,&quot;bbrr&quot;:&quot;0px&quot;,&quot;btlr&quot;:&quot;0px&quot;,&quot;radiusType&quot;:&quot;custom&quot;},&quot;active&quot;:{&quot;bblr&quot;:&quot;999999px&quot;,&quot;bbrr&quot;:&quot;999999px&quot;,&quot;btlr&quot;:&quot;999999px&quot;,&quot;btrr&quot;:&quot;999999px&quot;,&quot;radiusType&quot;:&quot;custom&quot;}},&quot;optionShadow&quot;:{&quot;normal&quot;:{&quot;angle&quot;:90,&quot;blur&quot;:&quot;12px&quot;,&quot;color&quot;:&quot;rgba(0, 0, 0, 0.20)&quot;,&quot;distance&quot;:&quot;4px&quot;,&quot;spread&quot;:&quot;0px&quot;,&quot;type&quot;:&quot;shadow-1&quot;},&quot;hover&quot;:{&quot;type&quot;:&quot;shadow-1&quot;,&quot;distance&quot;:&quot;4px&quot;,&quot;blur&quot;:&quot;12px&quot;,&quot;spread&quot;:&quot;0px&quot;,&quot;color&quot;:&quot;rgba(0, 0, 0, 0.20)&quot;,&quot;angle&quot;:90},&quot;active&quot;:{&quot;type&quot;:&quot;shadow-1&quot;,&quot;distance&quot;:&quot;4px&quot;,&quot;blur&quot;:&quot;12px&quot;,&quot;spread&quot;:&quot;0px&quot;,&quot;color&quot;:&quot;rgba(0, 0, 0, 0.20)&quot;,&quot;angle&quot;:90}},&quot;optionTextColor&quot;:{&quot;normal&quot;:&quot;text-2&quot;,&quot;hover&quot;:&quot;text-2&quot;,&quot;active&quot;:&quot;text-2&quot;}},&quot;image_shopify&quot;:{&quot;height&quot;:&quot;64px&quot;,&quot;spacing&quot;:&quot;16px&quot;,&quot;width&quot;:{&quot;desktop&quot;:&quot;64px&quot;,&quot;mobile&quot;:&quot;64px&quot;,&quot;tablet&quot;:&quot;64px&quot;},&quot;optionBgColor&quot;:{&quot;active&quot;:&quot;bg-3&quot;,&quot;hover&quot;:&quot;bg-3&quot;,&quot;normal&quot;:&quot;bg-3&quot;},&quot;optionBorder&quot;:{&quot;active&quot;:{&quot;border&quot;:&quot;solid&quot;,&quot;borderType&quot;:&quot;style-3&quot;,&quot;borderWidth&quot;:&quot;2px&quot;,&quot;color&quot;:&quot;line-3&quot;,&quot;isCustom&quot;:false,&quot;width&quot;:&quot;2px 2px 2px 2px&quot;},&quot;hover&quot;:{&quot;border&quot;:&quot;solid&quot;,&quot;borderType&quot;:&quot;style-3&quot;,&quot;borderWidth&quot;:&quot;1px&quot;,&quot;color&quot;:&quot;line-3&quot;,&quot;isCustom&quot;:false,&quot;width&quot;:&quot;1px 1px 1px 1px&quot;},&quot;normal&quot;:{&quot;border&quot;:&quot;solid&quot;,&quot;borderType&quot;:&quot;style-2&quot;,&quot;borderWidth&quot;:&quot;1px&quot;,&quot;color&quot;:&quot;line-2&quot;,&quot;isCustom&quot;:false,&quot;width&quot;:&quot;1px 1px 1px 1px&quot;}},&quot;optionHasShadow&quot;:{&quot;normal&quot;:false,&quot;hover&quot;:false,&quot;active&quot;:false},&quot;optionRounded&quot;:{&quot;normal&quot;:{&quot;bblr&quot;:&quot;999999px&quot;,&quot;bbrr&quot;:&quot;999999px&quot;,&quot;btlr&quot;:&quot;999999px&quot;,&quot;btrr&quot;:&quot;999999px&quot;,&quot;radiusType&quot;:&quot;custom&quot;},&quot;hover&quot;:{&quot;btrr&quot;:&quot;0px&quot;,&quot;bblr&quot;:&quot;0px&quot;,&quot;bbrr&quot;:&quot;0px&quot;,&quot;btlr&quot;:&quot;0px&quot;,&quot;radiusType&quot;:&quot;custom&quot;},&quot;active&quot;:{&quot;bblr&quot;:&quot;999999px&quot;,&quot;bbrr&quot;:&quot;999999px&quot;,&quot;btlr&quot;:&quot;999999px&quot;,&quot;btrr&quot;:&quot;999999px&quot;,&quot;radiusType&quot;:&quot;custom&quot;}},&quot;optionShadow&quot;:{&quot;normal&quot;:{&quot;angle&quot;:90,&quot;blur&quot;:&quot;12px&quot;,&quot;color&quot;:&quot;rgba(0, 0, 0, 0.20)&quot;,&quot;distance&quot;:&quot;4px&quot;,&quot;spread&quot;:&quot;0px&quot;,&quot;type&quot;:&quot;shadow-1&quot;},&quot;hover&quot;:{&quot;type&quot;:&quot;shadow-1&quot;,&quot;distance&quot;:&quot;4px&quot;,&quot;blur&quot;:&quot;12px&quot;,&quot;spread&quot;:&quot;0px&quot;,&quot;color&quot;:&quot;rgba(0, 0, 0, 0.20)&quot;,&quot;angle&quot;:90},&quot;active&quot;:{&quot;type&quot;:&quot;shadow-1&quot;,&quot;distance&quot;:&quot;4px&quot;,&quot;blur&quot;:&quot;12px&quot;,&quot;spread&quot;:&quot;0px&quot;,&quot;color&quot;:&quot;rgba(0, 0, 0, 0.20)&quot;,&quot;angle&quot;:90}},&quot;optionTextColor&quot;:{&quot;normal&quot;:&quot;text-2&quot;,&quot;hover&quot;:&quot;text-2&quot;,&quot;active&quot;:&quot;text-2&quot;}},&quot;rectangle_list&quot;:{&quot;height&quot;:&quot;45px&quot;,&quot;spacing&quot;:&quot;16px&quot;,&quot;width&quot;:{},&quot;optionBgColor&quot;:{&quot;active&quot;:&quot;bg-3&quot;,&quot;hover&quot;:&quot;bg-3&quot;,&quot;normal&quot;:&quot;bg-3&quot;},&quot;optionBorder&quot;:{&quot;active&quot;:{&quot;border&quot;:&quot;solid&quot;,&quot;borderType&quot;:&quot;style-3&quot;,&quot;borderWidth&quot;:&quot;2px&quot;,&quot;color&quot;:&quot;line-3&quot;,&quot;isCustom&quot;:false,&quot;width&quot;:&quot;2px 2px 2px 2px&quot;},&quot;hover&quot;:{&quot;border&quot;:&quot;solid&quot;,&quot;borderType&quot;:&quot;style-3&quot;,&quot;borderWidth&quot;:&quot;1px&quot;,&quot;color&quot;:&quot;line-3&quot;,&quot;isCustom&quot;:false,&quot;width&quot;:&quot;1px 1px 1px 1px&quot;},&quot;normal&quot;:{&quot;border&quot;:&quot;solid&quot;,&quot;borderType&quot;:&quot;style-2&quot;,&quot;borderWidth&quot;:&quot;1px&quot;,&quot;color&quot;:&quot;line-2&quot;,&quot;isCustom&quot;:false,&quot;width&quot;:&quot;1px 1px 1px 1px&quot;}},&quot;optionHasShadow&quot;:{&quot;normal&quot;:false,&quot;hover&quot;:false,&quot;active&quot;:false},&quot;optionRounded&quot;:{&quot;normal&quot;:{&quot;bblr&quot;:&quot;999999px&quot;,&quot;bbrr&quot;:&quot;999999px&quot;,&quot;btlr&quot;:&quot;999999px&quot;,&quot;btrr&quot;:&quot;999999px&quot;,&quot;radiusType&quot;:&quot;custom&quot;},&quot;hover&quot;:{&quot;btrr&quot;:&quot;0px&quot;,&quot;bblr&quot;:&quot;0px&quot;,&quot;bbrr&quot;:&quot;0px&quot;,&quot;btlr&quot;:&quot;0px&quot;,&quot;radiusType&quot;:&quot;custom&quot;},&quot;active&quot;:{&quot;bblr&quot;:&quot;999999px&quot;,&quot;bbrr&quot;:&quot;999999px&quot;,&quot;btlr&quot;:&quot;999999px&quot;,&quot;btrr&quot;:&quot;999999px&quot;,&quot;radiusType&quot;:&quot;custom&quot;}},&quot;optionShadow&quot;:{&quot;normal&quot;:{&quot;angle&quot;:90,&quot;blur&quot;:&quot;12px&quot;,&quot;color&quot;:&quot;rgba(0, 0, 0, 0.20)&quot;,&quot;distance&quot;:&quot;4px&quot;,&quot;spread&quot;:&quot;0px&quot;,&quot;type&quot;:&quot;shadow-1&quot;},&quot;hover&quot;:{&quot;type&quot;:&quot;shadow-1&quot;,&quot;distance&quot;:&quot;4px&quot;,&quot;blur&quot;:&quot;12px&quot;,&quot;spread&quot;:&quot;0px&quot;,&quot;color&quot;:&quot;rgba(0, 0, 0, 0.20)&quot;,&quot;angle&quot;:90},&quot;active&quot;:{&quot;type&quot;:&quot;shadow-1&quot;,&quot;distance&quot;:&quot;4px&quot;,&quot;blur&quot;:&quot;12px&quot;,&quot;spread&quot;:&quot;0px&quot;,&quot;color&quot;:&quot;rgba(0, 0, 0, 0.20)&quot;,&quot;angle&quot;:90}},&quot;optionTextColor&quot;:{&quot;active&quot;:&quot;text-2&quot;,&quot;hover&quot;:&quot;text-2&quot;,&quot;normal&quot;:&quot;text-2&quot;}}}},{&quot;optionName&quot;:&quot;Color&quot;,&quot;optionType&quot;:&quot;image_shopify&quot;,&quot;presets&quot;:{&quot;color&quot;:{&quot;height&quot;:&quot;45px&quot;,&quot;spacing&quot;:&quot;8px&quot;,&quot;width&quot;:{&quot;desktop&quot;:&quot;45px&quot;,&quot;mobile&quot;:&quot;45px&quot;,&quot;tablet&quot;:&quot;45px&quot;},&quot;optionBgColor&quot;:{&quot;normal&quot;:&quot;bg-3&quot;,&quot;hover&quot;:&quot;bg-3&quot;,&quot;active&quot;:&quot;bg-3&quot;},&quot;optionBorder&quot;:{&quot;active&quot;:{&quot;border&quot;:&quot;solid&quot;,&quot;borderType&quot;:&quot;style-3&quot;,&quot;borderWidth&quot;:&quot;2px&quot;,&quot;color&quot;:&quot;line-3&quot;,&quot;isCustom&quot;:false,&quot;width&quot;:&quot;2px 2px 2px 2px&quot;},&quot;hover&quot;:{&quot;border&quot;:&quot;solid&quot;,&quot;borderType&quot;:&quot;style-3&quot;,&quot;borderWidth&quot;:&quot;1px&quot;,&quot;color&quot;:&quot;line-3&quot;,&quot;isCustom&quot;:false,&quot;width&quot;:&quot;1px 1px 1px 1px&quot;},&quot;normal&quot;:{&quot;border&quot;:&quot;solid&quot;,&quot;borderType&quot;:&quot;style-2&quot;,&quot;borderWidth&quot;:&quot;1px&quot;,&quot;color&quot;:&quot;line-2&quot;,&quot;isCustom&quot;:false,&quot;width&quot;:&quot;1px 1px 1px 1px&quot;}},&quot;optionHasShadow&quot;:{&quot;normal&quot;:false,&quot;hover&quot;:false,&quot;active&quot;:false},&quot;optionRounded&quot;:{&quot;normal&quot;:{&quot;btrr&quot;:&quot;999999px&quot;,&quot;bblr&quot;:&quot;999999px&quot;,&quot;bbrr&quot;:&quot;999999px&quot;,&quot;btlr&quot;:&quot;999999px&quot;,&quot;radiusType&quot;:&quot;custom&quot;},&quot;hover&quot;:{&quot;btrr&quot;:&quot;999999px&quot;,&quot;bblr&quot;:&quot;999999px&quot;,&quot;bbrr&quot;:&quot;999999px&quot;,&quot;btlr&quot;:&quot;999999px&quot;,&quot;radiusType&quot;:&quot;custom&quot;},&quot;active&quot;:{&quot;btrr&quot;:&quot;999999px&quot;,&quot;bblr&quot;:&quot;999999px&quot;,&quot;bbrr&quot;:&quot;999999px&quot;,&quot;btlr&quot;:&quot;999999px&quot;,&quot;radiusType&quot;:&quot;custom&quot;}},&quot;optionShadow&quot;:{&quot;normal&quot;:{&quot;angle&quot;:90,&quot;blur&quot;:&quot;12px&quot;,&quot;color&quot;:&quot;rgba(0, 0, 0, 0.20)&quot;,&quot;distance&quot;:&quot;4px&quot;,&quot;spread&quot;:&quot;0px&quot;,&quot;type&quot;:&quot;shadow-1&quot;},&quot;hover&quot;:{&quot;type&quot;:&quot;shadow-1&quot;,&quot;distance&quot;:&quot;4px&quot;,&quot;blur&quot;:&quot;12px&quot;,&quot;spread&quot;:&quot;0px&quot;,&quot;color&quot;:&quot;rgba(0, 0, 0, 0.20)&quot;,&quot;angle&quot;:90},&quot;active&quot;:{&quot;type&quot;:&quot;shadow-1&quot;,&quot;distance&quot;:&quot;4px&quot;,&quot;blur&quot;:&quot;12px&quot;,&quot;spread&quot;:&quot;0px&quot;,&quot;color&quot;:&quot;rgba(0, 0, 0, 0.20)&quot;,&quot;angle&quot;:90}},&quot;optionTextColor&quot;:{&quot;normal&quot;:&quot;text-2&quot;,&quot;hover&quot;:&quot;text-2&quot;,&quot;active&quot;:&quot;text-2&quot;}},&quot;dropdown&quot;:{&quot;fullWidth&quot;:{&quot;desktop&quot;:true,&quot;mobile&quot;:true,&quot;tablet&quot;:true},&quot;height&quot;:&quot;45px&quot;,&quot;width&quot;:{&quot;desktop&quot;:&quot;100%&quot;,&quot;mobile&quot;:&quot;100%&quot;,&quot;tablet&quot;:&quot;100%&quot;},&quot;optionBgColor&quot;:{&quot;active&quot;:&quot;bg-3&quot;,&quot;hover&quot;:&quot;bg-3&quot;,&quot;normal&quot;:&quot;bg-3&quot;},&quot;optionBorder&quot;:{&quot;active&quot;:{&quot;border&quot;:&quot;solid&quot;,&quot;borderType&quot;:&quot;style-3&quot;,&quot;borderWidth&quot;:&quot;2px&quot;,&quot;color&quot;:&quot;line-3&quot;,&quot;isCustom&quot;:false,&quot;width&quot;:&quot;2px 2px 2px 2px&quot;},&quot;hover&quot;:{&quot;border&quot;:&quot;solid&quot;,&quot;borderType&quot;:&quot;style-3&quot;,&quot;borderWidth&quot;:&quot;1px&quot;,&quot;color&quot;:&quot;line-3&quot;,&quot;isCustom&quot;:false,&quot;width&quot;:&quot;1px 1px 1px 1px&quot;},&quot;normal&quot;:{&quot;border&quot;:&quot;solid&quot;,&quot;borderType&quot;:&quot;style-2&quot;,&quot;borderWidth&quot;:&quot;1px&quot;,&quot;color&quot;:&quot;line-2&quot;,&quot;isCustom&quot;:false,&quot;width&quot;:&quot;1px 1px 1px 1px&quot;}},&quot;optionHasShadow&quot;:{&quot;normal&quot;:false,&quot;hover&quot;:false,&quot;active&quot;:false},&quot;optionRounded&quot;:{&quot;normal&quot;:{&quot;bblr&quot;:&quot;999999px&quot;,&quot;bbrr&quot;:&quot;999999px&quot;,&quot;btlr&quot;:&quot;999999px&quot;,&quot;btrr&quot;:&quot;999999px&quot;,&quot;radiusType&quot;:&quot;custom&quot;},&quot;hover&quot;:{&quot;btrr&quot;:&quot;0px&quot;,&quot;bblr&quot;:&quot;0px&quot;,&quot;bbrr&quot;:&quot;0px&quot;,&quot;btlr&quot;:&quot;0px&quot;,&quot;radiusType&quot;:&quot;custom&quot;},&quot;active&quot;:{&quot;bblr&quot;:&quot;999999px&quot;,&quot;bbrr&quot;:&quot;999999px&quot;,&quot;btlr&quot;:&quot;999999px&quot;,&quot;btrr&quot;:&quot;999999px&quot;,&quot;radiusType&quot;:&quot;custom&quot;}},&quot;optionShadow&quot;:{&quot;normal&quot;:{&quot;angle&quot;:90,&quot;blur&quot;:&quot;12px&quot;,&quot;color&quot;:&quot;rgba(0, 0, 0, 0.20)&quot;,&quot;distance&quot;:&quot;4px&quot;,&quot;spread&quot;:&quot;0px&quot;,&quot;type&quot;:&quot;shadow-1&quot;},&quot;hover&quot;:{&quot;type&quot;:&quot;shadow-1&quot;,&quot;distance&quot;:&quot;4px&quot;,&quot;blur&quot;:&quot;12px&quot;,&quot;spread&quot;:&quot;0px&quot;,&quot;color&quot;:&quot;rgba(0, 0, 0, 0.20)&quot;,&quot;angle&quot;:90},&quot;active&quot;:{&quot;type&quot;:&quot;shadow-1&quot;,&quot;distance&quot;:&quot;4px&quot;,&quot;blur&quot;:&quot;12px&quot;,&quot;spread&quot;:&quot;0px&quot;,&quot;color&quot;:&quot;rgba(0, 0, 0, 0.20)&quot;,&quot;angle&quot;:90}},&quot;optionTextColor&quot;:{&quot;active&quot;:&quot;text-2&quot;,&quot;hover&quot;:&quot;text-2&quot;,&quot;normal&quot;:&quot;text-2&quot;}},&quot;image&quot;:{&quot;height&quot;:&quot;48px&quot;,&quot;spacing&quot;:&quot;16px&quot;,&quot;width&quot;:{&quot;desktop&quot;:&quot;48px&quot;,&quot;mobile&quot;:&quot;48px&quot;,&quot;tablet&quot;:&quot;64px&quot;},&quot;optionBgColor&quot;:{&quot;active&quot;:&quot;bg-3&quot;,&quot;hover&quot;:&quot;bg-3&quot;,&quot;normal&quot;:&quot;bg-3&quot;},&quot;optionBorder&quot;:{&quot;active&quot;:{&quot;border&quot;:&quot;solid&quot;,&quot;borderType&quot;:&quot;style-3&quot;,&quot;borderWidth&quot;:&quot;2px&quot;,&quot;color&quot;:&quot;line-3&quot;,&quot;isCustom&quot;:false,&quot;width&quot;:&quot;2px 2px 2px 2px&quot;},&quot;hover&quot;:{&quot;border&quot;:&quot;solid&quot;,&quot;borderType&quot;:&quot;style-3&quot;,&quot;borderWidth&quot;:&quot;1px&quot;,&quot;color&quot;:&quot;line-3&quot;,&quot;isCustom&quot;:false,&quot;width&quot;:&quot;1px 1px 1px 1px&quot;},&quot;normal&quot;:{&quot;border&quot;:&quot;solid&quot;,&quot;borderType&quot;:&quot;style-2&quot;,&quot;borderWidth&quot;:&quot;1px&quot;,&quot;color&quot;:&quot;line-2&quot;,&quot;isCustom&quot;:false,&quot;width&quot;:&quot;1px 1px 1px 1px&quot;}},&quot;optionHasShadow&quot;:{&quot;normal&quot;:false,&quot;hover&quot;:false,&quot;active&quot;:false},&quot;optionRounded&quot;:{&quot;normal&quot;:{&quot;bblr&quot;:&quot;999999px&quot;,&quot;bbrr&quot;:&quot;999999px&quot;,&quot;btlr&quot;:&quot;999999px&quot;,&quot;btrr&quot;:&quot;999999px&quot;,&quot;radiusType&quot;:&quot;custom&quot;},&quot;hover&quot;:{&quot;btrr&quot;:&quot;0px&quot;,&quot;bblr&quot;:&quot;0px&quot;,&quot;bbrr&quot;:&quot;0px&quot;,&quot;btlr&quot;:&quot;0px&quot;,&quot;radiusType&quot;:&quot;custom&quot;},&quot;active&quot;:{&quot;bblr&quot;:&quot;999999px&quot;,&quot;bbrr&quot;:&quot;999999px&quot;,&quot;btlr&quot;:&quot;999999px&quot;,&quot;btrr&quot;:&quot;999999px&quot;,&quot;radiusType&quot;:&quot;custom&quot;}},&quot;optionShadow&quot;:{&quot;normal&quot;:{&quot;angle&quot;:90,&quot;blur&quot;:&quot;12px&quot;,&quot;color&quot;:&quot;rgba(0, 0, 0, 0.20)&quot;,&quot;distance&quot;:&quot;4px&quot;,&quot;spread&quot;:&quot;0px&quot;,&quot;type&quot;:&quot;shadow-1&quot;},&quot;hover&quot;:{&quot;type&quot;:&quot;shadow-1&quot;,&quot;distance&quot;:&quot;4px&quot;,&quot;blur&quot;:&quot;12px&quot;,&quot;spread&quot;:&quot;0px&quot;,&quot;color&quot;:&quot;rgba(0, 0, 0, 0.20)&quot;,&quot;angle&quot;:90},&quot;active&quot;:{&quot;type&quot;:&quot;shadow-1&quot;,&quot;distance&quot;:&quot;4px&quot;,&quot;blur&quot;:&quot;12px&quot;,&quot;spread&quot;:&quot;0px&quot;,&quot;color&quot;:&quot;rgba(0, 0, 0, 0.20)&quot;,&quot;angle&quot;:90}},&quot;optionTextColor&quot;:{&quot;normal&quot;:&quot;text-2&quot;,&quot;hover&quot;:&quot;text-2&quot;,&quot;active&quot;:&quot;text-2&quot;}},&quot;image_shopify&quot;:{&quot;height&quot;:&quot;64px&quot;,&quot;spacing&quot;:&quot;16px&quot;,&quot;width&quot;:{&quot;desktop&quot;:&quot;64px&quot;,&quot;mobile&quot;:&quot;64px&quot;,&quot;tablet&quot;:&quot;64px&quot;},&quot;optionBgColor&quot;:{&quot;active&quot;:&quot;bg-3&quot;,&quot;hover&quot;:&quot;bg-3&quot;,&quot;normal&quot;:&quot;bg-3&quot;},&quot;optionBorder&quot;:{&quot;active&quot;:{&quot;border&quot;:&quot;solid&quot;,&quot;borderType&quot;:&quot;style-3&quot;,&quot;borderWidth&quot;:&quot;2px&quot;,&quot;color&quot;:&quot;line-3&quot;,&quot;isCustom&quot;:false,&quot;width&quot;:&quot;2px 2px 2px 2px&quot;},&quot;hover&quot;:{&quot;border&quot;:&quot;solid&quot;,&quot;borderType&quot;:&quot;style-3&quot;,&quot;borderWidth&quot;:&quot;1px&quot;,&quot;color&quot;:&quot;line-3&quot;,&quot;isCustom&quot;:false,&quot;width&quot;:&quot;1px 1px 1px 1px&quot;},&quot;normal&quot;:{&quot;border&quot;:&quot;solid&quot;,&quot;borderType&quot;:&quot;style-2&quot;,&quot;borderWidth&quot;:&quot;1px&quot;,&quot;color&quot;:&quot;line-2&quot;,&quot;isCustom&quot;:false,&quot;width&quot;:&quot;1px 1px 1px 1px&quot;}},&quot;optionHasShadow&quot;:{&quot;normal&quot;:false,&quot;hover&quot;:false,&quot;active&quot;:false},&quot;optionRounded&quot;:{&quot;normal&quot;:{&quot;bblr&quot;:&quot;999999px&quot;,&quot;bbrr&quot;:&quot;999999px&quot;,&quot;btlr&quot;:&quot;999999px&quot;,&quot;btrr&quot;:&quot;999999px&quot;,&quot;radiusType&quot;:&quot;custom&quot;},&quot;hover&quot;:{&quot;btrr&quot;:&quot;0px&quot;,&quot;bblr&quot;:&quot;0px&quot;,&quot;bbrr&quot;:&quot;0px&quot;,&quot;btlr&quot;:&quot;0px&quot;,&quot;radiusType&quot;:&quot;custom&quot;},&quot;active&quot;:{&quot;bblr&quot;:&quot;999999px&quot;,&quot;bbrr&quot;:&quot;999999px&quot;,&quot;btlr&quot;:&quot;999999px&quot;,&quot;btrr&quot;:&quot;999999px&quot;,&quot;radiusType&quot;:&quot;custom&quot;}},&quot;optionShadow&quot;:{&quot;normal&quot;:{&quot;angle&quot;:90,&quot;blur&quot;:&quot;12px&quot;,&quot;color&quot;:&quot;rgba(0, 0, 0, 0.20)&quot;,&quot;distance&quot;:&quot;4px&quot;,&quot;spread&quot;:&quot;0px&quot;,&quot;type&quot;:&quot;shadow-1&quot;},&quot;hover&quot;:{&quot;type&quot;:&quot;shadow-1&quot;,&quot;distance&quot;:&quot;4px&quot;,&quot;blur&quot;:&quot;12px&quot;,&quot;spread&quot;:&quot;0px&quot;,&quot;color&quot;:&quot;rgba(0, 0, 0, 0.20)&quot;,&quot;angle&quot;:90},&quot;active&quot;:{&quot;type&quot;:&quot;shadow-1&quot;,&quot;distance&quot;:&quot;4px&quot;,&quot;blur&quot;:&quot;12px&quot;,&quot;spread&quot;:&quot;0px&quot;,&quot;color&quot;:&quot;rgba(0, 0, 0, 0.20)&quot;,&quot;angle&quot;:90}},&quot;optionTextColor&quot;:{&quot;normal&quot;:&quot;text-2&quot;,&quot;hover&quot;:&quot;text-2&quot;,&quot;active&quot;:&quot;text-2&quot;}},&quot;rectangle_list&quot;:{&quot;height&quot;:&quot;45px&quot;,&quot;spacing&quot;:&quot;16px&quot;,&quot;width&quot;:{},&quot;optionBgColor&quot;:{&quot;active&quot;:&quot;bg-3&quot;,&quot;hover&quot;:&quot;bg-3&quot;,&quot;normal&quot;:&quot;bg-3&quot;},&quot;optionBorder&quot;:{&quot;active&quot;:{&quot;border&quot;:&quot;solid&quot;,&quot;borderType&quot;:&quot;style-3&quot;,&quot;borderWidth&quot;:&quot;2px&quot;,&quot;color&quot;:&quot;line-3&quot;,&quot;isCustom&quot;:false,&quot;width&quot;:&quot;2px 2px 2px 2px&quot;},&quot;hover&quot;:{&quot;border&quot;:&quot;solid&quot;,&quot;borderType&quot;:&quot;style-3&quot;,&quot;borderWidth&quot;:&quot;1px&quot;,&quot;color&quot;:&quot;line-3&quot;,&quot;isCustom&quot;:false,&quot;width&quot;:&quot;1px 1px 1px 1px&quot;},&quot;normal&quot;:{&quot;border&quot;:&quot;solid&quot;,&quot;borderType&quot;:&quot;style-2&quot;,&quot;borderWidth&quot;:&quot;1px&quot;,&quot;color&quot;:&quot;line-2&quot;,&quot;isCustom&quot;:false,&quot;width&quot;:&quot;1px 1px 1px 1px&quot;}},&quot;optionHasShadow&quot;:{&quot;normal&quot;:false,&quot;hover&quot;:false,&quot;active&quot;:false},&quot;optionRounded&quot;:{&quot;normal&quot;:{&quot;bblr&quot;:&quot;999999px&quot;,&quot;bbrr&quot;:&quot;999999px&quot;,&quot;btlr&quot;:&quot;999999px&quot;,&quot;btrr&quot;:&quot;999999px&quot;,&quot;radiusType&quot;:&quot;custom&quot;},&quot;hover&quot;:{&quot;btrr&quot;:&quot;0px&quot;,&quot;bblr&quot;:&quot;0px&quot;,&quot;bbrr&quot;:&quot;0px&quot;,&quot;btlr&quot;:&quot;0px&quot;,&quot;radiusType&quot;:&quot;custom&quot;},&quot;active&quot;:{&quot;bblr&quot;:&quot;999999px&quot;,&quot;bbrr&quot;:&quot;999999px&quot;,&quot;btlr&quot;:&quot;999999px&quot;,&quot;btrr&quot;:&quot;999999px&quot;,&quot;radiusType&quot;:&quot;custom&quot;}},&quot;optionShadow&quot;:{&quot;normal&quot;:{&quot;angle&quot;:90,&quot;blur&quot;:&quot;12px&quot;,&quot;color&quot;:&quot;rgba(0, 0, 0, 0.20)&quot;,&quot;distance&quot;:&quot;4px&quot;,&quot;spread&quot;:&quot;0px&quot;,&quot;type&quot;:&quot;shadow-1&quot;},&quot;hover&quot;:{&quot;type&quot;:&quot;shadow-1&quot;,&quot;distance&quot;:&quot;4px&quot;,&quot;blur&quot;:&quot;12px&quot;,&quot;spread&quot;:&quot;0px&quot;,&quot;color&quot;:&quot;rgba(0, 0, 0, 0.20)&quot;,&quot;angle&quot;:90},&quot;active&quot;:{&quot;type&quot;:&quot;shadow-1&quot;,&quot;distance&quot;:&quot;4px&quot;,&quot;blur&quot;:&quot;12px&quot;,&quot;spread&quot;:&quot;0px&quot;,&quot;color&quot;:&quot;rgba(0, 0, 0, 0.20)&quot;,&quot;angle&quot;:90}},&quot;optionTextColor&quot;:{&quot;active&quot;:&quot;text-2&quot;,&quot;hover&quot;:&quot;text-2&quot;,&quot;normal&quot;:&quot;text-2&quot;}}}}]},
      &quot;styles&quot;:{&quot;align&quot;:{&quot;desktop&quot;:&quot;left&quot;},&quot;dropdownItemWidth&quot;:{&quot;desktop&quot;:&quot;fill&quot;,&quot;mobile&quot;:&quot;fill&quot;,&quot;tablet&quot;:&quot;fill&quot;},&quot;fixedDropdownWidth&quot;:{&quot;desktop&quot;:&quot;240px&quot;},&quot;fullWidth&quot;:{&quot;desktop&quot;:true},&quot;labelColor&quot;:&quot;text-2&quot;,&quot;labelGap&quot;:&quot;0px&quot;,&quot;labelTypo&quot;:{&quot;attrs&quot;:{&quot;bold&quot;:true,&quot;color&quot;:&quot;#121212&quot;},&quot;custom&quot;:{&quot;fontFamily&quot;:&quot;Lato&quot;,&quot;fontSize&quot;:{&quot;desktop&quot;:&quot;18px&quot;,&quot;mobile&quot;:&quot;18px&quot;,&quot;tablet&quot;:&quot;14px&quot;},&quot;fontVariants&quot;:[&quot;100&quot;,&quot;100italic&quot;,&quot;300&quot;,&quot;300italic&quot;,&quot;regular&quot;,&quot;italic&quot;,&quot;700&quot;,&quot;700italic&quot;,&quot;900&quot;,&quot;900italic&quot;],&quot;fontWeight&quot;:&quot;400&quot;,&quot;lineHeight&quot;:&quot;180%&quot;},&quot;type&quot;:&quot;paragraph-2&quot;},&quot;marginBottom&quot;:{&quot;desktop&quot;:&quot;var(--g-s-xl)&quot;,&quot;mobile&quot;:&quot;var(--g-s-xl)&quot;},&quot;optionBgColor&quot;:{&quot;active&quot;:&quot;bg-3&quot;,&quot;hover&quot;:&quot;bg-3&quot;,&quot;normal&quot;:&quot;bg-3&quot;},&quot;optionBorder&quot;:{&quot;active&quot;:{&quot;border&quot;:&quot;solid&quot;,&quot;borderType&quot;:&quot;style-3&quot;,&quot;borderWidth&quot;:&quot;2px&quot;,&quot;color&quot;:&quot;line-3&quot;,&quot;isCustom&quot;:false,&quot;width&quot;:&quot;2px 2px 2px 2px&quot;},&quot;hover&quot;:{&quot;border&quot;:&quot;solid&quot;,&quot;borderType&quot;:&quot;style-3&quot;,&quot;borderWidth&quot;:&quot;1px&quot;,&quot;color&quot;:&quot;line-3&quot;,&quot;isCustom&quot;:false,&quot;width&quot;:&quot;1px 1px 1px 1px&quot;},&quot;normal&quot;:{&quot;border&quot;:&quot;solid&quot;,&quot;borderType&quot;:&quot;style-2&quot;,&quot;borderWidth&quot;:&quot;1px&quot;,&quot;color&quot;:&quot;line-2&quot;,&quot;isCustom&quot;:false,&quot;width&quot;:&quot;1px 1px 1px 1px&quot;}},&quot;optionHasShadow&quot;:{&quot;normal&quot;:false},&quot;optionRounded&quot;:{&quot;active&quot;:{&quot;bblr&quot;:&quot;999999px&quot;,&quot;bbrr&quot;:&quot;999999px&quot;,&quot;btlr&quot;:&quot;999999px&quot;,&quot;btrr&quot;:&quot;999999px&quot;,&quot;radiusType&quot;:&quot;custom&quot;},&quot;hover&quot;:{&quot;radiusType&quot;:&quot;none&quot;},&quot;normal&quot;:{&quot;bblr&quot;:&quot;999999px&quot;,&quot;bbrr&quot;:&quot;999999px&quot;,&quot;btlr&quot;:&quot;999999px&quot;,&quot;btrr&quot;:&quot;999999px&quot;,&quot;radiusType&quot;:&quot;custom&quot;}},&quot;optionShadow&quot;:{&quot;normal&quot;:{&quot;angle&quot;:90,&quot;blur&quot;:&quot;12px&quot;,&quot;color&quot;:&quot;rgba(0, 0, 0, 0.20)&quot;,&quot;distance&quot;:&quot;4px&quot;,&quot;spread&quot;:&quot;0px&quot;,&quot;type&quot;:&quot;shadow-1&quot;}},&quot;optionSpacing&quot;:&quot;30px&quot;,&quot;optionTextColor&quot;:{&quot;active&quot;:&quot;text-2&quot;,&quot;hover&quot;:&quot;text-2&quot;,&quot;normal&quot;:&quot;text-2&quot;},&quot;optionTypo&quot;:{&quot;custom&quot;:{&quot;fontFamily&quot;:&quot;Lato&quot;,&quot;fontSize&quot;:{&quot;desktop&quot;:&quot;14px&quot;,&quot;mobile&quot;:&quot;18px&quot;,&quot;tablet&quot;:&quot;14px&quot;},&quot;fontVariants&quot;:[&quot;100&quot;,&quot;100italic&quot;,&quot;300&quot;,&quot;300italic&quot;,&quot;regular&quot;,&quot;italic&quot;,&quot;700&quot;,&quot;700italic&quot;,&quot;900&quot;,&quot;900italic&quot;],&quot;fontWeight&quot;:&quot;400&quot;,&quot;lineHeight&quot;:&quot;180%&quot;},&quot;type&quot;:&quot;paragraph-2&quot;},&quot;swatchAutoWidth&quot;:{&quot;desktop&quot;:true},&quot;swatchHeight&quot;:{&quot;desktop&quot;:&quot;45px&quot;},&quot;swatchItemWidth&quot;:{&quot;desktop&quot;:&quot;auto&quot;},&quot;swatchSpacing&quot;:&quot;var(--g-s-m)&quot;,&quot;swatchWidth&quot;:{&quot;desktop&quot;:&quot;80px&quot;},&quot;width&quot;:{&quot;desktop&quot;:&quot;400px&quot;}},
      &quot;variants&quot;:[{&quot;id&quot;:43017118220484,&quot;title&quot;:&quot;Black&quot;,&quot;option1&quot;:&quot;Black&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:null,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:false,&quot;featured_image&quot;:{&quot;id&quot;:36902164529348,&quot;product_id&quot;:7628853018820,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2024-03-19T22:09:58-06:00&quot;,&quot;updated_at&quot;:&quot;2024-03-19T22:09:59-06:00&quot;,&quot;alt&quot;:&quot;NovaHair Color Shampoo - NovaHair&quot;,&quot;width&quot;:1080,&quot;height&quot;:1080,&quot;src&quot;:&quot;\/\/trynovahair.com\/cdn\/shop\/products\/novahair-color-shampoo-879931.jpg?v=1710907799&quot;,&quot;variant_ids&quot;:[43017118220484]},&quot;available&quot;:true,&quot;name&quot;:&quot;NovaHair Instant Dye Shampoo - Black&quot;,&quot;public_title&quot;:&quot;Black&quot;,&quot;options&quot;:[&quot;Black&quot;],&quot;price&quot;:4900,&quot;weight&quot;:0,&quot;compare_at_price&quot;:9800,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;barcode&quot;:null,&quot;featured_media&quot;:{&quot;alt&quot;:&quot;NovaHair Color Shampoo - NovaHair&quot;,&quot;id&quot;:29264260071620,&quot;position&quot;:1,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:1080,&quot;width&quot;:1080,&quot;src&quot;:&quot;\/\/trynovahair.com\/cdn\/shop\/products\/novahair-color-shampoo-879931.jpg?v=1710907799&quot;}},&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[]},{&quot;id&quot;:43017118253252,&quot;title&quot;:&quot;Dark brown&quot;,&quot;option1&quot;:&quot;Dark brown&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:null,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:false,&quot;featured_image&quot;:{&quot;id&quot;:36902164562116,&quot;product_id&quot;:7628853018820,&quot;position&quot;:2,&quot;created_at&quot;:&quot;2024-03-19T22:09:59-06:00&quot;,&quot;updated_at&quot;:&quot;2024-03-19T22:09:59-06:00&quot;,&quot;alt&quot;:&quot;NovaHair Color Shampoo - NovaHair&quot;,&quot;width&quot;:1080,&quot;height&quot;:1080,&quot;src&quot;:&quot;\/\/trynovahair.com\/cdn\/shop\/products\/novahair-color-shampoo-338044.jpg?v=1710907799&quot;,&quot;variant_ids&quot;:[43017118253252]},&quot;available&quot;:true,&quot;name&quot;:&quot;NovaHair Instant Dye Shampoo - Dark brown&quot;,&quot;public_title&quot;:&quot;Dark brown&quot;,&quot;options&quot;:[&quot;Dark brown&quot;],&quot;price&quot;:4900,&quot;weight&quot;:0,&quot;compare_at_price&quot;:9800,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;barcode&quot;:null,&quot;featured_media&quot;:{&quot;alt&quot;:&quot;NovaHair Color Shampoo - NovaHair&quot;,&quot;id&quot;:29264260104388,&quot;position&quot;:2,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:1080,&quot;width&quot;:1080,&quot;src&quot;:&quot;\/\/trynovahair.com\/cdn\/shop\/products\/novahair-color-shampoo-338044.jpg?v=1710907799&quot;}},&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[]},{&quot;id&quot;:43017118286020,&quot;title&quot;:&quot;Light Brown&quot;,&quot;option1&quot;:&quot;Light Brown&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:null,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:false,&quot;featured_image&quot;:{&quot;id&quot;:36902164594884,&quot;product_id&quot;:7628853018820,&quot;position&quot;:3,&quot;created_at&quot;:&quot;2024-03-19T22:09:59-06:00&quot;,&quot;updated_at&quot;:&quot;2024-03-19T22:09:59-06:00&quot;,&quot;alt&quot;:&quot;NovaHair Color Shampoo - NovaHair&quot;,&quot;width&quot;:1080,&quot;height&quot;:1080,&quot;src&quot;:&quot;\/\/trynovahair.com\/cdn\/shop\/products\/novahair-color-shampoo-238800.jpg?v=1710907799&quot;,&quot;variant_ids&quot;:[43017118286020]},&quot;available&quot;:true,&quot;name&quot;:&quot;NovaHair Instant Dye Shampoo - Light Brown&quot;,&quot;public_title&quot;:&quot;Light Brown&quot;,&quot;options&quot;:[&quot;Light Brown&quot;],&quot;price&quot;:4900,&quot;weight&quot;:0,&quot;compare_at_price&quot;:9800,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;barcode&quot;:null,&quot;featured_media&quot;:{&quot;alt&quot;:&quot;NovaHair Color Shampoo - NovaHair&quot;,&quot;id&quot;:29264260137156,&quot;position&quot;:3,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:1080,&quot;width&quot;:1080,&quot;src&quot;:&quot;\/\/trynovahair.com\/cdn\/shop\/products\/novahair-color-shampoo-238800.jpg?v=1710907799&quot;}},&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[]},{&quot;id&quot;:43055673540804,&quot;title&quot;:&quot;Purple&quot;,&quot;option1&quot;:&quot;Purple&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:false,&quot;featured_image&quot;:{&quot;id&quot;:36902164627652,&quot;product_id&quot;:7628853018820,&quot;position&quot;:4,&quot;created_at&quot;:&quot;2024-03-19T22:09:59-06:00&quot;,&quot;updated_at&quot;:&quot;2024-03-19T22:09:59-06:00&quot;,&quot;alt&quot;:&quot;NovaHair Color Shampoo - NovaHair&quot;,&quot;width&quot;:1080,&quot;height&quot;:1080,&quot;src&quot;:&quot;\/\/trynovahair.com\/cdn\/shop\/products\/novahair-color-shampoo-757799.jpg?v=1710907799&quot;,&quot;variant_ids&quot;:[43055673540804]},&quot;available&quot;:true,&quot;name&quot;:&quot;NovaHair Instant Dye Shampoo - Purple&quot;,&quot;public_title&quot;:&quot;Purple&quot;,&quot;options&quot;:[&quot;Purple&quot;],&quot;price&quot;:4900,&quot;weight&quot;:0,&quot;compare_at_price&quot;:9800,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;barcode&quot;:&quot;&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:&quot;NovaHair Color Shampoo - NovaHair&quot;,&quot;id&quot;:29264260169924,&quot;position&quot;:4,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:1080,&quot;width&quot;:1080,&quot;src&quot;:&quot;\/\/trynovahair.com\/cdn\/shop\/products\/novahair-color-shampoo-757799.jpg?v=1710907799&quot;}},&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[]},{&quot;id&quot;:43055673573572,&quot;title&quot;:&quot;Red&quot;,&quot;option1&quot;:&quot;Red&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:&quot;&quot;,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:false,&quot;featured_image&quot;:{&quot;id&quot;:36902164660420,&quot;product_id&quot;:7628853018820,&quot;position&quot;:5,&quot;created_at&quot;:&quot;2024-03-19T22:09:59-06:00&quot;,&quot;updated_at&quot;:&quot;2024-03-19T22:09:59-06:00&quot;,&quot;alt&quot;:&quot;NovaHair Color Shampoo - NovaHair&quot;,&quot;width&quot;:1080,&quot;height&quot;:1080,&quot;src&quot;:&quot;\/\/trynovahair.com\/cdn\/shop\/products\/novahair-color-shampoo-265854.jpg?v=1710907799&quot;,&quot;variant_ids&quot;:[43055673573572]},&quot;available&quot;:true,&quot;name&quot;:&quot;NovaHair Instant Dye Shampoo - Red&quot;,&quot;public_title&quot;:&quot;Red&quot;,&quot;options&quot;:[&quot;Red&quot;],&quot;price&quot;:4900,&quot;weight&quot;:0,&quot;compare_at_price&quot;:9800,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;barcode&quot;:&quot;&quot;,&quot;featured_media&quot;:{&quot;alt&quot;:&quot;NovaHair Color Shampoo - NovaHair&quot;,&quot;id&quot;:29264260202692,&quot;position&quot;:5,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:1080,&quot;width&quot;:1080,&quot;src&quot;:&quot;\/\/trynovahair.com\/cdn\/shop\/products\/novahair-color-shampoo-265854.jpg?v=1710907799&quot;}},&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[]}],
      &quot;optionsWithValues&quot;: [{&quot;name&quot;:&quot;Color&quot;,&quot;position&quot;:1,&quot;values&quot;:[&quot;Black&quot;,&quot;Dark brown&quot;,&quot;Light Brown&quot;,&quot;Purple&quot;,&quot;Red&quot;]}],
      &quot;variantSelected&quot;: {&quot;id&quot;:43017118220484,&quot;title&quot;:&quot;Black&quot;,&quot;option1&quot;:&quot;Black&quot;,&quot;option2&quot;:null,&quot;option3&quot;:null,&quot;sku&quot;:null,&quot;requires_shipping&quot;:true,&quot;taxable&quot;:false,&quot;featured_image&quot;:{&quot;id&quot;:36902164529348,&quot;product_id&quot;:7628853018820,&quot;position&quot;:1,&quot;created_at&quot;:&quot;2024-03-19T22:09:58-06:00&quot;,&quot;updated_at&quot;:&quot;2024-03-19T22:09:59-06:00&quot;,&quot;alt&quot;:&quot;NovaHair Color Shampoo - NovaHair&quot;,&quot;width&quot;:1080,&quot;height&quot;:1080,&quot;src&quot;:&quot;\/\/trynovahair.com\/cdn\/shop\/products\/novahair-color-shampoo-879931.jpg?v=1710907799&quot;,&quot;variant_ids&quot;:[43017118220484]},&quot;available&quot;:true,&quot;name&quot;:&quot;NovaHair Instant Dye Shampoo - Black&quot;,&quot;public_title&quot;:&quot;Black&quot;,&quot;options&quot;:[&quot;Black&quot;],&quot;price&quot;:4900,&quot;weight&quot;:0,&quot;compare_at_price&quot;:9800,&quot;inventory_management&quot;:&quot;shopify&quot;,&quot;barcode&quot;:null,&quot;featured_media&quot;:{&quot;alt&quot;:&quot;NovaHair Color Shampoo - NovaHair&quot;,&quot;id&quot;:29264260071620,&quot;position&quot;:1,&quot;preview_image&quot;:{&quot;aspect_ratio&quot;:1.0,&quot;height&quot;:1080,&quot;width&quot;:1080,&quot;src&quot;:&quot;\/\/trynovahair.com\/cdn\/shop\/products\/novahair-color-shampoo-879931.jpg?v=1710907799&quot;}},&quot;requires_selling_plan&quot;:false,&quot;selling_plan_allocations&quot;:[]},
      &quot;variantInventoryQuantity&quot;: [28501,30728,42038,49744,48986],
      &quot;moneyFormat&quot;: &quot;${{amount}}&quot;
    }
  ">
              <div class="gp-grid !gp-ml-0" style="--gtc:repeat(1, minmax(0, 1fr));--ta:left;--w:100%;--w-tablet:100%;--w-mobile:100%;--rg:var(--g-s-xl);--rg-mobile:var(--g-s-xl)">
                <div option-name="Color" class="gp-flex variant-inside gp-flex-col gp-items-start">
                  <div class=" " style="--mb:0px;--mr:0px;--mb-tablet:0px;--mr-tablet:0px;--mb-mobile:0px;--mr-mobile:0px">
                    <div class="" style="">
                      <legend data-gp-text="" class="[&amp;_p]:gp-inline [&amp;_p]:after:gp-whitespace-pre-wrap [&amp;_p]:after:gp-content-['\A'] variant-display"
                        style="--w:100%;--ff:var(--g-font-Lato, 'Lato'), var(--g-font-body, body);--lh:180%;--size:18px;--size-tablet:14px;--size-mobile:18px;--weight:bold;--c:#121212;word-break:break-word;overflow:hidden">Color: <span>Black</span>
                      </legend>
                    </div>
                  </div>
                  <div variant-option-name="Color" class="gp-justify-start gp-flex gp-w-full gp-flex-wrap gp-items-center variant-option-group" style="--rg: var(--g-s-m); --cg: 16px;">
                    <label id="Color-Black" for="7628853018820-gpvbTW7T3k-Color-1-1" class="gp-group gp-relative option-item option-item-active" style="--w: 64px; --w-tablet: 64px; --w-mobile: 64px; --h: 64px;">
                      <div
                        class="gp-invisible !gp-max-w-[150px] gp-left-[50%] gp-translate-x-[-50%] gp-translate-y-0 gp-absolute gp-bottom-[calc(100%+20px)] gp-text-[12px] group-hover:gp-visible gp-w-max gp-bg-[#333333] gp-text-[#F9F9F9] gp-px-[8px] gp-py-[4px] gp-rounded-[8px] gp-mb-[-10px] after:gp-content-[''] after:gp-absolute after:gp-p-[7px] after:gp-left-0 after:gp-w-full after:gp-bottom-[-10px]">
                        <p class="gp-text-[#F9F9F9]">Black</p>
                        <svg class="gp-absolute gp-left-[50%] gp-translate-x-[-50%] gp-translate-y-0 gp-z-10 gp-bottom-[-4px]" width="8" height="4" viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <path d="M8 10L0 0L16 1.41326e-06L8 10Z" fill="#333333"></path>
                        </svg>
                      </div>
                      <input checked="true" name="7628853018820-options-Color" id="7628853018820-gpvbTW7T3k-Color-1-1" value="Black" type="radio" class="gp-sr-only gp-absolute gp-bottom-0 gp-right-0">
                      <span class="gp-sr-only">Black</span>
                      <div class="option-item-inner gp-w-auto gp-h-auto">
                        <div
                          class="gp-relative gp-cursor-pointer gp-items-center gp-justify-center gp-text-center option-value-wrapper gp-overflow-hidden !gp-w-full gp-h-full data-[disabled='disabled']:gp-pointer-events-none data-[disabled='disabled']:!gp-cursor-not-allowed data-[hidden='true']:gp-hidden data-[hidden='false']:gp-flex  gp-p-[4px]"
                          style="--bs: solid; --bw: 2px 2px 2px 2px; --bc: var(--g-c-line-3, line-3); --ff: var(--g-font-Lato, 'Lato'), var(--g-font-body); --weight: 400; --size: 14px; --size-tablet: 14px; --size-mobile: 18px; --bblr: 999999px; --bbrr: 999999px; --btlr: 999999px; --btrr: 999999px; --shadow: none; --w: 100%; --h: 64px;"
                          id="value-wrapper-Color-Black" option-data="Color" option-value="Black" option-position="1" option-type="color" data-hidden="true">
                          <div
                            class="gp-relative gp-h-full gp-w-full gp-min-w-fit gp-flex gp-color-circle before:gp-hidden before:gp-absolute before:gp-top-[50%] before:-gp-rotate-45 before:gp-border-t before:gp-z-1 before:gp-content-[''] before:gp-w-full"
                            data-test="background-color: #000000"
                            style="background-color: rgb(0, 0, 0); --bblr: 999999px; --bbrr: 999999px; --btlr: 999999px; --btrr: 999999px; --hvr-bblr: 999999px; --hvr-bbrr: 999999px; --hvr-btlr: 999999px; --hvr-btrr: 999999px; --bs: none; --hvr-bs: none;">
                          </div>
                        </div>
                        <div
                          class="gp-relative gp-cursor-pointer gp-items-center gp-justify-center gp-text-center option-value-wrapper gp-overflow-hidden !gp-w-full gp-h-full data-[disabled='disabled']:gp-pointer-events-none data-[disabled='disabled']:!gp-cursor-not-allowed data-[hidden='true']:gp-hidden data-[hidden='false']:gp-flex"
                          style="--bgc: var(--g-c-bg-3, bg-3); --bs: solid; --bw: 2px 2px 2px 2px; --bc: var(--g-c-line-3, line-3); --ff: var(--g-font-Lato, 'Lato'), var(--g-font-body); --weight: 400; --size: 14px; --size-tablet: 14px; --size-mobile: 18px; --bblr: 999999px; --bbrr: 999999px; --btlr: 999999px; --btrr: 999999px; --shadow: none; --w: 100%; --h: 64px;"
                          id="value-wrapper-Color-Black" option-data="Color" option-value="Black" option-position="1" option-type="image" data-hidden="true"><img class="gp-shopify-image gp-h-full gp-object-cover gp-w-full gp-rounded-none"
                            src="https://ucarecdn.com/e3f3f512-2920-4a82-9682-11eac13e4e03/-/format/auto/" alt="">
                        </div>
                        <div
                          class="gp-relative gp-cursor-pointer gp-items-center gp-justify-center gp-text-center option-value-wrapper gp-overflow-hidden !gp-w-full gp-h-full data-[disabled='disabled']:gp-pointer-events-none data-[disabled='disabled']:!gp-cursor-not-allowed data-[hidden='true']:gp-hidden data-[hidden='false']:gp-flex"
                          style="--bgc: var(--g-c-bg-3, bg-3); --bs: solid; --bw: 2px 2px 2px 2px; --bc: var(--g-c-line-3, line-3); --ff: var(--g-font-Lato, 'Lato'), var(--g-font-body); --weight: 400; --size: 14px; --size-tablet: 14px; --size-mobile: 18px; --bblr: 999999px; --bbrr: 999999px; --btlr: 999999px; --btrr: 999999px; --shadow: none; --w: 100%; --h: 64px;"
                          id="value-wrapper-Color-Black" option-data="Color" option-value="Black" option-position="1" option-type="image_shopify" data-hidden="false"><img class="gp-shopify-image gp-h-full gp-object-cover gp-w-full gp-rounded-none"
                            src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-879931_200x.jpg?v=1710907799" alt="" style="width: 100%; height: 100%;">
                        </div>
                        <div
                          class="gp-relative gp-cursor-pointer gp-items-center gp-justify-center gp-text-center option-value-wrapper gp-overflow-hidden !gp-w-full gp-h-full data-[disabled='disabled']:gp-pointer-events-none data-[disabled='disabled']:!gp-cursor-not-allowed data-[hidden='true']:gp-hidden data-[hidden='false']:gp-flex"
                          style="--bgc: var(--g-c-bg-3, bg-3); --bs: solid; --bw: 2px 2px 2px 2px; --bc: var(--g-c-line-3, line-3); --ff: var(--g-font-Lato, 'Lato'), var(--g-font-body); --weight: 400; --size: 14px; --size-tablet: 14px; --size-mobile: 18px; --bblr: 999999px; --bbrr: 999999px; --btlr: 999999px; --btrr: 999999px; --shadow: none; --c: var(--g-c-text-2, text-2); --w: 100%; --h: 64px;"
                          id="value-wrapper-Color-Black" option-data="Color" option-value="Black" option-position="1" option-type="rectangle_list" data-hidden="true">
                          <div class="option-value gp-overflow-hidden gp-relative gp-h-full gp-w-full gp-flex gp-items-center gp-justify-center "
                            style="--pl: 0px; --pr: 0px; --pl-tablet: 0px; --pr-tablet: 0px; --pl-mobile: 0px; --pr-mobile: 0px; --pt: 0px; --pb: 0px;">
                            <span class="gp-text-center">Black</span>
                          </div>
                        </div>
                      </div>
                    </label>
                    <label id="Color-Dark brown" for="7628853018820-gpvbTW7T3k-Color-1-2" class="gp-group gp-relative option-item" style="--w: 64px; --w-tablet: 64px; --w-mobile: 64px; --h: 64px;">
                      <div
                        class="gp-invisible !gp-max-w-[150px] gp-left-[50%] gp-translate-x-[-50%] gp-translate-y-0 gp-absolute gp-bottom-[calc(100%+20px)] gp-text-[12px] group-hover:gp-visible gp-w-max gp-bg-[#333333] gp-text-[#F9F9F9] gp-px-[8px] gp-py-[4px] gp-rounded-[8px] gp-mb-[-10px] after:gp-content-[''] after:gp-absolute after:gp-p-[7px] after:gp-left-0 after:gp-w-full after:gp-bottom-[-10px]">
                        <p class="gp-text-[#F9F9F9]">Dark brown</p>
                        <svg class="gp-absolute gp-left-[50%] gp-translate-x-[-50%] gp-translate-y-0 gp-z-10 gp-bottom-[-4px]" width="8" height="4" viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <path d="M8 10L0 0L16 1.41326e-06L8 10Z" fill="#333333"></path>
                        </svg>
                      </div>
                      <input checked="false" name="7628853018820-options-Color" id="7628853018820-gpvbTW7T3k-Color-1-2" value="Dark brown" type="radio" class="gp-sr-only gp-absolute gp-bottom-0 gp-right-0">
                      <span class="gp-sr-only">Dark brown</span>
                      <div class="option-item-inner gp-w-auto gp-h-auto">
                        <div
                          class="gp-relative gp-cursor-pointer gp-items-center gp-justify-center gp-text-center option-value-wrapper gp-overflow-hidden !gp-w-full gp-h-full data-[disabled='disabled']:gp-pointer-events-none data-[disabled='disabled']:!gp-cursor-not-allowed data-[hidden='true']:gp-hidden data-[hidden='false']:gp-flex  gp-p-[4px]"
                          style="--ff: var(--g-font-Lato, 'Lato'), var(--g-font-body); --weight: 400; --size: 14px; --size-tablet: 14px; --size-mobile: 18px; --bblr: 999999px; --bbrr: 999999px; --btlr: 999999px; --btrr: 999999px; --shadow: none; --hvr-shadow: none; --w: 100%; --h: 64px;"
                          id="value-wrapper-Color-Dark brown" option-data="Color" option-value="Dark brown" option-position="1" option-type="color" data-hidden="true">
                          <div
                            class="gp-relative gp-h-full gp-w-full gp-min-w-fit gp-flex gp-color-circle before:gp-hidden before:gp-absolute before:gp-top-[50%] before:-gp-rotate-45 before:gp-border-t before:gp-z-1 before:gp-content-[''] before:gp-w-full"
                            data-test="background-color: #381A07"
                            style="background-color: rgb(56, 26, 7); --bblr: 999999px; --bbrr: 999999px; --btlr: 999999px; --btrr: 999999px; --hvr-bblr: 999999px; --hvr-bbrr: 999999px; --hvr-btlr: 999999px; --hvr-btrr: 999999px; --bw: 1px 1px 1px 1px; --hvr-bw: 1px 1px 1px 1px; --bc: line-2; --hvr-bc: line-3; --bs: solid; --hvr-bs: solid;">
                          </div>
                        </div>
                        <div
                          class="gp-relative gp-cursor-pointer gp-items-center gp-justify-center gp-text-center option-value-wrapper gp-overflow-hidden !gp-w-full gp-h-full data-[disabled='disabled']:gp-pointer-events-none data-[disabled='disabled']:!gp-cursor-not-allowed data-[hidden='true']:gp-hidden data-[hidden='false']:gp-flex active:gp-bg-g-bg-3 hover:gp-bg-g-bg-3 hover:gp-text-g-text-2 active:gp-text-g-text-2 gp-bg-g-bg-3 gp-text-g-text-2"
                          style="--hvr-bgc: var(--g-c-bg-3, bg-3); --bgc: var(--g-c-bg-3, bg-3); --ff: var(--g-font-Lato, 'Lato'), var(--g-font-body); --weight: 400; --size: 14px; --size-tablet: 14px; --size-mobile: 18px; --bblr: 999999px; --bbrr: 999999px; --btlr: 999999px; --btrr: 999999px; --hvr-bblr: 0px; --hvr-bbrr: 0px; --hvr-btlr: 0px; --hvr-btrr: 0px; --shadow: none; --hvr-shadow: none; --bs: solid; --hvr-bs: solid; --bw: 1px 1px 1px 1px; --hvr-bw: 1px 1px 1px 1px; --bc: var(--g-c-line-2, line-2); --hvr-bc: var(--g-c-line-3, line-3); --w: 100%; --h: 64px;"
                          id="value-wrapper-Color-Dark brown" option-data="Color" option-value="Dark brown" option-position="1" option-type="image" data-hidden="true"><img class="gp-shopify-image gp-h-full gp-object-cover gp-w-full gp-rounded-none"
                            src="https://gemx-uploader-customermediabackupbucket-1o3rph6fqnedn.s3.amazonaws.com/503471903491490922-6dd6d0e0-8b87-4cc0-a539-9f45a45d7ded.jpg" alt="">
                        </div>
                        <div
                          class="gp-relative gp-cursor-pointer gp-items-center gp-justify-center gp-text-center option-value-wrapper gp-overflow-hidden !gp-w-full gp-h-full data-[disabled='disabled']:gp-pointer-events-none data-[disabled='disabled']:!gp-cursor-not-allowed data-[hidden='true']:gp-hidden data-[hidden='false']:gp-flex active:gp-bg-g-bg-3 hover:gp-bg-g-bg-3 hover:gp-text-g-text-2 active:gp-text-g-text-2 gp-bg-g-bg-3 gp-text-g-text-2"
                          style="--hvr-bgc: var(--g-c-bg-3, bg-3); --bgc: var(--g-c-bg-3, bg-3); --ff: var(--g-font-Lato, 'Lato'), var(--g-font-body); --weight: 400; --size: 14px; --size-tablet: 14px; --size-mobile: 18px; --bblr: 999999px; --bbrr: 999999px; --btlr: 999999px; --btrr: 999999px; --hvr-bblr: 0px; --hvr-bbrr: 0px; --hvr-btlr: 0px; --hvr-btrr: 0px; --shadow: none; --hvr-shadow: none; --bs: solid; --hvr-bs: solid; --bw: 1px 1px 1px 1px; --hvr-bw: 1px 1px 1px 1px; --bc: var(--g-c-line-2, line-2); --hvr-bc: var(--g-c-line-3, line-3); --w: 100%; --h: 64px;"
                          id="value-wrapper-Color-Dark brown" option-data="Color" option-value="Dark brown" option-position="1" option-type="image_shopify" data-hidden="false"><img
                            class="gp-shopify-image gp-h-full gp-object-cover gp-w-full gp-rounded-none" src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-338044_200x.jpg?v=1710907799" alt="" style="width: 100%; height: 100%;">
                        </div>
                        <div
                          class="gp-relative gp-cursor-pointer gp-items-center gp-justify-center gp-text-center option-value-wrapper gp-overflow-hidden !gp-w-full gp-h-full data-[disabled='disabled']:gp-pointer-events-none data-[disabled='disabled']:!gp-cursor-not-allowed data-[hidden='true']:gp-hidden data-[hidden='false']:gp-flex active:gp-bg-g-bg-3 hover:gp-bg-g-bg-3 active:gp-text-g-text-2 hover:gp-text-g-text-2 gp-bg-g-bg-3 gp-text-g-text-2"
                          style="--hvr-bgc: var(--g-c-bg-3, bg-3); --bgc: var(--g-c-bg-3, bg-3); --ff: var(--g-font-Lato, 'Lato'), var(--g-font-body); --weight: 400; --size: 14px; --size-tablet: 14px; --size-mobile: 18px; --bblr: 999999px; --bbrr: 999999px; --btlr: 999999px; --btrr: 999999px; --hvr-bblr: 0px; --hvr-bbrr: 0px; --hvr-btlr: 0px; --hvr-btrr: 0px; --shadow: none; --hvr-shadow: none; --bs: solid; --hvr-bs: solid; --bw: 1px 1px 1px 1px; --hvr-bw: 1px 1px 1px 1px; --bc: var(--g-c-line-2, line-2); --hvr-bc: var(--g-c-line-3, line-3); --hvr-c: var(--g-c-text-2, text-2); --c: var(--g-c-text-2, text-2); --w: 100%; --h: 64px;"
                          id="value-wrapper-Color-Dark brown" option-data="Color" option-value="Dark brown" option-position="1" option-type="rectangle_list" data-hidden="true">
                          <div class="option-value gp-overflow-hidden gp-relative gp-h-full gp-w-full gp-flex gp-items-center gp-justify-center "
                            style="--pl: 0px; --pr: 0px; --pl-tablet: 0px; --pr-tablet: 0px; --pl-mobile: 0px; --pr-mobile: 0px; --pt: 0px; --pb: 0px;">
                            <span class="gp-text-center">Dark brown</span>
                          </div>
                        </div>
                      </div>
                    </label>
                    <label id="Color-Light Brown" for="7628853018820-gpvbTW7T3k-Color-1-3" class="gp-group gp-relative option-item" style="--w: 64px; --w-tablet: 64px; --w-mobile: 64px; --h: 64px;">
                      <div
                        class="gp-invisible !gp-max-w-[150px] gp-left-[50%] gp-translate-x-[-50%] gp-translate-y-0 gp-absolute gp-bottom-[calc(100%+20px)] gp-text-[12px] group-hover:gp-visible gp-w-max gp-bg-[#333333] gp-text-[#F9F9F9] gp-px-[8px] gp-py-[4px] gp-rounded-[8px] gp-mb-[-10px] after:gp-content-[''] after:gp-absolute after:gp-p-[7px] after:gp-left-0 after:gp-w-full after:gp-bottom-[-10px]">
                        <p class="gp-text-[#F9F9F9]">Light Brown</p>
                        <svg class="gp-absolute gp-left-[50%] gp-translate-x-[-50%] gp-translate-y-0 gp-z-10 gp-bottom-[-4px]" width="8" height="4" viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <path d="M8 10L0 0L16 1.41326e-06L8 10Z" fill="#333333"></path>
                        </svg>
                      </div>
                      <input checked="false" name="7628853018820-options-Color" id="7628853018820-gpvbTW7T3k-Color-1-3" value="Light Brown" type="radio" class="gp-sr-only gp-absolute gp-bottom-0 gp-right-0">
                      <span class="gp-sr-only">Light Brown</span>
                      <div class="option-item-inner gp-w-auto gp-h-auto">
                        <div
                          class="gp-relative gp-cursor-pointer gp-items-center gp-justify-center gp-text-center option-value-wrapper gp-overflow-hidden !gp-w-full gp-h-full data-[disabled='disabled']:gp-pointer-events-none data-[disabled='disabled']:!gp-cursor-not-allowed data-[hidden='true']:gp-hidden data-[hidden='false']:gp-flex  gp-p-[4px]"
                          style="--ff: var(--g-font-Lato, 'Lato'), var(--g-font-body); --weight: 400; --size: 14px; --size-tablet: 14px; --size-mobile: 18px; --bblr: 999999px; --bbrr: 999999px; --btlr: 999999px; --btrr: 999999px; --shadow: none; --hvr-shadow: none; --w: 100%; --h: 64px;"
                          id="value-wrapper-Color-Light Brown" option-data="Color" option-value="Light Brown" option-position="1" option-type="color" data-hidden="true">
                          <div
                            class="gp-relative gp-h-full gp-w-full gp-min-w-fit gp-flex gp-color-circle before:gp-hidden before:gp-absolute before:gp-top-[50%] before:-gp-rotate-45 before:gp-border-t before:gp-z-1 before:gp-content-[''] before:gp-w-full"
                            data-test="background-color: #987555"
                            style="background-color: rgb(152, 117, 85); --bblr: 999999px; --bbrr: 999999px; --btlr: 999999px; --btrr: 999999px; --hvr-bblr: 999999px; --hvr-bbrr: 999999px; --hvr-btlr: 999999px; --hvr-btrr: 999999px; --bw: 1px 1px 1px 1px; --hvr-bw: 1px 1px 1px 1px; --bc: line-2; --hvr-bc: line-3; --bs: solid; --hvr-bs: solid;">
                          </div>
                        </div>
                        <div
                          class="gp-relative gp-cursor-pointer gp-items-center gp-justify-center gp-text-center option-value-wrapper gp-overflow-hidden !gp-w-full gp-h-full data-[disabled='disabled']:gp-pointer-events-none data-[disabled='disabled']:!gp-cursor-not-allowed data-[hidden='true']:gp-hidden data-[hidden='false']:gp-flex active:gp-bg-g-bg-3 hover:gp-bg-g-bg-3 hover:gp-text-g-text-2 active:gp-text-g-text-2 gp-bg-g-bg-3 gp-text-g-text-2"
                          style="--hvr-bgc: var(--g-c-bg-3, bg-3); --bgc: var(--g-c-bg-3, bg-3); --ff: var(--g-font-Lato, 'Lato'), var(--g-font-body); --weight: 400; --size: 14px; --size-tablet: 14px; --size-mobile: 18px; --bblr: 999999px; --bbrr: 999999px; --btlr: 999999px; --btrr: 999999px; --hvr-bblr: 0px; --hvr-bbrr: 0px; --hvr-btlr: 0px; --hvr-btrr: 0px; --shadow: none; --hvr-shadow: none; --bs: solid; --hvr-bs: solid; --bw: 1px 1px 1px 1px; --hvr-bw: 1px 1px 1px 1px; --bc: var(--g-c-line-2, line-2); --hvr-bc: var(--g-c-line-3, line-3); --w: 100%; --h: 64px;"
                          id="value-wrapper-Color-Light Brown" option-data="Color" option-value="Light Brown" option-position="1" option-type="image" data-hidden="true"><img class="gp-shopify-image gp-h-full gp-object-cover gp-w-full gp-rounded-none"
                            src="https://ucarecdn.com/5caa7396-587a-4d82-98a1-d4483fc0dcac/-/format/auto/" alt="">
                        </div>
                        <div
                          class="gp-relative gp-cursor-pointer gp-items-center gp-justify-center gp-text-center option-value-wrapper gp-overflow-hidden !gp-w-full gp-h-full data-[disabled='disabled']:gp-pointer-events-none data-[disabled='disabled']:!gp-cursor-not-allowed data-[hidden='true']:gp-hidden data-[hidden='false']:gp-flex active:gp-bg-g-bg-3 hover:gp-bg-g-bg-3 hover:gp-text-g-text-2 active:gp-text-g-text-2 gp-bg-g-bg-3 gp-text-g-text-2"
                          style="--hvr-bgc: var(--g-c-bg-3, bg-3); --bgc: var(--g-c-bg-3, bg-3); --ff: var(--g-font-Lato, 'Lato'), var(--g-font-body); --weight: 400; --size: 14px; --size-tablet: 14px; --size-mobile: 18px; --bblr: 999999px; --bbrr: 999999px; --btlr: 999999px; --btrr: 999999px; --hvr-bblr: 0px; --hvr-bbrr: 0px; --hvr-btlr: 0px; --hvr-btrr: 0px; --shadow: none; --hvr-shadow: none; --bs: solid; --hvr-bs: solid; --bw: 1px 1px 1px 1px; --hvr-bw: 1px 1px 1px 1px; --bc: var(--g-c-line-2, line-2); --hvr-bc: var(--g-c-line-3, line-3); --w: 100%; --h: 64px;"
                          id="value-wrapper-Color-Light Brown" option-data="Color" option-value="Light Brown" option-position="1" option-type="image_shopify" data-hidden="false"><img
                            class="gp-shopify-image gp-h-full gp-object-cover gp-w-full gp-rounded-none" src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-238800_200x.jpg?v=1710907799" alt="" style="width: 100%; height: 100%;">
                        </div>
                        <div
                          class="gp-relative gp-cursor-pointer gp-items-center gp-justify-center gp-text-center option-value-wrapper gp-overflow-hidden !gp-w-full gp-h-full data-[disabled='disabled']:gp-pointer-events-none data-[disabled='disabled']:!gp-cursor-not-allowed data-[hidden='true']:gp-hidden data-[hidden='false']:gp-flex active:gp-bg-g-bg-3 hover:gp-bg-g-bg-3 active:gp-text-g-text-2 hover:gp-text-g-text-2 gp-bg-g-bg-3 gp-text-g-text-2"
                          style="--hvr-bgc: var(--g-c-bg-3, bg-3); --bgc: var(--g-c-bg-3, bg-3); --ff: var(--g-font-Lato, 'Lato'), var(--g-font-body); --weight: 400; --size: 14px; --size-tablet: 14px; --size-mobile: 18px; --bblr: 999999px; --bbrr: 999999px; --btlr: 999999px; --btrr: 999999px; --hvr-bblr: 0px; --hvr-bbrr: 0px; --hvr-btlr: 0px; --hvr-btrr: 0px; --shadow: none; --hvr-shadow: none; --bs: solid; --hvr-bs: solid; --bw: 1px 1px 1px 1px; --hvr-bw: 1px 1px 1px 1px; --bc: var(--g-c-line-2, line-2); --hvr-bc: var(--g-c-line-3, line-3); --hvr-c: var(--g-c-text-2, text-2); --c: var(--g-c-text-2, text-2); --w: 100%; --h: 64px;"
                          id="value-wrapper-Color-Light Brown" option-data="Color" option-value="Light Brown" option-position="1" option-type="rectangle_list" data-hidden="true">
                          <div class="option-value gp-overflow-hidden gp-relative gp-h-full gp-w-full gp-flex gp-items-center gp-justify-center "
                            style="--pl: 0px; --pr: 0px; --pl-tablet: 0px; --pr-tablet: 0px; --pl-mobile: 0px; --pr-mobile: 0px; --pt: 0px; --pb: 0px;">
                            <span class="gp-text-center">Light Brown</span>
                          </div>
                        </div>
                      </div>
                    </label>
                    <label id="Color-Purple" for="7628853018820-gpvbTW7T3k-Color-1-4" class="gp-group gp-relative option-item" style="--w: 64px; --w-tablet: 64px; --w-mobile: 64px; --h: 64px;">
                      <div
                        class="gp-invisible !gp-max-w-[150px] gp-left-[50%] gp-translate-x-[-50%] gp-translate-y-0 gp-absolute gp-bottom-[calc(100%+20px)] gp-text-[12px] group-hover:gp-visible gp-w-max gp-bg-[#333333] gp-text-[#F9F9F9] gp-px-[8px] gp-py-[4px] gp-rounded-[8px] gp-mb-[-10px] after:gp-content-[''] after:gp-absolute after:gp-p-[7px] after:gp-left-0 after:gp-w-full after:gp-bottom-[-10px]">
                        <p class="gp-text-[#F9F9F9]">Purple</p>
                        <svg class="gp-absolute gp-left-[50%] gp-translate-x-[-50%] gp-translate-y-0 gp-z-10 gp-bottom-[-4px]" width="8" height="4" viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <path d="M8 10L0 0L16 1.41326e-06L8 10Z" fill="#333333"></path>
                        </svg>
                      </div>
                      <input checked="false" name="7628853018820-options-Color" id="7628853018820-gpvbTW7T3k-Color-1-4" value="Purple" type="radio" class="gp-sr-only gp-absolute gp-bottom-0 gp-right-0">
                      <span class="gp-sr-only">Purple</span>
                      <div class="option-item-inner gp-w-auto gp-h-auto">
                        <div
                          class="gp-relative gp-cursor-pointer gp-items-center gp-justify-center gp-text-center option-value-wrapper gp-overflow-hidden !gp-w-full gp-h-full data-[disabled='disabled']:gp-pointer-events-none data-[disabled='disabled']:!gp-cursor-not-allowed data-[hidden='true']:gp-hidden data-[hidden='false']:gp-flex  gp-p-[4px]"
                          style="--ff: var(--g-font-Lato, 'Lato'), var(--g-font-body); --weight: 400; --size: 14px; --size-tablet: 14px; --size-mobile: 18px; --bblr: 999999px; --bbrr: 999999px; --btlr: 999999px; --btrr: 999999px; --shadow: none; --hvr-shadow: none; --w: 100%; --h: 64px;"
                          id="value-wrapper-Color-Purple" option-data="Color" option-value="Purple" option-position="1" option-type="color" data-hidden="true">
                          <div
                            class="gp-relative gp-h-full gp-w-full gp-min-w-fit gp-flex gp-color-circle before:gp-hidden before:gp-absolute before:gp-top-[50%] before:-gp-rotate-45 before:gp-border-t before:gp-z-1 before:gp-content-[''] before:gp-w-full"
                            data-test="background-color: #800080"
                            style="background-color: rgb(128, 0, 128); --bblr: 999999px; --bbrr: 999999px; --btlr: 999999px; --btrr: 999999px; --hvr-bblr: 999999px; --hvr-bbrr: 999999px; --hvr-btlr: 999999px; --hvr-btrr: 999999px; --bw: 1px 1px 1px 1px; --hvr-bw: 1px 1px 1px 1px; --bc: line-2; --hvr-bc: line-3; --bs: solid; --hvr-bs: solid;">
                          </div>
                        </div>
                        <div
                          class="gp-relative gp-cursor-pointer gp-items-center gp-justify-center gp-text-center option-value-wrapper gp-overflow-hidden !gp-w-full gp-h-full data-[disabled='disabled']:gp-pointer-events-none data-[disabled='disabled']:!gp-cursor-not-allowed data-[hidden='true']:gp-hidden data-[hidden='false']:gp-flex active:gp-bg-g-bg-3 hover:gp-bg-g-bg-3 hover:gp-text-g-text-2 active:gp-text-g-text-2 gp-bg-g-bg-3 gp-text-g-text-2"
                          style="--hvr-bgc: var(--g-c-bg-3, bg-3); --bgc: var(--g-c-bg-3, bg-3); --ff: var(--g-font-Lato, 'Lato'), var(--g-font-body); --weight: 400; --size: 14px; --size-tablet: 14px; --size-mobile: 18px; --bblr: 999999px; --bbrr: 999999px; --btlr: 999999px; --btrr: 999999px; --hvr-bblr: 0px; --hvr-bbrr: 0px; --hvr-btlr: 0px; --hvr-btrr: 0px; --shadow: none; --hvr-shadow: none; --bs: solid; --hvr-bs: solid; --bw: 1px 1px 1px 1px; --hvr-bw: 1px 1px 1px 1px; --bc: var(--g-c-line-2, line-2); --hvr-bc: var(--g-c-line-3, line-3); --w: 100%; --h: 64px;"
                          id="value-wrapper-Color-Purple" option-data="Color" option-value="Purple" option-position="1" option-type="image" data-hidden="true"><img class="gp-shopify-image gp-h-full gp-object-cover gp-w-full gp-rounded-none"
                            src="https://ucarecdn.com/45e613cf-f567-4eaa-b180-cd21f0cedf74/-/format/auto/" alt="">
                        </div>
                        <div
                          class="gp-relative gp-cursor-pointer gp-items-center gp-justify-center gp-text-center option-value-wrapper gp-overflow-hidden !gp-w-full gp-h-full data-[disabled='disabled']:gp-pointer-events-none data-[disabled='disabled']:!gp-cursor-not-allowed data-[hidden='true']:gp-hidden data-[hidden='false']:gp-flex active:gp-bg-g-bg-3 hover:gp-bg-g-bg-3 hover:gp-text-g-text-2 active:gp-text-g-text-2 gp-bg-g-bg-3 gp-text-g-text-2"
                          style="--hvr-bgc: var(--g-c-bg-3, bg-3); --bgc: var(--g-c-bg-3, bg-3); --ff: var(--g-font-Lato, 'Lato'), var(--g-font-body); --weight: 400; --size: 14px; --size-tablet: 14px; --size-mobile: 18px; --bblr: 999999px; --bbrr: 999999px; --btlr: 999999px; --btrr: 999999px; --hvr-bblr: 0px; --hvr-bbrr: 0px; --hvr-btlr: 0px; --hvr-btrr: 0px; --shadow: none; --hvr-shadow: none; --bs: solid; --hvr-bs: solid; --bw: 1px 1px 1px 1px; --hvr-bw: 1px 1px 1px 1px; --bc: var(--g-c-line-2, line-2); --hvr-bc: var(--g-c-line-3, line-3); --w: 100%; --h: 64px;"
                          id="value-wrapper-Color-Purple" option-data="Color" option-value="Purple" option-position="1" option-type="image_shopify" data-hidden="false"><img class="gp-shopify-image gp-h-full gp-object-cover gp-w-full gp-rounded-none"
                            src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-757799_200x.jpg?v=1710907799" alt="" style="width: 100%; height: 100%;">
                        </div>
                        <div
                          class="gp-relative gp-cursor-pointer gp-items-center gp-justify-center gp-text-center option-value-wrapper gp-overflow-hidden !gp-w-full gp-h-full data-[disabled='disabled']:gp-pointer-events-none data-[disabled='disabled']:!gp-cursor-not-allowed data-[hidden='true']:gp-hidden data-[hidden='false']:gp-flex active:gp-bg-g-bg-3 hover:gp-bg-g-bg-3 active:gp-text-g-text-2 hover:gp-text-g-text-2 gp-bg-g-bg-3 gp-text-g-text-2"
                          style="--hvr-bgc: var(--g-c-bg-3, bg-3); --bgc: var(--g-c-bg-3, bg-3); --ff: var(--g-font-Lato, 'Lato'), var(--g-font-body); --weight: 400; --size: 14px; --size-tablet: 14px; --size-mobile: 18px; --bblr: 999999px; --bbrr: 999999px; --btlr: 999999px; --btrr: 999999px; --hvr-bblr: 0px; --hvr-bbrr: 0px; --hvr-btlr: 0px; --hvr-btrr: 0px; --shadow: none; --hvr-shadow: none; --bs: solid; --hvr-bs: solid; --bw: 1px 1px 1px 1px; --hvr-bw: 1px 1px 1px 1px; --bc: var(--g-c-line-2, line-2); --hvr-bc: var(--g-c-line-3, line-3); --hvr-c: var(--g-c-text-2, text-2); --c: var(--g-c-text-2, text-2); --w: 100%; --h: 64px;"
                          id="value-wrapper-Color-Purple" option-data="Color" option-value="Purple" option-position="1" option-type="rectangle_list" data-hidden="true">
                          <div class="option-value gp-overflow-hidden gp-relative gp-h-full gp-w-full gp-flex gp-items-center gp-justify-center "
                            style="--pl: 0px; --pr: 0px; --pl-tablet: 0px; --pr-tablet: 0px; --pl-mobile: 0px; --pr-mobile: 0px; --pt: 0px; --pb: 0px;">
                            <span class="gp-text-center">Purple</span>
                          </div>
                        </div>
                      </div>
                    </label>
                    <label id="Color-Red" for="7628853018820-gpvbTW7T3k-Color-1-5" class="gp-group gp-relative option-item" style="--w: 64px; --w-tablet: 64px; --w-mobile: 64px; --h: 64px;">
                      <div
                        class="gp-invisible !gp-max-w-[150px] gp-left-[50%] gp-translate-x-[-50%] gp-translate-y-0 gp-absolute gp-bottom-[calc(100%+20px)] gp-text-[12px] group-hover:gp-visible gp-w-max gp-bg-[#333333] gp-text-[#F9F9F9] gp-px-[8px] gp-py-[4px] gp-rounded-[8px] gp-mb-[-10px] after:gp-content-[''] after:gp-absolute after:gp-p-[7px] after:gp-left-0 after:gp-w-full after:gp-bottom-[-10px]">
                        <p class="gp-text-[#F9F9F9]">Red</p>
                        <svg class="gp-absolute gp-left-[50%] gp-translate-x-[-50%] gp-translate-y-0 gp-z-10 gp-bottom-[-4px]" width="8" height="4" viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <path d="M8 10L0 0L16 1.41326e-06L8 10Z" fill="#333333"></path>
                        </svg>
                      </div>
                      <input checked="false" name="7628853018820-options-Color" id="7628853018820-gpvbTW7T3k-Color-1-5" value="Red" type="radio" class="gp-sr-only gp-absolute gp-bottom-0 gp-right-0">
                      <span class="gp-sr-only">Red</span>
                      <div class="option-item-inner gp-w-auto gp-h-auto">
                        <div
                          class="gp-relative gp-cursor-pointer gp-items-center gp-justify-center gp-text-center option-value-wrapper gp-overflow-hidden !gp-w-full gp-h-full data-[disabled='disabled']:gp-pointer-events-none data-[disabled='disabled']:!gp-cursor-not-allowed data-[hidden='true']:gp-hidden data-[hidden='false']:gp-flex  gp-p-[4px]"
                          style="--ff: var(--g-font-Lato, 'Lato'), var(--g-font-body); --weight: 400; --size: 14px; --size-tablet: 14px; --size-mobile: 18px; --bblr: 999999px; --bbrr: 999999px; --btlr: 999999px; --btrr: 999999px; --shadow: none; --hvr-shadow: none; --w: 100%; --h: 64px;"
                          id="value-wrapper-Color-Red" option-data="Color" option-value="Red" option-position="1" option-type="color" data-hidden="true">
                          <div
                            class="gp-relative gp-h-full gp-w-full gp-min-w-fit gp-flex gp-color-circle before:gp-hidden before:gp-absolute before:gp-top-[50%] before:-gp-rotate-45 before:gp-border-t before:gp-z-1 before:gp-content-[''] before:gp-w-full"
                            data-test="background-color: #FF0000"
                            style="background-color: rgb(255, 0, 0); --bblr: 999999px; --bbrr: 999999px; --btlr: 999999px; --btrr: 999999px; --hvr-bblr: 999999px; --hvr-bbrr: 999999px; --hvr-btlr: 999999px; --hvr-btrr: 999999px; --bw: 1px 1px 1px 1px; --hvr-bw: 1px 1px 1px 1px; --bc: line-2; --hvr-bc: line-3; --bs: solid; --hvr-bs: solid;">
                          </div>
                        </div>
                        <div
                          class="gp-relative gp-cursor-pointer gp-items-center gp-justify-center gp-text-center option-value-wrapper gp-overflow-hidden !gp-w-full gp-h-full data-[disabled='disabled']:gp-pointer-events-none data-[disabled='disabled']:!gp-cursor-not-allowed data-[hidden='true']:gp-hidden data-[hidden='false']:gp-flex active:gp-bg-g-bg-3 hover:gp-bg-g-bg-3 hover:gp-text-g-text-2 active:gp-text-g-text-2 gp-bg-g-bg-3 gp-text-g-text-2"
                          style="--hvr-bgc: var(--g-c-bg-3, bg-3); --bgc: var(--g-c-bg-3, bg-3); --ff: var(--g-font-Lato, 'Lato'), var(--g-font-body); --weight: 400; --size: 14px; --size-tablet: 14px; --size-mobile: 18px; --bblr: 999999px; --bbrr: 999999px; --btlr: 999999px; --btrr: 999999px; --hvr-bblr: 0px; --hvr-bbrr: 0px; --hvr-btlr: 0px; --hvr-btrr: 0px; --shadow: none; --hvr-shadow: none; --bs: solid; --hvr-bs: solid; --bw: 1px 1px 1px 1px; --hvr-bw: 1px 1px 1px 1px; --bc: var(--g-c-line-2, line-2); --hvr-bc: var(--g-c-line-3, line-3); --w: 100%; --h: 64px;"
                          id="value-wrapper-Color-Red" option-data="Color" option-value="Red" option-position="1" option-type="image" data-hidden="true"><img class="gp-shopify-image gp-h-full gp-object-cover gp-w-full gp-rounded-none"
                            src="https://ucarecdn.com/4d07d459-8fd7-4d77-8e1c-e94c66d61db7/-/format/auto/" alt="">
                        </div>
                        <div
                          class="gp-relative gp-cursor-pointer gp-items-center gp-justify-center gp-text-center option-value-wrapper gp-overflow-hidden !gp-w-full gp-h-full data-[disabled='disabled']:gp-pointer-events-none data-[disabled='disabled']:!gp-cursor-not-allowed data-[hidden='true']:gp-hidden data-[hidden='false']:gp-flex active:gp-bg-g-bg-3 hover:gp-bg-g-bg-3 hover:gp-text-g-text-2 active:gp-text-g-text-2 gp-bg-g-bg-3 gp-text-g-text-2"
                          style="--hvr-bgc: var(--g-c-bg-3, bg-3); --bgc: var(--g-c-bg-3, bg-3); --ff: var(--g-font-Lato, 'Lato'), var(--g-font-body); --weight: 400; --size: 14px; --size-tablet: 14px; --size-mobile: 18px; --bblr: 999999px; --bbrr: 999999px; --btlr: 999999px; --btrr: 999999px; --hvr-bblr: 0px; --hvr-bbrr: 0px; --hvr-btlr: 0px; --hvr-btrr: 0px; --shadow: none; --hvr-shadow: none; --bs: solid; --hvr-bs: solid; --bw: 1px 1px 1px 1px; --hvr-bw: 1px 1px 1px 1px; --bc: var(--g-c-line-2, line-2); --hvr-bc: var(--g-c-line-3, line-3); --w: 100%; --h: 64px;"
                          id="value-wrapper-Color-Red" option-data="Color" option-value="Red" option-position="1" option-type="image_shopify" data-hidden="false"><img class="gp-shopify-image gp-h-full gp-object-cover gp-w-full gp-rounded-none"
                            src="//trynovahair.com/cdn/shop/products/novahair-color-shampoo-265854_200x.jpg?v=1710907799" alt="" style="width: 100%; height: 100%;">
                        </div>
                        <div
                          class="gp-relative gp-cursor-pointer gp-items-center gp-justify-center gp-text-center option-value-wrapper gp-overflow-hidden !gp-w-full gp-h-full data-[disabled='disabled']:gp-pointer-events-none data-[disabled='disabled']:!gp-cursor-not-allowed data-[hidden='true']:gp-hidden data-[hidden='false']:gp-flex active:gp-bg-g-bg-3 hover:gp-bg-g-bg-3 active:gp-text-g-text-2 hover:gp-text-g-text-2 gp-bg-g-bg-3 gp-text-g-text-2"
                          style="--hvr-bgc: var(--g-c-bg-3, bg-3); --bgc: var(--g-c-bg-3, bg-3); --ff: var(--g-font-Lato, 'Lato'), var(--g-font-body); --weight: 400; --size: 14px; --size-tablet: 14px; --size-mobile: 18px; --bblr: 999999px; --bbrr: 999999px; --btlr: 999999px; --btrr: 999999px; --hvr-bblr: 0px; --hvr-bbrr: 0px; --hvr-btlr: 0px; --hvr-btrr: 0px; --shadow: none; --hvr-shadow: none; --bs: solid; --hvr-bs: solid; --bw: 1px 1px 1px 1px; --hvr-bw: 1px 1px 1px 1px; --bc: var(--g-c-line-2, line-2); --hvr-bc: var(--g-c-line-3, line-3); --hvr-c: var(--g-c-text-2, text-2); --c: var(--g-c-text-2, text-2); --w: 100%; --h: 64px;"
                          id="value-wrapper-Color-Red" option-data="Color" option-value="Red" option-position="1" option-type="rectangle_list" data-hidden="true">
                          <div class="option-value gp-overflow-hidden gp-relative gp-h-full gp-w-full gp-flex gp-items-center gp-justify-center "
                            style="--pl: 0px; --pr: 0px; --pl-tablet: 0px; --pr-tablet: 0px; --pl-mobile: 0px; --pr-mobile: 0px; --pt: 0px; --pb: 0px;">
                            <span class="gp-text-center">Red</span>
                          </div>
                        </div>
                      </div>
                    </label>
                  </div>
                </div>
              </div>
            </gp-product-variants>
            <script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-product-variant-v3.js?v=1721319288115" defer="defer"></script>
          </div>
          <div parenttag="Col" class="goGZ1WKK_l "
            style="--tt:default;--ta:left;--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--op-mobile:100%;--radius:var(--g-radius-small);--mb:var(--g-s-l);--mt-mobile:-6px">
            <div class="gp-flex" style="--jc:left">
              <div data-gp-text="" class="[&amp;_p]:gp-inline [&amp;_p]:after:gp-whitespace-pre-wrap [&amp;_p]:after:gp-content-['\A'] gp-text"
                style="--w:100%;--w-tablet:100%;--w-mobile:100%;--ts:none;--ta:left;--line-clamp:0;--line-clamp-tablet:0;--line-clamp-mobile:0;--c:#121212;--ff:var(--g-font-Lato, 'Lato'), var(--g-font-body, body);--lh:180%;--size:18px;--size-tablet:16px;--size-mobile:18px;--weight:bold;word-break:break-word;overflow:hidden">
                <p>Quantity</p>
              </div>
            </div>
          </div>
          <div style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-small);--mb:19px;--mb-mobile:19px" class="gPPGl8Q3WS "><gp-product-quantity data-disabled="false"
              data-price="" class="quantityClass gp-relative gp-inline-flex gp-w-full gp-bg-transparent gp-transition-all gp-duration-150 data-[disabled=true]:gp-opacity-60 " style="--h:48px;--jc:left">
              <button title="Decrement" aria-label="decrement" class="!gp-border-r-0 gp-bg-g-bg-3 gp-minus gp-flex gp-aspect-square gp-h-full gp-cursor-pointer gp-items-center gp-justify-center gp-outline-none disabled:gp-cursor-not-allowed"
                style="--w:48px;--bg:var(--g-c-bg-3, bg-3);--c:#575757;--bs:solid;--bw:1px 1px 1px 1px;--bc:#E0E0E0;--bblr:6px;--bbrr:auto;--btlr:6px;--btrr:auto;--hvr-bblr:6px;--hvr-btlr:6px">
                <span class="gp-inline-flex gp-items-center gp-justify-center" style="--w:21px;--w-tablet:21px;--w-mobile:21px">
                  <svg xmlns="http://www.w3.org/2000/svg" class="gp-h-full gp-w-full" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 12H6"></path>
                  </svg>
                </span>
              </button>
              <input type="text" name="product-quantity"
                class="gp-bg-g-bg-3 !gp-border-x-0 gp-px-4 gp-flex gp-shadow-none gp-appearance-none gp-items-center gp-border-y gp-text-center gp-outline-none gp-transition-all gp-duration-150 hover:gp-text-black disabled:gp-pointer-events-none gp-h-auto gp-rounded-none gp-shrink-[99999] gp-w-full gp-min-w-[45px]"
                style="--maxw:50px;--maxw-tablet:50px;--maxw-mobile:50px;--fs:normal;--ff:var(--g-font-Open-Sans, 'Open Sans'), var(--g-font-body, body);--weight:400;--ls:normal;--lh:150%;--size:16px;--size-tablet:16px;--size-mobile:14px;--c:#242424;--bg:var(--g-c-bg-3, bg-3);--bs:solid;--bw:1px 1px 1px 1px;--bc:#E0E0E0"
                aria-label="Quantity" inputmode="numeric" min="1" step="1" value="1" autocomplete="off">
              <button aria-label="increment" title="Increment"
                class="!gp-border-l-0 gp-bg-g-bg-3 gp-plus gp-flex gp-aspect-square gp-h-full gp-cursor-pointer gp-items-center gp-justify-center gp-outline-none gp-transition-all gp-duration-150 disabled:gp-pointer-events-none"
                style="--w:48px;--bg:var(--g-c-bg-3, bg-3);--c:#575757;--bs:solid;--bw:1px 1px 1px 1px;--bc:#E0E0E0;--bblr:auto;--bbrr:6px;--btlr:auto;--btrr:6px;--hvr-bbrr:6px;--hvr-btrr:6px">
                <span class="gp-inline-flex gp-items-center gp-justify-center" style="--w:21px;--w-tablet:21px;--w-mobile:21px">
                  <svg xmlns="http://www.w3.org/2000/svg" class="gp-h-full gp-w-full" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"></path>
                  </svg>
                </span>
              </button>
            </gp-product-quantity>
            <script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-product-quantity.js?v=1721319288115" defer="defer"></script>
          </div><gp-product-button class="gp-product-button"
            gp-data="{&quot;setting&quot;:{&quot;actionEffect&quot;:&quot;buy-now&quot;,&quot;errorMessage&quot;:&quot;Cannot add product to cart&quot;,&quot;successMessage&quot;:&quot;Add product to cart successfully&quot;,&quot;label&quot;:&quot;BUY NOW&quot;,&quot;outOfStockLabel&quot;:&quot;Out of stock&quot;,&quot;customURL&quot;:{}},&quot;styles&quot;:{&quot;errorTypo&quot;:{&quot;type&quot;:&quot;paragraph-1&quot;},&quot;successTypo&quot;:{&quot;type&quot;:&quot;paragraph-1&quot;}},&quot;disabled&quot;:&quot;true&quot;,&quot;variantID&quot;:&quot;43017118220484&quot;,&quot;totalVariant&quot;:&quot;5&quot;}"
            style="">
            <gp-button style="">
              <div style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--bblr:0px;--bbrr:0px;--btlr:0px;--btrr:0px;--ta:left" class="">
                <style>
                  .gLxht0Fze_.gp-button-base::before {
                    content: "";
                    height: 100%;
                    width: 100%;
                    position: absolute;
                    pointer-events: none;
                    border-style: solid;
                    border-width: 1px 1px 1px 1px;
                    border-color: #242424;
                    border-radius: var(--g-radius-medium);
                  }

                  .gLxht0Fze_:hover::before {
                    border-style: solid;
                    border-width: 1px 1px 1px 1px;
                    border-color: #242424;
                    border-radius: var(--g-radius-medium);
                  }
                </style>
                <button type="button" data-id="gLxht0Fze_" aria-label="BUY NOW" data-state="idle"
                  class="gLxht0Fze_ gp-button-base gp-rounded-none gp-max-w-full gp-relative gp-group gp-inline-flex gp-items-center gp-justify-center gp-no-underline gp-transition-colors gp-duration-300 disabled:gp-btn-disabled disabled:gp-opacity-30 disabled:gp-pointer-events-none gp-button-atc"
                  style="--hvr-bg:#29465B;--bg:#29465B;--radius:var(--g-radius-medium);--hvr-radius:var(--g-radius-medium);--hvr-c:#FFFFFF;--c:#FFFFFF;--pl:32px;--pr:32px;--pt:11px;--pb:11px;--pl-tablet:32px;--pr-tablet:32px;--pt-tablet:11px;--pb-tablet:11px;--pl-mobile:28px;--pr-mobile:28px;--pt-mobile:10px;--pb-mobile:10px;--w:100%;--w-tablet:100%;--w-mobile:100%;--h:Auto;--h-tablet:Auto;--h-mobile:Auto;--fs:normal;--ff:var(--g-font-Poppins, 'Poppins'), var(--g-font-body, body);--weight:700;--ls:normal;--lh:150%;--size:22px;--size-tablet:16px;--size-mobile:22px">
                  <svg class="gp-invisible gp-absolute gp-h-5 gp-w-5 group-data-[state=loading]:gp-animate-spin group-data-[state=loading]:gp-visible" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
                    <circle class="gp-opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
                    <path class="gp-opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
                  </svg>
                  <span class="gp-break-words group-data-[state=loading]:gp-invisible [&amp;_p]:gp-whitespace-pre-line gp-z-1 gp-h-full gp-flex gp-items-center gp-overflow-hidden " style=""> BUY NOW </span>
                </button>
              </div>
            </gp-button>
            <gp-button style="">
              <div style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--bblr:0px;--bbrr:0px;--btlr:0px;--btrr:0px;--ta:left" class="!gp-hidden">
                <style>
                  .gLxht0Fze_.gp-button-base::before {
                    content: "";
                    height: 100%;
                    width: 100%;
                    position: absolute;
                    pointer-events: none;
                    border-style: solid;
                    border-width: 1px 1px 1px 1px;
                    border-color: #242424;
                    border-radius: var(--g-radius-medium);
                  }

                  .gLxht0Fze_:hover::before {
                    border-style: solid;
                    border-width: 1px 1px 1px 1px;
                    border-color: #242424;
                    border-radius: var(--g-radius-medium);
                  }
                </style>
                <button type="button" data-id="gLxht0Fze_" aria-label="Out of stock" data-state="idle"
                  class="gLxht0Fze_ gp-button-base gp-rounded-none gp-max-w-full gp-relative gp-group gp-inline-flex gp-items-center gp-justify-center gp-no-underline gp-transition-colors gp-duration-300 disabled:gp-btn-disabled disabled:gp-opacity-30 disabled:gp-pointer-events-none gp-button-sold-out btn-disabled gp-opacity-30 gp-pointer-events-none"
                  style="--hvr-bg:#29465B;--bg:#29465B;--radius:var(--g-radius-medium);--hvr-radius:var(--g-radius-medium);--hvr-c:#FFFFFF;--c:#FFFFFF;--pl:32px;--pr:32px;--pt:11px;--pb:11px;--pl-tablet:32px;--pr-tablet:32px;--pt-tablet:11px;--pb-tablet:11px;--pl-mobile:28px;--pr-mobile:28px;--pt-mobile:10px;--pb-mobile:10px;--w:100%;--w-tablet:100%;--w-mobile:100%;--h:Auto;--h-tablet:Auto;--h-mobile:Auto;--fs:normal;--ff:var(--g-font-Poppins, 'Poppins'), var(--g-font-body, body);--weight:700;--ls:normal;--lh:150%;--size:22px;--size-tablet:16px;--size-mobile:22px">
                  <svg class="gp-invisible gp-absolute gp-h-5 gp-w-5 group-data-[state=loading]:gp-animate-spin group-data-[state=loading]:gp-visible" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
                    <circle class="gp-opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
                    <path class="gp-opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
                  </svg>
                  <span class="gp-break-words group-data-[state=loading]:gp-invisible [&amp;_p]:gp-whitespace-pre-line gp-z-1 gp-h-full gp-flex gp-items-center gp-overflow-hidden " style=""> Out of stock </span>
                </button>
              </div>
            </gp-button>
          </gp-product-button>
          <script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-product-button.js?v=1721319288115" defer="defer"></script>
          <div style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-none);--mt:8px" class="gzhG36Qe3L "><gp-product-dynamic class=""
              gp-data="{&quot;setting&quot;:{&quot;label&quot;:&quot;Buy it now&quot;}}">
              <div
                class="gp-block wrap__button--unbranded__gzhG36Qe3L [&amp;_.shopify-payment-button\_\_button--unbranded]:gp-truncate [&amp;_.shopify-payment-button\_\_button--unbranded]:gp-min-h-fit disabled:[&amp;_.shopify-payment-button\_\_button--unbranded]:gp-pointer-events-none [&amp;_.shopify-payment-button\_\_button--unbranded]:!gp-g-paragraph-1 [&amp;_.shopify-payment-button\_\_button--unbranded]:!gp-g-s-medium [&amp;_.shopify-payment-button\_\_button--unbranded]:gp-text-g-text-3">
                <div data-shopify="payment-button" data-has-selling-plan="false" data-has-fixed-selling-plan="false" data-customer-accounts-required="false" class="shopify-payment-button"><button
                    class="shopify-payment-button__button shopify-payment-button__button--unbranded shopify-payment-button__button--hidden" disabled="disabled" aria-hidden="true">Buy it now</button><button
                    class="shopify-payment-button__more-options shopify-payment-button__button--hidden" disabled="disabled" aria-hidden="true">&nbsp;</button></div>
              </div>
              <style data-shopify="">
                .wrap__button--unbranded__gzhG36Qe3L {
                  text-align: left !important;
                }

                .wrap__button--unbranded__gzhG36Qe3L .shopify-payment-button {
                  display: inline-block;
                  width: 100%;
                  height: Auto;
                }

                .wrap__button--unbranded__gzhG36Qe3L .shopify-payment-button div {
                  width: 100%;
                  margin-top: 0px !important;
                }

                .wrap__button--unbranded__gzhG36Qe3L .shopify-payment-button .shopify-payment-button__more-options {
                  display: none;
                }

                .wrap__button--unbranded__gzhG36Qe3L .shopify-payment-button .shopify-payment-button__button--unbranded {
                  max-width: 100%;
                  min-width: unset;
                  background-color: unset !important;
                  position: relative;
                  border: none !important;
                  margin: 0;
                  z-index: 0;
                  border-radius: unset;
                  width: 100%;
                  color: var(--g-c-text-3, text-3) !important;
                  padding-top: 8px !important;
                  ;
                  padding-bottom: 8px !important;
                  ;
                  padding-left: 24px !important;
                  ;
                  padding-right: 24px !important;
                  ;
                }

                .wrap__button--unbranded__gzhG36Qe3L .shopify-payment-button .shopify-payment-button__button--unbranded::before {
                  content: "";
                  height: 100%;
                  width: 100%;
                  position: absolute;
                  top: 0;
                  left: 0;
                  pointer-events: none;
                  z-index: -1;
                  border-style: none;
                  border-width: 1px 1px 1px 1px;
                  background-color: var(--g-c-brand, brand) !important;
                }

                .wrap__button--unbranded__gzhG36Qe3L .shopify-payment-button .shopify-payment-button__button--unbranded:hover {}

                .wrap__button--unbranded__gzhG36Qe3L .shopify-payment-button .shopify-payment-button__button--unbranded:hover::before {
                  border-style: none;
                  border-width: 1px 1px 1px 1px;
                  background-color: var(--g-c-highlight, highlight) !important;
                }

                .wrap__button--unbranded__gzhG36Qe3L .shopify-payment-button .shopify-payment-button__button--unbranded::after {
                  border-radius: 0;
                  box-shadow: none;
                }

                .wrap__button--unbranded__gzhG36Qe3L .shopify-payment-button .shopify-payment-button__button--unbranded::after:hover {
                  border-radius: 0;
                  box-shadow: none;
                }

                .wrap__button--unbranded__gzhG36Qe3L .shopify-payment-button>div {
                  max-width: 100%;
                }

                .wrap__button--unbranded__gzhG36Qe3L .shopify-payment-button>div>div {
                  max-width: 100%;
                }

                @media only screen and (max-width: 1023px) and (min-width: 768px) {
                  .wrap__button--unbranded__gzhG36Qe3L {}

                  .wrap__button--unbranded__gzhG36Qe3L .shopify-payment-button {
                    width: 100% !important;
                    ;
                    height: Auto !important;
                    ;
                  }

                  .wrap__button--unbranded__gzhG36Qe3L .shopify-payment-button .shopify-payment-button__button--unbranded {
                    width: 100%;
                    padding-top: ;
                    padding-bottom: ;
                    padding-left: ;
                    padding-right: ;
                  }
                }

                @media only screen and (max-width: 767px) {
                  .wrap__button--unbranded__gzhG36Qe3L {}

                  .wrap__button--unbranded__gzhG36Qe3L .shopify-payment-button {
                    width: 100% !important;
                    ;
                    height: Auto !important;
                    ;
                  }

                  .wrap__button--unbranded__gzhG36Qe3L .shopify-payment-button .shopify-payment-button__button--unbranded {
                    width: 100%;
                    padding-top: ;
                    padding-bottom: ;
                    padding-left: ;
                    padding-right: ;
                  }
                }
              </style>
            </gp-product-dynamic>
            <script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-product-dynamic.js?v=1721319288115" defer="defer"></script>
          </div>
        </div>
      </div>
      <div parenttag="Col" class="g4XT_oxp19 "
        style="--ta:left;--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-none);--mt:4px;--mb:0px;--pl:30px;--pr:20px;--mt-mobile:4px;--mb-mobile:0px;--pl-mobile:20px;--pr-mobile:20px">
        <div class="gp-flex" style="--jc:left">
          <div data-gp-text="" class="[&amp;_p]:gp-inline [&amp;_p]:after:gp-whitespace-pre-wrap [&amp;_p]:after:gp-content-['\A'] gp-text"
            style="--w:100%;--w-tablet:100%;--w-mobile:100%;--ta:center;--ta-tablet:center;--line-clamp:unset;--line-clamp-tablet:unset;--line-clamp-mobile:unset;--ff:var(--g-font-Lato, 'Lato'), var(--g-font-body, body);--weight:400;--lh:180%;--size:16px;--size-tablet:16px;--size-mobile:14px;--c:#121212;word-break:break-word;--bgc:transparent;--bgi:url();--bgp:50% 50%;--bgs:cover;--bgr:no-repeat;--bga:scroll;overflow:hidden">
            <p><strong>30 Day Money-Back-Guarantee.</strong> If it doesn't work for you we'll refund the product and you get to keep it.</p>
          </div>
        </div>
      </div>
      <div
        style="--d:block;--d-tablet:block;--d-mobile:block;--b:solid;--bc:#121212;--bw:0px;--radius:var(--g-radius-none);--shadow:none;--op:100%;--op-mobile:100%;--animation:[object Object];--mb:0px;--bgc:transparent;--bgi:url();--bgp:50% 50%;--bgs:cover;--bgr:no-repeat;--bga:scroll;--ta:left"
        data-keep-class="true" class="gsT8N2x0CE ">
        <div>
          <script>
            window.customBundleBearProductId = 7628853018820;
          </script>
          <div class="cb-bundles"></div>
        </div>
      </div>
      <div style="--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-none)" class="gZy69U5mlw ">
        <gp-accordion uid="gZy69U5mlw" class="gp-flex gp-w-full gp-flex-col " style="--gg:16px;--bgr:function (n) {
                return new Array(1 + n).join(this);
            }"
          gp-data="{&quot;setting&quot;:{&quot;iconSvg&quot;:&quot;<svg width=\&quot;17\&quot; height=\&quot;16\&quot; viewBox=\&quot;0 0 17 16\&quot; fill=\&quot;none\&quot; xmlns=\&quot;http://www.w3.org/2000/svg\&quot;>\n                  <path d=\&quot;M5.64645 2.64645C5.84171 2.45118 6.15829 2.45118 6.35355 2.64645L11.3536 7.64645C11.5488 7.84171 11.5488 8.15829 11.3536 8.35355L6.35355 13.3536C6.15829 13.5488 5.84171 13.5488 5.64645 13.3536C5.45118 13.1583 5.45118 12.8417 5.64645 12.6464L10.2929 8L5.64645 3.35355C5.45118 3.15829 5.45118 2.84171 5.64645 2.64645Z\&quot; fill=\&quot;currentColor\&quot;/>\n                  </svg>&quot;,&quot;isIconPlus&quot;:false,&quot;activeKey&quot;:&quot;1&quot;,&quot;expanded&quot;:true,&quot;expandItem&quot;:true,&quot;iconPosition&quot;:&quot;right&quot;,&quot;iconGlobalSize&quot;:{&quot;desktop&quot;:{&quot;gap&quot;:&quot;16px&quot;}},&quot;iconCollapse&quot;:&quot;\n          <svg height=\&quot;100%\&quot; width=\&quot;100%\&quot; xmlns=\&quot;http://www.w3.org/2000/svg\&quot; classname=\&quot;w-6 h-6\&quot; viewBox=\&quot;0 0 512 512\&quot; fill=\&quot;currentColor\&quot;>\n              <path fill=\&quot;currentColor\&quot; strokelinecap=\&quot;round\&quot; strokelinejoin=\&quot;round\&quot; d=\&quot;M231.917 356.477L78.4378 181.072C60.3335 160.381 75.0272 128 102.52 128H409.479C436.972 128 451.666 160.381 433.562 181.072L280.082 356.477C267.333 371.048 244.666 371.048 231.917 356.477Z\&quot;></path></svg>\n          &quot;,&quot;iconExpand&quot;:&quot;\n          <svg height=\&quot;100%\&quot; width=\&quot;100%\&quot; xmlns=\&quot;http://www.w3.org/2000/svg\&quot; classname=\&quot;w-6 h-6\&quot; viewBox=\&quot;0 0 512 512\&quot; fill=\&quot;currentColor\&quot;>\n              <path fill=\&quot;currentColor\&quot; strokelinecap=\&quot;round\&quot; strokelinejoin=\&quot;round\&quot; d=\&quot;m231.904 155.52 -153.472 175.392c-18.112 20.704 -3.392 53.088 24.096 53.088h306.944a32 32 0 0 0 24.096 -53.088l-153.472 -175.36a32 32 0 0 0 -48.192 0z\&quot;></path></svg>&quot;,&quot;iconCollapseSize&quot;:16,&quot;layoutHeader&quot;:&quot;text-only&quot;,&quot;expandedMode&quot;:&quot;multiple&quot;,&quot;configIconSize&quot;:16,&quot;parentUid&quot;:&quot;gZy69U5mlw&quot;,&quot;childListNumber&quot;:[&quot;0&quot;],&quot;chidlrenUid&quot;:[&quot;g_18ulEBpD&quot;,&quot;gtqbqgH37W&quot;,&quot;gZWtZ-NMUd&quot;]},&quot;styles&quot;:{&quot;bgColor&quot;:{&quot;active&quot;:&quot;transparent&quot;,&quot;hover&quot;:&quot;transparent&quot;,&quot;normal&quot;:&quot;transparent&quot;},&quot;color&quot;:{&quot;active&quot;:&quot;#121212&quot;,&quot;hover&quot;:&quot;#121212&quot;,&quot;normal&quot;:&quot;#121212&quot;},&quot;headerBorder&quot;:{&quot;active&quot;:{&quot;border&quot;:&quot;solid&quot;,&quot;borderWidth&quot;:&quot;Mixed&quot;,&quot;color&quot;:&quot;#121212&quot;,&quot;isCustom&quot;:true,&quot;position&quot;:&quot;bottom&quot;,&quot;width&quot;:&quot;0px 0px 1px 0px&quot;},&quot;hover&quot;:{&quot;border&quot;:&quot;solid&quot;,&quot;borderWidth&quot;:&quot;Mixed&quot;,&quot;color&quot;:&quot;#121212&quot;,&quot;isCustom&quot;:true,&quot;position&quot;:&quot;bottom&quot;,&quot;width&quot;:&quot;0px 0px 1px 0px&quot;},&quot;normal&quot;:{&quot;border&quot;:&quot;solid&quot;,&quot;borderWidth&quot;:&quot;Mixed&quot;,&quot;color&quot;:&quot;#121212&quot;,&quot;isCustom&quot;:true,&quot;position&quot;:&quot;bottom&quot;,&quot;width&quot;:&quot;0px 0px 1px 0px&quot;}},&quot;textColor&quot;:{&quot;active&quot;:&quot;#121212&quot;,&quot;hover&quot;:&quot;#121212&quot;,&quot;normal&quot;:&quot;#121212&quot;},&quot;iconColor&quot;:{&quot;active&quot;:&quot;#121212&quot;,&quot;hover&quot;:&quot;#121212&quot;,&quot;normal&quot;:&quot;#121212&quot;},&quot;contentSizePadding&quot;:{&quot;desktop&quot;:{&quot;gap&quot;:&quot;16px&quot;,&quot;padding&quot;:{&quot;bottom&quot;:&quot;8px&quot;,&quot;left&quot;:&quot;24px&quot;,&quot;right&quot;:&quot;24px&quot;,&quot;top&quot;:&quot;8px&quot;,&quot;type&quot;:&quot;medium&quot;}}},&quot;headerContentPadding&quot;:{&quot;desktop&quot;:{&quot;padding&quot;:{&quot;bottom&quot;:&quot;8px&quot;,&quot;left&quot;:&quot;24px&quot;,&quot;right&quot;:&quot;24px&quot;,&quot;top&quot;:&quot;8px&quot;,&quot;type&quot;:&quot;medium&quot;}}},&quot;widthHeightSize&quot;:{&quot;desktop&quot;:{&quot;height&quot;:&quot;auto&quot;,&quot;width&quot;:&quot;100%&quot;}}},&quot;uid&quot;:&quot;gZy69U5mlw&quot;}">
          <div class="gp-hidden gp-rotate-90 -gp-rotate-90 gp-rotate-180"></div>
          <div class="gp-flex" style="--jc:center">
            <div class="gp-overflow-clip" style="--w:100%;--w-tablet:100%;--w-mobile:100%;--height-iconCollapseSize:16px;--height-configIconSize:16px;--bs:none;--bw:1px 1px 1px 1px;--bc:#000000;--bg:transparent;--shadow:none">
              <div data-index="0" class="gZy69U5mlw gp-accordion-item gp-overflow-hidden" style="scrollBehavior:smooth">
                <div aria-hidden="" uid="g_18ulEBpD" id="g_18ulEBpD" data-index="0" class="gZy69U5mlw gp-accordion-item-gZy69U5mlw-0 gp-flex gp-items-center gp-accordion-item_header gp-cursor-pointer"
                  style="--pl:24px;--pr:24px;--pt:8px;--pb:8px;--h:auto;--h-tablet:auto;--h-mobile:auto;--fd:row-reverse;--jc:space-between;gap:16px;--bgc:transparent;--bs:solid;--bw:0px 0px 1px 0px;--bc:#121212;--c:#121212">
                  <style class="accordion-style">
                    .gp-accordion-item-gZy69U5mlw-0:hover {
                      .gp-collapsible-icon {
                        color: #121212
                      }

                      .gp-icon {
                        color: #121212
                      }
                    }
                  </style>
                  <div class="gp-inline-flex">
                    <span style="--c:#121212;width:16px;height:16px" data-index="0"
                      class="gZy69U5mlw gp-accordion-item_icon gp-collapsible-icon gp-inline-flex gp-items-center gp-justify-center gp-overflow-hidden gp-transition-all gp-duration-200 [&amp;>svg]:!gp-h-[var(--height-iconCollapseSize)] [&amp;>svg]:!gp-w-auto">
                      <svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg" classname="w-6 h-6" viewBox="0 0 512 512" fill="currentColor">
                        <path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="m231.904 155.52 -153.472 175.392c-18.112 20.704 -3.392 53.088 24.096 53.088h306.944a32 32 0 0 0 24.096 -53.088l-153.472 -175.36a32 32 0 0 0 -48.192 0z">
                        </path>
                      </svg></span>
                  </div>
                  <div class="gp-flex gp-items-center gp-w-full" style="--gg:16px;--jc:left">
                    <div class=" " style="">
                      <div class="" style="">
                        <span data-gp-text="" class="[&amp;_p]:gp-inline [&amp;_p]:after:gp-whitespace-pre-wrap [&amp;_p]:after:gp-content-['\A'] gp-overflow-hidden"
                          style="--w:100%;--ff:var(--g-font-Poppins, 'Poppins'), var(--g-font-body, body);--weight:400;--lh:180%;--size:18px;--size-tablet:16px;--size-mobile:18px;word-break:break-word;overflow:hidden">
                          <p>Description</p>
                        </span>
                      </div>
                    </div>
                  </div>
                </div>
                <div uid="g_18ulEBpD" data-index="0" class="gZy69U5mlw gp-accordion-item_body gp-transition-all gp-grid gp-duration-500 gp-overflow-hidden"
                  style="grid-template-rows: unset; grid-template-columns: minmax(auto, 100%); max-height: 304px;">
                  <div uid="g_18ulEBpD" data-index="0" class="gZy69U5mlw gp-accordion-item_body-inner gp-min-h-0 gp-transition-all gp-duration-500" style="--pl: 24px; --pr: 24px; --pt: 8px; --pb: 8px;">
                    <div label="Block" tag="Col" type="component" style="" class="gxoVqLpaxU gp-relative gp-flex gp-flex-col">
                      <div parenttag="Col" class="glmOgf-KHw roboto-regular-400" style="--ta:left;--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-none);--mb-mobile:0px">
                        <div class="gp-flex" style="--jc:left">
                          <div data-gp-text="" class="[&amp;_p]:gp-inline [&amp;_p]:after:gp-whitespace-pre-wrap [&amp;_p]:after:gp-content-['\A'] gp-text"
                            style="--w:100%;--w-tablet:100%;--w-mobile:100%;--ta:left;--ta-mobile:left;--line-clamp:unset;--line-clamp-tablet:unset;--line-clamp-mobile:unset;--ff:var(--g-font-Lato, 'Lato'), var(--g-font-body, body);--weight:400;--lh:180%;--size:16px;--size-tablet:16px;--size-mobile:16px;--c:#121212;word-break:break-word;--bgc:transparent;--bgi:url();--bgp:50% 50%;--bgs:cover;--bgr:no-repeat;--bga:scroll;overflow:hidden">
                            <p>A superior alternative to traditional box dyes. <strong>NovaHair </strong>promises to dye your hair in <strong>under 10 minutes</strong> without the mess, without the stains, and without the hair damage.</p>
                            <p>&nbsp;</p>
                            <p>Use it just like a <strong>normal shampoo</strong> whenever you want to dye or touch up your roots. We guarantee you'll never use a traditional box dye again after trying <strong>NovaHair</strong>.</p>
                            <p>&nbsp;</p>
                            <p><strong>Package Includes:&nbsp;</strong> 1x 200ml shampoo - 1x Instructions and care pamphlet</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="gp-flex" style="--jc:center">
            <div class="gp-overflow-clip" style="--w:100%;--w-tablet:100%;--w-mobile:100%;--height-iconCollapseSize:16px;--height-configIconSize:16px;--bs:none;--bw:1px 1px 1px 1px;--bc:#000000;--bg:transparent;--shadow:none">
              <div data-index="1" class="gZy69U5mlw gp-accordion-item gp-overflow-hidden" style="scrollBehavior:smooth">
                <div aria-hidden="" uid="gtqbqgH37W" id="gtqbqgH37W" data-index="1" class="gZy69U5mlw gp-accordion-item-gZy69U5mlw-1 gp-flex gp-items-center gp-accordion-item_header gp-cursor-pointer"
                  style="--pl:24px;--pr:24px;--pt:8px;--pb:8px;--h:auto;--h-tablet:auto;--h-mobile:auto;--fd:row-reverse;--jc:space-between;gap:16px;--hvr-bgc:transparent;--bgc:transparent;--hvr-c:#121212;--c:#121212;--bs:solid;--hvr-bs:solid;--bw:0px 0px 1px 0px;--hvr-bw:0px 0px 1px 0px;--bc:#121212;--hvr-bc:#121212">
                  <style class="accordion-style">
                    .gp-accordion-item-gZy69U5mlw-1:hover {
                      .gp-collapsible-icon {
                        color: #121212
                      }

                      .gp-icon {
                        color: #121212
                      }
                    }
                  </style>
                  <div class="gp-inline-flex">
                    <span style="--hvr-c:#121212;--c:#121212;width:16px;height:16px" data-index="1"
                      class="gZy69U5mlw gp-accordion-item_icon gp-collapsible-icon gp-inline-flex gp-items-center gp-justify-center gp-overflow-hidden gp-transition-all gp-duration-200 [&amp;>svg]:!gp-h-[var(--height-iconCollapseSize)] [&amp;>svg]:!gp-w-auto">
                      <svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg" classname="w-6 h-6" viewBox="0 0 512 512" fill="currentColor">
                        <path fill="currentColor" strokelinecap="round" strokelinejoin="round"
                          d="M231.917 356.477L78.4378 181.072C60.3335 160.381 75.0272 128 102.52 128H409.479C436.972 128 451.666 160.381 433.562 181.072L280.082 356.477C267.333 371.048 244.666 371.048 231.917 356.477Z"></path>
                      </svg>
                    </span>
                  </div>
                  <div class="gp-flex gp-items-center gp-w-full" style="--gg:16px;--jc:left">
                    <div class=" " style="">
                      <div class="" style="">
                        <span data-gp-text="" class="[&amp;_p]:gp-inline [&amp;_p]:after:gp-whitespace-pre-wrap [&amp;_p]:after:gp-content-['\A'] gp-overflow-hidden"
                          style="--w:100%;--ff:var(--g-font-Poppins, 'Poppins'), var(--g-font-body, body);--weight:400;--lh:180%;--size:18px;--size-tablet:16px;--size-mobile:18px;word-break:break-word;overflow:hidden">
                          <p>Ingredients</p>
                        </span>
                      </div>
                    </div>
                  </div>
                </div>
                <div uid="gtqbqgH37W" data-index="1" class="gZy69U5mlw gp-accordion-item_body gp-transition-all gp-grid gp-duration-500 gp-overflow-hidden"
                  style="grid-template-rows: unset; grid-template-columns: minmax(auto, 100%); max-height: 0px;">
                  <div uid="gtqbqgH37W" data-index="1" class="gZy69U5mlw gp-accordion-item_body-inner gp-min-h-0 gp-transition-all gp-duration-500" style="--pl: 24px; --pr: 24px; --pt: 8px; --pb: 8px;">
                    <div label="Block" tag="Col" type="component" style="" class="gef65fjz7w gp-relative gp-flex gp-flex-col">
                      <div parenttag="Col" class="gPb6_rwiXA roboto-regular-400"
                        style="--ta:left;--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--op-mobile:100%;--radius:var(--g-radius-none);--mb-mobile:0px">
                        <div class="gp-flex" style="--jc:left">
                          <div data-gp-text="" class="[&amp;_p]:gp-inline [&amp;_p]:after:gp-whitespace-pre-wrap [&amp;_p]:after:gp-content-['\A'] gp-text"
                            style="--w:100%;--w-tablet:100%;--w-mobile:100%;--ta:left;--ta-mobile:left;--line-clamp:unset;--line-clamp-tablet:unset;--line-clamp-mobile:unset;--ff:var(--g-font-Lato, 'Lato'), var(--g-font-body, body);--weight:400;--lh:180%;--size:16px;--size-tablet:16px;--size-mobile:16px;--c:#121212;word-break:break-word;--bgc:transparent;--bgi:url();--bgp:50% 50%;--bgs:cover;--bgr:no-repeat;--bga:scroll;overflow:hidden">
                            <p>Black Sesame, Ginseng Extract, Saponin Extract, Reishi Mushroom Extract, Fo-Ti Extract, No.1 Water, Cetearyl Alcohol, Isopropanolamine, Propylene Glycol, Laureth-25 Mink oil, glyceryl stearate, mineral oil,
                              p-phenylenediamine, sodium sulfite, sodium erythorbate, 1-hydroxyethyl-4,5-diaminopyrazole sulfate, fragrance, disodium EDTA, toluene-2, 5-Diamine sulfate, 5-amino-6-chloro-o-cresol, 1-naphthol.</p>
                            <p>&nbsp;</p>
                            <p><strong>Other trace components:</strong>&nbsp;m-aminophenol, 4-amino-2-hydroxytoluene. No.2 Water, Cetearyl Alcohol, Glyceryl Stearate, Laureth-26, Disodium Phosphate, Phosphoric Acid.</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="gp-flex" style="--jc:center">
            <div class="gp-overflow-clip" style="--w:100%;--w-tablet:100%;--w-mobile:100%;--height-iconCollapseSize:16px;--height-configIconSize:16px;--bs:none;--bw:1px 1px 1px 1px;--bc:#000000;--bg:transparent;--shadow:none">
              <div data-index="2" class="gZy69U5mlw gp-accordion-item gp-overflow-hidden" style="scrollBehavior:smooth">
                <div aria-hidden="" uid="gZWtZ-NMUd" id="gZWtZ-NMUd" data-index="2" class="gZy69U5mlw gp-accordion-item-gZy69U5mlw-2 gp-flex gp-items-center gp-accordion-item_header gp-cursor-pointer"
                  style="--pl:24px;--pr:24px;--pt:8px;--pb:8px;--h:auto;--h-tablet:auto;--h-mobile:auto;--fd:row-reverse;--jc:space-between;gap:16px;--hvr-bgc:transparent;--bgc:transparent;--hvr-c:#121212;--c:#121212;--bs:solid;--hvr-bs:solid;--bw:0px 0px 1px 0px;--hvr-bw:0px 0px 1px 0px;--bc:#121212;--hvr-bc:#121212">
                  <style class="accordion-style">
                    .gp-accordion-item-gZy69U5mlw-2:hover {
                      .gp-collapsible-icon {
                        color: #121212
                      }

                      .gp-icon {
                        color: #121212
                      }
                    }
                  </style>
                  <div class="gp-inline-flex">
                    <span style="--hvr-c:#121212;--c:#121212;width:16px;height:16px" data-index="2"
                      class="gZy69U5mlw gp-accordion-item_icon gp-collapsible-icon gp-inline-flex gp-items-center gp-justify-center gp-overflow-hidden gp-transition-all gp-duration-200 [&amp;>svg]:!gp-h-[var(--height-iconCollapseSize)] [&amp;>svg]:!gp-w-auto">
                      <svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg" classname="w-6 h-6" viewBox="0 0 512 512" fill="currentColor">
                        <path fill="currentColor" strokelinecap="round" strokelinejoin="round"
                          d="M231.917 356.477L78.4378 181.072C60.3335 160.381 75.0272 128 102.52 128H409.479C436.972 128 451.666 160.381 433.562 181.072L280.082 356.477C267.333 371.048 244.666 371.048 231.917 356.477Z"></path>
                      </svg>
                    </span>
                  </div>
                  <div class="gp-flex gp-items-center gp-w-full" style="--gg:16px;--jc:left">
                    <div class=" " style="">
                      <div class="" style="">
                        <span data-gp-text="" class="[&amp;_p]:gp-inline [&amp;_p]:after:gp-whitespace-pre-wrap [&amp;_p]:after:gp-content-['\A'] gp-overflow-hidden"
                          style="--w:100%;--ff:var(--g-font-Poppins, 'Poppins'), var(--g-font-body, body);--weight:400;--lh:180%;--size:18px;--size-tablet:16px;--size-mobile:18px;word-break:break-word;overflow:hidden">
                          <p>Shipping &amp; Delivery</p>
                        </span>
                      </div>
                    </div>
                  </div>
                </div>
                <div uid="gZWtZ-NMUd" data-index="2" class="gZy69U5mlw gp-accordion-item_body gp-transition-all gp-grid gp-duration-500 gp-overflow-hidden"
                  style="grid-template-rows: unset; grid-template-columns: minmax(auto, 100%); max-height: 0px;">
                  <div uid="gZWtZ-NMUd" data-index="2" class="gZy69U5mlw gp-accordion-item_body-inner gp-min-h-0 gp-transition-all gp-duration-500" style="--pl: 24px; --pr: 24px; --pt: 8px; --pb: 8px;">
                    <div label="Block" tag="Col" type="component" style="" class="gvc1-bmVIq gp-relative gp-flex gp-flex-col">
                      <div parenttag="Col" class="gOCbgBLYkw roboto-regular-400" style="--ta:left;--b:solid;--bc:#121212;--bw:0px;--shadow:none;--d:block;--d-mobile:block;--d-tablet:block;--op:100%;--radius:var(--g-radius-none);--mb-mobile:0px">
                        <div class="gp-flex" style="--jc:left">
                          <div data-gp-text="" class="[&amp;_p]:gp-inline [&amp;_p]:after:gp-whitespace-pre-wrap [&amp;_p]:after:gp-content-['\A'] gp-text"
                            style="--w:100%;--w-tablet:100%;--w-mobile:100%;--ta:left;--ta-mobile:left;--line-clamp:unset;--line-clamp-tablet:unset;--line-clamp-mobile:unset;--ff:var(--g-font-Lato, 'Lato'), var(--g-font-body, body);--weight:400;--lh:180%;--size:16px;--size-tablet:16px;--size-mobile:16px;--c:#121212;word-break:break-word;--bgc:transparent;--bgi:url();--bgp:50% 50%;--bgs:cover;--bgr:no-repeat;--bga:scroll;overflow:hidden">
                            <p><strong>USA</strong>: 7 - 10 Days</p>
                            <p><strong>Canada</strong>: 6 - 12 Days</p>
                            <p><strong>United Kingdom</strong>: 7 - 10 Days</p>
                            <p><strong>Australia</strong>: 7 - 10 Days</p>
                            <p><strong>Rest Of The World</strong>: 7 - 14 Days</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </gp-accordion>
        <script src="https://d2ls1pfffhvy22.cloudfront.net/assets-v2/gp-accordion.js?v=1721319288115" defer="defer"></script>
      </div>
    </div>
  </div><input type="hidden" name="product-id" value="7628853018820"><input type="hidden" name="section-id" value="template--17086103027908__gp_section_515953640339408040">
</form>

POST /localization

<form method="post" action="/localization" id="localization_form-footer" accept-charset="UTF-8" class="multi-selectors multi-selectors--footer" enctype="multipart/form-data" data-disclosure-form=""><input type="hidden" name="form_type"
    value="localization"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="_method" value="put"><input type="hidden" name="return_to" value="/products/novahair-color-shampoo">
  <div class="multi-selectors__item">
    <div class="footer__title" id="LangHeading-footer"> Language </div>
    <div class="disclosure" data-disclosure-locale="">
      <button type="button" class="faux-select disclosure__toggle" aria-expanded="false" aria-controls="LangList-footer" aria-describedby="LangHeading-footer" data-disclosure-toggle="">
        <span class="disclosure-list__label"> English </span>
        <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16">
          <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path>
        </svg>
      </button>
      <ul id="LangList-footer" class="disclosure-list disclosure-list--single- " data-disclosure-list="">
        <li class="disclosure-list__item disclosure-list__item--current">
          <a class="disclosure-list__option" href="#" lang="en" aria-current="true" data-value="en" data-disclosure-option="">
                <span class="disclosure-list__label">
                  English
                </span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" lang="es" data-value="es" data-disclosure-option="">
                <span class="disclosure-list__label">
                  Español
                </span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" lang="it" data-value="it" data-disclosure-option="">
                <span class="disclosure-list__label">
                  Italiano
                </span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" lang="ja" data-value="ja" data-disclosure-option="">
                <span class="disclosure-list__label">
                  日本語
                </span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" lang="de" data-value="de" data-disclosure-option="">
                <span class="disclosure-list__label">
                  Deutsch
                </span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" lang="fr" data-value="fr" data-disclosure-option="">
                <span class="disclosure-list__label">
                  Français
                </span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" lang="he" data-value="he" data-disclosure-option="">
                <span class="disclosure-list__label">
                  עברית
                </span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" lang="ar" data-value="ar" data-disclosure-option="">
                <span class="disclosure-list__label">
                  العربية
                </span>
              </a>
        </li>
      </ul>
      <input type="hidden" name="locale_code" value="en" data-disclosure-input="">
    </div>
  </div>
  <div class="multi-selectors__item">
    <div class="footer__title" id="CurrencyHeading-footer"> Currency </div>
    <div class="disclosure" data-disclosure-currency="">
      <button type="button" class="faux-select disclosure__toggle" aria-expanded="false" aria-controls="CurrencyList-footer" aria-describedby="CurrencyHeading-footer" data-disclosure-toggle=""><span
          class="currency-flag currency-flag--small currency-flag--ca" data-flag="CAD" aria-hidden="true"></span><span class="disclosure-list__label">Canada (CAD $)</span>
        <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16">
          <path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"></path>
        </svg>
      </button>
      <ul id="CurrencyList-footer" class="disclosure-list disclosure-list--single- " data-disclosure-list="">
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" data-value="AU" data-disclosure-option=""><span class="currency-flag currency-flag--au" data-flag="AUD" aria-hidden="true"></span><span class="disclosure-list__label">Australia (AUD $)</span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" data-value="AT" data-disclosure-option=""><span class="currency-flag currency-flag--at" data-flag="EUR" aria-hidden="true"></span><span class="disclosure-list__label">Austria (EUR €)</span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" data-value="BE" data-disclosure-option=""><span class="currency-flag currency-flag--be" data-flag="EUR" aria-hidden="true"></span><span class="disclosure-list__label">Belgium (EUR €)</span>
              </a>
        </li>
        <li class="disclosure-list__item disclosure-list__item--current">
          <a class="disclosure-list__option" href="#" aria-current="true" data-value="CA" data-disclosure-option=""><span class="currency-flag currency-flag--ca" data-flag="CAD" aria-hidden="true"></span><span class="disclosure-list__label">Canada (CAD $)</span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" data-value="HR" data-disclosure-option=""><span class="currency-flag currency-flag--hr" data-flag="EUR" aria-hidden="true"></span><span class="disclosure-list__label">Croatia (EUR €)</span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" data-value="CY" data-disclosure-option=""><span class="currency-flag currency-flag--cy" data-flag="EUR" aria-hidden="true"></span><span class="disclosure-list__label">Cyprus (EUR €)</span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" data-value="CZ" data-disclosure-option=""><span class="currency-flag currency-flag--cz" data-flag="CZK" aria-hidden="true"></span><span class="disclosure-list__label">Czechia (CZK Kč)</span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" data-value="DK" data-disclosure-option=""><span class="currency-flag currency-flag--dk" data-flag="DKK" aria-hidden="true"></span><span class="disclosure-list__label">Denmark (DKK kr.)</span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" data-value="EE" data-disclosure-option=""><span class="currency-flag currency-flag--ee" data-flag="EUR" aria-hidden="true"></span><span class="disclosure-list__label">Estonia (EUR €)</span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" data-value="FI" data-disclosure-option=""><span class="currency-flag currency-flag--fi" data-flag="EUR" aria-hidden="true"></span><span class="disclosure-list__label">Finland (EUR €)</span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" data-value="FR" data-disclosure-option=""><span class="currency-flag currency-flag--fr" data-flag="EUR" aria-hidden="true"></span><span class="disclosure-list__label">France (EUR €)</span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" data-value="DE" data-disclosure-option=""><span class="currency-flag currency-flag--de" data-flag="EUR" aria-hidden="true"></span><span class="disclosure-list__label">Germany (EUR €)</span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" data-value="GR" data-disclosure-option=""><span class="currency-flag currency-flag--gr" data-flag="EUR" aria-hidden="true"></span><span class="disclosure-list__label">Greece (EUR €)</span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" data-value="HK" data-disclosure-option=""><span class="currency-flag currency-flag--hk" data-flag="HKD" aria-hidden="true"></span><span class="disclosure-list__label">Hong Kong SAR (HKD $)</span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" data-value="HU" data-disclosure-option=""><span class="currency-flag currency-flag--hu" data-flag="HUF" aria-hidden="true"></span><span class="disclosure-list__label">Hungary (HUF Ft)</span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" data-value="IE" data-disclosure-option=""><span class="currency-flag currency-flag--ie" data-flag="EUR" aria-hidden="true"></span><span class="disclosure-list__label">Ireland (EUR €)</span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" data-value="IL" data-disclosure-option=""><span class="currency-flag currency-flag--il" data-flag="ILS" aria-hidden="true"></span><span class="disclosure-list__label">Israel (ILS ₪)</span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" data-value="IT" data-disclosure-option=""><span class="currency-flag currency-flag--it" data-flag="EUR" aria-hidden="true"></span><span class="disclosure-list__label">Italy (EUR €)</span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" data-value="JP" data-disclosure-option=""><span class="currency-flag currency-flag--jp" data-flag="JPY" aria-hidden="true"></span><span class="disclosure-list__label">Japan (JPY ¥)</span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" data-value="LV" data-disclosure-option=""><span class="currency-flag currency-flag--lv" data-flag="EUR" aria-hidden="true"></span><span class="disclosure-list__label">Latvia (EUR €)</span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" data-value="LT" data-disclosure-option=""><span class="currency-flag currency-flag--lt" data-flag="EUR" aria-hidden="true"></span><span class="disclosure-list__label">Lithuania (EUR €)</span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" data-value="LU" data-disclosure-option=""><span class="currency-flag currency-flag--lu" data-flag="EUR" aria-hidden="true"></span><span class="disclosure-list__label">Luxembourg (EUR €)</span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" data-value="MY" data-disclosure-option=""><span class="currency-flag currency-flag--my" data-flag="MYR" aria-hidden="true"></span><span class="disclosure-list__label">Malaysia (MYR RM)</span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" data-value="MT" data-disclosure-option=""><span class="currency-flag currency-flag--mt" data-flag="EUR" aria-hidden="true"></span><span class="disclosure-list__label">Malta (EUR €)</span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" data-value="MX" data-disclosure-option=""><span class="currency-flag currency-flag--mx" data-flag="USD" aria-hidden="true"></span><span class="disclosure-list__label">Mexico (USD $)</span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" data-value="NL" data-disclosure-option=""><span class="currency-flag currency-flag--nl" data-flag="EUR" aria-hidden="true"></span><span class="disclosure-list__label">Netherlands (EUR €)</span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" data-value="NZ" data-disclosure-option=""><span class="currency-flag currency-flag--nz" data-flag="NZD" aria-hidden="true"></span><span class="disclosure-list__label">New Zealand (NZD $)</span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" data-value="NO" data-disclosure-option=""><span class="currency-flag currency-flag--no" data-flag="USD" aria-hidden="true"></span><span class="disclosure-list__label">Norway (USD $)</span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" data-value="PL" data-disclosure-option=""><span class="currency-flag currency-flag--pl" data-flag="PLN" aria-hidden="true"></span><span class="disclosure-list__label">Poland (PLN zł)</span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" data-value="PT" data-disclosure-option=""><span class="currency-flag currency-flag--pt" data-flag="EUR" aria-hidden="true"></span><span class="disclosure-list__label">Portugal (EUR €)</span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" data-value="SG" data-disclosure-option=""><span class="currency-flag currency-flag--sg" data-flag="SGD" aria-hidden="true"></span><span class="disclosure-list__label">Singapore (SGD $)</span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" data-value="SK" data-disclosure-option=""><span class="currency-flag currency-flag--sk" data-flag="EUR" aria-hidden="true"></span><span class="disclosure-list__label">Slovakia (EUR €)</span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" data-value="SI" data-disclosure-option=""><span class="currency-flag currency-flag--si" data-flag="EUR" aria-hidden="true"></span><span class="disclosure-list__label">Slovenia (EUR €)</span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" data-value="KR" data-disclosure-option=""><span class="currency-flag currency-flag--kr" data-flag="KRW" aria-hidden="true"></span><span class="disclosure-list__label">South Korea (KRW ₩)</span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" data-value="ES" data-disclosure-option=""><span class="currency-flag currency-flag--es" data-flag="EUR" aria-hidden="true"></span><span class="disclosure-list__label">Spain (EUR €)</span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" data-value="SE" data-disclosure-option=""><span class="currency-flag currency-flag--se" data-flag="SEK" aria-hidden="true"></span><span class="disclosure-list__label">Sweden (SEK kr)</span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" data-value="CH" data-disclosure-option=""><span class="currency-flag currency-flag--ch" data-flag="CHF" aria-hidden="true"></span><span class="disclosure-list__label">Switzerland (CHF CHF)</span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" data-value="TH" data-disclosure-option=""><span class="currency-flag currency-flag--th" data-flag="THB" aria-hidden="true"></span><span class="disclosure-list__label">Thailand (THB ฿)</span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" data-value="AE" data-disclosure-option=""><span class="currency-flag currency-flag--ae" data-flag="AED" aria-hidden="true"></span><span class="disclosure-list__label">United Arab Emirates (AED د.إ)</span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" data-value="GB" data-disclosure-option=""><span class="currency-flag currency-flag--gb" data-flag="GBP" aria-hidden="true"></span><span class="disclosure-list__label">United Kingdom (GBP £)</span>
              </a>
        </li>
        <li class="disclosure-list__item">
          <a class="disclosure-list__option" href="#" data-value="US" data-disclosure-option=""><span class="currency-flag currency-flag--us" data-flag="USD" aria-hidden="true"></span><span class="disclosure-list__label">United States (USD $)</span>
              </a>
        </li>
      </ul>
      <input type="hidden" name="country_code" value="CA" data-disclosure-input="">
    </div>
  </div>
</form>

Text Content

Skip to content
Pause slideshow Play slideshow

30 Day Money Back Guarantee

30 Day Money Back Guarantee

NovaHair
 * Home
 * NovaHair
 * Contact Us
 * Track Order
 * FAQ

Search 0 Cart ... Site navigation
Close
Search Close Search Close
Cancel
Subtotal
$0.00

Check out
Shipping, taxes, and discount codes calculated at checkout.
Your cart is currently empty.
 * Home
 * NovaHair
 * Contact Us
 * Track Order
 * FAQ


View more
351 reviews


NOVAHAIR INSTANT DYE SHAMPOO

 * 10 Minutes Instant Dye

 * No Hair Damage

 * No Ammonia

 * No Stains

$49.00
$98.00
- 50% OFF

Color: Black

Black

Black
Black

Dark brown

Dark brown
Dark brown

Light Brown

Light Brown
Light Brown

Purple

Purple
Purple

Red

Red
Red

Quantity


BUY NOW
Out of stock
Buy it now 

30 Day Money-Back-Guarantee. If it doesn't work for you we'll refund the product
and you get to keep it.



Description

A superior alternative to traditional box dyes. NovaHair promises to dye your
hair in under 10 minutes without the mess, without the stains, and without the
hair damage.

 

Use it just like a normal shampoo whenever you want to dye or touch up your
roots. We guarantee you'll never use a traditional box dye again after trying
NovaHair.

 

Package Includes:  1x 200ml shampoo - 1x Instructions and care pamphlet

Ingredients

Black Sesame, Ginseng Extract, Saponin Extract, Reishi Mushroom Extract, Fo-Ti
Extract, No.1 Water, Cetearyl Alcohol, Isopropanolamine, Propylene Glycol,
Laureth-25 Mink oil, glyceryl stearate, mineral oil, p-phenylenediamine, sodium
sulfite, sodium erythorbate, 1-hydroxyethyl-4,5-diaminopyrazole sulfate,
fragrance, disodium EDTA, toluene-2, 5-Diamine sulfate,
5-amino-6-chloro-o-cresol, 1-naphthol.

 

Other trace components: m-aminophenol, 4-amino-2-hydroxytoluene. No.2 Water,
Cetearyl Alcohol, Glyceryl Stearate, Laureth-26, Disodium Phosphate, Phosphoric
Acid.

Shipping & Delivery

USA: 7 - 10 Days

Canada: 6 - 12 Days

United Kingdom: 7 - 10 Days

Australia: 7 - 10 Days

Rest Of The World: 7 - 14 Days


Title


As Seen In


Title




FULL COVERAGE IN UNDER 10 MINUTES

Transform those grays back to your youthful vibrant color. Perfect for those who
want frequent root touch-ups without the back-breaking hassle of traditional box
dyes.



Works Just As Well On Beards



Get one for yourself and your partner. Our proprietary formula works on all
types of hair, regardless of where it is on your body ;)


HAIR DYE + TREATMENT (ALL IN ONE)

Traditional Box Dyes leaves your hair damaged and dry. Not NovaHair.

NovaHair uses a blend of high quality ingredients to not only dye your hair, but
also treat it. Leaving your hair healthy, soft, and well conditioned.

NovaHair also contains no ammonia ensuring your hair smells fresh.



Some of our key ingredients:

 * Fo-Ti Extract - Herb used in traditional Chinese medicine, is known to slow
   down graying and promote hair growth. It also helps to nourish the scalp and
   strengthen hair strands.
 * Reishi Mushroom Extract - can improve hair health by reducing hair loss and
   promoting growth. It also strengthens hair and adds shine.
 * Black Sesame - Rich in nutrients that can help darken hair and promote hair
   growth. They are also known to strengthen hair and prevent hair loss.
 * Saponin Extract - Cleanse the scalp by removing dirt and excess oil. It also
   has anti-inflammatory properties that can reduce scalp irritation and
   dandruff.
 * Ginseng Extract - Stimulate hair growth by improving blood circulation to the
   scalp. It also strengthens hair follicles and prevents hair thinning.


LONG LASTING FULL COVERAGE

NovaHair offers full perfect coverage that can last anywhere from 4 - 6 weeks,
depending on how frequently you wash your hair.

Not only that, but it comes in a convenient shampoo bottle, making sure you can
touch up your roots any time you feel the need to without any waste.




THE RESULTS ARE CLEAR

See the transformation for yourself! Our before and after gallery showcases the
stunning, vibrant results achieved with our hair coloring shampoo.





NATURAL COLOR

Unlike traditional box dyes that are very harsh and can leave irritations on
your scalp, our gentler formula matches to your hair color, leaving a very
natural finish that is almost indistinguishable from your real hair.




NO STAIN

NovaHair is the only dye that doesn’t stain your bath tub, sink, or your skin.
Try it out and feel the magic.



Note: It should be wiped off any counter tops within 10 minutes, otherwise it
could leave a tiny stain.


THE SUPERIOR CHOICE!



It’s been over a 100 years since the first dye’s were created, but we haven’t
seen any sort of significant change since then.

NovaHair has finally come, and it is a game changer.




NO HASSLE, EXTREMELY EASY TO APPLY

First - Pump some onto your hands and lather thoroughly until it starts foaming

Second - Apply it evenly onto your hair just like a normal shampoo, and wait 10
minutes.

Third - Rinse it off like a normal shampoo and that’s it! Enjoy your new hair 😊




THE RESULTS ARE CLEAR

See the transformation for yourself! Our before and after gallery showcases the
stunning, vibrant results achieved with our hair coloring shampoo.





THE RESULTS SPEAK FOR THEMSELVES




I absolutely love this product! Simple process, smells good, covered my grays, I
will forever be a nova girl! 

Erika M. / Customer


SEE WHAT PEOPLE ARE SAYING




THE RESULTS SPEAK FOR THEMSELVES



I absolutely love this product! Simple process, smells good, covered my grays, I
will forever be a nova girl! 

Erika M. / Customer


SEE WHAT PEOPLE ARE SAYING




SEE IT IN ACTION

"It definitely works. My hair is nice and black. The hair shaft is soft. My
scalp didn't give me any kind of tingling sensation or burning sensation..."




RESULTS YOU'LL SEE WITH YOUR OWN EYES

See the transformation for yourself! Our before and after gallery showcases the
stunning, vibrant results achieved with our hair coloring shampoo.




Love it! I've been using it on my clients and they were very satisfied with the
results. I will be ordering again!

Ryan C. / Bay Area Barber

@afvdelife


OUR GUARANTEE - YOU'LL NEVER USE BOX DYES AGAIN

We guarantee NovaHair will change the game, if you’re not satisfied contact our
customer support within 30 days of receiving our product, and we’ll refund you
in full no questions asked.

support@trynovahair.com 

FAQ

How long does the hair color last?

Depending on hair type and frequency of washing, NovaHair typically lasts from
4-6 weeks. 

How long does a bottle last?

One bottle lasts from approximately 4-6 months or more, depending on hair length
and frequency of application. 

Does it work on any hair type?

Yes, NovaHair works on any hair type from 1a to 4c. Thanks to its shampoo-like
qualities, it's easily appliable and covers every hair from root to tip.

Does it cause allergies or work on sensitive skin?

NovaHair does contain chemicals that some individuals may be sensitive to for
example PPD & Hydrogen Peroxide.

 

We recommend a 24 hour patch test before full application.

Do I need gloves?

Gloves are not required while applying NovaHair Instant Dye Shampoo. 

Does this shampoo leave stains on skin or fabric?

NovaHair leaves no stains on the skin or scalp and washes off easily on the
counter or in the bath tub. We do not recommend using white colored fabrics
during the dyeing process.

Can I use this shampoo on my beard?

Yes, you can! Our shampoo is perfectly safe and effective for use on your beard,
offering the same natural-looking, vibrant color and nourishing benefits as it
does for your hair.

Can it be used with my normal hair care products?

We recommend using your normal shampoo and conditioner in between dyes and only
use Nova Hair when color reapplication is needed. 

 

Conditioner can be applied directly after use.


CUSTOMER REVIEWS

4.51 out of 5
Based on 351 reviews
233
85
20
6
7
See all reviews
Write a review
Most Recent Highest Rating Lowest Rating Only Pictures Pictures First Videos
First Most Helpful
07/19/2024

G.H.



I love your Product it works so well for my beard I've given up just for men die
and I'll be making a nothing order real soon Thank you so much for the Shampoo
die.



07/16/2024

S.J.



Got my product and OMG it covered My Gray Hair. I'll be Buying more here pretty
soon just to have on hand.



05/17/2024

R.G.


Happy Customer! (A real review)

I must say that I was a bit skeptical as many have tried to do this but could
not get it right. Here is the real deal for all those looking to try this/

01. It's true that this coloring shampoo does not stain your skin
02. You MUST lather in palm. If the pre-lathered shampoo touches the tile and is
not immediately wiped off it WILL stain. So using in the shower is advised as
the water will immediately rinse any that spill through the fingers before
lathered.
03. I used a small brush to make sure i covered my thin moustache and hairline
around the face. Not necessary though.

This product works exactly as listed. I made sure I had a good lather on the
hair and let it sit for 7-9 minutes. Make sure you do not accidentally rinse
portions off while waiting in the shower. There is literally NO cleanup needed.
Rinse and you're done!

I just used it for the first time so I can't speak to how long the color lasts,
but maybe I will come back and let you all know.

As for the price, the website says that it is 50% off. If NOVA Hair decides to
charge their intended full price I will no longer be a customer. For the ease of
use and great job it does, I am happy to continue to pay the current offer
price. If you are on the fence as to if you should try it, you should DEFINITELY
try it out for yourself!

Lastly, I thought there might have been a issue with my order so I contacted
NOVA Hair Customer service. They responded to me right away and assured me that
my order was good and that I would be receiving it shortly. I am not sure if
this is everyone else's experience but my first go around with NOVA Hair has
been amazing. Looks like they can add me to the list as one of the satisfied
customers.

So there you have it. Hope this helps!

RG



05/15/2024

Suki


Grey hair

Amazing



05/12/2024

E.H.


👍👍👍👍 I’d If can give more 🌟 I will

It works amazing I never color my hair always black now started the gray and I
was looking for something that works and won’t damage my hair
This product really works did not stain my tub or hands ( I used glove but later
I notice it won’t stain. my hair is black and looks so healthy! I will recommend
this with my eyes closed!
The only thing I can said it last me 1 and a 1/2 use. My hair is long I guess



123




Customer Care
 * Delivery & Returns
 * Privacy
 * Shipping Policy
 * Terms

Get in touch
 * Email us

Follow us
 * Instagram
 * Facebook

We accept
 * American Express
 * Apple Pay
 * Diners Club
 * Discover
 * Meta Pay
 * Google Pay
 * Mastercard
 * PayPal
 * Shop Pay
 * Venmo
 * Visa

Language
English
 * English
 * Español
 * Italiano
 * 日本語
 * Deutsch
 * Français
 * עברית
 * العربية

Currency
Canada (CAD $)
 * Australia (AUD $)
 * Austria (EUR €)
 * Belgium (EUR €)
 * Canada (CAD $)
 * Croatia (EUR €)
 * Cyprus (EUR €)
 * Czechia (CZK Kč)
 * Denmark (DKK kr.)
 * Estonia (EUR €)
 * Finland (EUR €)
 * France (EUR €)
 * Germany (EUR €)
 * Greece (EUR €)
 * Hong Kong SAR (HKD $)
 * Hungary (HUF Ft)
 * Ireland (EUR €)
 * Israel (ILS ₪)
 * Italy (EUR €)
 * Japan (JPY ¥)
 * Latvia (EUR €)
 * Lithuania (EUR €)
 * Luxembourg (EUR €)
 * Malaysia (MYR RM)
 * Malta (EUR €)
 * Mexico (USD $)
 * Netherlands (EUR €)
 * New Zealand (NZD $)
 * Norway (USD $)
 * Poland (PLN zł)
 * Portugal (EUR €)
 * Singapore (SGD $)
 * Slovakia (EUR €)
 * Slovenia (EUR €)
 * South Korea (KRW ₩)
 * Spain (EUR €)
 * Sweden (SEK kr)
 * Switzerland (CHF CHF)
 * Thailand (THB ฿)
 * United Arab Emirates (AED د.إ)
 * United Kingdom (GBP £)
 * United States (USD $)

Powered by Shopify

"Close (esc)"


"Close (esc)"
NovaHair Instant Dye Shampoo






English

 * English
 * Spanish
 * Italian
 * Japanese
 * German
 * French
 * Hebrew
 * Arabic

Judge.me