cecred.com Open in urlscan Pro
23.227.38.65  Public Scan

Submitted URL: http://cecred.com/
Effective URL: https://cecred.com/en-ca
Submission: On September 21 via api from US — Scanned from CA

Form analysis 18 forms found in the DOM

POST /en-ca/localization

<form method="post" action="/en-ca/localization" id="localization_form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data"><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="/en-ca">
  <a href="#" class="mobile-menu__menu-item h4 js-submenu-anchor" aria-haspopup="true" id="mobile-currencies">
                CAD($)
                <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M13.4167 1.08331L7 6.6979L0.58333 1.08331" stroke="currentColor"></path>
    </svg>
              </a>
  <div class="mobile-menu__submenu submenu--hidden motion-reduce js-submenu-menu header-mobile-currencies js-mobile-currencies" aria-hidden="true" aria-expanded="false" aria-label="currencies submenu" style="display: none;">
    <button type="button" class="mobile-menu__menu-item mobile-menu__menu-item--button h4 js-submenu-back"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 14 8" fill="none"
        xmlns="http://www.w3.org/2000/svg">
        <path d="M13.4167 1.08331L7 6.6979L0.58333 1.08331" stroke="currentColor"></path>
      </svg>Back</button>
    <ul class="mobile-menu__submenu-list"><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="AI" class="mobile-menu__menu-item header-currency-item h4"> Anguilla <span class="currency-symbol">$</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="AW" class="mobile-menu__menu-item header-currency-item h4"> Aruba <span class="currency-symbol">ƒ</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="AU" class="mobile-menu__menu-item header-currency-item h4"> Australia <span class="currency-symbol">$</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="AT" class="mobile-menu__menu-item header-currency-item h4"> Austria <span class="currency-symbol">€</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="BE" class="mobile-menu__menu-item header-currency-item h4"> Belgium <span class="currency-symbol">€</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="BM" class="mobile-menu__menu-item header-currency-item h4"> Bermuda <span class="currency-symbol">$</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="BR" class="mobile-menu__menu-item header-currency-item h4"> Brazil <span class="currency-symbol">R$</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="VG" class="mobile-menu__menu-item header-currency-item h4"> British Virgin Islands <span class="currency-symbol">$</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="BG" class="mobile-menu__menu-item header-currency-item h4"> Bulgaria <span class="currency-symbol">лв.</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item is-active" "="">
                      <a href=" #" aria-current="true" data-value="CA" class="mobile-menu__menu-item header-currency-item h4"> Canada <span class="currency-symbol">$</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="KY" class="mobile-menu__menu-item header-currency-item h4"> Cayman Islands <span class="currency-symbol">$</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="HR" class="mobile-menu__menu-item header-currency-item h4"> Croatia <span class="currency-symbol">€</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="CW" class="mobile-menu__menu-item header-currency-item h4"> Curaçao <span class="currency-symbol">ƒ</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="CY" class="mobile-menu__menu-item header-currency-item h4"> Cyprus <span class="currency-symbol">€</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="CZ" class="mobile-menu__menu-item header-currency-item h4"> Czechia <span class="currency-symbol">Kč</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="DK" class="mobile-menu__menu-item header-currency-item h4"> Denmark <span class="currency-symbol">kr.</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="EE" class="mobile-menu__menu-item header-currency-item h4"> Estonia <span class="currency-symbol">€</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="FI" class="mobile-menu__menu-item header-currency-item h4"> Finland <span class="currency-symbol">€</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="FR" class="mobile-menu__menu-item header-currency-item h4"> France <span class="currency-symbol">€</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="GF" class="mobile-menu__menu-item header-currency-item h4"> French Guiana <span class="currency-symbol">€</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="DE" class="mobile-menu__menu-item header-currency-item h4"> Germany <span class="currency-symbol">€</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="GI" class="mobile-menu__menu-item header-currency-item h4"> Gibraltar <span class="currency-symbol">£</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="GR" class="mobile-menu__menu-item header-currency-item h4"> Greece <span class="currency-symbol">€</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="GP" class="mobile-menu__menu-item header-currency-item h4"> Guadeloupe <span class="currency-symbol">€</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="HU" class="mobile-menu__menu-item header-currency-item h4"> Hungary <span class="currency-symbol">Ft</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="IS" class="mobile-menu__menu-item header-currency-item h4"> Iceland <span class="currency-symbol">kr</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="IE" class="mobile-menu__menu-item header-currency-item h4"> Ireland <span class="currency-symbol">€</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="IT" class="mobile-menu__menu-item header-currency-item h4"> Italy <span class="currency-symbol">€</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="KE" class="mobile-menu__menu-item header-currency-item h4"> Kenya <span class="currency-symbol">KSh</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="LV" class="mobile-menu__menu-item header-currency-item h4"> Latvia <span class="currency-symbol">€</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="LI" class="mobile-menu__menu-item header-currency-item h4"> Liechtenstein <span class="currency-symbol">CHF</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="LT" class="mobile-menu__menu-item header-currency-item h4"> Lithuania <span class="currency-symbol">€</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="LU" class="mobile-menu__menu-item header-currency-item h4"> Luxembourg <span class="currency-symbol">€</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="MT" class="mobile-menu__menu-item header-currency-item h4"> Malta <span class="currency-symbol">€</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="MQ" class="mobile-menu__menu-item header-currency-item h4"> Martinique <span class="currency-symbol">€</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="YT" class="mobile-menu__menu-item header-currency-item h4"> Mayotte <span class="currency-symbol">€</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="MS" class="mobile-menu__menu-item header-currency-item h4"> Montserrat <span class="currency-symbol">$</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="NL" class="mobile-menu__menu-item header-currency-item h4"> Netherlands <span class="currency-symbol">€</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="NG" class="mobile-menu__menu-item header-currency-item h4"> Nigeria <span class="currency-symbol">₦</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="NO" class="mobile-menu__menu-item header-currency-item h4"> Norway <span class="currency-symbol">$</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="PL" class="mobile-menu__menu-item header-currency-item h4"> Poland <span class="currency-symbol">zł</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="PT" class="mobile-menu__menu-item header-currency-item h4"> Portugal <span class="currency-symbol">€</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="RE" class="mobile-menu__menu-item header-currency-item h4"> Réunion <span class="currency-symbol">€</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="RO" class="mobile-menu__menu-item header-currency-item h4"> Romania <span class="currency-symbol">Lei</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="SX" class="mobile-menu__menu-item header-currency-item h4"> Sint Maarten <span class="currency-symbol">ƒ</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="SK" class="mobile-menu__menu-item header-currency-item h4"> Slovakia <span class="currency-symbol">€</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="SI" class="mobile-menu__menu-item header-currency-item h4"> Slovenia <span class="currency-symbol">€</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="ZA" class="mobile-menu__menu-item header-currency-item h4"> South Africa <span class="currency-symbol">$</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="ES" class="mobile-menu__menu-item header-currency-item h4"> Spain <span class="currency-symbol">€</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="SE" class="mobile-menu__menu-item header-currency-item h4"> Sweden <span class="currency-symbol">kr</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="TC" class="mobile-menu__menu-item header-currency-item h4"> Turks &amp; Caicos Islands <span class="currency-symbol">$</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="AE" class="mobile-menu__menu-item header-currency-item h4"> United Arab Emirates <span class="currency-symbol">د.إ</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="GB" class="mobile-menu__menu-item header-currency-item h4"> United Kingdom <span class="currency-symbol">£</span>
        </a>
      </li><!-- Child link -->
      <li class="mobile-menu__li motion-reduce js-submenu-item" "="">
                      <a href=" #" data-value="US" class="mobile-menu__menu-item header-currency-item h4"> United States <span class="currency-symbol">$</span>
        </a>
      </li>
    </ul>
    <input type="hidden" name="country_code" value="CA">
  </div>
</form>

GET /en-ca/search

<form action="/en-ca/search" method="get" role="search" class="header-search__form">
  <div class="field header-search__field">
    <input class="header-search__input utility" id="Search-In-Modal" type="search" name="q" value="" placeholder="Search" role="combobox" aria-expanded="false" aria-owns="predictive-search-results" aria-controls="predictive-search-results"
      aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false">
    <label class="visually-hidden" for="Search-In-Modal">Search</label>
    <input type="hidden" name="options[prefix]" value="last">
    <input type="hidden" name="type" value="product">
    <button class="header-search__close" aria-label="Search"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 12 14" fill="none">
        <path d="M7.17416 8.3269L11.5 12.6527M8.52887 5.36209C8.52887 7.5792 6.73154 9.37652 4.51443 9.37652C2.29732 9.37652 0.5 7.5792 0.5 5.36209C0.5 3.14498 2.29732 1.34766 4.51443 1.34766C6.73154 1.34766 8.52887 3.14498 8.52887 5.36209Z"
          stroke="currentColor"></path>
      </svg></button>
  </div>
</form>

POST /en-ca/cart/add

<form method="post" action="/en-ca/cart/add" id="product-card-form8063538266410header" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type"
    value="product"><input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="quantity" value="1">
  <input type="hidden" name="id" value="48950663938346">
  <div class="card-image" style="aspect-ratio: 0.75;">
    <a href="/en-ca/products/hydrating-shampoo" aria-labelledby="header--8063538266410">
            <!-- Render primary image -->
            
<adaptive-image class="motion-reduce " image="IlwvXC9jZWNyZWQuY29tXC9jZG5cL3Nob3BcL2ZpbGVzXC8yMDIzMDMwMV9LSVJCWV9JTkdSRURJRU5UU19MQV9TZXJnaXlCYXJjaHVrX0h5ZHJhdGluZ1NoYW1wb29fMDAwMDMzLmpwZz92PTE3MDI0MTQwMzUi" mobile-image="IiI=" aspect-ratio="0.75" mobile-aspect-ratio="" alt="Cécred Hydrating Shampoo for Dry Hair" loading="eager" sizes="" width="1440" height="1440" style="--hh-object-fit: cover; --hh-aspect-ratio: 0.75; --hh-mobile-aspect-ratio: 0.75;">
  </adaptive-image>
            <!-- Render each size variant image -->
            
              
              
              
                
                <div class="size-variant-image" id="size-variant-image-489506639383468063538266410header" style="opacity: 0;transition: opacity var(--hh-duration-default, 300ms);position: absolute;z-index: 1;top: 0;left: 0;width: 100%;">
                  
<adaptive-image class="motion-reduce " image="IlwvXC9jZWNyZWQuY29tXC9jZG5cL3Nob3BcL2ZpbGVzXC8yMDI0MDUxN19LaXJieV9UcmF2ZWxUdWJlc19PeWVsb2xhXzA5MTcuanBnP3Y9MTcxNzYzMzE2MiI=" mobile-image="IiI=" aspect-ratio="0.75" mobile-aspect-ratio="" alt="Travel Hydrating Shampoo PDP Image" loading="eager" sizes="" width="800" height="800" style="--hh-object-fit: cover; --hh-aspect-ratio: 0.75; --hh-mobile-aspect-ratio: 0.75;">
  </adaptive-image>
                </div>
              
            
              
              
              
                
                <div class="size-variant-image" id="size-variant-image-489506639055788063538266410header" style="opacity: 0;transition: opacity var(--hh-duration-default, 300ms);position: absolute;z-index: 1;top: 0;left: 0;width: 100%;">
                  
<adaptive-image class="motion-reduce " image="IlwvXC9jZWNyZWQuY29tXC9jZG5cL3Nob3BcL2ZpbGVzXC8yMDIzMDMwMV9LSVJCWV9JTkdSRURJRU5UU19MQV9TZXJnaXlCYXJjaHVrX0h5ZHJhdGluZ1NoYW1wb29fMDAwMDMzLmpwZz92PTE3MDI0MTQwMzUi" mobile-image="IiI=" aspect-ratio="0.75" mobile-aspect-ratio="" alt="Cécred Hydrating Shampoo for Dry Hair" loading="eager" sizes="" width="1440" height="1440" style="--hh-object-fit: cover; --hh-aspect-ratio: 0.75; --hh-mobile-aspect-ratio: 0.75;">
  </adaptive-image>
                </div>
              
            
            <!-- Render hover image -->
<adaptive-image class="motion-reduce card-image__hover" image="IlwvXC9jZWNyZWQuY29tXC9jZG5cL3Nob3BcL2ZpbGVzXC9IWURSQVRJTkdTSEFNUE9PVGV4dHVyZVN3YXRjaC5qcGc/dj0xNzA0NDAyNjc5Ig==" mobile-image="IiI=" aspect-ratio="0.75" mobile-aspect-ratio="" alt="Cécred Hydrating Shampoo for Dry Hair" loading="eager" sizes="" width="2000" height="2000" style="--hh-object-fit: cover; --hh-aspect-ratio: 0.75; --hh-mobile-aspect-ratio: 0.75;">
  </adaptive-image></a>
    <div class="card__badges badge__img">
      <div class="card__badge">
        <img src="//cecred.com/cdn/shop/files/Self-US-Healthy_Beauty_Awards-Logo-2024-green-Small_1.png?v=1715719351" alt="badgeimg" class="badgeimg">
      </div>
    </div>
    <hh-button-wrapper class="hidden--sm" theme="primary">
      <button class="card-cta" type="submit" name="add" data-id="8063538266410" data-value="2100" data-title="Hydrating Shampoo">Add to bag </button>
    </hh-button-wrapper>
  </div>
  <div class="card-body">
    <div class="card-text" href="/en-ca/products/hydrating-shampoo" id="header--8063538266410">
      <a class="h4 underline_hover" href="/en-ca/products/hydrating-shampoo" id="header--8063538266410">
              Hydrating Shampoo
            </a>
      <div class="card-reviews">
        <div data-oke-star-rating="" data-oke-reviews-product-id="shopify-8063538266410" data-oke-rendered="">
          <div data-oke-reviews-version="0.70.15" data-oke-container="" class="okeReviews oke-sr">
            <div class="">
              <div class="oke-sr-rating"> 4.8 </div>
              <div class="oke-sr-stars">
                <div class="oke-stars"><!---->
                  <div class="oke-stars-background"><svg height="18" viewBox="0 0 87.11111111111111 16" aria-hidden="true" role="none">
                      <use x="0" href="#oke-star-empty"></use>
                      <use x="17.77777777777778" href="#oke-star-empty"></use>
                      <use x="35.55555555555556" href="#oke-star-empty"></use>
                      <use x="53.333333333333336" href="#oke-star-empty"></use>
                      <use x="71.11111111111111" href="#oke-star-empty"></use>
                    </svg></div>
                  <div class="oke-stars-foreground" style="width: 96.3265%;"><svg height="18" viewBox="0 0 87.11111111111111 16" aria-hidden="true" role="none">
                      <use x="0" href="#oke-star-filled"></use>
                      <use x="17.77777777777778" href="#oke-star-filled"></use>
                      <use x="35.55555555555556" href="#oke-star-filled"></use>
                      <use x="53.333333333333336" href="#oke-star-filled"></use>
                      <use x="71.11111111111111" href="#oke-star-filled"></use>
                    </svg></div><span class="oke-a11yText">Rated 4.8 out of 5 stars</span>
                </div>
              </div>
              <div class="oke-sr-count"><span class="oke-sr-count-number">819</span><!----><!----></div><!---->
            </div>
            <script type="application/json" data-oke-metafield-data="">
              {
                "averageRating": "4.8",
                "reviewCount": 819
              }
            </script>
          </div>
        </div>
      </div>
      <div class="product-form__error-message flex aic c-danger hidden--lg hidden--md" role="alert">
        <span class="product-form__error-message--text"></span>
        <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-error" viewBox="0 0 13 13">
          <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2"></circle>
          <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width="0.7"></circle>
          <path
            d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z"
            fill="white"></path>
          <path
            d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z"
            fill="white" stroke="#EB001B" stroke-width="0.7">
          </path>
        </svg>
      </div>
    </div>
    <dl class="price body hidden--sm">
      <div>
        <dt class="visually-hidden">Regular price</dt>
        <dd>$21</dd>
      </div>
    </dl>
    <hh-button-wrapper class="hidden--md hidden--lg card-cta__wrapper" width="full" theme="secondary" spacing="sm">
      <button class="card-cta" type="submit" name="add">
        <span class="block w1">Add to bag </span>
        <dl class="price body ">
          <div>
            <dt class="visually-hidden">Regular price</dt>
            <dd>$21</dd>
          </div>
        </dl>
      </button>
    </hh-button-wrapper>
  </div>
  <div class="product-form__error-message flex aic c-danger hidden--sm" role="alert">
    <span class="product-form__error-message--text"></span>
    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-error" viewBox="0 0 13 13">
      <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2"></circle>
      <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width="0.7"></circle>
      <path
        d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z"
        fill="white"></path>
      <path
        d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z"
        fill="white" stroke="#EB001B" stroke-width="0.7">
      </path>
    </svg>
  </div>
  <input type="hidden" name="product-id" value="8063538266410"><input type="hidden" name="section-id" value="header">
</form>

POST /en-ca/cart/add

<form method="post" action="/en-ca/cart/add" id="product-card-form8063541182762header" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type"
    value="product"><input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="quantity" value="1">
  <input type="hidden" name="id" value="48950653026602">
  <div class="card-image" style="aspect-ratio: 0.75;">
    <a href="/en-ca/products/reconstructing-treatment-mask" aria-labelledby="header--8063541182762">
            <!-- Render primary image -->
            
<adaptive-image class="motion-reduce " image="IlwvXC9jZWNyZWQuY29tXC9jZG5cL3Nob3BcL2ZpbGVzXC8yMDIzMDMwMV9LSVJCWV9JTkdSRURJRU5UU19MQV9TZXJnaXlCYXJjaHVrX1JlY29uc3RydWN0aW5nTWFzay5qcGc/dj0xNzE3MDI3MDUxIg==" mobile-image="IiI=" aspect-ratio="0.75" mobile-aspect-ratio="" alt="Reconstructing Treatment Mask Image" loading="eager" sizes="" width="1440" height="1440" style="--hh-object-fit: cover; --hh-aspect-ratio: 0.75; --hh-mobile-aspect-ratio: 0.75;">
  </adaptive-image>
            <!-- Render each size variant image -->
            
              
              
              
                
                <div class="size-variant-image" id="size-variant-image-489506530266028063541182762header" style="opacity: 0;transition: opacity var(--hh-duration-default, 300ms);position: absolute;z-index: 1;top: 0;left: 0;width: 100%;">
                  
<adaptive-image class="motion-reduce " image="IlwvXC9jZWNyZWQuY29tXC9jZG5cL3Nob3BcL2ZpbGVzXC8yMDI0MDUxN19LaXJieV9UcmF2ZWxUdWJlc19PeWVsb2xhXzA5MjEuanBnP3Y9MTcxNzYzMzU2NyI=" mobile-image="IiI=" aspect-ratio="0.75" mobile-aspect-ratio="" alt="Travel Reconstructing Treatment Mask PDP Image" loading="eager" sizes="" width="800" height="800" style="--hh-object-fit: cover; --hh-aspect-ratio: 0.75; --hh-mobile-aspect-ratio: 0.75;">
  </adaptive-image>
                </div>
              
            
              
              
              
                
                <div class="size-variant-image" id="size-variant-image-489506529938348063541182762header" style="opacity: 0;transition: opacity var(--hh-duration-default, 300ms);position: absolute;z-index: 1;top: 0;left: 0;width: 100%;">
                  
<adaptive-image class="motion-reduce " image="IlwvXC9jZWNyZWQuY29tXC9jZG5cL3Nob3BcL2ZpbGVzXC8yMDIzMDMwMV9LSVJCWV9JTkdSRURJRU5UU19MQV9TZXJnaXlCYXJjaHVrX1JlY29uc3RydWN0aW5nTWFzay5qcGc/dj0xNzE3MDI3MDUxIg==" mobile-image="IiI=" aspect-ratio="0.75" mobile-aspect-ratio="" alt="Reconstructing Treatment Mask Image" loading="eager" sizes="" width="1440" height="1440" style="--hh-object-fit: cover; --hh-aspect-ratio: 0.75; --hh-mobile-aspect-ratio: 0.75;">
  </adaptive-image>
                </div>
              
            
            <!-- Render hover image -->
<adaptive-image class="motion-reduce card-image__hover" image="IlwvXC9jZWNyZWQuY29tXC9jZG5cL3Nob3BcL2ZpbGVzXC8yLlJFQ09OU1RSVUNUSU5HLU1BU0suanBnP3Y9MTcxNzAyNzA1MSI=" mobile-image="IiI=" aspect-ratio="0.75" mobile-aspect-ratio="" alt="Cécred Leave-In Hair Repair Mask" loading="eager" sizes="" width="800" height="800" style="--hh-object-fit: cover; --hh-aspect-ratio: 0.75; --hh-mobile-aspect-ratio: 0.75;">
  </adaptive-image></a>
    <div class="card__badges badge__img">
      <div class="card__badge">
        <img src="//cecred.com/cdn/shop/files/WH_US-Beauty_Awards-Logo-2024_28dda520-9d25-41e3-a830-e71f84cbc872.png?v=1717027319" alt="badgeimg" class="badgeimg">
      </div>
    </div>
    <hh-button-wrapper class="hidden--sm" theme="primary">
      <button class="card-cta" type="submit" name="add" data-id="8063541182762" data-value="2900" data-title="Reconstructing Treatment Mask">Add to bag </button>
    </hh-button-wrapper>
  </div>
  <div class="card-body">
    <div class="card-text" href="/en-ca/products/reconstructing-treatment-mask" id="header--8063541182762">
      <a class="h4 underline_hover" href="/en-ca/products/reconstructing-treatment-mask" id="header--8063541182762">
              Reconstructing Treatment Mask
            </a>
      <div class="card-reviews">
        <div data-oke-star-rating="" data-oke-reviews-product-id="shopify-8063541182762" data-oke-rendered="">
          <div data-oke-reviews-version="0.70.15" data-oke-container="" class="okeReviews oke-sr">
            <div class="">
              <div class="oke-sr-rating"> 4.8 </div>
              <div class="oke-sr-stars">
                <div class="oke-stars"><!---->
                  <div class="oke-stars-background"><svg height="18" viewBox="0 0 87.11111111111111 16" aria-hidden="true" role="none">
                      <use x="0" href="#oke-star-empty"></use>
                      <use x="17.77777777777778" href="#oke-star-empty"></use>
                      <use x="35.55555555555556" href="#oke-star-empty"></use>
                      <use x="53.333333333333336" href="#oke-star-empty"></use>
                      <use x="71.11111111111111" href="#oke-star-empty"></use>
                    </svg></div>
                  <div class="oke-stars-foreground" style="width: 96.3265%;"><svg height="18" viewBox="0 0 87.11111111111111 16" aria-hidden="true" role="none">
                      <use x="0" href="#oke-star-filled"></use>
                      <use x="17.77777777777778" href="#oke-star-filled"></use>
                      <use x="35.55555555555556" href="#oke-star-filled"></use>
                      <use x="53.333333333333336" href="#oke-star-filled"></use>
                      <use x="71.11111111111111" href="#oke-star-filled"></use>
                    </svg></div><span class="oke-a11yText">Rated 4.8 out of 5 stars</span>
                </div>
              </div>
              <div class="oke-sr-count"><span class="oke-sr-count-number">339</span><!----><!----></div><!---->
            </div>
            <script type="application/json" data-oke-metafield-data="">
              {
                "averageRating": "4.8",
                "reviewCount": 339
              }
            </script>
          </div>
        </div>
      </div>
      <div class="product-form__error-message flex aic c-danger hidden--lg hidden--md" role="alert">
        <span class="product-form__error-message--text"></span>
        <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-error" viewBox="0 0 13 13">
          <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2"></circle>
          <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width="0.7"></circle>
          <path
            d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z"
            fill="white"></path>
          <path
            d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z"
            fill="white" stroke="#EB001B" stroke-width="0.7">
          </path>
        </svg>
      </div>
    </div>
    <dl class="price body hidden--sm">
      <div>
        <dt class="visually-hidden">Regular price</dt>
        <dd>$29</dd>
      </div>
    </dl>
    <hh-button-wrapper class="hidden--md hidden--lg card-cta__wrapper" width="full" theme="secondary" spacing="sm">
      <button class="card-cta" type="submit" name="add">
        <span class="block w1">Add to bag </span>
        <dl class="price body ">
          <div>
            <dt class="visually-hidden">Regular price</dt>
            <dd>$29</dd>
          </div>
        </dl>
      </button>
    </hh-button-wrapper>
  </div>
  <div class="product-form__error-message flex aic c-danger hidden--sm" role="alert">
    <span class="product-form__error-message--text"></span>
    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-error" viewBox="0 0 13 13">
      <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2"></circle>
      <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width="0.7"></circle>
      <path
        d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z"
        fill="white"></path>
      <path
        d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z"
        fill="white" stroke="#EB001B" stroke-width="0.7">
      </path>
    </svg>
  </div>
  <input type="hidden" name="product-id" value="8063541182762"><input type="hidden" name="section-id" value="header">
</form>

POST /en-ca/cart/add

<form method="post" action="/en-ca/cart/add" id="product-card-form8179940655402header" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type"
    value="product"><input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="quantity" value="1">
  <input type="hidden" name="id" value="44575784108330">
  <div class="card-image" style="aspect-ratio: 0.75;">
    <a href="/en-ca/products/fermented-rice-and-rose-protein-ritual" aria-labelledby="header--8179940655402">
            <!-- Render primary image -->
            
<adaptive-image class="motion-reduce " image="IlwvXC9jZWNyZWQuY29tXC9jZG5cL3Nob3BcL2ZpbGVzXC9QRFBfRkVSTUVOVEVELVJJQ0UtQU5ELVJPU0UtUFJPVEVJTi1SSVRVQUwtQlVORExFLnBuZz92PTE3MTcwMjYzNDMi" mobile-image="IiI=" aspect-ratio="0.75" mobile-aspect-ratio="" alt="Cécred Fermented Rice Water 2-Step Hair Treatment" loading="eager" sizes="" width="1000" height="1000" style="--hh-object-fit: cover; --hh-aspect-ratio: 0.75; --hh-mobile-aspect-ratio: 0.75;">
  </adaptive-image>
            <!-- Render each size variant image -->
            
              
              
              
            
            <!-- Render hover image -->
<adaptive-image class="motion-reduce card-image__hover" image="IlwvXC9jZWNyZWQuY29tXC9jZG5cL3Nob3BcL2ZpbGVzXC9EVU8tUklDRVBPV0RFUl9TSUxLUklOU0VUZXh0dXJlU3dpdGNoLmpwZz92PTE3MTcwMjYzNDMi" mobile-image="IiI=" aspect-ratio="0.75" mobile-aspect-ratio="" alt="Cécred Fermented Rice Water 2-Step Hair Treatment Sample" loading="eager" sizes="" width="1994" height="2000" style="--hh-object-fit: cover; --hh-aspect-ratio: 0.75; --hh-mobile-aspect-ratio: 0.75;">
  </adaptive-image></a>
    <div class="card__badges badge__img">
      <div class="card__badge">
        <img src="//cecred.com/cdn/shop/files/Cosmo_Holy_Grail_Beauty_Award_2024_1.png?v=1717029269" alt="badgeimg" class="badgeimg">
      </div>
    </div>
    <hh-button-wrapper class="hidden--sm" theme="primary">
      <button class="card-cta" type="submit" name="add" data-id="8179940655402" data-value="7200" data-title="Fermented Rice &amp; Rose Protein Ritual">Add to bag </button>
    </hh-button-wrapper>
  </div>
  <div class="card-body">
    <div class="card-text" href="/en-ca/products/fermented-rice-and-rose-protein-ritual" id="header--8179940655402">
      <a class="h4 underline_hover" href="/en-ca/products/fermented-rice-and-rose-protein-ritual" id="header--8179940655402">
              Fermented Rice &amp; Rose Protein Ritual
            </a>
      <div class="card-reviews">
        <div data-oke-star-rating="" data-oke-reviews-product-id="shopify-8179940655402" data-oke-rendered="">
          <div data-oke-reviews-version="0.70.15" data-oke-container="" class="okeReviews oke-sr">
            <div class="">
              <div class="oke-sr-rating"> 4.8 </div>
              <div class="oke-sr-stars">
                <div class="oke-stars"><!---->
                  <div class="oke-stars-background"><svg height="18" viewBox="0 0 87.11111111111111 16" aria-hidden="true" role="none">
                      <use x="0" href="#oke-star-empty"></use>
                      <use x="17.77777777777778" href="#oke-star-empty"></use>
                      <use x="35.55555555555556" href="#oke-star-empty"></use>
                      <use x="53.333333333333336" href="#oke-star-empty"></use>
                      <use x="71.11111111111111" href="#oke-star-empty"></use>
                    </svg></div>
                  <div class="oke-stars-foreground" style="width: 96.3265%;"><svg height="18" viewBox="0 0 87.11111111111111 16" aria-hidden="true" role="none">
                      <use x="0" href="#oke-star-filled"></use>
                      <use x="17.77777777777778" href="#oke-star-filled"></use>
                      <use x="35.55555555555556" href="#oke-star-filled"></use>
                      <use x="53.333333333333336" href="#oke-star-filled"></use>
                      <use x="71.11111111111111" href="#oke-star-filled"></use>
                    </svg></div><span class="oke-a11yText">Rated 4.8 out of 5 stars</span>
                </div>
              </div>
              <div class="oke-sr-count"><span class="oke-sr-count-number">390</span><!----><!----></div><!---->
            </div>
            <script type="application/json" data-oke-metafield-data="">
              {
                "averageRating": "4.8",
                "reviewCount": 390
              }
            </script>
          </div>
        </div>
      </div>
      <div class="product-form__error-message flex aic c-danger hidden--lg hidden--md" role="alert">
        <span class="product-form__error-message--text"></span>
        <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-error" viewBox="0 0 13 13">
          <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2"></circle>
          <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width="0.7"></circle>
          <path
            d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z"
            fill="white"></path>
          <path
            d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z"
            fill="white" stroke="#EB001B" stroke-width="0.7">
          </path>
        </svg>
      </div>
    </div>
    <dl class="
      price body hidden--sm">
      <div>
        <dt class="visually-hidden">Regular price</dt>
        <dd>$72</dd>
      </div>
    </dl>
    <hh-button-wrapper class="hidden--md hidden--lg card-cta__wrapper" width="full" theme="secondary" spacing="sm">
      <button class="card-cta" type="submit" name="add">
        <span class="block w1">Add to bag </span>
        <dl class="
      price body ">
          <div>
            <dt class="visually-hidden">Regular price</dt>
            <dd>$72</dd>
          </div>
        </dl>
      </button>
    </hh-button-wrapper>
  </div>
  <div class="product-form__error-message flex aic c-danger hidden--sm" role="alert">
    <span class="product-form__error-message--text"></span>
    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-error" viewBox="0 0 13 13">
      <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2"></circle>
      <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width="0.7"></circle>
      <path
        d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z"
        fill="white"></path>
      <path
        d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z"
        fill="white" stroke="#EB001B" stroke-width="0.7">
      </path>
    </svg>
  </div>
  <input type="hidden" name="product-id" value="8179940655402"><input type="hidden" name="section-id" value="header">
</form>

POST /en-ca/cart/add

<form method="post" action="/en-ca/cart/add" id="product-card-form8179940393258header" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type"
    value="product"><input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="quantity" value="1">
  <input type="hidden" name="id" value="48950667378986">
  <div class="card-image" style="aspect-ratio: 0.75;">
    <a href="/en-ca/products/clarifying-scalp-scrub-shampoo" aria-labelledby="header--8179940393258">
            <!-- Render primary image -->
            
<adaptive-image class="motion-reduce " image="IlwvXC9jZWNyZWQuY29tXC9jZG5cL3Nob3BcL2ZpbGVzXC8yMDIzMDIyOF9LSVJCWV9JTkdSRURJRU5UU19MQV9TZXJnaXlCYXJjaHVrX0NsYXJpZnlpbmdTaGFtcG9vU2NhbHBTY3J1Yl8wMDAwNjUuanBnP3Y9MTcwMTg0NjQyNyI=" mobile-image="IiI=" aspect-ratio="0.75" mobile-aspect-ratio="" alt="Cécred Clarifying Shampoo &amp; Scalp Exfoliating Scrub" loading="eager" sizes="" width="800" height="800" style="--hh-object-fit: cover; --hh-aspect-ratio: 0.75; --hh-mobile-aspect-ratio: 0.75;">
  </adaptive-image>
            <!-- Render each size variant image -->
            
              
              
              
                
                <div class="size-variant-image" id="size-variant-image-489506673789868179940393258header" style="opacity: 0;transition: opacity var(--hh-duration-default, 300ms);position: absolute;z-index: 1;top: 0;left: 0;width: 100%;">
                  
<adaptive-image class="motion-reduce " image="IlwvXC9jZWNyZWQuY29tXC9jZG5cL3Nob3BcL2ZpbGVzXC8yMDI0MDUxN19LaXJieV9UcmF2ZWxUdWJlc19PeWVsb2xhXzA5MjkuanBnP3Y9MTcxNzYzMzAyMiI=" mobile-image="IiI=" aspect-ratio="0.75" mobile-aspect-ratio="" alt="Travel Clarifying Shampoo &amp; Scalp Scrub PDP Image" loading="eager" sizes="" width="800" height="800" style="--hh-object-fit: cover; --hh-aspect-ratio: 0.75; --hh-mobile-aspect-ratio: 0.75;">
  </adaptive-image>
                </div>
              
            
              
              
              
                
                <div class="size-variant-image" id="size-variant-image-489506673134508179940393258header" style="opacity: 0;transition: opacity var(--hh-duration-default, 300ms);position: absolute;z-index: 1;top: 0;left: 0;width: 100%;">
                  
<adaptive-image class="motion-reduce " image="IlwvXC9jZWNyZWQuY29tXC9jZG5cL3Nob3BcL2ZpbGVzXC8yMDIzMDIyOF9LSVJCWV9JTkdSRURJRU5UU19MQV9TZXJnaXlCYXJjaHVrX0NsYXJpZnlpbmdTaGFtcG9vU2NhbHBTY3J1Yl8wMDAwNjUuanBnP3Y9MTcwMTg0NjQyNyI=" mobile-image="IiI=" aspect-ratio="0.75" mobile-aspect-ratio="" alt="Cécred Clarifying Shampoo &amp; Scalp Exfoliating Scrub" loading="eager" sizes="" width="800" height="800" style="--hh-object-fit: cover; --hh-aspect-ratio: 0.75; --hh-mobile-aspect-ratio: 0.75;">
  </adaptive-image>
                </div>
              
            
            <!-- Render hover image -->
<adaptive-image class="motion-reduce card-image__hover" image="IlwvXC9jZWNyZWQuY29tXC9jZG5cL3Nob3BcL2ZpbGVzXC9OT1paTEVUSVBfMS5qcGc/dj0xNzAxOTc5NDI5Ig==" mobile-image="IiI=" aspect-ratio="0.75" mobile-aspect-ratio="" alt="Cécred Clarifying Shampoo &amp; Scalp Exfoliating Scrub" loading="eager" sizes="" width="2000" height="1771" style="--hh-object-fit: cover; --hh-aspect-ratio: 0.75; --hh-mobile-aspect-ratio: 0.75;">
  </adaptive-image></a>
    <hh-button-wrapper class="hidden--sm" theme="primary">
      <button class="card-cta" type="submit" name="add" data-id="8179940393258" data-value="2700" data-title="Clarifying Shampoo &amp; Scalp Scrub">Add to bag </button>
    </hh-button-wrapper>
  </div>
  <div class="card-body">
    <div class="card-text" href="/en-ca/products/clarifying-scalp-scrub-shampoo" id="header--8179940393258">
      <a class="h4 underline_hover" href="/en-ca/products/clarifying-scalp-scrub-shampoo" id="header--8179940393258">
              Clarifying Shampoo &amp; Scalp Scrub
            </a>
      <div class="card-reviews">
        <div data-oke-star-rating="" data-oke-reviews-product-id="shopify-8179940393258" data-oke-rendered="">
          <div data-oke-reviews-version="0.70.15" data-oke-container="" class="okeReviews oke-sr">
            <div class="">
              <div class="oke-sr-rating"> 4.9 </div>
              <div class="oke-sr-stars">
                <div class="oke-stars"><!---->
                  <div class="oke-stars-background"><svg height="18" viewBox="0 0 87.11111111111111 16" aria-hidden="true" role="none">
                      <use x="0" href="#oke-star-empty"></use>
                      <use x="17.77777777777778" href="#oke-star-empty"></use>
                      <use x="35.55555555555556" href="#oke-star-empty"></use>
                      <use x="53.333333333333336" href="#oke-star-empty"></use>
                      <use x="71.11111111111111" href="#oke-star-empty"></use>
                    </svg></div>
                  <div class="oke-stars-foreground" style="width: 98.1633%;"><svg height="18" viewBox="0 0 87.11111111111111 16" aria-hidden="true" role="none">
                      <use x="0" href="#oke-star-filled"></use>
                      <use x="17.77777777777778" href="#oke-star-filled"></use>
                      <use x="35.55555555555556" href="#oke-star-filled"></use>
                      <use x="53.333333333333336" href="#oke-star-filled"></use>
                      <use x="71.11111111111111" href="#oke-star-filled"></use>
                    </svg></div><span class="oke-a11yText">Rated 4.9 out of 5 stars</span>
                </div>
              </div>
              <div class="oke-sr-count"><span class="oke-sr-count-number">648</span><!----><!----></div><!---->
            </div>
            <script type="application/json" data-oke-metafield-data="">
              {
                "averageRating": "4.9",
                "reviewCount": 648
              }
            </script>
          </div>
        </div>
      </div>
      <div class="product-form__error-message flex aic c-danger hidden--lg hidden--md" role="alert">
        <span class="product-form__error-message--text"></span>
        <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-error" viewBox="0 0 13 13">
          <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2"></circle>
          <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width="0.7"></circle>
          <path
            d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z"
            fill="white"></path>
          <path
            d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z"
            fill="white" stroke="#EB001B" stroke-width="0.7">
          </path>
        </svg>
      </div>
    </div>
    <dl class="price body hidden--sm">
      <div>
        <dt class="visually-hidden">Regular price</dt>
        <dd>$27</dd>
      </div>
    </dl>
    <hh-button-wrapper class="hidden--md hidden--lg card-cta__wrapper" width="full" theme="secondary" spacing="sm">
      <button class="card-cta" type="submit" name="add">
        <span class="block w1">Add to bag </span>
        <dl class="price body ">
          <div>
            <dt class="visually-hidden">Regular price</dt>
            <dd>$27</dd>
          </div>
        </dl>
      </button>
    </hh-button-wrapper>
  </div>
  <div class="product-form__error-message flex aic c-danger hidden--sm" role="alert">
    <span class="product-form__error-message--text"></span>
    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-error" viewBox="0 0 13 13">
      <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2"></circle>
      <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width="0.7"></circle>
      <path
        d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z"
        fill="white"></path>
      <path
        d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z"
        fill="white" stroke="#EB001B" stroke-width="0.7">
      </path>
    </svg>
  </div>
  <input type="hidden" name="product-id" value="8179940393258"><input type="hidden" name="section-id" value="header">
</form>

POST /en-ca/localization

<form method="post" action="/en-ca/localization" id="localization_form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data"><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="/en-ca">
  <a href="#" class="header__utility-item utility header__currency js-submenu-anchor aic" aria-haspopup="true" id="js-currencies-anchor">
            <span>CAD($)</span>
            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow-down" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M13.4141 4.08333L6.9974 9.69791L0.580728 4.08333" stroke="currentColor"></path>
    </svg>
          </a>
  <div class="header__submenu header__currency-menu motion-reduce js-currencies-menu submenu--hidden" aria-hidden="true" aria-expanded="false" aria-label="currency submenu" style="display: none;">
    <ul class="header__submenu-list">
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="AI" class="header__menu-item header-currency-item c-text">
                    Anguilla
                    <span class="currency-symbol">$</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="AW" class="header__menu-item header-currency-item c-text">
                    Aruba
                    <span class="currency-symbol">ƒ</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="AU" class="header__menu-item header-currency-item c-text">
                    Australia
                    <span class="currency-symbol">$</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="AT" class="header__menu-item header-currency-item c-text">
                    Austria
                    <span class="currency-symbol">€</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="BE" class="header__menu-item header-currency-item c-text">
                    Belgium
                    <span class="currency-symbol">€</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="BM" class="header__menu-item header-currency-item c-text">
                    Bermuda
                    <span class="currency-symbol">$</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="BR" class="header__menu-item header-currency-item c-text">
                    Brazil
                    <span class="currency-symbol">R$</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="VG" class="header__menu-item header-currency-item c-text">
                    British Virgin Islands
                    <span class="currency-symbol">$</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="BG" class="header__menu-item header-currency-item c-text">
                    Bulgaria
                    <span class="currency-symbol">лв.</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item is-active">
        <a href="#" aria-current="true" data-value="CA" class="header__menu-item header-currency-item c-text">
                    Canada
                    <span class="currency-symbol">$</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="KY" class="header__menu-item header-currency-item c-text">
                    Cayman Islands
                    <span class="currency-symbol">$</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="HR" class="header__menu-item header-currency-item c-text">
                    Croatia
                    <span class="currency-symbol">€</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="CW" class="header__menu-item header-currency-item c-text">
                    Curaçao
                    <span class="currency-symbol">ƒ</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="CY" class="header__menu-item header-currency-item c-text">
                    Cyprus
                    <span class="currency-symbol">€</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="CZ" class="header__menu-item header-currency-item c-text">
                    Czechia
                    <span class="currency-symbol">Kč</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="DK" class="header__menu-item header-currency-item c-text">
                    Denmark
                    <span class="currency-symbol">kr.</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="EE" class="header__menu-item header-currency-item c-text">
                    Estonia
                    <span class="currency-symbol">€</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="FI" class="header__menu-item header-currency-item c-text">
                    Finland
                    <span class="currency-symbol">€</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="FR" class="header__menu-item header-currency-item c-text">
                    France
                    <span class="currency-symbol">€</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="GF" class="header__menu-item header-currency-item c-text">
                    French Guiana
                    <span class="currency-symbol">€</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="DE" class="header__menu-item header-currency-item c-text">
                    Germany
                    <span class="currency-symbol">€</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="GI" class="header__menu-item header-currency-item c-text">
                    Gibraltar
                    <span class="currency-symbol">£</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="GR" class="header__menu-item header-currency-item c-text">
                    Greece
                    <span class="currency-symbol">€</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="GP" class="header__menu-item header-currency-item c-text">
                    Guadeloupe
                    <span class="currency-symbol">€</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="HU" class="header__menu-item header-currency-item c-text">
                    Hungary
                    <span class="currency-symbol">Ft</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="IS" class="header__menu-item header-currency-item c-text">
                    Iceland
                    <span class="currency-symbol">kr</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="IE" class="header__menu-item header-currency-item c-text">
                    Ireland
                    <span class="currency-symbol">€</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="IT" class="header__menu-item header-currency-item c-text">
                    Italy
                    <span class="currency-symbol">€</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="KE" class="header__menu-item header-currency-item c-text">
                    Kenya
                    <span class="currency-symbol">KSh</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="LV" class="header__menu-item header-currency-item c-text">
                    Latvia
                    <span class="currency-symbol">€</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="LI" class="header__menu-item header-currency-item c-text">
                    Liechtenstein
                    <span class="currency-symbol">CHF</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="LT" class="header__menu-item header-currency-item c-text">
                    Lithuania
                    <span class="currency-symbol">€</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="LU" class="header__menu-item header-currency-item c-text">
                    Luxembourg
                    <span class="currency-symbol">€</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="MT" class="header__menu-item header-currency-item c-text">
                    Malta
                    <span class="currency-symbol">€</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="MQ" class="header__menu-item header-currency-item c-text">
                    Martinique
                    <span class="currency-symbol">€</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="YT" class="header__menu-item header-currency-item c-text">
                    Mayotte
                    <span class="currency-symbol">€</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="MS" class="header__menu-item header-currency-item c-text">
                    Montserrat
                    <span class="currency-symbol">$</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="NL" class="header__menu-item header-currency-item c-text">
                    Netherlands
                    <span class="currency-symbol">€</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="NG" class="header__menu-item header-currency-item c-text">
                    Nigeria
                    <span class="currency-symbol">₦</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="NO" class="header__menu-item header-currency-item c-text">
                    Norway
                    <span class="currency-symbol">$</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="PL" class="header__menu-item header-currency-item c-text">
                    Poland
                    <span class="currency-symbol">zł</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="PT" class="header__menu-item header-currency-item c-text">
                    Portugal
                    <span class="currency-symbol">€</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="RE" class="header__menu-item header-currency-item c-text">
                    Réunion
                    <span class="currency-symbol">€</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="RO" class="header__menu-item header-currency-item c-text">
                    Romania
                    <span class="currency-symbol">Lei</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="SX" class="header__menu-item header-currency-item c-text">
                    Sint Maarten
                    <span class="currency-symbol">ƒ</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="SK" class="header__menu-item header-currency-item c-text">
                    Slovakia
                    <span class="currency-symbol">€</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="SI" class="header__menu-item header-currency-item c-text">
                    Slovenia
                    <span class="currency-symbol">€</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="ZA" class="header__menu-item header-currency-item c-text">
                    South Africa
                    <span class="currency-symbol">$</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="ES" class="header__menu-item header-currency-item c-text">
                    Spain
                    <span class="currency-symbol">€</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="SE" class="header__menu-item header-currency-item c-text">
                    Sweden
                    <span class="currency-symbol">kr</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="TC" class="header__menu-item header-currency-item c-text">
                    Turks &amp; Caicos Islands
                    <span class="currency-symbol">$</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="AE" class="header__menu-item header-currency-item c-text">
                    United Arab Emirates
                    <span class="currency-symbol">د.إ</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="GB" class="header__menu-item header-currency-item c-text">
                    United Kingdom
                    <span class="currency-symbol">£</span>
                  </a>
      </li>
      <li class="header__submenu-list-child motion-reduce js-currencies-item">
        <a href="#" data-value="US" class="header__menu-item header-currency-item c-text">
                    United States
                    <span class="currency-symbol">$</span>
                  </a>
      </li>
    </ul>
    <input type="hidden" name="country_code" value="CA">
  </div>
</form>

POST /en-ca/cart

<form action="/en-ca/cart" method="post" class="mini-cart__line-items-container js-mini-cart-line-items">
  <div class="mini-cart__body-wrapper">
    <div data-rerender="">
      <div class="mini-cart__line-items mini-cart__line-items--empty js-gift-unavaialble" data-gift-ids="">
        <p class="h2">Your cart is empty.</p>
      </div>
    </div>
    <div class="free-items js-free-items" data-rerender=""></div>
  </div>
  <div class="mini-cart__footer js-mini-cart-footer" aria-live="assertive" data-rerender="">
    <link href="//cecred.com/cdn/shop/t/546/assets/snippet-cart-progress.css?v=23643512572292574331723141672" rel="stylesheet" as="style" onload="this.rel='stylesheet'">
    <noscript>
      <link href="//cecred.com/cdn/shop/t/546/assets/snippet-cart-progress.css?v=23643512572292574331723141672" rel="stylesheet" type="text/css" media="all">
    </noscript>
    <div class="cart-progress"></div>
    <hh-button theme="primary" width="full" href="/">Continue shopping</hh-button>
  </div>
</form>

POST /en-ca/cart/add

<form method="post" action="/en-ca/cart/add" id="product-card-form8179940491562template--23193760792874__featured_products" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input
    type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="quantity" value="1">
  <input type="hidden" name="id" value="48950659318058">
  <div class="card-image" style="aspect-ratio: 0.75;">
    <a href="/en-ca/products/moisturizing-deep-conditioner" aria-labelledby="template--23193760792874__featured_products--8179940491562">
            <!-- Render primary image -->
            
<adaptive-image class="motion-reduce " image="IlwvXC9jZWNyZWQuY29tXC9jZG5cL3Nob3BcL2ZpbGVzXC9Nb2lzdHVyaXppbmdfRGVlcF9Db25kaXRpb25lcl84MDB4MTAwMF8wODkxYzVjZC1kZjc2LTQxNjgtOGI1Yi1hNjIxZjU4ZWM2YTMuanBnP3Y9MTcxNDQ5NjcxNiI=" mobile-image="IiI=" aspect-ratio="0.75" mobile-aspect-ratio="" alt="Moisturizing Deep Conditioner Image" loading="eager" sizes="" width="800" height="1000" style="--hh-object-fit: cover; --hh-aspect-ratio: 0.75; --hh-mobile-aspect-ratio: 0.75;">
  </adaptive-image>
            <!-- Render each size variant image -->
            
              
              
              
                
                <div class="size-variant-image" id="size-variant-image-489506593508268179940491562template--23193760792874__featured_products" style="opacity: 0;transition: opacity var(--hh-duration-default, 300ms);position: absolute;z-index: 1;top: 0;left: 0;width: 100%;">
                  
<adaptive-image class="motion-reduce " image="IlwvXC9jZWNyZWQuY29tXC9jZG5cL3Nob3BcL2ZpbGVzXC8yMDI0MDUxN19LaXJieV9UcmF2ZWxUdWJlc19PeWVsb2xhXzA5MzYuanBnP3Y9MTcxNzYzMzQ3MCI=" mobile-image="IiI=" aspect-ratio="0.75" mobile-aspect-ratio="" alt="Travel Moisturizing Deep Conditioner PDP Image" loading="eager" sizes="" width="800" height="800" style="--hh-object-fit: cover; --hh-aspect-ratio: 0.75; --hh-mobile-aspect-ratio: 0.75;">
  </adaptive-image>
                </div>
              
            
              
              
              
                
                <div class="size-variant-image" id="size-variant-image-489506593180588179940491562template--23193760792874__featured_products" style="opacity: 1; transition: opacity var(--hh-duration-default, 300ms); position: absolute; z-index: 1; top: 0px; left: 0px; width: 100%;">
                  
<adaptive-image class="motion-reduce " image="IlwvXC9jZWNyZWQuY29tXC9jZG5cL3Nob3BcL2ZpbGVzXC8yMDIzMDMwMV9LSVJCWV9JTkdSRURJRU5UU19MQV9TZXJnaXlCYXJjaHVrX0RlZXBDb25kaXRpb25lcl8wMDAwNzBfMS5qcGc/dj0xNzAxODQ3MzM0Ig==" mobile-image="IiI=" aspect-ratio="0.75" mobile-aspect-ratio="" alt="Cécred Moisturizing Deep Conditioner for Curly Hair" loading="eager" sizes="" width="800" height="800" style="--hh-object-fit: cover; --hh-aspect-ratio: 0.75; --hh-mobile-aspect-ratio: 0.75;">
  </adaptive-image>
                </div>
              
            
            <!-- Render hover image -->
<adaptive-image class="motion-reduce card-image__hover" image="IlwvXC9jZWNyZWQuY29tXC9jZG5cL3Nob3BcL2ZpbGVzXC9ERUVQQ09ORElUSU9ORVJzd2F0Y2h0ZXh0dXJlLmpwZz92PTE3MDE5Nzk1NDQi" mobile-image="IiI=" aspect-ratio="0.75" mobile-aspect-ratio="" alt="Cécred Moisturizing Deep Conditioner for Curly Hair" loading="eager" sizes="" width="2000" height="1986" style="--hh-object-fit: cover; --hh-aspect-ratio: 0.75; --hh-mobile-aspect-ratio: 0.75;">
  </adaptive-image></a>
    <div class="card__badges badge__img">
      <div class="card__badge">
        <img src="//cecred.com/cdn/shop/files/Self-US-Healthy_Beauty_Awards-Logo-2024-green-Small_1.png?v=1715719351" alt="badgeimg" class="badgeimg">
      </div>
    </div>
    <hh-button-wrapper class="hidden--sm" theme="primary">
      <button class="card-cta" type="submit" name="add" data-id="8179940491562" data-value="2100" data-title="Moisturizing Deep Conditioner">Add to bag</button>
    </hh-button-wrapper>
  </div>
  <div class="card-body">
    <div class="card-text" href="/en-ca/products/moisturizing-deep-conditioner" id="template--23193760792874__featured_products--8179940491562">
      <a class="h4 underline_hover" href="/en-ca/products/moisturizing-deep-conditioner" id="template--23193760792874__featured_products--8179940491562">
              Moisturizing Deep Conditioner
            </a>
      <div class="card-reviews">
        <div data-oke-star-rating="" data-oke-reviews-product-id="shopify-8179940491562" data-oke-rendered="">
          <div data-oke-reviews-version="0.70.15" data-oke-container="" class="okeReviews oke-sr">
            <div class="">
              <div class="oke-sr-rating"> 4.7 </div>
              <div class="oke-sr-stars">
                <div class="oke-stars"><!---->
                  <div class="oke-stars-background"><svg height="18" viewBox="0 0 87.11111111111111 16" aria-hidden="true" role="none">
                      <use x="0" href="#oke-star-empty"></use>
                      <use x="17.77777777777778" href="#oke-star-empty"></use>
                      <use x="35.55555555555556" href="#oke-star-empty"></use>
                      <use x="53.333333333333336" href="#oke-star-empty"></use>
                      <use x="71.11111111111111" href="#oke-star-empty"></use>
                    </svg></div>
                  <div class="oke-stars-foreground" style="width: 94.4898%;"><svg height="18" viewBox="0 0 87.11111111111111 16" aria-hidden="true" role="none">
                      <use x="0" href="#oke-star-filled"></use>
                      <use x="17.77777777777778" href="#oke-star-filled"></use>
                      <use x="35.55555555555556" href="#oke-star-filled"></use>
                      <use x="53.333333333333336" href="#oke-star-filled"></use>
                      <use x="71.11111111111111" href="#oke-star-filled"></use>
                    </svg></div><span class="oke-a11yText">Rated 4.7 out of 5 stars</span>
                </div>
              </div>
              <div class="oke-sr-count"><span class="oke-sr-count-number">702</span><!----><!----></div><!---->
            </div>
            <script type="application/json" data-oke-metafield-data="">
              {
                "averageRating": "4.7",
                "reviewCount": 702
              }
            </script>
          </div>
        </div>
      </div>
      <div class="product-form__error-message flex aic c-danger hidden--lg hidden--md" role="alert">
        <span class="product-form__error-message--text"></span>
        <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-error" viewBox="0 0 13 13">
          <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2"></circle>
          <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width="0.7"></circle>
          <path
            d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z"
            fill="white"></path>
          <path
            d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z"
            fill="white" stroke="#EB001B" stroke-width="0.7">
          </path>
        </svg>
      </div>
    </div>
    <dl class="price body hidden--sm">
      <div>
        <dt class="visually-hidden">Regular price</dt>
        <dd>$53</dd>
      </div>
    </dl>
    <hh-button-wrapper class="hidden--md hidden--lg card-cta__wrapper" width="full" theme="secondary" spacing="sm">
      <button class="card-cta" type="submit" name="add">Add to bag</button>
    </hh-button-wrapper>
  </div>
  <div class="product-form__error-message flex aic c-danger hidden--sm" role="alert">
    <span class="product-form__error-message--text"></span>
    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-error" viewBox="0 0 13 13">
      <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2"></circle>
      <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width="0.7"></circle>
      <path
        d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z"
        fill="white"></path>
      <path
        d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z"
        fill="white" stroke="#EB001B" stroke-width="0.7">
      </path>
    </svg>
  </div>
  <input type="hidden" name="product-id" value="8179940491562"><input type="hidden" name="section-id" value="template--23193760792874__featured_products">
</form>

POST /en-ca/cart/add

<form method="post" action="/en-ca/cart/add" id="product-card-form8179940491562template--23193760792874__featured_products" accept-charset="UTF-8" class="form form-card" enctype="multipart/form-data" novalidate="novalidate"
  data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="quantity" value="1">
  <input type="hidden" name="id" value="48950659318058">
  <div class="sp-product-card__variants">
    <input type="hidden" name="sections_url" value="/en-ca/products/moisturizing-deep-conditioner?variant=48950659318058">
    <label class="select2-label" for="product-variant-select-8179940491562"> Size </label>
    <select name="id" id="product-variant-select-8179940491562" class="product-variant-select select2-hidden-accessible" onchange="setVariant(&quot;8179940491562&quot;, this.value)"
      style="background: transparent;box-sizing: border-box;padding: 20px;" data-select2-id="select2-data-product-variant-select-8179940491562" tabindex="-1" aria-hidden="true">
      <option data-product_url="/en-ca/products/moisturizing-deep-conditioner" data-price="$21" value="48950659350826"> Travel Size 2.5 fl oz </option>
      <option data-product_url="/en-ca/products/moisturizing-deep-conditioner" data-price="$53" value="48950659318058" data-select2-id="select2-data-2-w13f"> Full Size 10 fl oz </option>
    </select><span class="select2 select2-container select2-container--default" dir="ltr" data-select2-id="select2-data-1-qz4h" style="width: 179px;"><span class="selection"><span class="select2-selection select2-selection--single" role="combobox"
          aria-haspopup="true" aria-expanded="false" tabindex="0" aria-disabled="false" aria-labelledby="select2-product-variant-select-8179940491562-container" aria-controls="select2-product-variant-select-8179940491562-container"><span
            class="select2-selection__rendered" id="select2-product-variant-select-8179940491562-container" role="textbox" aria-readonly="true" title="
                    Full Size 10 fl oz
                  "> Full Size 10 fl oz </span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
    <hh-button-wrapper theme="primary">
      <button type="submit" name="add" data-id="8179940491562" data-value="5300" data-title="Moisturizing Deep Conditioner" style="width: 100%;box-sizing: border-box;margin-top: 20px;position: absolute;bottom: 0;">Add to bag</button>
    </hh-button-wrapper>
    <!-- Only for variant sizes -->
    <script>
      setVariantDefaultValue('8179940491562')
    </script>
  </div>
  <input type="hidden" name="product-id" value="8179940491562"><input type="hidden" name="section-id" value="template--23193760792874__featured_products">
</form>

POST /en-ca/cart/add

<form method="post" action="/en-ca/cart/add" id="product-card-form8063538266410template--23193760792874__featured_products" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input
    type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="quantity" value="1">
  <input type="hidden" name="id" value="48950663905578">
  <div class="card-image" style="aspect-ratio: 0.75;">
    <a href="/en-ca/products/hydrating-shampoo" aria-labelledby="template--23193760792874__featured_products--8063538266410">
            <!-- Render primary image -->
            
<adaptive-image class="motion-reduce " image="IlwvXC9jZWNyZWQuY29tXC9jZG5cL3Nob3BcL2ZpbGVzXC8yMDIzMDMwMV9LSVJCWV9JTkdSRURJRU5UU19MQV9TZXJnaXlCYXJjaHVrX0h5ZHJhdGluZ1NoYW1wb29fMDAwMDMzLmpwZz92PTE3MDI0MTQwMzUi" mobile-image="IiI=" aspect-ratio="0.75" mobile-aspect-ratio="" alt="Cécred Hydrating Shampoo for Dry Hair" loading="eager" sizes="" width="1440" height="1440" style="--hh-object-fit: cover; --hh-aspect-ratio: 0.75; --hh-mobile-aspect-ratio: 0.75;">
  </adaptive-image>
            <!-- Render each size variant image -->
            
              
              
              
                
                <div class="size-variant-image" id="size-variant-image-489506639383468063538266410template--23193760792874__featured_products" style="opacity: 0;transition: opacity var(--hh-duration-default, 300ms);position: absolute;z-index: 1;top: 0;left: 0;width: 100%;">
                  
<adaptive-image class="motion-reduce " image="IlwvXC9jZWNyZWQuY29tXC9jZG5cL3Nob3BcL2ZpbGVzXC8yMDI0MDUxN19LaXJieV9UcmF2ZWxUdWJlc19PeWVsb2xhXzA5MTcuanBnP3Y9MTcxNzYzMzE2MiI=" mobile-image="IiI=" aspect-ratio="0.75" mobile-aspect-ratio="" alt="Travel Hydrating Shampoo PDP Image" loading="eager" sizes="" width="800" height="800" style="--hh-object-fit: cover; --hh-aspect-ratio: 0.75; --hh-mobile-aspect-ratio: 0.75;">
  </adaptive-image>
                </div>
              
            
              
              
              
                
                <div class="size-variant-image" id="size-variant-image-489506639055788063538266410template--23193760792874__featured_products" style="opacity: 1; transition: opacity var(--hh-duration-default, 300ms); position: absolute; z-index: 1; top: 0px; left: 0px; width: 100%;">
                  
<adaptive-image class="motion-reduce " image="IlwvXC9jZWNyZWQuY29tXC9jZG5cL3Nob3BcL2ZpbGVzXC8yMDIzMDMwMV9LSVJCWV9JTkdSRURJRU5UU19MQV9TZXJnaXlCYXJjaHVrX0h5ZHJhdGluZ1NoYW1wb29fMDAwMDMzLmpwZz92PTE3MDI0MTQwMzUi" mobile-image="IiI=" aspect-ratio="0.75" mobile-aspect-ratio="" alt="Cécred Hydrating Shampoo for Dry Hair" loading="eager" sizes="" width="1440" height="1440" style="--hh-object-fit: cover; --hh-aspect-ratio: 0.75; --hh-mobile-aspect-ratio: 0.75;">
  </adaptive-image>
                </div>
              
            
            <!-- Render hover image -->
<adaptive-image class="motion-reduce card-image__hover" image="IlwvXC9jZWNyZWQuY29tXC9jZG5cL3Nob3BcL2ZpbGVzXC9IWURSQVRJTkdTSEFNUE9PVGV4dHVyZVN3YXRjaC5qcGc/dj0xNzA0NDAyNjc5Ig==" mobile-image="IiI=" aspect-ratio="0.75" mobile-aspect-ratio="" alt="Cécred Hydrating Shampoo for Dry Hair" loading="eager" sizes="" width="2000" height="2000" style="--hh-object-fit: cover; --hh-aspect-ratio: 0.75; --hh-mobile-aspect-ratio: 0.75;">
  </adaptive-image></a>
    <div class="card__badges badge__img">
      <div class="card__badge">
        <img src="//cecred.com/cdn/shop/files/Self-US-Healthy_Beauty_Awards-Logo-2024-green-Small_1.png?v=1715719351" alt="badgeimg" class="badgeimg">
      </div>
    </div>
    <hh-button-wrapper class="hidden--sm" theme="primary">
      <button class="card-cta" type="submit" name="add" data-id="8063538266410" data-value="2100" data-title="Hydrating Shampoo">Add to bag</button>
    </hh-button-wrapper>
  </div>
  <div class="card-body">
    <div class="card-text" href="/en-ca/products/hydrating-shampoo" id="template--23193760792874__featured_products--8063538266410">
      <a class="h4 underline_hover" href="/en-ca/products/hydrating-shampoo" id="template--23193760792874__featured_products--8063538266410">
              Hydrating Shampoo
            </a>
      <div class="card-reviews">
        <div data-oke-star-rating="" data-oke-reviews-product-id="shopify-8063538266410" data-oke-rendered="">
          <div data-oke-reviews-version="0.70.15" data-oke-container="" class="okeReviews oke-sr">
            <div class="">
              <div class="oke-sr-rating"> 4.8 </div>
              <div class="oke-sr-stars">
                <div class="oke-stars"><!---->
                  <div class="oke-stars-background"><svg height="18" viewBox="0 0 87.11111111111111 16" aria-hidden="true" role="none">
                      <use x="0" href="#oke-star-empty"></use>
                      <use x="17.77777777777778" href="#oke-star-empty"></use>
                      <use x="35.55555555555556" href="#oke-star-empty"></use>
                      <use x="53.333333333333336" href="#oke-star-empty"></use>
                      <use x="71.11111111111111" href="#oke-star-empty"></use>
                    </svg></div>
                  <div class="oke-stars-foreground" style="width: 96.3265%;"><svg height="18" viewBox="0 0 87.11111111111111 16" aria-hidden="true" role="none">
                      <use x="0" href="#oke-star-filled"></use>
                      <use x="17.77777777777778" href="#oke-star-filled"></use>
                      <use x="35.55555555555556" href="#oke-star-filled"></use>
                      <use x="53.333333333333336" href="#oke-star-filled"></use>
                      <use x="71.11111111111111" href="#oke-star-filled"></use>
                    </svg></div><span class="oke-a11yText">Rated 4.8 out of 5 stars</span>
                </div>
              </div>
              <div class="oke-sr-count"><span class="oke-sr-count-number">819</span><!----><!----></div><!---->
            </div>
            <script type="application/json" data-oke-metafield-data="">
              {
                "averageRating": "4.8",
                "reviewCount": 819
              }
            </script>
          </div>
        </div>
      </div>
      <div class="product-form__error-message flex aic c-danger hidden--lg hidden--md" role="alert">
        <span class="product-form__error-message--text"></span>
        <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-error" viewBox="0 0 13 13">
          <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2"></circle>
          <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width="0.7"></circle>
          <path
            d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z"
            fill="white"></path>
          <path
            d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z"
            fill="white" stroke="#EB001B" stroke-width="0.7">
          </path>
        </svg>
      </div>
    </div>
    <dl class="price body hidden--sm">
      <div>
        <dt class="visually-hidden">Regular price</dt>
        <dd>$42</dd>
      </div>
    </dl>
    <hh-button-wrapper class="hidden--md hidden--lg card-cta__wrapper" width="full" theme="secondary" spacing="sm">
      <button class="card-cta" type="submit" name="add">Add to bag</button>
    </hh-button-wrapper>
  </div>
  <div class="product-form__error-message flex aic c-danger hidden--sm" role="alert">
    <span class="product-form__error-message--text"></span>
    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-error" viewBox="0 0 13 13">
      <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2"></circle>
      <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width="0.7"></circle>
      <path
        d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z"
        fill="white"></path>
      <path
        d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z"
        fill="white" stroke="#EB001B" stroke-width="0.7">
      </path>
    </svg>
  </div>
  <input type="hidden" name="product-id" value="8063538266410"><input type="hidden" name="section-id" value="template--23193760792874__featured_products">
</form>

POST /en-ca/cart/add

<form method="post" action="/en-ca/cart/add" id="product-card-form8063538266410template--23193760792874__featured_products" accept-charset="UTF-8" class="form form-card" enctype="multipart/form-data" novalidate="novalidate"
  data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="quantity" value="1">
  <input type="hidden" name="id" value="48950663905578">
  <div class="sp-product-card__variants">
    <input type="hidden" name="sections_url" value="/en-ca/products/hydrating-shampoo?variant=48950663905578">
    <label class="select2-label" for="product-variant-select-8063538266410"> Size </label>
    <select name="id" id="product-variant-select-8063538266410" class="product-variant-select select2-hidden-accessible" onchange="setVariant(&quot;8063538266410&quot;, this.value)"
      style="background: transparent;box-sizing: border-box;padding: 20px;" data-select2-id="select2-data-product-variant-select-8063538266410" tabindex="-1" aria-hidden="true">
      <option data-product_url="/en-ca/products/hydrating-shampoo" data-price="$21" value="48950663938346"> Travel Size 2.5 fl oz </option>
      <option data-product_url="/en-ca/products/hydrating-shampoo" data-price="$42" value="48950663905578" data-select2-id="select2-data-4-0hmk"> Full Size 8 fl oz </option>
    </select><span class="select2 select2-container select2-container--default" dir="ltr" data-select2-id="select2-data-3-162l" style="width: 179px;"><span class="selection"><span class="select2-selection select2-selection--single" role="combobox"
          aria-haspopup="true" aria-expanded="false" tabindex="0" aria-disabled="false" aria-labelledby="select2-product-variant-select-8063538266410-container" aria-controls="select2-product-variant-select-8063538266410-container"><span
            class="select2-selection__rendered" id="select2-product-variant-select-8063538266410-container" role="textbox" aria-readonly="true" title="
                    Full Size 8 fl oz
                  "> Full Size 8 fl oz </span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
    <hh-button-wrapper theme="primary">
      <button type="submit" name="add" data-id="8063538266410" data-value="4200" data-title="Hydrating Shampoo" style="width: 100%;box-sizing: border-box;margin-top: 20px;position: absolute;bottom: 0;">Add to bag</button>
    </hh-button-wrapper>
    <!-- Only for variant sizes -->
    <script>
      setVariantDefaultValue('8063538266410')
    </script>
  </div>
  <input type="hidden" name="product-id" value="8063538266410"><input type="hidden" name="section-id" value="template--23193760792874__featured_products">
</form>

POST /en-ca/cart/add

<form method="post" action="/en-ca/cart/add" id="product-card-form8237652902186template--23193760792874__featured_products" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input
    type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="quantity" value="1">
  <input type="hidden" name="id" value="48950640247082">
  <div class="card-image" style="aspect-ratio: 0.75;">
    <a href="/en-ca/products/moisture-sealing-lotion" aria-labelledby="template--23193760792874__featured_products--8237652902186">
            <!-- Render primary image -->
            
<adaptive-image class="motion-reduce " image="IlwvXC9jZWNyZWQuY29tXC9jZG5cL3Nob3BcL2ZpbGVzXC8yMDIzMDMwMV9LSVJCWV9JTkdSRURJRU5UU19MQV9TZXJnaXlCYXJjaHVrX01vaXN0dXJlU2VhbGluZ0xvdGlvbl8wMDAwNjNfMS5qcGc/dj0xNzAxODQ3MTcxIg==" mobile-image="IiI=" aspect-ratio="0.75" mobile-aspect-ratio="" alt="Cécred Moisturizing Hair Lotion" loading="eager" sizes="" width="800" height="800" style="--hh-object-fit: cover; --hh-aspect-ratio: 0.75; --hh-mobile-aspect-ratio: 0.75;">
  </adaptive-image>
            <!-- Render each size variant image -->
            
              
              
              
                
                <div class="size-variant-image" id="size-variant-image-489506402143148237652902186template--23193760792874__featured_products" style="opacity: 0;transition: opacity var(--hh-duration-default, 300ms);position: absolute;z-index: 1;top: 0;left: 0;width: 100%;">
                  
<adaptive-image class="motion-reduce " image="IlwvXC9jZWNyZWQuY29tXC9jZG5cL3Nob3BcL2ZpbGVzXC8yMDI0MDUxN19LaXJieV9UcmF2ZWxUdWJlc19PeWVsb2xhXzA5MjcuanBnP3Y9MTcxNzYzMzQwOSI=" mobile-image="IiI=" aspect-ratio="0.75" mobile-aspect-ratio="" alt="Travel Moisture Sealing Lotion PDP Image" loading="eager" sizes="" width="800" height="800" style="--hh-object-fit: cover; --hh-aspect-ratio: 0.75; --hh-mobile-aspect-ratio: 0.75;">
  </adaptive-image>
                </div>
              
            
              
              
              
                
                <div class="size-variant-image" id="size-variant-image-489506402470828237652902186template--23193760792874__featured_products" style="opacity: 1; transition: opacity var(--hh-duration-default, 300ms); position: absolute; z-index: 1; top: 0px; left: 0px; width: 100%;">
                  
<adaptive-image class="motion-reduce " image="IlwvXC9jZWNyZWQuY29tXC9jZG5cL3Nob3BcL2ZpbGVzXC8yMDIzMDMwMV9LSVJCWV9JTkdSRURJRU5UU19MQV9TZXJnaXlCYXJjaHVrX01vaXN0dXJlU2VhbGluZ0xvdGlvbl8wMDAwNjNfMS5qcGc/dj0xNzAxODQ3MTcxIg==" mobile-image="IiI=" aspect-ratio="0.75" mobile-aspect-ratio="" alt="Cécred Moisturizing Hair Lotion" loading="eager" sizes="" width="800" height="800" style="--hh-object-fit: cover; --hh-aspect-ratio: 0.75; --hh-mobile-aspect-ratio: 0.75;">
  </adaptive-image>
                </div>
              
            
            <!-- Render hover image -->
<adaptive-image class="motion-reduce card-image__hover" image="IlwvXC9jZWNyZWQuY29tXC9jZG5cL3Nob3BcL2ZpbGVzXC9Nb2lzdHVyZVNlYWxpbmdMb3Rpb24tb3Blbi5qcGc/dj0xNzAxOTc5NTA2Ig==" mobile-image="IiI=" aspect-ratio="0.75" mobile-aspect-ratio="" alt="Cécred Moisturizing Hair Lotion" loading="eager" sizes="" width="720" height="720" style="--hh-object-fit: cover; --hh-aspect-ratio: 0.75; --hh-mobile-aspect-ratio: 0.75;">
  </adaptive-image></a>
    <div class="card__badges badge__img">
      <div class="card__badge">
        <img src="//cecred.com/cdn/shop/files/Elle-UK-Future_of_Beauty-Logo-2024_002.png?v=1717113148" alt="badgeimg" class="badgeimg">
      </div>
    </div>
    <hh-button-wrapper class="hidden--sm" theme="primary">
      <button class="card-cta" type="submit" name="add" data-id="8237652902186" data-value="2700" data-title="Moisture Sealing Lotion">Add to bag</button>
    </hh-button-wrapper>
  </div>
  <div class="card-body">
    <div class="card-text" href="/en-ca/products/moisture-sealing-lotion" id="template--23193760792874__featured_products--8237652902186">
      <a class="h4 underline_hover" href="/en-ca/products/moisture-sealing-lotion" id="template--23193760792874__featured_products--8237652902186">
              Moisture Sealing Lotion
            </a>
      <div class="card-reviews">
        <div data-oke-star-rating="" data-oke-reviews-product-id="shopify-8237652902186" data-oke-rendered="">
          <div data-oke-reviews-version="0.70.15" data-oke-container="" class="okeReviews oke-sr">
            <div class="">
              <div class="oke-sr-rating"> 4.8 </div>
              <div class="oke-sr-stars">
                <div class="oke-stars"><!---->
                  <div class="oke-stars-background"><svg height="18" viewBox="0 0 87.11111111111111 16" aria-hidden="true" role="none">
                      <use x="0" href="#oke-star-empty"></use>
                      <use x="17.77777777777778" href="#oke-star-empty"></use>
                      <use x="35.55555555555556" href="#oke-star-empty"></use>
                      <use x="53.333333333333336" href="#oke-star-empty"></use>
                      <use x="71.11111111111111" href="#oke-star-empty"></use>
                    </svg></div>
                  <div class="oke-stars-foreground" style="width: 96.3265%;"><svg height="18" viewBox="0 0 87.11111111111111 16" aria-hidden="true" role="none">
                      <use x="0" href="#oke-star-filled"></use>
                      <use x="17.77777777777778" href="#oke-star-filled"></use>
                      <use x="35.55555555555556" href="#oke-star-filled"></use>
                      <use x="53.333333333333336" href="#oke-star-filled"></use>
                      <use x="71.11111111111111" href="#oke-star-filled"></use>
                    </svg></div><span class="oke-a11yText">Rated 4.8 out of 5 stars</span>
                </div>
              </div>
              <div class="oke-sr-count"><span class="oke-sr-count-number">682</span><!----><!----></div><!---->
            </div>
            <script type="application/json" data-oke-metafield-data="">
              {
                "averageRating": "4.8",
                "reviewCount": 682
              }
            </script>
          </div>
        </div>
      </div>
      <div class="product-form__error-message flex aic c-danger hidden--lg hidden--md" role="alert">
        <span class="product-form__error-message--text"></span>
        <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-error" viewBox="0 0 13 13">
          <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2"></circle>
          <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width="0.7"></circle>
          <path
            d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z"
            fill="white"></path>
          <path
            d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z"
            fill="white" stroke="#EB001B" stroke-width="0.7">
          </path>
        </svg>
      </div>
    </div>
    <dl class="price body hidden--sm">
      <div>
        <dt class="visually-hidden">Regular price</dt>
        <dd>$53</dd>
      </div>
    </dl>
    <hh-button-wrapper class="hidden--md hidden--lg card-cta__wrapper" width="full" theme="secondary" spacing="sm">
      <button class="card-cta" type="submit" name="add">Add to bag</button>
    </hh-button-wrapper>
  </div>
  <div class="product-form__error-message flex aic c-danger hidden--sm" role="alert">
    <span class="product-form__error-message--text"></span>
    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-error" viewBox="0 0 13 13">
      <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2"></circle>
      <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width="0.7"></circle>
      <path
        d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z"
        fill="white"></path>
      <path
        d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z"
        fill="white" stroke="#EB001B" stroke-width="0.7">
      </path>
    </svg>
  </div>
  <input type="hidden" name="product-id" value="8237652902186"><input type="hidden" name="section-id" value="template--23193760792874__featured_products">
</form>

POST /en-ca/cart/add

<form method="post" action="/en-ca/cart/add" id="product-card-form8237652902186template--23193760792874__featured_products" accept-charset="UTF-8" class="form form-card" enctype="multipart/form-data" novalidate="novalidate"
  data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="quantity" value="1">
  <input type="hidden" name="id" value="48950640247082">
  <div class="sp-product-card__variants">
    <input type="hidden" name="sections_url" value="/en-ca/products/moisture-sealing-lotion?variant=48950640247082">
    <label class="select2-label" for="product-variant-select-8237652902186"> Size </label>
    <select name="id" id="product-variant-select-8237652902186" class="product-variant-select select2-hidden-accessible" onchange="setVariant(&quot;8237652902186&quot;, this.value)"
      style="background: transparent;box-sizing: border-box;padding: 20px;" data-select2-id="select2-data-product-variant-select-8237652902186" tabindex="-1" aria-hidden="true">
      <option data-product_url="/en-ca/products/moisture-sealing-lotion" data-price="$27" value="48950640214314"> Travel Size 2.5 fl oz </option>
      <option data-product_url="/en-ca/products/moisture-sealing-lotion" data-price="$53" value="48950640247082" data-select2-id="select2-data-6-1ihg"> Full Size 8 fl oz </option>
    </select><span class="select2 select2-container select2-container--default" dir="ltr" data-select2-id="select2-data-5-mzjv" style="width: 179px;"><span class="selection"><span class="select2-selection select2-selection--single" role="combobox"
          aria-haspopup="true" aria-expanded="false" tabindex="0" aria-disabled="false" aria-labelledby="select2-product-variant-select-8237652902186-container" aria-controls="select2-product-variant-select-8237652902186-container"><span
            class="select2-selection__rendered" id="select2-product-variant-select-8237652902186-container" role="textbox" aria-readonly="true" title="
                    Full Size 8 fl oz
                  "> Full Size 8 fl oz </span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
    <hh-button-wrapper theme="primary">
      <button type="submit" name="add" data-id="8237652902186" data-value="5300" data-title="Moisture Sealing Lotion" style="width: 100%;box-sizing: border-box;margin-top: 20px;position: absolute;bottom: 0;">Add to bag</button>
    </hh-button-wrapper>
    <!-- Only for variant sizes -->
    <script>
      setVariantDefaultValue('8237652902186')
    </script>
  </div>
  <input type="hidden" name="product-id" value="8237652902186"><input type="hidden" name="section-id" value="template--23193760792874__featured_products">
</form>

POST /en-ca/cart/add

<form method="post" action="/en-ca/cart/add" id="product-card-form9432485724458template--23193760792874__3166f46e-d00b-4ec0-a6fd-174c07af6f86" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate"
  data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="quantity" value="1">
  <input type="hidden" name="id" value="49097166717226">
  <div class="card-image" style="aspect-ratio: 0.75;">
    <a href="/en-ca/products/restoring-hair-and-edge-drops-trio" aria-labelledby="template--23193760792874__3166f46e-d00b-4ec0-a6fd-174c07af6f86--9432485724458">
            <!-- Render primary image -->
            
<adaptive-image class="motion-reduce " image="IlwvXC9jZWNyZWQuY29tXC9jZG5cL3Nob3BcL2ZpbGVzXC8xNF9SZXN0b3JpbmdfSGFpcl9Ecm9wc19vbl9ncmFkaWVudF9GODAwLmpwZz92PTE3MjYwOTEyMzEi" mobile-image="IiI=" aspect-ratio="0.75" mobile-aspect-ratio="" alt="" loading="eager" sizes="" width="600" height="800" style="--hh-object-fit: cover; --hh-aspect-ratio: 0.75; --hh-mobile-aspect-ratio: 0.75;">
  </adaptive-image>
            <!-- Render each size variant image -->
            
              
              
              
            
            <!-- Render hover image -->
<adaptive-image class="motion-reduce card-image__hover" image="IlwvXC9jZWNyZWQuY29tXC9jZG5cL3Nob3BcL2ZpbGVzXC8yMDI0MDYxOF9LaXJieV9DYXJ0ZXJfUkhFRF9Ecm9wc09ubHlfODM5M19GNjAwLmpwZz92PTE3MjYxMTk0MDci" mobile-image="IiI=" aspect-ratio="0.75" mobile-aspect-ratio="" alt="" loading="eager" sizes="" width="600" height="800" style="--hh-object-fit: cover; --hh-aspect-ratio: 0.75; --hh-mobile-aspect-ratio: 0.75;">
  </adaptive-image></a>
    <div class="card__badges">
      <div class="card__badge">
        <p class="badge h4" style="background-color: #2b2829; color: #faf9f8"> BEST VALUE </p>
      </div>
    </div>
    <hh-button-wrapper class="hidden--sm" theme="primary">
      <button class="card-cta" type="submit" name="add" data-id="9432485724458" data-value="20000" data-title="Restoring Hair &amp; Edge Drops Trio">Add to bag </button>
    </hh-button-wrapper>
  </div>
  <div class="card-body">
    <div class="card-text" href="/en-ca/products/restoring-hair-and-edge-drops-trio" id="template--23193760792874__3166f46e-d00b-4ec0-a6fd-174c07af6f86--9432485724458">
      <a class="h4 underline_hover" href="/en-ca/products/restoring-hair-and-edge-drops-trio" id="template--23193760792874__3166f46e-d00b-4ec0-a6fd-174c07af6f86--9432485724458">
              Restoring Hair &amp; Edge Drops Trio
            </a>
      <div class="card-reviews">
        <div data-oke-star-rating="" data-oke-reviews-product-id="shopify-9432485724458" data-oke-rendered="">
          <div data-oke-reviews-version="0.70.15" data-oke-container="" class="okeReviews oke-sr"><!---->
            <script type="application/json" data-oke-metafield-data="">
              {
                "averageRating": "0",
                "reviewCount": 0
              }
            </script>
          </div>
        </div>
      </div>
      <div class="product-form__error-message flex aic c-danger hidden--lg hidden--md" role="alert">
        <span class="product-form__error-message--text"></span>
        <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-error" viewBox="0 0 13 13">
          <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2"></circle>
          <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width="0.7"></circle>
          <path
            d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z"
            fill="white"></path>
          <path
            d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z"
            fill="white" stroke="#EB001B" stroke-width="0.7">
          </path>
        </svg>
      </div>
    </div>
    <dl class="
      price body hidden--sm">
      <div>
        <dt class="visually-hidden">Regular price</dt>
        <dd>$200</dd>
      </div>
    </dl>
    <hh-button-wrapper class="hidden--md hidden--lg card-cta__wrapper" width="full" theme="secondary" spacing="sm">
      <button class="card-cta" type="submit" name="add">
        <span class="block w1">Add to bag </span>
        <dl class="
      price body ">
          <div>
            <dt class="visually-hidden">Regular price</dt>
            <dd>$200</dd>
          </div>
        </dl>
      </button>
    </hh-button-wrapper>
  </div>
  <div class="product-form__error-message flex aic c-danger hidden--sm" role="alert">
    <span class="product-form__error-message--text"></span>
    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-error" viewBox="0 0 13 13">
      <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2"></circle>
      <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width="0.7"></circle>
      <path
        d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z"
        fill="white"></path>
      <path
        d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z"
        fill="white" stroke="#EB001B" stroke-width="0.7">
      </path>
    </svg>
  </div>
  <input type="hidden" name="product-id" value="9432485724458"><input type="hidden" name="section-id" value="template--23193760792874__3166f46e-d00b-4ec0-a6fd-174c07af6f86">
</form>

POST /en-ca/cart/add

<form method="post" action="/en-ca/cart/add" id="product-card-form9286296240426template--23193760792874__3166f46e-d00b-4ec0-a6fd-174c07af6f86" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate"
  data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="quantity" value="1">
  <input type="hidden" name="id" value="48663419748650">
  <div class="card-image" style="aspect-ratio: 0.75;">
    <a href="/en-ca/products/mini-but-mighty-bundle" aria-labelledby="template--23193760792874__3166f46e-d00b-4ec0-a6fd-174c07af6f86--9286296240426">
            <!-- Render primary image -->
            
<adaptive-image class="motion-reduce " image="IlwvXC9jZWNyZWQuY29tXC9jZG5cL3Nob3BcL2ZpbGVzXC82MDB4ODAwX0NMUF9NaW5pX19fTWlnaHR5X2h5X2NvLmpwZz92PTE3MjI0ODg1NTci" mobile-image="IiI=" aspect-ratio="0.75" mobile-aspect-ratio="" alt="" loading="eager" sizes="" width="600" height="800" style="--hh-object-fit: cover; --hh-aspect-ratio: 0.75; --hh-mobile-aspect-ratio: 0.75;">
  </adaptive-image>
            <!-- Render each size variant image -->
            
              
              
              
            
            <!-- Render hover image -->
<adaptive-image class="motion-reduce card-image__hover" image="IlwvXC9jZWNyZWQuY29tXC9jZG5cL3Nob3BcL2ZpbGVzXC82MDB4ODAwX0NMUF9NaW5pX19fTWlnaHR5X2h5X2NvLmpwZz92PTE3MjI0ODg1NTci" mobile-image="IiI=" aspect-ratio="0.75" mobile-aspect-ratio="" alt="" loading="eager" sizes="" width="600" height="800" style="--hh-object-fit: cover; --hh-aspect-ratio: 0.75; --hh-mobile-aspect-ratio: 0.75;">
  </adaptive-image></a>
    <div class="card__badges">
      <div class="card__badge">
        <p class="badge h4" style="background-color: #2b2829; color: #faf9f8"> BEST VALUE </p>
      </div>
    </div>
    <hh-button-wrapper class="hidden--sm" theme="primary">
      <button class="card-cta" type="submit" name="add" data-id="9286296240426" data-value="14900" data-title="Mini + Mighty Bundle">Add to bag </button>
    </hh-button-wrapper>
  </div>
  <div class="card-body">
    <div class="card-text" href="/en-ca/products/mini-but-mighty-bundle" id="template--23193760792874__3166f46e-d00b-4ec0-a6fd-174c07af6f86--9286296240426">
      <a class="h4 underline_hover" href="/en-ca/products/mini-but-mighty-bundle" id="template--23193760792874__3166f46e-d00b-4ec0-a6fd-174c07af6f86--9286296240426">
              Mini + Mighty Bundle
            </a>
      <div class="card-reviews">
        <div data-oke-star-rating="" data-oke-reviews-product-id="shopify-9286296240426" data-oke-rendered="">
          <div data-oke-reviews-version="0.70.15" data-oke-container="" class="okeReviews oke-sr">
            <div class="">
              <div class="oke-sr-rating"> 5.0 </div>
              <div class="oke-sr-stars">
                <div class="oke-stars"><!---->
                  <div class="oke-stars-background"><svg height="18" viewBox="0 0 87.11111111111111 16" aria-hidden="true" role="none">
                      <use x="0" href="#oke-star-empty"></use>
                      <use x="17.77777777777778" href="#oke-star-empty"></use>
                      <use x="35.55555555555556" href="#oke-star-empty"></use>
                      <use x="53.333333333333336" href="#oke-star-empty"></use>
                      <use x="71.11111111111111" href="#oke-star-empty"></use>
                    </svg></div>
                  <div class="oke-stars-foreground" style="width: 100%;"><svg height="18" viewBox="0 0 87.11111111111111 16" aria-hidden="true" role="none">
                      <use x="0" href="#oke-star-filled"></use>
                      <use x="17.77777777777778" href="#oke-star-filled"></use>
                      <use x="35.55555555555556" href="#oke-star-filled"></use>
                      <use x="53.333333333333336" href="#oke-star-filled"></use>
                      <use x="71.11111111111111" href="#oke-star-filled"></use>
                    </svg></div><span class="oke-a11yText">Rated 5.0 out of 5 stars</span>
                </div>
              </div>
              <div class="oke-sr-count"><span class="oke-sr-count-number">5</span><!----><!----></div><!---->
            </div>
            <script type="application/json" data-oke-metafield-data="">
              {
                "averageRating": "5.0",
                "reviewCount": 5
              }
            </script>
          </div>
        </div>
      </div>
      <div class="product-form__error-message flex aic c-danger hidden--lg hidden--md" role="alert">
        <span class="product-form__error-message--text"></span>
        <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-error" viewBox="0 0 13 13">
          <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2"></circle>
          <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width="0.7"></circle>
          <path
            d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z"
            fill="white"></path>
          <path
            d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z"
            fill="white" stroke="#EB001B" stroke-width="0.7">
          </path>
        </svg>
      </div>
    </div>
    <dl class="
      price body hidden--sm">
      <div>
        <dt class="visually-hidden">Regular price</dt>
        <dd>$149</dd>
      </div>
    </dl>
    <hh-button-wrapper class="hidden--md hidden--lg card-cta__wrapper" width="full" theme="secondary" spacing="sm">
      <button class="card-cta" type="submit" name="add">
        <span class="block w1">Add to bag </span>
        <dl class="
      price body ">
          <div>
            <dt class="visually-hidden">Regular price</dt>
            <dd>$149</dd>
          </div>
        </dl>
      </button>
    </hh-button-wrapper>
  </div>
  <div class="product-form__error-message flex aic c-danger hidden--sm" role="alert">
    <span class="product-form__error-message--text"></span>
    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-error" viewBox="0 0 13 13">
      <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2"></circle>
      <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width="0.7"></circle>
      <path
        d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z"
        fill="white"></path>
      <path
        d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z"
        fill="white" stroke="#EB001B" stroke-width="0.7">
      </path>
    </svg>
  </div>
  <input type="hidden" name="product-id" value="9286296240426"><input type="hidden" name="section-id" value="template--23193760792874__3166f46e-d00b-4ec0-a6fd-174c07af6f86">
</form>

POST /en-ca/cart/add

<form method="post" action="/en-ca/cart/add" id="product-card-form8873696461098template--23193760792874__3166f46e-d00b-4ec0-a6fd-174c07af6f86" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate"
  data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="quantity" value="1">
  <input type="hidden" name="id" value="47452337897770">
  <div class="card-image" style="aspect-ratio: 0.75;">
    <a href="/en-ca/products/super-fan-bundle" aria-labelledby="template--23193760792874__3166f46e-d00b-4ec0-a6fd-174c07af6f86--8873696461098">
            <!-- Render primary image -->
            
<adaptive-image class="motion-reduce " image="IlwvXC9jZWNyZWQuY29tXC9jZG5cL3Nob3BcL2ZpbGVzXC8xMF9GdWxsX2NvbGxlY3Rpb25fZHJvcHNfb25fYmxhY2tfYW5kX3doaXRlX2dyYWRpZW50X0Y4MDAuanBnP3Y9MTcyNjEyMjg1NiI=" mobile-image="IiI=" aspect-ratio="0.75" mobile-aspect-ratio="" alt="" loading="eager" sizes="" width="600" height="800" style="--hh-object-fit: cover; --hh-aspect-ratio: 0.75; --hh-mobile-aspect-ratio: 0.75;">
  </adaptive-image>
            <!-- Render each size variant image -->
            
              
              
              
            
            <!-- Render hover image -->
<adaptive-image class="motion-reduce card-image__hover" image="IlwvXC9jZWNyZWQuY29tXC9jZG5cL3Nob3BcL2ZpbGVzXC9NQVNURVJfU1dBVENIRVNfNjAweDgwMF83NDYzYmMzZi1jZjAwLTQ0MjAtODM0OC01OWY0MGRiY2FkZjAuanBnP3Y9MTcwODEzNzA5MiI=" mobile-image="IiI=" aspect-ratio="0.75" mobile-aspect-ratio="" alt="Super Fan Bundle swatches" loading="eager" sizes="" width="600" height="800" style="--hh-object-fit: cover; --hh-aspect-ratio: 0.75; --hh-mobile-aspect-ratio: 0.75;">
  </adaptive-image></a>
    <div class="card__badges">
      <div class="card__badge">
        <p class="badge h4" style="background-color: #2b2829; color: #faf9f8"> BEST VALUE </p>
      </div>
    </div>
    <hh-button-wrapper class="hidden--sm" theme="primary">
      <button class="card-cta" type="submit" name="add" data-id="8873696461098" data-value="46300" data-title="Super Fan Bundle">Add to bag </button>
    </hh-button-wrapper>
  </div>
  <div class="card-body">
    <div class="card-text" href="/en-ca/products/super-fan-bundle" id="template--23193760792874__3166f46e-d00b-4ec0-a6fd-174c07af6f86--8873696461098">
      <a class="h4 underline_hover" href="/en-ca/products/super-fan-bundle" id="template--23193760792874__3166f46e-d00b-4ec0-a6fd-174c07af6f86--8873696461098">
              Super Fan Bundle
            </a>
      <div class="card-reviews">
        <div data-oke-star-rating="" data-oke-reviews-product-id="shopify-8873696461098" data-oke-rendered="">
          <div data-oke-reviews-version="0.70.15" data-oke-container="" class="okeReviews oke-sr">
            <div class="">
              <div class="oke-sr-rating"> 5.0 </div>
              <div class="oke-sr-stars">
                <div class="oke-stars"><!---->
                  <div class="oke-stars-background"><svg height="18" viewBox="0 0 87.11111111111111 16" aria-hidden="true" role="none">
                      <use x="0" href="#oke-star-empty"></use>
                      <use x="17.77777777777778" href="#oke-star-empty"></use>
                      <use x="35.55555555555556" href="#oke-star-empty"></use>
                      <use x="53.333333333333336" href="#oke-star-empty"></use>
                      <use x="71.11111111111111" href="#oke-star-empty"></use>
                    </svg></div>
                  <div class="oke-stars-foreground" style="width: 100%;"><svg height="18" viewBox="0 0 87.11111111111111 16" aria-hidden="true" role="none">
                      <use x="0" href="#oke-star-filled"></use>
                      <use x="17.77777777777778" href="#oke-star-filled"></use>
                      <use x="35.55555555555556" href="#oke-star-filled"></use>
                      <use x="53.333333333333336" href="#oke-star-filled"></use>
                      <use x="71.11111111111111" href="#oke-star-filled"></use>
                    </svg></div><span class="oke-a11yText">Rated 5.0 out of 5 stars</span>
                </div>
              </div>
              <div class="oke-sr-count"><span class="oke-sr-count-number">44</span><!----><!----></div><!---->
            </div>
            <script type="application/json" data-oke-metafield-data="">
              {
                "averageRating": "5.0",
                "reviewCount": 44
              }
            </script>
          </div>
        </div>
      </div>
      <div class="product-form__error-message flex aic c-danger hidden--lg hidden--md" role="alert">
        <span class="product-form__error-message--text"></span>
        <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-error" viewBox="0 0 13 13">
          <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2"></circle>
          <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width="0.7"></circle>
          <path
            d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z"
            fill="white"></path>
          <path
            d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z"
            fill="white" stroke="#EB001B" stroke-width="0.7">
          </path>
        </svg>
      </div>
    </div>
    <dl class="
      price body hidden--sm">
      <div>
        <dt class="visually-hidden">Regular price</dt>
        <dd>$463</dd>
      </div>
    </dl>
    <hh-button-wrapper class="hidden--md hidden--lg card-cta__wrapper" width="full" theme="secondary" spacing="sm">
      <button class="card-cta" type="submit" name="add">
        <span class="block w1">Add to bag </span>
        <dl class="
      price body ">
          <div>
            <dt class="visually-hidden">Regular price</dt>
            <dd>$463</dd>
          </div>
        </dl>
      </button>
    </hh-button-wrapper>
  </div>
  <div class="product-form__error-message flex aic c-danger hidden--sm" role="alert">
    <span class="product-form__error-message--text"></span>
    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-error" viewBox="0 0 13 13">
      <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2"></circle>
      <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width="0.7"></circle>
      <path
        d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z"
        fill="white"></path>
      <path
        d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z"
        fill="white" stroke="#EB001B" stroke-width="0.7">
      </path>
    </svg>
  </div>
  <input type="hidden" name="product-id" value="8873696461098"><input type="hidden" name="section-id" value="template--23193760792874__3166f46e-d00b-4ec0-a6fd-174c07af6f86">
</form>

POST /en-ca/cart/add

<form method="post" action="/en-ca/cart/add" id="product-card-form8179940917546template--23193760792874__3166f46e-d00b-4ec0-a6fd-174c07af6f86" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate"
  data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="quantity" value="1">
  <input type="hidden" name="id" value="44575784403242">
  <div class="card-image" style="aspect-ratio: 0.75;">
    <a href="/en-ca/products/fortifying-treatment-kit" aria-labelledby="template--23193760792874__3166f46e-d00b-4ec0-a6fd-174c07af6f86--8179940917546">
            <!-- Render primary image -->
            
<adaptive-image class="motion-reduce " image="IlwvXC9jZWNyZWQuY29tXC9jZG5cL3Nob3BcL2ZpbGVzXC9DTFBfRk9SVElGWUlORy1UUkVBVE1FTlQtS0lULnBuZz92PTE3MDcwODY2NDgi" mobile-image="IiI=" aspect-ratio="0.75" mobile-aspect-ratio="" alt="Cécred Fortifying Hair Strengthening Treatment Kit Image" loading="eager" sizes="" width="600" height="800" style="--hh-object-fit: cover; --hh-aspect-ratio: 0.75; --hh-mobile-aspect-ratio: 0.75;">
  </adaptive-image>
            <!-- Render each size variant image -->
            
              
              
              
            
            <!-- Render hover image -->
<adaptive-image class="motion-reduce card-image__hover" image="IlwvXC9jZWNyZWQuY29tXC9jZG5cL3Nob3BcL2ZpbGVzXC8yLkZvcnRpZnlpbmctVHJlYXRtZW50LURpc2NvdmVyeS1LaXQtU3dhdGNoZXMuanBnP3Y9MTcwNjA0MTMyNiI=" mobile-image="IiI=" aspect-ratio="0.75" mobile-aspect-ratio="" alt="Cécred Fortifying Treatment Kit" loading="eager" sizes="" width="600" height="800" style="--hh-object-fit: cover; --hh-aspect-ratio: 0.75; --hh-mobile-aspect-ratio: 0.75;">
  </adaptive-image></a>
    <hh-button-wrapper class="hidden--sm" theme="primary">
      <button class="card-cta" type="submit" name="add" data-id="8179940917546" data-value="6400" data-title="Fortifying Treatment Kit">Add to bag </button>
    </hh-button-wrapper>
  </div>
  <div class="card-body">
    <div class="card-text" href="/en-ca/products/fortifying-treatment-kit" id="template--23193760792874__3166f46e-d00b-4ec0-a6fd-174c07af6f86--8179940917546">
      <a class="h4 underline_hover" href="/en-ca/products/fortifying-treatment-kit" id="template--23193760792874__3166f46e-d00b-4ec0-a6fd-174c07af6f86--8179940917546">
              Fortifying Treatment Kit
            </a>
      <div class="card-reviews">
        <div data-oke-star-rating="" data-oke-reviews-product-id="shopify-8179940917546" data-oke-rendered="">
          <div data-oke-reviews-version="0.70.15" data-oke-container="" class="okeReviews oke-sr">
            <div class="">
              <div class="oke-sr-rating"> 4.9 </div>
              <div class="oke-sr-stars">
                <div class="oke-stars"><!---->
                  <div class="oke-stars-background"><svg height="18" viewBox="0 0 87.11111111111111 16" aria-hidden="true" role="none">
                      <use x="0" href="#oke-star-empty"></use>
                      <use x="17.77777777777778" href="#oke-star-empty"></use>
                      <use x="35.55555555555556" href="#oke-star-empty"></use>
                      <use x="53.333333333333336" href="#oke-star-empty"></use>
                      <use x="71.11111111111111" href="#oke-star-empty"></use>
                    </svg></div>
                  <div class="oke-stars-foreground" style="width: 98.1633%;"><svg height="18" viewBox="0 0 87.11111111111111 16" aria-hidden="true" role="none">
                      <use x="0" href="#oke-star-filled"></use>
                      <use x="17.77777777777778" href="#oke-star-filled"></use>
                      <use x="35.55555555555556" href="#oke-star-filled"></use>
                      <use x="53.333333333333336" href="#oke-star-filled"></use>
                      <use x="71.11111111111111" href="#oke-star-filled"></use>
                    </svg></div><span class="oke-a11yText">Rated 4.9 out of 5 stars</span>
                </div>
              </div>
              <div class="oke-sr-count"><span class="oke-sr-count-number">142</span><!----><!----></div><!---->
            </div>
            <script type="application/json" data-oke-metafield-data="">
              {
                "averageRating": "4.9",
                "reviewCount": 142
              }
            </script>
          </div>
        </div>
      </div>
      <div class="product-form__error-message flex aic c-danger hidden--lg hidden--md" role="alert">
        <span class="product-form__error-message--text"></span>
        <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-error" viewBox="0 0 13 13">
          <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2"></circle>
          <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width="0.7"></circle>
          <path
            d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z"
            fill="white"></path>
          <path
            d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z"
            fill="white" stroke="#EB001B" stroke-width="0.7">
          </path>
        </svg>
      </div>
    </div>
    <dl class="
      price body hidden--sm">
      <div>
        <dt class="visually-hidden">Regular price</dt>
        <dd>$64</dd>
      </div>
    </dl>
    <hh-button-wrapper class="hidden--md hidden--lg card-cta__wrapper" width="full" theme="secondary" spacing="sm">
      <button class="card-cta" type="submit" name="add">
        <span class="block w1">Add to bag </span>
        <dl class="
      price body ">
          <div>
            <dt class="visually-hidden">Regular price</dt>
            <dd>$64</dd>
          </div>
        </dl>
      </button>
    </hh-button-wrapper>
  </div>
  <div class="product-form__error-message flex aic c-danger hidden--sm" role="alert">
    <span class="product-form__error-message--text"></span>
    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-error" viewBox="0 0 13 13">
      <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2"></circle>
      <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width="0.7"></circle>
      <path
        d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z"
        fill="white"></path>
      <path
        d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z"
        fill="white" stroke="#EB001B" stroke-width="0.7">
      </path>
    </svg>
  </div>
  <input type="hidden" name="product-id" value="8179940917546"><input type="hidden" name="section-id" value="template--23193760792874__3166f46e-d00b-4ec0-a6fd-174c07af6f86">
</form>

Text Content

Skip to content


FREE US SHIPPING $65

 * Shop
   Back
      
    * Shop The Foundation Collection
      
    * Shop by Hair Type
      
    * Shampoo
      
    * Conditioner
      
    * Treatments
      
    * Stylers
      
    * Award Winners
      
    * Travel Size
      
    * Tools & Accessories
      
    * Kits and Bundles

 * Our Story
 * The Science
 * CÉCRED SPACE
 * Quiz

log in
 * CAD($)
   Back
      
    * Anguilla $
      
    * Aruba ƒ
      
    * Australia $
      
    * Austria €
      
    * Belgium €
      
    * Bermuda $
      
    * Brazil R$
      
    * British Virgin Islands $
      
    * Bulgaria лв.
      
    * Canada $
      
    * Cayman Islands $
      
    * Croatia €
      
    * Curaçao ƒ
      
    * Cyprus €
      
    * Czechia Kč
      
    * Denmark kr.
      
    * Estonia €
      
    * Finland €
      
    * France €
      
    * French Guiana €
      
    * Germany €
      
    * Gibraltar £
      
    * Greece €
      
    * Guadeloupe €
      
    * Hungary Ft
      
    * Iceland kr
      
    * Ireland €
      
    * Italy €
      
    * Kenya KSh
      
    * Latvia €
      
    * Liechtenstein CHF
      
    * Lithuania €
      
    * Luxembourg €
      
    * Malta €
      
    * Martinique €
      
    * Mayotte €
      
    * Montserrat $
      
    * Netherlands €
      
    * Nigeria ₦
      
    * Norway $
      
    * Poland zł
      
    * Portugal €
      
    * Réunion €
      
    * Romania Lei
      
    * Sint Maarten ƒ
      
    * Slovakia €
      
    * Slovenia €
      
    * South Africa $
      
    * Spain €
      
    * Sweden kr
      
    * Turks & Caicos Islands $
      
    * United Arab Emirates د.إ
      
    * United Kingdom £
      
    * United States $

Bestsellers Take the Quiz

 * Shop
      
    * Shop The Foundation Collection
      
    * Shop by Hair Type
      
    * Shampoo
      
    * Conditioner
      
    * Treatments
      
    * Stylers
      
    * Award Winners
      
    * Travel Size
      
    * Tools & Accessories
      
    * Kits and Bundles
   
   Bestsellers Take the Quiz
 * Our Story
 * The Science
 * CÉCRED SPACE
 * Quiz

Search
Search


TOP SEARCHES

 * Shampoo
 * Conditioner
 * Stylers

POPULAR PRODUCTS

 * 
   Add to bag
   Hydrating Shampoo
   4.8
   
   Rated 4.8 out of 5 stars
   819
   
   Regular price $21
   Add to bag
   Regular price $21
   
   
   
   SORRY, ONLY 5 ITEMS ARE ALLOWED PER ORDER.
   
   Hydrating Shampoo
   
   
 * 
   Add to bag
   Reconstructing Treatment Mask
   4.8
   
   Rated 4.8 out of 5 stars
   339
   
   Regular price $29
   Add to bag
   Regular price $29
   
   
   
   SORRY, ONLY 5 ITEMS ARE ALLOWED PER ORDER.
   
   Reconstructing Treatment Mask
   
   
 * 
   Add to bag
   Fermented Rice & Rose Protein Ritual
   4.8
   
   Rated 4.8 out of 5 stars
   390
   
   Regular price $72
   Add to bag
   Regular price $72
   
   
   
   SORRY, ONLY 5 ITEMS ARE ALLOWED PER ORDER.
   
   Fermented Rice & Rose Protein Ritual
   
   
 * 
   Add to bag
   Clarifying Shampoo & Scalp Scrub
   4.9
   
   Rated 4.9 out of 5 stars
   648
   
   Regular price $27
   Add to bag
   Regular price $27
   
   
   
   SORRY, ONLY 5 ITEMS ARE ALLOWED PER ORDER.
   
   Clarifying Shampoo & Scalp Scrub
   
   

CAD($)
 * Anguilla $
 * Aruba ƒ
 * Australia $
 * Austria €
 * Belgium €
 * Bermuda $
 * Brazil R$
 * British Virgin Islands $
 * Bulgaria лв.
 * Canada $
 * Cayman Islands $
 * Croatia €
 * Curaçao ƒ
 * Cyprus €
 * Czechia Kč
 * Denmark kr.
 * Estonia €
 * Finland €
 * France €
 * French Guiana €
 * Germany €
 * Gibraltar £
 * Greece €
 * Guadeloupe €
 * Hungary Ft
 * Iceland kr
 * Ireland €
 * Italy €
 * Kenya KSh
 * Latvia €
 * Liechtenstein CHF
 * Lithuania €
 * Luxembourg €
 * Malta €
 * Martinique €
 * Mayotte €
 * Montserrat $
 * Netherlands €
 * Nigeria ₦
 * Norway $
 * Poland zł
 * Portugal €
 * Réunion €
 * Romania Lei
 * Sint Maarten ƒ
 * Slovakia €
 * Slovenia €
 * South Africa $
 * Spain €
 * Sweden kr
 * Turks & Caicos Islands $
 * United Arab Emirates د.إ
 * United Kingdom £
 * United States $

log in



YOUR CART

Your cart is empty.



Continue shopping
SHOP NOW


AWARD-WINNING HAIR CARE

The Foundation Collection focuses on visible hair health, strength, moisture,
and shine.

SHOP NOW

Add to bag
Moisturizing Deep Conditioner
4.7

Rated 4.7 out of 5 stars
702

Regular price $53
Add to bag



SORRY, ONLY 5 ITEMS ARE ALLOWED PER ORDER.

Moisturizing Deep Conditioner


Size Travel Size 2.5 fl oz Full Size 10 fl oz Full Size 10 fl oz Add to bag


SORRY, ONLY 5 ITEMS ARE ALLOWED PER ORDER

Full Size 10 fl oz



Add to bag
Hydrating Shampoo
4.8

Rated 4.8 out of 5 stars
819

Regular price $42
Add to bag



SORRY, ONLY 5 ITEMS ARE ALLOWED PER ORDER

Full Size 8 fl oz


Size Travel Size 2.5 fl oz Full Size 8 fl oz Full Size 8 fl oz Add to bag


SORRY, ONLY 5 ITEMS ARE ALLOWED PER ORDER.

Hydrating Shampoo



Add to bag
Moisture Sealing Lotion
4.8

Rated 4.8 out of 5 stars
682

Regular price $53
Add to bag



SORRY, ONLY 5 ITEMS ARE ALLOWED PER ORDER.

Moisture Sealing Lotion


Size Travel Size 2.5 fl oz Full Size 8 fl oz Full Size 8 fl oz Add to bag


SORRY, ONLY 5 ITEMS ARE ALLOWED PER ORDER

Full Size 8 fl oz


SHOP NOW


CÉCRED WASH DAY

SEE HOW OUR FOUNDER GIVES HER HAIR SOME TLC.

Watch Now


KITS AND BUNDLES

Experience curated sets to create your own Cécred ritual.

BEST VALUE

Add to bag
Restoring Hair & Edge Drops Trio


Regular price $200
Add to bag
Regular price $200



SORRY, ONLY 5 ITEMS ARE ALLOWED PER ORDER.

Restoring Hair & Edge Drops Trio



BEST VALUE

Add to bag
Mini + Mighty Bundle
5.0

Rated 5.0 out of 5 stars
5

Regular price $149
Add to bag
Regular price $149



SORRY, ONLY 5 ITEMS ARE ALLOWED PER ORDER.

Mini + Mighty Bundle



BEST VALUE

Add to bag
Super Fan Bundle
5.0

Rated 5.0 out of 5 stars
44

Regular price $463
Add to bag
Regular price $463



SORRY, ONLY 5 ITEMS ARE ALLOWED PER ORDER.

Super Fan Bundle


Add to bag
Fortifying Treatment Kit
4.9

Rated 4.9 out of 5 stars
142

Regular price $64
Add to bag
Regular price $64



SORRY, ONLY 5 ITEMS ARE ALLOWED PER ORDER.

Fortifying Treatment Kit


Shop Now Shop Now
SHOP NOW


CÉCRED SCIENCE

OUR PATENT-PENDING TECH IS A FUSION OF PAST AND FUTURE THAT SUPPORTS HAIR FROM
THE INSIDE OUT.

LEARN MORE


DISCOVER YOUR CÉCRED ROUTINE

TAKE OUR HAIR QUIZ AND FIND YOUR CÉCRED ROUTINE. REVIEW RESULTS ANYTIME IN YOUR
CÉCRED ACCOUNT.

TAKE QUIZ



JOIN OUR CÉCRED SPACE

Get 10% off your first purchase when you subscribe.



By signing up, you agree to the terms & conditions and privacy policy. If you
leave your phone number, you agree to receive marketing text messages from
Cécred at the number provided. STOP to cancel. You may withdraw your consent or
manage your preferences at any time by clicking the unsubscribe link at the
bottom of any of our marketing emails.


ABOUT

 * Our Story
 * The Science
 * Philanthropy
 * Professionals


HELP

 * FAQ
 * Shipping & Returns
 * Contact Us
 * Accessibility
 * Your Privacy Choices USA
 * Your Privacy Choices INTL


SOCIAL MEDIA

 * TikTok, Opens in a new window.
 * Instagram, Opens in a new window.
 * YouTube, Opens in a new window.

 * Terms & Conditions
 * Privacy Policy
 * © Cécred 2024

Close