patternbeauty.com Open in urlscan Pro
23.227.38.32  Public Scan

Submitted URL: https://trk.klclick.com/ls/click?upn=u001.2BCsU8MjtLi-2FVvMNJ78raVvENGpXa0gF5LQ7WaVRWPJPe2CdMgBzWaour1taYl4Ed9QFdII1Zgff...
Effective URL: https://patternbeauty.com/collections/wash?variation=A&utm_source=KL%20-%20Everyone&utm_medium=email&utm_campaign=05252024...
Submission: On July 08 via api from BE — Scanned from DE

Form analysis 7 forms found in the DOM

POST /cart

<form action="/cart" id="cart" class="cart__contents" method="post">
  <div id="CartDrawer-CartItems" class="drawer__contents js-contents">
    <p id="CartDrawer-LiveRegionText" class="visually-hidden" role="status"></p>
    <p id="CartDrawer-LineItemStatus" class="visually-hidden" aria-hidden="true" role="status">Loading...</p>
  </div>
  <div id="CartDrawer-CartErrors" role="alert"></div>
</form>

GET /search

<form action="/search" method="get" role="search" class="search search-modal__form">
  <div class="field">
    <input class="search__input field__input" id="Search-In-Modal" type="search" name="q" value="" placeholder="Search" role="combobox" aria-expanded="false" aria-owns="predictive-search-results-list" aria-controls="predictive-search-results-list"
      aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false" data-instant="attached">
    <label class="field__label" for="Search-In-Modal">Search</label>
    <input type="hidden" name="options[prefix]" value="last">
    <button class="search__button field__button" aria-label="Search">
      <svg class="icon icon-search" aria-hidden="true" focusable="false" role="presentation">
        <use href="#icon-search">
        </use>
      </svg>
    </button>
  </div>
  <div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search="">
    <div class="predictive-search__loading-state">
      <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
        <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
      </svg>
    </div>
  </div>
  <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span>
</form>

GET /search

<form action="/search" method="get" role="search" class="search search-modal__form">
  <div class="field">
    <input class="search__input field__input" id="Search-In-Modal" type="search" name="q" value="" placeholder="Search" role="combobox" aria-expanded="false" aria-owns="predictive-search-results-list" aria-controls="predictive-search-results-list"
      aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false" data-instant="attached">
    <label class="field__label" for="Search-In-Modal">Search</label>
    <input type="hidden" name="options[prefix]" value="last">
    <button class="search__button field__button" aria-label="Search">
      <svg class="icon icon-search" aria-hidden="true" focusable="false" role="presentation">
        <use href="#icon-search">
        </use>
      </svg>
    </button>
  </div>
  <div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search="">
    <div class="predictive-search__loading-state">
      <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
        <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
      </svg>
    </div>
  </div>
  <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span>
</form>

<form id="FacetFiltersForm">
  <div class="facets__header-content">
    <h2 class="facets__heading caption-large text-body" id="verticalTitle" tabindex="-1">Filters</h2>
    <div class="facet-filters sorting caption">
      <div class="facet-filters__field">
        <h2 class="facet-filters__label caption-large text-body">
          <label for="SortBy">Sort by:</label>
        </h2>
        <div class="select"><select name="sort_by" class="facet-filters__sort select__select caption-large" id="SortBy" aria-describedby="a11y-refresh-page-message">
            <option value="manual" selected="selected">Featured</option>
            <option value="created-descending">Newest</option>
            <option value="best-selling">Bestselling</option>
            <option value="price-ascending">Price, Low to High</option>
            <option value="price-descending">Price, High to Low</option>
            <option value="title-ascending">A-Z</option>
            <option value="title-descending">Z-A</option>
          </select>
          <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
            <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
            </path>
          </svg>
        </div>
      </div>
      <noscript>
        <button type="submit" class="facets__button-no-js button button--secondary">Sort</button>
      </noscript>
    </div>
    <div class="product-count light" role="status">
      <h2 class="product-count__text text-body">
        <span id="ProductCountDesktop">20 products </span>
      </h2>
      <div class="loading-overlay__spinner">
        <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
          <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
        </svg>
      </div>
    </div>
  </div>
  <div class="facets__form">
    <div id="FacetsWrapperDesktop" class="facets__wrapper filters-hidden">
      <script src="//patternbeauty.com/cdn/shop/t/645/assets/show-more.js?v=90883108635033788741708298243" defer="defer"></script>
      <details id="Details-1-template--16483281764452__product-grid" class="disclosure-has-popup facets__disclosure js-filter" data-index="1" open="">
        <summary class="facets__summary caption-large focus-offset" aria-label="Curl Type (0 selected)" role="button" aria-expanded="true" aria-controls="Facet-1-template--16483281764452__product-grid">
          <div>
            <span>Curl Type</span>
          </div>
        </summary>
        <div id="Facet-1-template--16483281764452__product-grid" class="parent-display facets__display">
          <div class="facets__header">
            <span class="facets__selected no-js-hidden">0 selected</span>
            <facet-remove>
              <a href="/collections/wash" class="facets__reset link underlined-link" role="button">
                            Reset
                          </a>
            </facet-remove>
          </div>
          <fieldset class="facets-wrap parent-wrap ">
            <legend class="visually-hidden">Curl Type</legend>
            <ul class=" facets__list list-unstyled no-js-hidden" role="list">
              <li class="list-menu__item facets__item">
                <label for="Filter-Curl Type-1" class="facet-checkbox">
                  <input type="checkbox" name="filter.p.m.fostrfilter.curl_type" value="Coily (3C-4B)" id="Filter-Curl Type-1" aria-labelledby="Filter-Curl Type-1">
                  <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                    <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                  </svg>
                  <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  <span aria-hidden="true">Coily (3C-4B) (17)</span>
                  <span class="visually-hidden">Coily (3C-4B) (17 products)</span>
                </label>
              </li>
              <li class="list-menu__item facets__item">
                <label for="Filter-Curl Type-2" class="facet-checkbox">
                  <input type="checkbox" name="filter.p.m.fostrfilter.curl_type" value="Curly (3B-4A)" id="Filter-Curl Type-2" aria-labelledby="Filter-Curl Type-2">
                  <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                    <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                  </svg>
                  <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  <span aria-hidden="true">Curly (3B-4A) (15)</span>
                  <span class="visually-hidden">Curly (3B-4A) (15 products)</span>
                </label>
              </li>
              <li class="list-menu__item facets__item">
                <label for="Filter-Curl Type-3" class="facet-checkbox">
                  <input type="checkbox" name="filter.p.m.fostrfilter.curl_type" value="Fine Hair" id="Filter-Curl Type-3" aria-labelledby="Filter-Curl Type-3">
                  <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                    <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                  </svg>
                  <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  <span aria-hidden="true">Fine Hair (2)</span>
                  <span class="visually-hidden">Fine Hair (2 products)</span>
                </label>
              </li>
              <li class="list-menu__item facets__item">
                <label for="Filter-Curl Type-4" class="facet-checkbox">
                  <input type="checkbox" name="filter.p.m.fostrfilter.curl_type" value="High Porosity" id="Filter-Curl Type-4" aria-labelledby="Filter-Curl Type-4">
                  <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                    <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                  </svg>
                  <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  <span aria-hidden="true">High Porosity (7)</span>
                  <span class="visually-hidden">High Porosity (7 products)</span>
                </label>
              </li>
              <li class="list-menu__item facets__item">
                <label for="Filter-Curl Type-5" class="facet-checkbox">
                  <input type="checkbox" name="filter.p.m.fostrfilter.curl_type" value="Locs" id="Filter-Curl Type-5" aria-labelledby="Filter-Curl Type-5">
                  <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                    <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                  </svg>
                  <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  <span aria-hidden="true">Locs (7)</span>
                  <span class="visually-hidden">Locs (7 products)</span>
                </label>
              </li>
              <li class="list-menu__item facets__item">
                <label for="Filter-Curl Type-6" class="facet-checkbox">
                  <input type="checkbox" name="filter.p.m.fostrfilter.curl_type" value="Low Porosity" id="Filter-Curl Type-6" aria-labelledby="Filter-Curl Type-6">
                  <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                    <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                  </svg>
                  <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  <span aria-hidden="true">Low Porosity (11)</span>
                  <span class="visually-hidden">Low Porosity (11 products)</span>
                </label>
              </li>
              <li class="list-menu__item facets__item">
                <label for="Filter-Curl Type-7" class="facet-checkbox">
                  <input type="checkbox" name="filter.p.m.fostrfilter.curl_type" value="Thin Hair" id="Filter-Curl Type-7" aria-labelledby="Filter-Curl Type-7">
                  <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                    <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                  </svg>
                  <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  <span aria-hidden="true">Thin Hair (2)</span>
                  <span class="visually-hidden">Thin Hair (2 products)</span>
                </label>
              </li>
              <li class="list-menu__item facets__item">
                <label for="Filter-Curl Type-8" class="facet-checkbox">
                  <input type="checkbox" name="filter.p.m.fostrfilter.curl_type" value="Tight Texture (4A-4C)" id="Filter-Curl Type-8" aria-labelledby="Filter-Curl Type-8">
                  <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                    <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                  </svg>
                  <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  <span aria-hidden="true">Tight Texture (4A-4C) (14)</span>
                  <span class="visually-hidden">Tight Texture (4A-4C) (14 products)</span>
                </label>
              </li>
            </ul>
            <ul class=" facets__list list-unstyled no-js" role="list">
              <li class="list-menu__item facets__item">
                <label for="Filter-Curl Type-1" class="facet-checkbox">
                  <input type="checkbox" name="filter.p.m.fostrfilter.curl_type" value="Coily (3C-4B)" id="Filter-Curl Type-1">
                  <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                    <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                  </svg>
                  <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  <span aria-hidden="true">Coily (3C-4B) (17)</span>
                  <span class="visually-hidden">Coily (3C-4B) (17 products)</span>
                </label>
              </li>
              <li class="list-menu__item facets__item">
                <label for="Filter-Curl Type-2" class="facet-checkbox">
                  <input type="checkbox" name="filter.p.m.fostrfilter.curl_type" value="Curly (3B-4A)" id="Filter-Curl Type-2">
                  <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                    <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                  </svg>
                  <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  <span aria-hidden="true">Curly (3B-4A) (15)</span>
                  <span class="visually-hidden">Curly (3B-4A) (15 products)</span>
                </label>
              </li>
              <li class="list-menu__item facets__item">
                <label for="Filter-Curl Type-3" class="facet-checkbox">
                  <input type="checkbox" name="filter.p.m.fostrfilter.curl_type" value="Fine Hair" id="Filter-Curl Type-3">
                  <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                    <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                  </svg>
                  <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  <span aria-hidden="true">Fine Hair (2)</span>
                  <span class="visually-hidden">Fine Hair (2 products)</span>
                </label>
              </li>
              <li class="list-menu__item facets__item">
                <label for="Filter-Curl Type-4" class="facet-checkbox">
                  <input type="checkbox" name="filter.p.m.fostrfilter.curl_type" value="High Porosity" id="Filter-Curl Type-4">
                  <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                    <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                  </svg>
                  <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  <span aria-hidden="true">High Porosity (7)</span>
                  <span class="visually-hidden">High Porosity (7 products)</span>
                </label>
              </li>
              <li class="list-menu__item facets__item">
                <label for="Filter-Curl Type-5" class="facet-checkbox">
                  <input type="checkbox" name="filter.p.m.fostrfilter.curl_type" value="Locs" id="Filter-Curl Type-5">
                  <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                    <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                  </svg>
                  <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  <span aria-hidden="true">Locs (7)</span>
                  <span class="visually-hidden">Locs (7 products)</span>
                </label>
              </li>
              <li class="list-menu__item facets__item">
                <label for="Filter-Curl Type-6" class="facet-checkbox">
                  <input type="checkbox" name="filter.p.m.fostrfilter.curl_type" value="Low Porosity" id="Filter-Curl Type-6">
                  <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                    <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                  </svg>
                  <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  <span aria-hidden="true">Low Porosity (11)</span>
                  <span class="visually-hidden">Low Porosity (11 products)</span>
                </label>
              </li>
              <li class="list-menu__item facets__item">
                <label for="Filter-Curl Type-7" class="facet-checkbox">
                  <input type="checkbox" name="filter.p.m.fostrfilter.curl_type" value="Thin Hair" id="Filter-Curl Type-7">
                  <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                    <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                  </svg>
                  <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  <span aria-hidden="true">Thin Hair (2)</span>
                  <span class="visually-hidden">Thin Hair (2 products)</span>
                </label>
              </li>
              <li class="list-menu__item facets__item">
                <label for="Filter-Curl Type-8" class="facet-checkbox">
                  <input type="checkbox" name="filter.p.m.fostrfilter.curl_type" value="Tight Texture (4A-4C)" id="Filter-Curl Type-8">
                  <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                    <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                  </svg>
                  <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  <span aria-hidden="true">Tight Texture (4A-4C) (14)</span>
                  <span class="visually-hidden">Tight Texture (4A-4C) (14 products)</span>
                </label>
              </li>
            </ul>
          </fieldset>
        </div>
      </details>
      <details id="Details-2-template--16483281764452__product-grid" class="disclosure-has-popup facets__disclosure js-filter" data-index="2" open="">
        <summary class="facets__summary caption-large focus-offset" aria-label="Product Type (0 selected)" role="button" aria-expanded="true" aria-controls="Facet-2-template--16483281764452__product-grid">
          <div>
            <span>Product Type</span>
          </div>
        </summary>
        <div id="Facet-2-template--16483281764452__product-grid" class="parent-display facets__display">
          <div class="facets__header">
            <span class="facets__selected no-js-hidden">0 selected</span>
            <facet-remove>
              <a href="/collections/wash" class="facets__reset link underlined-link" role="button">
                            Reset
                          </a>
            </facet-remove>
          </div>
          <fieldset class="facets-wrap parent-wrap ">
            <legend class="visually-hidden">Product Type</legend>
            <ul class=" facets__list list-unstyled no-js-hidden" role="list">
              <li class="list-menu__item facets__item">
                <label for="Filter-Product Type-1" class="facet-checkbox">
                  <input type="checkbox" name="filter.p.m.fostrfilter.product_type" value="Brushes" id="Filter-Product Type-1" aria-labelledby="Filter-Product Type-1">
                  <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                    <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                  </svg>
                  <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  <span aria-hidden="true">Brushes (2)</span>
                  <span class="visually-hidden">Brushes (2 products)</span>
                </label>
              </li>
              <li class="list-menu__item facets__item">
                <label for="Filter-Product Type-2" class="facet-checkbox">
                  <input type="checkbox" name="filter.p.m.fostrfilter.product_type" value="Bundles" id="Filter-Product Type-2" aria-labelledby="Filter-Product Type-2">
                  <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                    <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                  </svg>
                  <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  <span aria-hidden="true">Bundles (2)</span>
                  <span class="visually-hidden">Bundles (2 products)</span>
                </label>
              </li>
              <li class="list-menu__item facets__item">
                <label for="Filter-Product Type-3" class="facet-checkbox">
                  <input type="checkbox" name="filter.p.m.fostrfilter.product_type" value="Combs" id="Filter-Product Type-3" aria-labelledby="Filter-Product Type-3">
                  <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                    <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                  </svg>
                  <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  <span aria-hidden="true">Combs (2)</span>
                  <span class="visually-hidden">Combs (2 products)</span>
                </label>
              </li>
              <li class="list-menu__item facets__item">
                <label for="Filter-Product Type-4" class="facet-checkbox">
                  <input type="checkbox" name="filter.p.m.fostrfilter.product_type" value="Conditioners" id="Filter-Product Type-4" aria-labelledby="Filter-Product Type-4">
                  <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                    <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                  </svg>
                  <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  <span aria-hidden="true">Conditioners (7)</span>
                  <span class="visually-hidden">Conditioners (7 products)</span>
                </label>
              </li>
              <li class="list-menu__item facets__item">
                <label for="Filter-Product Type-5" class="facet-checkbox">
                  <input type="checkbox" name="filter.p.m.fostrfilter.product_type" value="Detangler" id="Filter-Product Type-5" aria-labelledby="Filter-Product Type-5">
                  <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                    <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                  </svg>
                  <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  <span aria-hidden="true">Detangler (1)</span>
                  <span class="visually-hidden">Detangler (1 product)</span>
                </label>
              </li>
              <li class="list-menu__item facets__item">
                <label for="Filter-Product Type-6" class="facet-checkbox">
                  <input type="checkbox" name="filter.p.m.fostrfilter.product_type" value="Leave-In Conditioner" id="Filter-Product Type-6" aria-labelledby="Filter-Product Type-6">
                  <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                    <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                  </svg>
                  <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  <span aria-hidden="true">Leave-In Conditioner (2)</span>
                  <span class="visually-hidden">Leave-In Conditioner (2 products)</span>
                </label>
              </li>
              <li class="list-menu__item facets__item">
                <label for="Filter-Product Type-7" class="facet-checkbox">
                  <input type="checkbox" name="filter.p.m.fostrfilter.product_type" value="Shampoos" id="Filter-Product Type-7" aria-labelledby="Filter-Product Type-7">
                  <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                    <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                  </svg>
                  <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  <span aria-hidden="true">Shampoos (3)</span>
                  <span class="visually-hidden">Shampoos (3 products)</span>
                </label>
              </li>
              <li class="list-menu__item facets__item">
                <label for="Filter-Product Type-8" class="facet-checkbox">
                  <input type="checkbox" name="filter.p.m.fostrfilter.product_type" value="Tools" id="Filter-Product Type-8" aria-labelledby="Filter-Product Type-8">
                  <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                    <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                  </svg>
                  <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  <span aria-hidden="true">Tools (1)</span>
                  <span class="visually-hidden">Tools (1 product)</span>
                </label>
              </li>
            </ul>
            <ul class=" facets__list list-unstyled no-js" role="list">
              <li class="list-menu__item facets__item">
                <label for="Filter-Product Type-1" class="facet-checkbox">
                  <input type="checkbox" name="filter.p.m.fostrfilter.product_type" value="Brushes" id="Filter-Product Type-1">
                  <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                    <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                  </svg>
                  <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  <span aria-hidden="true">Brushes (2)</span>
                  <span class="visually-hidden">Brushes (2 products)</span>
                </label>
              </li>
              <li class="list-menu__item facets__item">
                <label for="Filter-Product Type-2" class="facet-checkbox">
                  <input type="checkbox" name="filter.p.m.fostrfilter.product_type" value="Bundles" id="Filter-Product Type-2">
                  <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                    <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                  </svg>
                  <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  <span aria-hidden="true">Bundles (2)</span>
                  <span class="visually-hidden">Bundles (2 products)</span>
                </label>
              </li>
              <li class="list-menu__item facets__item">
                <label for="Filter-Product Type-3" class="facet-checkbox">
                  <input type="checkbox" name="filter.p.m.fostrfilter.product_type" value="Combs" id="Filter-Product Type-3">
                  <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                    <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                  </svg>
                  <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  <span aria-hidden="true">Combs (2)</span>
                  <span class="visually-hidden">Combs (2 products)</span>
                </label>
              </li>
              <li class="list-menu__item facets__item">
                <label for="Filter-Product Type-4" class="facet-checkbox">
                  <input type="checkbox" name="filter.p.m.fostrfilter.product_type" value="Conditioners" id="Filter-Product Type-4">
                  <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                    <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                  </svg>
                  <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  <span aria-hidden="true">Conditioners (7)</span>
                  <span class="visually-hidden">Conditioners (7 products)</span>
                </label>
              </li>
              <li class="list-menu__item facets__item">
                <label for="Filter-Product Type-5" class="facet-checkbox">
                  <input type="checkbox" name="filter.p.m.fostrfilter.product_type" value="Detangler" id="Filter-Product Type-5">
                  <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                    <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                  </svg>
                  <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  <span aria-hidden="true">Detangler (1)</span>
                  <span class="visually-hidden">Detangler (1 product)</span>
                </label>
              </li>
              <li class="list-menu__item facets__item">
                <label for="Filter-Product Type-6" class="facet-checkbox">
                  <input type="checkbox" name="filter.p.m.fostrfilter.product_type" value="Leave-In Conditioner" id="Filter-Product Type-6">
                  <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                    <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                  </svg>
                  <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  <span aria-hidden="true">Leave-In Conditioner (2)</span>
                  <span class="visually-hidden">Leave-In Conditioner (2 products)</span>
                </label>
              </li>
              <li class="list-menu__item facets__item">
                <label for="Filter-Product Type-7" class="facet-checkbox">
                  <input type="checkbox" name="filter.p.m.fostrfilter.product_type" value="Shampoos" id="Filter-Product Type-7">
                  <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                    <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                  </svg>
                  <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  <span aria-hidden="true">Shampoos (3)</span>
                  <span class="visually-hidden">Shampoos (3 products)</span>
                </label>
              </li>
              <li class="list-menu__item facets__item">
                <label for="Filter-Product Type-8" class="facet-checkbox">
                  <input type="checkbox" name="filter.p.m.fostrfilter.product_type" value="Tools" id="Filter-Product Type-8">
                  <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                    <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                  </svg>
                  <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  <span aria-hidden="true">Tools (1)</span>
                  <span class="visually-hidden">Tools (1 product)</span>
                </label>
              </li>
            </ul>
          </fieldset>
        </div>
      </details>
      <details id="Details-3-template--16483281764452__product-grid" class="disclosure-has-popup facets__disclosure js-filter" data-index="3" open="">
        <summary class="facets__summary caption-large focus-offset" aria-label="Product Preference (0 selected)" role="button" aria-expanded="true" aria-controls="Facet-3-template--16483281764452__product-grid">
          <div>
            <span>Product Preference</span>
          </div>
        </summary>
        <div id="Facet-3-template--16483281764452__product-grid" class="parent-display facets__display">
          <div class="facets__header">
            <span class="facets__selected no-js-hidden">0 selected</span>
            <facet-remove>
              <a href="/collections/wash" class="facets__reset link underlined-link" role="button">
                            Reset
                          </a>
            </facet-remove>
          </div>
          <fieldset class="facets-wrap parent-wrap ">
            <legend class="visually-hidden">Product Preference</legend>
            <ul class=" facets__list list-unstyled no-js-hidden" role="list">
              <li class="list-menu__item facets__item">
                <label for="Filter-Product Preference-1" class="facet-checkbox">
                  <input type="checkbox" name="filter.p.m.fostrfilter.product_preference" value="Gluten-Free" id="Filter-Product Preference-1" aria-labelledby="Filter-Product Preference-1">
                  <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                    <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                  </svg>
                  <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  <span aria-hidden="true">Gluten-Free (12)</span>
                  <span class="visually-hidden">Gluten-Free (12 products)</span>
                </label>
              </li>
              <li class="list-menu__item facets__item">
                <label for="Filter-Product Preference-2" class="facet-checkbox">
                  <input type="checkbox" name="filter.p.m.fostrfilter.product_preference" value="Protein-Free" id="Filter-Product Preference-2" aria-labelledby="Filter-Product Preference-2">
                  <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                    <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                  </svg>
                  <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  <span aria-hidden="true">Protein-Free (1)</span>
                  <span class="visually-hidden">Protein-Free (1 product)</span>
                </label>
              </li>
              <li class="list-menu__item facets__item">
                <label for="Filter-Product Preference-3" class="facet-checkbox">
                  <input type="checkbox" name="filter.p.m.fostrfilter.product_preference" value="Silicone-Free" id="Filter-Product Preference-3" aria-labelledby="Filter-Product Preference-3">
                  <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                    <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                  </svg>
                  <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  <span aria-hidden="true">Silicone-Free (4)</span>
                  <span class="visually-hidden">Silicone-Free (4 products)</span>
                </label>
              </li>
              <li class="list-menu__item facets__item">
                <label for="Filter-Product Preference-4" class="facet-checkbox">
                  <input type="checkbox" name="filter.p.m.fostrfilter.product_preference" value="Vegan" id="Filter-Product Preference-4" aria-labelledby="Filter-Product Preference-4">
                  <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                    <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                  </svg>
                  <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  <span aria-hidden="true">Vegan (4)</span>
                  <span class="visually-hidden">Vegan (4 products)</span>
                </label>
              </li>
            </ul>
            <ul class=" facets__list list-unstyled no-js" role="list">
              <li class="list-menu__item facets__item">
                <label for="Filter-Product Preference-1" class="facet-checkbox">
                  <input type="checkbox" name="filter.p.m.fostrfilter.product_preference" value="Gluten-Free" id="Filter-Product Preference-1">
                  <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                    <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                  </svg>
                  <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  <span aria-hidden="true">Gluten-Free (12)</span>
                  <span class="visually-hidden">Gluten-Free (12 products)</span>
                </label>
              </li>
              <li class="list-menu__item facets__item">
                <label for="Filter-Product Preference-2" class="facet-checkbox">
                  <input type="checkbox" name="filter.p.m.fostrfilter.product_preference" value="Protein-Free" id="Filter-Product Preference-2">
                  <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                    <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                  </svg>
                  <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  <span aria-hidden="true">Protein-Free (1)</span>
                  <span class="visually-hidden">Protein-Free (1 product)</span>
                </label>
              </li>
              <li class="list-menu__item facets__item">
                <label for="Filter-Product Preference-3" class="facet-checkbox">
                  <input type="checkbox" name="filter.p.m.fostrfilter.product_preference" value="Silicone-Free" id="Filter-Product Preference-3">
                  <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                    <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                  </svg>
                  <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  <span aria-hidden="true">Silicone-Free (4)</span>
                  <span class="visually-hidden">Silicone-Free (4 products)</span>
                </label>
              </li>
              <li class="list-menu__item facets__item">
                <label for="Filter-Product Preference-4" class="facet-checkbox">
                  <input type="checkbox" name="filter.p.m.fostrfilter.product_preference" value="Vegan" id="Filter-Product Preference-4">
                  <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                    <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                  </svg>
                  <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                  <span aria-hidden="true">Vegan (4)</span>
                  <span class="visually-hidden">Vegan (4 products)</span>
                </label>
              </li>
            </ul>
          </fieldset>
        </div>
      </details>
      <details id="Details-9999-template--16483281764452__product-grid" class="facets__additional disclosure-has-popup facets__disclosure" data-index="9999" open="">
        <summary class="facets__summary caption-large focus-offset" aria-label="PATTERN PRODUCTS ARE ALWAYS" role="button" aria-expanded="true" aria-controls="Facet-9999-template--16483281764452__product-grid">
          <div>
            <span>PATTERN PRODUCTS ARE ALWAYS</span>
          </div>
        </summary>
        <div id="Facet-9999-template--16483281764452__product-grid" class="parent-display facets__display">
          <fieldset class="facets-wrap parent-wrap">
            <legend class="visually-hidden">PATTERN PRODUCTS ARE ALWAYS</legend>
            <ul>
              <li>Paraben-Free</li>
              <li>Free of SLS/SLES</li>
              <li>Color-Safe</li>
              <li>Free of Cyclic Silicones</li>
              <li>Phthalate-Free</li>
            </ul>
          </fieldset>
        </div>
      </details>
      <noscript>
        <button type="submit" class="facets__button-no-js button button--secondary">Filter</button>
      </noscript>
    </div>
    <div class="active-facets active-facets-desktop">
      <facet-remove class="active-facets__button-wrapper">
        <a href="/collections/wash" class="active-facets__button-remove underlined-link" role="button">
                  <span>Remove all</span>
                </a>
      </facet-remove>
    </div>
  </div>
</form>

<form id="FacetFiltersFormMobile" class="mobile-facets">
  <div class="mobile-facets__inner gradient">
    <div class="mobile-facets__header">
      <div class="mobile-facets__header-inner">
        <h2 class="mobile-facets__heading medium-hide large-up-hide">Filter and sort </h2>
        <h2 class="mobile-facets__heading small-hide">Filter </h2>
        <p class="mobile-facets__count">20 products </p>
      </div>
    </div>
    <div class="mobile-facets__main has-submenu gradient">
      <details id="Details-Mobile-1-template--16483281764452__product-grid" class="mobile-facets__details js-filter" data-index="mobile-1">
        <summary class="mobile-facets__summary focus-inset" role="button" aria-expanded="false" aria-controls="FacetMobile-1-template--16483281764452__product-grid">
          <div>
            <span>Curl Type</span>
            <span class="mobile-facets__arrow no-js-hidden"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
                </path>
              </svg>
            </span>
            <noscript><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
                </path>
              </svg>
            </noscript>
          </div>
        </summary>
        <div id="FacetMobile-1-template--16483281764452__product-grid" class="mobile-facets__submenu gradient">
          <button class="mobile-facets__close-button link link--text focus-inset" aria-expanded="true" type="button">
            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
              <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
              </path>
            </svg> Curl Type </button>
          <ul class="mobile-facets__list list-unstyled" role="list">
            <li class="mobile-facets__item list-menu__item">
              <label for="Filter-Curl Type-mobile-1" class="mobile-facets__label">
                <input class="mobile-facets__checkbox" type="checkbox" name="filter.p.m.fostrfilter.curl_type" value="Coily (3C-4B)" id="Filter-Curl Type-mobile-1">
                <span class="mobile-facets__highlight"></span>
                <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                  <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                </svg>
                <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
                <span aria-hidden="true">Coily (3C-4B) (17)</span>
                <span class="visually-hidden">Coily (3C-4B) (17 products)</span>
              </label>
            </li>
            <li class="mobile-facets__item list-menu__item">
              <label for="Filter-Curl Type-mobile-2" class="mobile-facets__label">
                <input class="mobile-facets__checkbox" type="checkbox" name="filter.p.m.fostrfilter.curl_type" value="Curly (3B-4A)" id="Filter-Curl Type-mobile-2">
                <span class="mobile-facets__highlight"></span>
                <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                  <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                </svg>
                <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
                <span aria-hidden="true">Curly (3B-4A) (15)</span>
                <span class="visually-hidden">Curly (3B-4A) (15 products)</span>
              </label>
            </li>
            <li class="mobile-facets__item list-menu__item">
              <label for="Filter-Curl Type-mobile-3" class="mobile-facets__label">
                <input class="mobile-facets__checkbox" type="checkbox" name="filter.p.m.fostrfilter.curl_type" value="Fine Hair" id="Filter-Curl Type-mobile-3">
                <span class="mobile-facets__highlight"></span>
                <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                  <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                </svg>
                <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
                <span aria-hidden="true">Fine Hair (2)</span>
                <span class="visually-hidden">Fine Hair (2 products)</span>
              </label>
            </li>
            <li class="mobile-facets__item list-menu__item">
              <label for="Filter-Curl Type-mobile-4" class="mobile-facets__label">
                <input class="mobile-facets__checkbox" type="checkbox" name="filter.p.m.fostrfilter.curl_type" value="High Porosity" id="Filter-Curl Type-mobile-4">
                <span class="mobile-facets__highlight"></span>
                <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                  <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                </svg>
                <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
                <span aria-hidden="true">High Porosity (7)</span>
                <span class="visually-hidden">High Porosity (7 products)</span>
              </label>
            </li>
            <li class="mobile-facets__item list-menu__item">
              <label for="Filter-Curl Type-mobile-5" class="mobile-facets__label">
                <input class="mobile-facets__checkbox" type="checkbox" name="filter.p.m.fostrfilter.curl_type" value="Locs" id="Filter-Curl Type-mobile-5">
                <span class="mobile-facets__highlight"></span>
                <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                  <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                </svg>
                <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
                <span aria-hidden="true">Locs (7)</span>
                <span class="visually-hidden">Locs (7 products)</span>
              </label>
            </li>
            <li class="mobile-facets__item list-menu__item">
              <label for="Filter-Curl Type-mobile-6" class="mobile-facets__label">
                <input class="mobile-facets__checkbox" type="checkbox" name="filter.p.m.fostrfilter.curl_type" value="Low Porosity" id="Filter-Curl Type-mobile-6">
                <span class="mobile-facets__highlight"></span>
                <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                  <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                </svg>
                <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
                <span aria-hidden="true">Low Porosity (11)</span>
                <span class="visually-hidden">Low Porosity (11 products)</span>
              </label>
            </li>
            <li class="mobile-facets__item list-menu__item">
              <label for="Filter-Curl Type-mobile-7" class="mobile-facets__label">
                <input class="mobile-facets__checkbox" type="checkbox" name="filter.p.m.fostrfilter.curl_type" value="Thin Hair" id="Filter-Curl Type-mobile-7">
                <span class="mobile-facets__highlight"></span>
                <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                  <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                </svg>
                <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
                <span aria-hidden="true">Thin Hair (2)</span>
                <span class="visually-hidden">Thin Hair (2 products)</span>
              </label>
            </li>
            <li class="mobile-facets__item list-menu__item">
              <label for="Filter-Curl Type-mobile-8" class="mobile-facets__label">
                <input class="mobile-facets__checkbox" type="checkbox" name="filter.p.m.fostrfilter.curl_type" value="Tight Texture (4A-4C)" id="Filter-Curl Type-mobile-8">
                <span class="mobile-facets__highlight"></span>
                <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                  <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                </svg>
                <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
                <span aria-hidden="true">Tight Texture (4A-4C) (14)</span>
                <span class="visually-hidden">Tight Texture (4A-4C) (14 products)</span>
              </label>
            </li>
          </ul>
          <div class="no-js-hidden mobile-facets__footer gradient hidden">
            <facet-remove class="mobile-facets__clear-wrapper">
              <a href="/collections/wash" class="mobile-facets__clear underlined-link" role="button">Clear</a>
            </facet-remove>
            <button type="button" class="no-js-hidden button button--primary" onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()">Apply</button>
            <noscript><button class="button button--primary">Apply</button></noscript>
          </div>
        </div>
      </details>
      <details id="Details-Mobile-2-template--16483281764452__product-grid" class="mobile-facets__details js-filter" data-index="mobile-2">
        <summary class="mobile-facets__summary focus-inset" role="button" aria-expanded="false" aria-controls="FacetMobile-2-template--16483281764452__product-grid">
          <div>
            <span>Product Type</span>
            <span class="mobile-facets__arrow no-js-hidden"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
                </path>
              </svg>
            </span>
            <noscript><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
                </path>
              </svg>
            </noscript>
          </div>
        </summary>
        <div id="FacetMobile-2-template--16483281764452__product-grid" class="mobile-facets__submenu gradient">
          <button class="mobile-facets__close-button link link--text focus-inset" aria-expanded="true" type="button">
            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
              <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
              </path>
            </svg> Product Type </button>
          <ul class="mobile-facets__list list-unstyled" role="list">
            <li class="mobile-facets__item list-menu__item">
              <label for="Filter-Product Type-mobile-1" class="mobile-facets__label">
                <input class="mobile-facets__checkbox" type="checkbox" name="filter.p.m.fostrfilter.product_type" value="Brushes" id="Filter-Product Type-mobile-1">
                <span class="mobile-facets__highlight"></span>
                <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                  <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                </svg>
                <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
                <span aria-hidden="true">Brushes (2)</span>
                <span class="visually-hidden">Brushes (2 products)</span>
              </label>
            </li>
            <li class="mobile-facets__item list-menu__item">
              <label for="Filter-Product Type-mobile-2" class="mobile-facets__label">
                <input class="mobile-facets__checkbox" type="checkbox" name="filter.p.m.fostrfilter.product_type" value="Bundles" id="Filter-Product Type-mobile-2">
                <span class="mobile-facets__highlight"></span>
                <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                  <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                </svg>
                <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
                <span aria-hidden="true">Bundles (2)</span>
                <span class="visually-hidden">Bundles (2 products)</span>
              </label>
            </li>
            <li class="mobile-facets__item list-menu__item">
              <label for="Filter-Product Type-mobile-3" class="mobile-facets__label">
                <input class="mobile-facets__checkbox" type="checkbox" name="filter.p.m.fostrfilter.product_type" value="Combs" id="Filter-Product Type-mobile-3">
                <span class="mobile-facets__highlight"></span>
                <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                  <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                </svg>
                <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
                <span aria-hidden="true">Combs (2)</span>
                <span class="visually-hidden">Combs (2 products)</span>
              </label>
            </li>
            <li class="mobile-facets__item list-menu__item">
              <label for="Filter-Product Type-mobile-4" class="mobile-facets__label">
                <input class="mobile-facets__checkbox" type="checkbox" name="filter.p.m.fostrfilter.product_type" value="Conditioners" id="Filter-Product Type-mobile-4">
                <span class="mobile-facets__highlight"></span>
                <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                  <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                </svg>
                <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
                <span aria-hidden="true">Conditioners (7)</span>
                <span class="visually-hidden">Conditioners (7 products)</span>
              </label>
            </li>
            <li class="mobile-facets__item list-menu__item">
              <label for="Filter-Product Type-mobile-5" class="mobile-facets__label">
                <input class="mobile-facets__checkbox" type="checkbox" name="filter.p.m.fostrfilter.product_type" value="Detangler" id="Filter-Product Type-mobile-5">
                <span class="mobile-facets__highlight"></span>
                <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                  <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                </svg>
                <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
                <span aria-hidden="true">Detangler (1)</span>
                <span class="visually-hidden">Detangler (1 products)</span>
              </label>
            </li>
            <li class="mobile-facets__item list-menu__item">
              <label for="Filter-Product Type-mobile-6" class="mobile-facets__label">
                <input class="mobile-facets__checkbox" type="checkbox" name="filter.p.m.fostrfilter.product_type" value="Leave-In Conditioner" id="Filter-Product Type-mobile-6">
                <span class="mobile-facets__highlight"></span>
                <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                  <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                </svg>
                <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
                <span aria-hidden="true">Leave-In Conditioner (2)</span>
                <span class="visually-hidden">Leave-In Conditioner (2 products)</span>
              </label>
            </li>
            <li class="mobile-facets__item list-menu__item">
              <label for="Filter-Product Type-mobile-7" class="mobile-facets__label">
                <input class="mobile-facets__checkbox" type="checkbox" name="filter.p.m.fostrfilter.product_type" value="Shampoos" id="Filter-Product Type-mobile-7">
                <span class="mobile-facets__highlight"></span>
                <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                  <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                </svg>
                <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
                <span aria-hidden="true">Shampoos (3)</span>
                <span class="visually-hidden">Shampoos (3 products)</span>
              </label>
            </li>
            <li class="mobile-facets__item list-menu__item">
              <label for="Filter-Product Type-mobile-8" class="mobile-facets__label">
                <input class="mobile-facets__checkbox" type="checkbox" name="filter.p.m.fostrfilter.product_type" value="Tools" id="Filter-Product Type-mobile-8">
                <span class="mobile-facets__highlight"></span>
                <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                  <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                </svg>
                <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
                <span aria-hidden="true">Tools (1)</span>
                <span class="visually-hidden">Tools (1 products)</span>
              </label>
            </li>
          </ul>
          <div class="no-js-hidden mobile-facets__footer gradient hidden">
            <facet-remove class="mobile-facets__clear-wrapper">
              <a href="/collections/wash" class="mobile-facets__clear underlined-link" role="button">Clear</a>
            </facet-remove>
            <button type="button" class="no-js-hidden button button--primary" onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()">Apply</button>
            <noscript><button class="button button--primary">Apply</button></noscript>
          </div>
        </div>
      </details>
      <details id="Details-Mobile-3-template--16483281764452__product-grid" class="mobile-facets__details js-filter" data-index="mobile-3">
        <summary class="mobile-facets__summary focus-inset" role="button" aria-expanded="false" aria-controls="FacetMobile-3-template--16483281764452__product-grid">
          <div>
            <span>Product Preference</span>
            <span class="mobile-facets__arrow no-js-hidden"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
                </path>
              </svg>
            </span>
            <noscript><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
                </path>
              </svg>
            </noscript>
          </div>
        </summary>
        <div id="FacetMobile-3-template--16483281764452__product-grid" class="mobile-facets__submenu gradient">
          <button class="mobile-facets__close-button link link--text focus-inset" aria-expanded="true" type="button">
            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
              <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
              </path>
            </svg> Product Preference </button>
          <ul class="mobile-facets__list list-unstyled" role="list">
            <li class="mobile-facets__item list-menu__item">
              <label for="Filter-Product Preference-mobile-1" class="mobile-facets__label">
                <input class="mobile-facets__checkbox" type="checkbox" name="filter.p.m.fostrfilter.product_preference" value="Gluten-Free" id="Filter-Product Preference-mobile-1">
                <span class="mobile-facets__highlight"></span>
                <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                  <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                </svg>
                <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
                <span aria-hidden="true">Gluten-Free (12)</span>
                <span class="visually-hidden">Gluten-Free (12 products)</span>
              </label>
            </li>
            <li class="mobile-facets__item list-menu__item">
              <label for="Filter-Product Preference-mobile-2" class="mobile-facets__label">
                <input class="mobile-facets__checkbox" type="checkbox" name="filter.p.m.fostrfilter.product_preference" value="Protein-Free" id="Filter-Product Preference-mobile-2">
                <span class="mobile-facets__highlight"></span>
                <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                  <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                </svg>
                <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
                <span aria-hidden="true">Protein-Free (1)</span>
                <span class="visually-hidden">Protein-Free (1 products)</span>
              </label>
            </li>
            <li class="mobile-facets__item list-menu__item">
              <label for="Filter-Product Preference-mobile-3" class="mobile-facets__label">
                <input class="mobile-facets__checkbox" type="checkbox" name="filter.p.m.fostrfilter.product_preference" value="Silicone-Free" id="Filter-Product Preference-mobile-3">
                <span class="mobile-facets__highlight"></span>
                <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                  <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                </svg>
                <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
                <span aria-hidden="true">Silicone-Free (4)</span>
                <span class="visually-hidden">Silicone-Free (4 products)</span>
              </label>
            </li>
            <li class="mobile-facets__item list-menu__item">
              <label for="Filter-Product Preference-mobile-4" class="mobile-facets__label">
                <input class="mobile-facets__checkbox" type="checkbox" name="filter.p.m.fostrfilter.product_preference" value="Vegan" id="Filter-Product Preference-mobile-4">
                <span class="mobile-facets__highlight"></span>
                <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
                  <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect>
                </svg>
                <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
                <span aria-hidden="true">Vegan (4)</span>
                <span class="visually-hidden">Vegan (4 products)</span>
              </label>
            </li>
          </ul>
          <div class="no-js-hidden mobile-facets__footer gradient hidden">
            <facet-remove class="mobile-facets__clear-wrapper">
              <a href="/collections/wash" class="mobile-facets__clear underlined-link" role="button">Clear</a>
            </facet-remove>
            <button type="button" class="no-js-hidden button button--primary" onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()">Apply</button>
            <noscript><button class="button button--primary">Apply</button></noscript>
          </div>
        </div>
      </details>
      <div class="mobile-facets__details js-filter" data-index="mobile-">
        <div class="mobile-facets__summary">
          <div class="mobile-facets__sort">
            <label for="SortBy-mobile">Sort by:</label>
            <div class="select">
              <select name="sort_by" class="select__select" id="SortBy-mobile" aria-describedby="a11y-refresh-page-message">
                <option value="manual">Featured</option>
                <option value="created-descending">Newest</option>
                <option value="best-selling">Bestselling</option>
                <option value="price-ascending">Price, Low to High</option>
                <option value="price-descending">Price, High to Low</option>
                <option value="title-ascending">A-Z</option>
                <option value="title-descending">Z-A</option>
              </select>
              <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
                </path>
              </svg>
            </div>
          </div>
        </div>
      </div>
      <details id="Details-Mobile-9999-template--16483281764452__product-grid" class="facets__additional mobile-facets__details js-filter menu-opening" data-index="mobile-9999" open="">
        <summary class="mobile-facets__summary focus-inset" aria-label="PATTERN PRODUCTS ARE ALWAYS" role="button" aria-expanded="true" aria-controls="FacetMobile-9999-template--16483281764452__product-grid">
          <div>
            <span>PATTERN PRODUCTS ARE ALWAYS</span>
          </div>
        </summary>
        <div id="FacetMobile-9999-template--16483281764452__product-grid" class="mobile-facets__submenu gradient">
          <ul>
            <li>Paraben-Free</li>
            <li>Free of SLS/SLES</li>
            <li>Color-Safe</li>
            <li>Free of Cyclic Silicones</li>
            <li>Phthalate-Free</li>
          </ul>
        </div>
      </details>
      <div class="mobile-facets__footer">
        <facet-remove class="mobile-facets__clear-wrapper">
          <a href="/collections/wash" class="mobile-facets__clear underlined-link" role="button">Remove all</a>
        </facet-remove>
        <button type="button" class="no-js-hidden button button--primary" onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()">Apply</button>
        <noscript><button class="button button--primary">Apply</button></noscript>
      </div>
    </div>
  </div>
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_7287007281252" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product"><input type="hidden" name="utf8"
    value="✓"><input type="hidden" name="id" value="42316538937444">
  <input type="hidden" name="product-id" value="7287007281252"><input type="hidden" name="section-id" value="template--16483281764452__e6cb3450-f67b-4263-bb7a-d715f9474e7b">
</form>

POST /contact#contact_form

<form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="has-validation newsletter-form" novalidate="novalidate"><input type="hidden" name="form_type" value="customer"><input type="hidden" name="utf8"
    value="✓">
  <input type="hidden" name="contact[tags]" value="prospect, password page, newsletter">
  <div class="form-group">
    <label for="PasswordNewsletterForm-email" class="sr-only"> Email </label>
    <input type="email" name="contact[email]" id="PasswordNewsletterForm-email" placeholder="Email Address" autocorrect="off" autocapitalize="off" aria-required="true" value="" class="form-control email">
  </div>
  <button type="submit" name="commit" class="btn d-none d-lg-inline-block">
    <span>Sign Up</span>
  </button>
  <hr>
</form>

Text Content

Please note: This website includes an accessibility system. Press Control-F11 to
adjust the website to the visually impaired who are using a screen reader; Press
Control-F10 to open an accessibility menu.

Popup heading

Close

Accessibility
 * Press enter for Accessibility for blind people who use screen readers
 * Press enter for Keyboard Navigation
 * Press enter for Accessibility menu




sample kits





Shop by Category



 * Styling Creams & Gels
 * Conditioners
 * Shampoos & Prepoos
 * Masks, Oils & Serums
 * Heat Styling
 * Tools & Brushes
 * Accessories

 * Palo Santo Leave-In Conditioner
 * Hydration Shampoo
 * Palo Santo Styling Cream
 * Detangling Nectar
 * Palo Santo Curl Mousse
 * Curl Gel
 * Palo Santo Medium Conditioner

1 2 3 4 5 6 7 8
1 / of 5

Shop by Texture



SHOP BY TEXTURE

 * Curly
 * Coily
 * Tight Texture
 * Locs

SETS & MINIS



SETS & MINIS

 * Bestselling Sets & Kits
 * Mini Travel Sets
 * Curl Type Starter Kits

Curl Edu



 * Curl Guide
 * Blog
 * Curl Quiz
 * Conditioner Quiz
 * Curling Iron

What's happening on this website
Angela in Mansfield, Texas bought Shine Spray about 1 hour ago Open related page
by Fomo.com

Our Story
Rewards
Contact
Log in / Register
E-Gift Cards
FAQs

 * Facebook
 * Pinterest
 * Instagram
 * TikTok
 * YouTube


YOUR CART IS EMPTY

Continue shopping

Have an account?

Log in to check out faster.


BESTSELLERS CURLY HAIR PRODUCTS

Bestselling hair care for curly, coily & tight textures shower. style.
treat.... 


BESTSELLERS CURLY HAIR PRODUCTS

Loading...





SUBTOTAL

$0.00


Taxes and shipping calculated at checkout

Update Check out

Skip to Content


New Here? Try pattern for as low as $12🔥

✨BUY 2 GET 1 FREE FOR A LIMITED TIME✨

free domestic us shipping on orders $75+

New Here? Try pattern for as low as $12🔥

✨BUY 2 GET 1 FREE FOR A LIMITED TIME✨

Search


 * Samples
 * Curl Edu
    * curl quiz
    * Curl Guide
    * Blog
    * conditioner quiz
    * Curling Iron

 * Shop by Category
 * Shop by Texture
 * SETS & MINIS
 * About Us
    * Our Story
    * Glossary
    * our cause

 * Rewards

Search

Log in Cart
00 items
SamplesBestsellersStyling Creams & GelsConditionersShampoo & PrepooMasks, Oils &
SerumsHeat StylingTools & BrushesAccessories


SHOP BY CATEGORY

Heat Styling

Shampoos & Pre-Poo

Conditioners

Masks, Oils & Serums

Styling Creams & Gels

Tools & Brushes

Accessories

Shop All

Palo Santo Leave-In Conditioner Hydration Shampoo Palo Santo Curl Mousse Palo
Santo Styling Cream Detangling Nectar Palo Santo Medium Conditioner Take our
curl quiz



SHOP BY TEXTURE

curly tight texture coily locs
shop all products


SETS & MINIS

curl type starter sets mini sets bestselling sets & kits
shop all SETS & MINIS


SHAMPOOS & CONDITIONERS FOR NATURAL HAIR

All the essentials for a self-care wash day
hydrate. nourish. restore.


FILTERS


SORT BY:

Featured Newest Bestselling Price, Low to High Price, High to Low A-Z Z-A
Sort


20 PRODUCTS


Curl Type
0 selected Reset
Curl Type
 * Coily (3C-4B) (17) Coily (3C-4B) (17 products)
 * Curly (3B-4A) (15) Curly (3B-4A) (15 products)
 * Fine Hair (2) Fine Hair (2 products)
 * High Porosity (7) High Porosity (7 products)
 * Locs (7) Locs (7 products)
 * Low Porosity (11) Low Porosity (11 products)
 * Thin Hair (2) Thin Hair (2 products)
 * Tight Texture (4A-4C) (14) Tight Texture (4A-4C) (14 products)

 * Coily (3C-4B) (17) Coily (3C-4B) (17 products)
 * Curly (3B-4A) (15) Curly (3B-4A) (15 products)
 * Fine Hair (2) Fine Hair (2 products)
 * High Porosity (7) High Porosity (7 products)
 * Locs (7) Locs (7 products)
 * Low Porosity (11) Low Porosity (11 products)
 * Thin Hair (2) Thin Hair (2 products)
 * Tight Texture (4A-4C) (14) Tight Texture (4A-4C) (14 products)

Product Type
0 selected Reset
Product Type
 * Brushes (2) Brushes (2 products)
 * Bundles (2) Bundles (2 products)
 * Combs (2) Combs (2 products)
 * Conditioners (7) Conditioners (7 products)
 * Detangler (1) Detangler (1 product)
 * Leave-In Conditioner (2) Leave-In Conditioner (2 products)
 * Shampoos (3) Shampoos (3 products)
 * Tools (1) Tools (1 product)

 * Brushes (2) Brushes (2 products)
 * Bundles (2) Bundles (2 products)
 * Combs (2) Combs (2 products)
 * Conditioners (7) Conditioners (7 products)
 * Detangler (1) Detangler (1 product)
 * Leave-In Conditioner (2) Leave-In Conditioner (2 products)
 * Shampoos (3) Shampoos (3 products)
 * Tools (1) Tools (1 product)

Product Preference
0 selected Reset
Product Preference
 * Gluten-Free (12) Gluten-Free (12 products)
 * Protein-Free (1) Protein-Free (1 product)
 * Silicone-Free (4) Silicone-Free (4 products)
 * Vegan (4) Vegan (4 products)

 * Gluten-Free (12) Gluten-Free (12 products)
 * Protein-Free (1) Protein-Free (1 product)
 * Silicone-Free (4) Silicone-Free (4 products)
 * Vegan (4) Vegan (4 products)

PATTERN PRODUCTS ARE ALWAYS
PATTERN PRODUCTS ARE ALWAYS
 * Paraben-Free
 * Free of SLS/SLES
 * Color-Safe
 * Free of Cyclic Silicones
 * Phthalate-Free

Filter
Remove all
Filter and sort Filter


FILTER AND SORT


FILTER

20 products

Curl Type
Curl Type
 * Coily (3C-4B) (17) Coily (3C-4B) (17 products)
 * Curly (3B-4A) (15) Curly (3B-4A) (15 products)
 * Fine Hair (2) Fine Hair (2 products)
 * High Porosity (7) High Porosity (7 products)
 * Locs (7) Locs (7 products)
 * Low Porosity (11) Low Porosity (11 products)
 * Thin Hair (2) Thin Hair (2 products)
 * Tight Texture (4A-4C) (14) Tight Texture (4A-4C) (14 products)

Clear Apply Apply
Product Type
Product Type
 * Brushes (2) Brushes (2 products)
 * Bundles (2) Bundles (2 products)
 * Combs (2) Combs (2 products)
 * Conditioners (7) Conditioners (7 products)
 * Detangler (1) Detangler (1 products)
 * Leave-In Conditioner (2) Leave-In Conditioner (2 products)
 * Shampoos (3) Shampoos (3 products)
 * Tools (1) Tools (1 products)

Clear Apply Apply
Product Preference
Product Preference
 * Gluten-Free (12) Gluten-Free (12 products)
 * Protein-Free (1) Protein-Free (1 products)
 * Silicone-Free (4) Silicone-Free (4 products)
 * Vegan (4) Vegan (4 products)

Clear Apply Apply
Sort by:
Featured Newest Bestselling Price, Low to High Price, High to Low A-Z Z-A
PATTERN PRODUCTS ARE ALWAYS
 * Paraben-Free
 * Free of SLS/SLES
 * Color-Safe
 * Free of Cyclic Silicones
 * Phthalate-Free

Remove all Apply Apply
Remove all


20 PRODUCTS


Layout:

Toggle 1 row

Toggle 2 rows

 * Viral Fav
   
   
   BOUNCE BACK PRE-POO
   
   
   BOUNCE BACK PRE-POO
   
   revive & nourish
   
   4.7 star rating 57 Reviews
   
   
   
   
   
   BOUNCE BACK PRE-POO
   REGULAR PRICE $25.00
   REGULAR PRICE $25.00 SALE PRICE $25.00
   UNIT PRICE /  PER 
   
   Regular price $25.00
   Regular price $25.00 Sale price $25.00
   Unit price /  per 
   Title Default Title
   Product variants
   Default Title - $25.00
   Add to cart
   
   
   


 * PALO SANTO MEDIUM CONDITIONER
   
   
   PALO SANTO MEDIUM CONDITIONER
   
   rich hydration with curl definition
   
   4.8 star rating 16 Reviews
   
   
   
   
   
   PALO SANTO MEDIUM CONDITIONER
   REGULAR PRICE $26.00
   REGULAR PRICE $26.00 SALE PRICE $26.00
   UNIT PRICE /  PER 
   
   Regular price $26.00
   Regular price $26.00 Sale price $26.00
   Unit price /  per 
   Title Default Title
   Product variants
   Default Title - $26.00
   One-time Purchase Delivery every 30 Days Delivery every 60 Days Delivery
   every 90 Days
   Add to cart
   
   
   


 * HYDRATION SHAMPOO
   
   
   HYDRATION SHAMPOO
   
   gentle moisture-rich cleanser
   
   4.7 star rating 2670 Reviews
   
   
   
   
   
   HYDRATION SHAMPOO 9.8 FL OZ
   REGULAR PRICE $45.00
   REGULAR PRICE $45.00SALE PRICE $21.00
   UNIT PRICE /  PER 
   
   Regular price $45.00
   Regular price $45.00Sale price $21.00
   Unit price /  per 
   9.8 fl oz
   25 fl oz
   3 fl oz
   Size 9.8 fl oz 25 fl oz 3 fl oz
   Product variants
   9.8 fl oz - $21.00 25 fl oz - $45.00 3 fl oz - $12.00
   One-time Purchase Delivery every 30 Days Delivery every 60 Days Delivery
   every 90 Days
   Select Size
   Add to cart
   
   
   


 * DETANGLING NECTAR
   
   
   DETANGLING NECTAR
   
   detangles with extra slip
   
   4.4 star rating 680 Reviews
   
   
   
   
   
   DETANGLING NECTAR
   REGULAR PRICE $28.00
   REGULAR PRICE $28.00 SALE PRICE $28.00
   UNIT PRICE /  PER 
   
   Regular price $28.00
   Regular price $28.00 Sale price $28.00
   Unit price /  per 
   Title Default Title
   Product variants
   Default Title - $28.00
   One-time Purchase Delivery every 30 Days Delivery every 60 Days Delivery
   every 90 Days
   Add to cart
   
   
   


 * PRE-WASH KIT
   
   
   PRE-WASH KIT
   
   for curlies, coilies & tight textures
   
   
   
   
   PRE-WASH KIT
   REGULAR PRICE $100.00
   REGULAR PRICE $110.00 SALE PRICE $100.00
   UNIT PRICE /  PER 
   
   Regular price $100.00
   Regular price $110.00 Sale price $100.00
   Unit price /  per 
   Title Default Title
   Product variants
   Default Title - $110.00
   Add to cart
   
   
   


 * MEDIUM CONDITIONER
   
   
   MEDIUM CONDITIONER
   
   moisture-rich hydration with extra slip
   
   4.8 star rating 116 Reviews
   
   
   
   
   
   MEDIUM CONDITIONER 13 FL OZ
   REGULAR PRICE $49.00
   REGULAR PRICE $49.00SALE PRICE $28.00
   UNIT PRICE /  PER 
   
   Regular price $49.00
   Regular price $49.00Sale price $28.00
   Unit price /  per 
   13 fl oz
   29 fl oz
   3 fl oz
   Size 13 fl oz 29 fl oz 3 fl oz
   Product variants
   13 fl oz - $28.00 29 fl oz - $49.00 3 fl oz - $12.00
   One-time Purchase Delivery every 30 Days Delivery every 60 Days Delivery
   every 90 Days
   Select Size
   Add to cart
   
   
   


 * INTENSIVE CONDITIONER
   
   
   INTENSIVE CONDITIONER
   
   ultra-hydrating & restorative
   
   4.7 star rating 1228 Reviews
   
   
   
   
   
   INTENSIVE CONDITIONER 13 FL OZ
   REGULAR PRICE $49.00
   REGULAR PRICE $49.00SALE PRICE $28.00
   UNIT PRICE /  PER 
   
   Regular price $49.00
   Regular price $49.00Sale price $28.00
   Unit price /  per 
   13 fl oz
   29 fl oz
   3 fl oz
   Size 13 fl oz 29 fl oz 3 fl oz
   Product variants
   13 fl oz - $28.00 29 fl oz - $49.00 3 fl oz - $12.00
   One-time Purchase Delivery every 30 Days Delivery every 60 Days Delivery
   every 90 Days
   Select Size
   Add to cart
   
   
   
 * #1 Bestseller
   
   
   LEAVE-IN CONDITIONER
   
   
   LEAVE-IN CONDITIONER
   
   moisture-rich & soft curl definition
   
   4.7 star rating 3548 Reviews
   
   
   
   
   
   LEAVE-IN CONDITIONER 9.8 FL OZ
   REGULAR PRICE $49.00
   REGULAR PRICE $49.00SALE PRICE $28.00
   UNIT PRICE /  PER 
   
   Regular price $49.00
   Regular price $49.00Sale price $28.00
   Unit price /  per 
   9.8 fl oz
   25 fl oz
   3 fl oz
   Size 9.8 fl oz 25 fl oz 3 fl oz
   Product variants
   9.8 fl oz - $28.00 25 fl oz - $49.00 3 fl oz - $12.00
   One-time Purchase Delivery every 30 Days Delivery every 60 Days Delivery
   every 90 Days
   Select Size
   Add to cart
   
   
   


 * HEAVY CONDITIONER
   
   
   HEAVY CONDITIONER
   
   oil-rich hydration & curl definition
   
   4.6 star rating 955 Reviews
   
   
   
   
   
   HEAVY CONDITIONER 13 FL OZ
   REGULAR PRICE $49.00
   REGULAR PRICE $49.00SALE PRICE $28.00
   UNIT PRICE /  PER 
   
   Regular price $49.00
   Regular price $49.00Sale price $28.00
   Unit price /  per 
   13 fl oz
   29 fl oz
   3 fl oz
   Size 13 fl oz 29 fl oz 3 fl oz
   Product variants
   13 fl oz - $28.00 29 fl oz - $49.00 3 fl oz - $12.00
   One-time Purchase Delivery every 30 Days Delivery every 60 Days Delivery
   every 90 Days
   Select Size
   Add to cart
   
   
   


 * LIGHTWEIGHT CONDITIONER
   
   
   LIGHTWEIGHT CONDITIONER
   
   weightless moisture & reduces breakage
   
   4.7 star rating 230 Reviews
   
   
   
   
   
   LIGHTWEIGHT CONDITIONER 13 FL OZ
   REGULAR PRICE $49.00
   REGULAR PRICE $49.00SALE PRICE $28.00
   UNIT PRICE /  PER 
   
   Regular price $49.00
   Regular price $49.00Sale price $28.00
   Unit price /  per 
   13 fl oz
   29 fl oz
   3 fl oz
   Size 13 fl oz 29 fl oz 3 fl oz
   Product variants
   13 fl oz - $28.00 29 fl oz - $49.00 3 fl oz - $12.00
   One-time Purchase Delivery every 30 Days Delivery every 60 Days Delivery
   every 90 Days
   Select Size
   Add to cart
   
   
   


 * CLEANSING SHAMPOO
   
   
   CLEANSING SHAMPOO
   
   remove build up & deep clean
   
   4.8 star rating 406 Reviews
   
   
   
   
   
   CLEANSING SHAMPOO 7.8 FL OZ
   REGULAR PRICE $21.00
   REGULAR PRICE $21.00 SALE PRICE $21.00
   UNIT PRICE /  PER 
   
   Regular price $21.00
   Regular price $21.00 Sale price $21.00
   Unit price /  per 
   7.8 fl oz
   3 fl oz
   Size 7.8 fl oz 3 fl oz
   Product variants
   7.8 fl oz - $21.00 3 fl oz - $12.00
   One-time Purchase Delivery every 30 Days Delivery every 60 Days Delivery
   every 90 Days
   Select Size
   Add to cart
   
   
   
 * $40 Value
   
   
   WASH DAY ESSENTIALS
   
   
   WASH DAY ESSENTIALS
   
   for curlies, coilies & tight textures
   
   4.8 star rating 14 Reviews
   
   
   
   
   
   WASH DAY ESSENTIALS
   REGULAR PRICE $28.00
   REGULAR PRICE $40.00 SALE PRICE $28.00
   UNIT PRICE /  PER 
   
   Regular price $28.00
   Regular price $40.00 Sale price $28.00
   Unit price /  per 
   Title Default Title
   Product variants
   Default Title - $40.00
   Add to cart
   
   
   


 * SHOWER BRUSH
   
   
   SHOWER BRUSH
   
   for curlies, coilies & tight textures
   
   4.7 star rating 847 Reviews
   
   
   
   
   
   SHOWER BRUSH
   REGULAR PRICE $17.00
   REGULAR PRICE $17.00 SALE PRICE $17.00
   UNIT PRICE /  PER 
   
   Regular price $17.00
   Regular price $17.00 Sale price $17.00
   Unit price /  per 
   Title Default Title
   Product variants
   Default Title - $17.00
   Add to cart
   
   
   


 * WIDE TOOTH COMB
   
   
   WIDE TOOTH COMB
   
   for curlies, coilies & tight textures
   
   4.8 star rating 253 Reviews
   
   
   
   
   
   WIDE TOOTH COMB
   REGULAR PRICE $15.00
   REGULAR PRICE $15.00 SALE PRICE $15.00
   UNIT PRICE /  PER 
   
   Regular price $15.00
   Regular price $15.00 Sale price $15.00
   Unit price /  per 
   Title Default Title
   Product variants
   Default Title - $15.00
   Add to cart
   
   
   


 * MINI WIDE TOOTH COMB
   
   
   MINI WIDE TOOTH COMB
   
   for curlies, coilies & tight textures
   
   4.8 star rating 84 Reviews
   
   
   
   
   
   MINI WIDE TOOTH COMB
   REGULAR PRICE $7.84
   REGULAR PRICE $8.00 SALE PRICE $7.84
   UNIT PRICE /  PER 
   
   Regular price $7.84
   Regular price $8.00 Sale price $7.84
   Unit price /  per 
   Title Default Title
   Product variants
   Default Title - Sold out - $8.00
   Email Me when Available
   
   


 * MINI SHOWER BRUSH
   
   
   MINI SHOWER BRUSH
   
   for curlies, coilies & tight textures
   
   4.9 star rating 58 Reviews
   
   
   
   
   
   MINI SHOWER BRUSH
   REGULAR PRICE $9.00
   REGULAR PRICE $9.00 SALE PRICE $9.00
   UNIT PRICE /  PER 
   
   Regular price $9.00
   Regular price $9.00 Sale price $9.00
   Unit price /  per 
   Title Default Title
   Product variants
   Default Title - $9.00
   Add to cart
   
   
   
 * Bestseller
   Trending
   
   
   PALO SANTO LEAVE-IN CONDITIONER
   
   
   PALO SANTO LEAVE-IN CONDITIONER
   
   moisture-rich & soft curl definition
   
   4.8 star rating 286 Reviews
   
   
   
   
   
   PALO SANTO LEAVE-IN CONDITIONER
   REGULAR PRICE $28.00
   REGULAR PRICE $28.00 SALE PRICE $28.00
   UNIT PRICE /  PER 
   
   Regular price $28.00
   Regular price $28.00 Sale price $28.00
   Unit price /  per 
   Title Default Title
   Product variants
   Default Title - $28.00
   One-time Purchase Delivery every 30 Days Delivery every 60 Days Delivery
   every 90 Days
   Add to cart
   
   
   


 * SPOONTULA
   
   
   SPOONTULA
   
   for curlies, coilies & tight textures
   
   5.0 star rating 13 Reviews
   
   
   
   
   
   SPOONTULA
   REGULAR PRICE $5.00
   REGULAR PRICE $5.00 SALE PRICE $5.00
   UNIT PRICE /  PER 
   
   Regular price $5.00
   Regular price $5.00 Sale price $5.00
   Unit price /  per 
   Title Default Title
   Product variants
   Default Title - $5.00
   Add to cart
   
   
   

Skip to product information



THE INTERCHANGEABLE CURLING IRON

5.0 star rating 8 Reviews






Regular price $249.00
Regular price Sale price $249.00
Unit price /  per 
Sale Sold out
Shipping calculated at checkout.



THE INTERCHANGEABLE CURLING IRON
REGULAR PRICE $249.00
REGULAR PRICE SALE PRICE $249.00
UNIT PRICE /  PER 

Regular price $249.00
Regular price Sale price $249.00
Unit price /  per 
Title Default Title
Product variants
Default Title - $249.00
Add to cart



P
patternbeauty

03/17/24
Versatility at your fingertips 🤎 Turn post notifications on to be the first to
know what’s coming on Tuesday… #ExploreYourPATTERN
READ MORE...
READ LESS
Was this review helpful?

40

2
P
patternbeauty

12/23/23
Love your hair. It is yourself.⁠ #RockYourPATTERN⁠ ⁠ Inspo: @shokunbi.halimotu
READ MORE...
READ LESS
Was this review helpful?

33

0
5.0 5.0 star rating


LUXE HAIR CLIP

Buy Now
P
patternbeauty

11/07/23
They say great things come in 3's. Enter the Luxe Hair Clip Trio. 3 hair clips
in Black, Caramella & Tortoise— One for your purse, one for your gym bag, & one
for a friend ✨⁠ ⁠ Find them exclusively on PATTERNBEAUTY.com⁠
READ MORE...
READ LESS
Was this review helpful?

14

0
4.8 4.8 star rating


DEEP SCALP DETOX

Buy Now
P
patternbeauty

08/09/23
Ready for a reset? ⁠ ⁠ 8.10.23
READ MORE...
READ LESS
Was this review helpful?

5

0
4.6 4.6 star rating


MOISTURE MILK

Buy Now
P
patternbeauty

07/19/23
Introducing the Moisture Milk.⁠ ⁠ Unleash the power of hydration with the
ultimate quencher for a thirsty PATTERN. ⁠ ⁠ Say hello to lightweight hydration
that lasts all day. This nourishing formula, made with Amla Oil, Irish Moss &
Agave Nectar leaves your curls, coils & tight textures shiny, supple & oh-so
soft. ⁠ ⁠ Perfect for your daily moisture needs & your wash-&-go’s. ⁠ ⁠ Shop
now, exclusively at PATTERNBEAUTY.com⁠
READ MORE...
READ LESS
Was this review helpful?

15

0
P
patternbeauty

06/15/23
Planning your Summer protective styles? These formulas will be your best
friends: ⁠ ✨ The Scalp Serum soothes, cools & calms with our invigorating blend
of Peppermint, Rosemary & Lavender oils. ⁠ ⁠ ✨The Treatment Mask delivers slip,
curl elongation & definition, perfect for infusing moisture onto your strands
before braiding. ⁠ Shop now at PATTERNBEAUTY.com
READ MORE...
READ LESS
Was this review helpful?

22

0
P
patternbeauty

11/16/22
When the light and the curls hit just right ✨ #RockYourPattern @traceeellisross
READ MORE...
READ LESS
Was this review helpful?

65

0
Slideshow
Slide controls

Loading...

Powered by



Join our Community @patternbeauty
Buy Now
Buy Now
Buy Now


Load More
Loading...


ELEVATE YOUR WASH DAY EXPERIENCE -WITH NOURISHING SHAMPOO AND CONDITIONERS

We understand the importance of a well-rounded hair care routine, and our curly
hair products are specifically formulated to cleanse, hydrate, and nourish your
precious curl type, leaving them vibrant and full of life.

When it's time for wash day, look no further than our core Wash Collection. Our
curated formulas feature a range of options of shampoo & conditioner for curly
hair, carefully crafted to meet the unique needs of curly hair. From our
hydrating shampoos that gently cleanse without stripping moisture to our diverse
selection of conditioners, each product is designed to cater to different curl
types & patterns. Discover the perfect balance of moisture & nourishment with
our Leave-In Conditioner, Intensive Conditioner & Medium Conditioner. These
products are formulated with natural, nourishing ingredients to enhance your
hair's natural beauty & promote healthy growth. Our Cleansing Shampoo goes
beyond ordinary shampoos. It is a curl cleanser that effectively removes
build-up & impurities without compromising the health of your curls. Experience
the rejuvenating power of a deep cleanse while maintaining the integrity of your
hair's natural oils. Our Wash Day Essentials bundle includes everything you need
to make your hair care routine a breeze. From our deluxe shower bundle,
featuring a Microfiber Towel & Shower Brush, to our Wide Tooth Comb & Hair Clip,
these tools are designed to gently detangle & style your curls without causing
unnecessary breakage.

Dive deeper into the world of curly hair care by visiting our blog. You'll find
valuable resources & insights on choosing the right shampoo & conditioner for
your hair type, along with more information on their ingredients, such as Jojoba
Oil, Shea Butter, Argan Oil, Aloe Vera, Coconut Oil & more. Our articles also
cover topics such as the benefits of natural hair shampoo & conditioner, tips
for maintaining healthy hair & scalp, & embracing the unique beauty of your
natural curl pattern.


JUICY & JOYFUL CONTENT

Learn about the PATTERN community; stay up-to-date on offers,
new products, and more-straight to your inbox.



Email
Sign Up

--------------------------------------------------------------------------------

 * My Account
 * Gift Cards
 * Refer A Friend
 * Subscriptions
 * Contact
 * Returns
 * Creator Squad

 * FAQ
 * Shipping
 * Cookie Policy
 * Privacy
 * Terms
 * Accessibility
 * Store Locator


JOIN OUR COMMUNITY

@PATTERNBEAUTY

 * Facebook
 * Pinterest
 * Instagram
 * TikTok
 * YouTube

 * As part of our everyday business, PATTERN is proud to donate to a variety of
   organizations that empower women & people of color.

 * Please Recycle

 * We are cruelty-free

© PATTERN BEAUTY, LLC. ALL RIGHTS RESERVED.
 * Choosing a selection results in a full page refresh.








This website uses cookies to ensure you get the best experience on our
website.Privacy Policy

PreferencesAccept

Choose Type of Cookies You Accept Using

Strictly Required Cookies

These cookies are required for the website to run and cannot be switched off.
Such cookies are only set in response to actions made by you such as language,
currency, login session, privacy preferences. You can set your browser to block
these cookies but this might affect the way our site is working.

Analytics and Statistics

These cookies allow us to measure visitors traffic and see traffic sources by
collecting information in data sets. They also help us understand which products
and actions are more popular than others.

Marketing and Retargeting

These cookies are usually set by our marketing and advertising partners. They
may be used by them to build a profile of your interest and later show you
relevant ads. If you do not allow these cookies you will not experience targeted
ads for your interests.

Functional Cookies

These cookies enable our website to offer additional functions and personal
settings. They can be set by us or by third-party service providers that we have
placed on our pages. If you do not allow these cookies, these or some of these
services may not work properly.

Accept SelectedAccept All
*By clicking on the above buttons, I give my consent on collecting my IP and
email (if registered). For more check GDPR Compliance


SELECT YOUR FREE GIFT

Free with your purchase of [[ amount ]] or more

Free gift with any purchase from the [[ collection ]] collection




RETRACTABLE COMB.


RETRACTABLE COMB.

for curlies, coilies & tight textures






Earn Rewards






Leighann in Clawson, Michigan bought Leave-In Conditioner about 17 minutes ago