topsellerbook.com Open in urlscan Pro
2620:127:f00f:5::  Public Scan

Submitted URL: http://topsellerbook.com/collections/cool-water-bottles
Effective URL: https://topsellerbook.com/collections/cool-water-bottles
Submission: On November 02 via api from US — Scanned from CA

Form analysis 7 forms found in the DOM

POST /cart

<form action="/cart" id="CartDrawer-Form" class="cart__contents cart-drawer__form" 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>

POST /localization

<form method="post" action="/localization" id="HeaderCountryMobileForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization"><input type="hidden" name="utf8"
    value="✓"><input type="hidden" name="_method" value="put"><input type="hidden" name="return_to" value="/collections/cool-water-bottles">
  <div>
    <h2 class="visually-hidden" id="HeaderCountryMobileLabel"> Country/region </h2>
    <div class="disclosure">
      <button type="button" class="disclosure__button localization-form__select localization-selector link link--text caption-large" aria-expanded="false" aria-controls="HeaderCountryMobile-country-results"
        aria-describedby="HeaderCountryMobileLabel">
        <span>Canada | USD $</span>
        <svg class="icon icon-caret" viewBox="0 0 10 6">
          <path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"></path>
        </svg>
      </button>
      <div class="disclosure__list-wrapper country-selector" hidden="">
        <div class="country-filter">
          <div class="field">
            <input class="country-filter__input field__input" id="country-filter-input" type="search" name="country_filter" value="" placeholder="Search" role="combobox" aria-owns="country-results" aria-controls="country-results"
              aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false">
            <label class="field__label" for="country-filter-input">Search</label>
            <button type="reset" class="country-filter__reset-button field__button hidden" aria-label="Clear search term"><svg fill="none" stroke="currentColor" class="icon icon-close" viewBox="0 0 18 18">
                <circle cx="9" cy="9" r="8.5" stroke-opacity=".2"></circle>
                <path stroke-linecap="round" stroke-linejoin="round" d="M11.83 11.83 6.172 6.17M6.229 11.885l5.544-5.77"></path>
              </svg>
            </button>
            <div class="country-filter__search-icon field__button motion-reduce"><svg fill="none" class="icon icon-search" viewBox="0 0 18 19">
                <path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"></path>
              </svg>
            </div>
          </div>
          <button class="country-selector__close-button button--small link" type="button" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17">
              <path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z">
              </path>
            </svg>
          </button>
        </div>
        <div id="sr-country-search-results" class="visually-hidden" aria-live="polite"></div>
        <div class="disclosure__list country-selector__list" id="HeaderCountryMobile-country-results">
          <ul role="list" class="list-unstyled countries">
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="AU" id="Australia">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Australia</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="AT" id="Austria">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Austria</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="BE" id="Belgium">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Belgium</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" aria-current="true" data-value="CA" id="Canada">
              <span><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Canada</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="CZ" id="Czechia">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Czechia</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="DK" id="Denmark">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Denmark</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="FI" id="Finland">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Finland</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="FR" id="France">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">France</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="DE" id="Germany">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Germany</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="HK" id="Hong Kong SAR">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Hong Kong SAR</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="IN" id="India">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">India</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="IE" id="Ireland">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Ireland</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="IL" id="Israel">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Israel</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="IT" id="Italy">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Italy</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="JP" id="Japan">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Japan</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="MY" id="Malaysia">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Malaysia</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="NL" id="Netherlands">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Netherlands</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="NZ" id="New Zealand">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">New Zealand</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="NO" id="Norway">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Norway</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="PL" id="Poland">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Poland</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="PT" id="Portugal">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Portugal</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="SG" id="Singapore">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Singapore</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="KR" id="South Korea">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">South Korea</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="ES" id="Spain">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Spain</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="SE" id="Sweden">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Sweden</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="CH" id="Switzerland">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Switzerland</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="AE" id="United Arab Emirates">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">United Arab Emirates</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="GB" id="United Kingdom">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">United Kingdom</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="US" id="United States">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">United States</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
          </ul>
        </div>
      </div>
      <div class="country-selector__overlay"></div>
    </div>
    <input type="hidden" name="country_code" value="CA">
  </div>
</form>

POST /localization

<form method="post" action="/localization" id="HeaderCountryForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization"><input type="hidden" name="utf8"
    value="✓"><input type="hidden" name="_method" value="put"><input type="hidden" name="return_to" value="/collections/cool-water-bottles">
  <div>
    <h2 class="visually-hidden" id="HeaderCountryLabel">Country/region</h2>
    <div class="disclosure">
      <button type="button" class="disclosure__button localization-form__select localization-selector link link--text caption-large" aria-expanded="false" aria-controls="HeaderCountry-country-results" aria-describedby="HeaderCountryLabel">
        <span>Canada | USD $</span>
        <svg class="icon icon-caret" viewBox="0 0 10 6">
          <path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"></path>
        </svg>
      </button>
      <div class="disclosure__list-wrapper country-selector" hidden="">
        <div class="country-filter">
          <div class="field">
            <input class="country-filter__input field__input" id="country-filter-input" type="search" name="country_filter" value="" placeholder="Search" role="combobox" aria-owns="country-results" aria-controls="country-results"
              aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false">
            <label class="field__label" for="country-filter-input">Search</label>
            <button type="reset" class="country-filter__reset-button field__button hidden" aria-label="Clear search term"><svg fill="none" stroke="currentColor" class="icon icon-close" viewBox="0 0 18 18">
                <circle cx="9" cy="9" r="8.5" stroke-opacity=".2"></circle>
                <path stroke-linecap="round" stroke-linejoin="round" d="M11.83 11.83 6.172 6.17M6.229 11.885l5.544-5.77"></path>
              </svg>
            </button>
            <div class="country-filter__search-icon field__button motion-reduce"><svg fill="none" class="icon icon-search" viewBox="0 0 18 19">
                <path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"></path>
              </svg>
            </div>
          </div>
          <button class="country-selector__close-button button--small link" type="button" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17">
              <path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z">
              </path>
            </svg>
          </button>
        </div>
        <div id="sr-country-search-results" class="visually-hidden" aria-live="polite"></div>
        <div class="disclosure__list country-selector__list" id="HeaderCountry-country-results">
          <ul role="list" class="list-unstyled countries">
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="AU" id="Australia">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Australia</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="AT" id="Austria">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Austria</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="BE" id="Belgium">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Belgium</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" aria-current="true" data-value="CA" id="Canada">
              <span><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Canada</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="CZ" id="Czechia">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Czechia</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="DK" id="Denmark">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Denmark</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="FI" id="Finland">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Finland</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="FR" id="France">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">France</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="DE" id="Germany">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Germany</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="HK" id="Hong Kong SAR">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Hong Kong SAR</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="IN" id="India">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">India</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="IE" id="Ireland">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Ireland</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="IL" id="Israel">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Israel</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="IT" id="Italy">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Italy</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="JP" id="Japan">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Japan</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="MY" id="Malaysia">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Malaysia</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="NL" id="Netherlands">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Netherlands</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="NZ" id="New Zealand">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">New Zealand</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="NO" id="Norway">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Norway</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="PL" id="Poland">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Poland</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="PT" id="Portugal">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Portugal</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="SG" id="Singapore">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Singapore</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="KR" id="South Korea">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">South Korea</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="ES" id="Spain">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Spain</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="SE" id="Sweden">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Sweden</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="CH" id="Switzerland">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">Switzerland</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="AE" id="United Arab Emirates">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">United Arab Emirates</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="GB" id="United Kingdom">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">United Kingdom</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="US" id="United States">
              <span class="visibility-hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path></svg>
</span>
              <span class="country">United States</span>
              <span class="localization-form__currency motion-reduce hidden">
                USD
                $</span>
            </a>
            </li>
          </ul>
        </div>
      </div>
      <div class="country-selector__overlay"></div>
    </div>
    <input type="hidden" name="country_code" value="CA">
  </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" aria-controls="predictive-search-results"
      aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false">
    <label class="field__label" for="Search-In-Modal">Search</label>
    <input type="hidden" name="options[prefix]" value="last">
    <button type="reset" class="reset__button field__button hidden" aria-label="Clear search term">
      <span class="svg-wrapper"><svg fill="none" stroke="currentColor" class="icon icon-close" viewBox="0 0 18 18">
          <circle cx="9" cy="9" r="8.5" stroke-opacity=".2"></circle>
          <path stroke-linecap="round" stroke-linejoin="round" d="M11.83 11.83 6.172 6.17M6.229 11.885l5.544-5.77"></path>
        </svg>
      </span>
    </button>
    <button class="search__button field__button" aria-label="Search">
      <span class="svg-wrapper"><svg fill="none" class="icon icon-search" viewBox="0 0 18 19">
          <path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"></path>
        </svg>
      </span>
    </button>
  </div>
  <div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search="">
    <div class="predictive-search__loading-state">
      <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66">
        <circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"></circle>
      </svg>
    </div>
  </div>
  <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span>
</form>

<form id="FacetFiltersForm" class="facets__form">
  <div id="FacetsWrapperDesktop" class="facets__wrapper">
    <h2 class="facets__heading caption-large text-body" id="verticalTitle" tabindex="-1"> Filter: </h2>
    <script src="//topsellerbook.com/cdn/shop/t/7/assets/show-more.js?v=135784227224860024771726206079" defer="defer"></script>
    <details id="Details-filter.v.availability-template--17309674537141__product-grid" class="disclosure-has-popup facets__disclosure js-filter" data-index="1">
      <summary class="facets__summary caption-large focus-offset" aria-label="Availability (0 selected)" role="button" aria-expanded="false" aria-controls="Facet-1-template--17309674537141__product-grid">
        <div>
          <span class="facets__summary-label">Availability </span><svg class="icon icon-caret" viewBox="0 0 10 6">
            <path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"></path>
          </svg>
        </div>
      </summary>
      <div id="Facet-1-template--17309674537141__product-grid" class="parent-display facets__display">
        <div class="facets__header">
          <div>
            <span class="facets__selected">0 selected</span>
          </div>
          <facet-remove>
            <a href="/collections/cool-water-bottles" class="facets__reset link underlined-link" role="button">
                              Reset
                            </a>
          </facet-remove>
        </div>
        <fieldset class="facets-wrap parent-wrap ">
          <legend class="visually-hidden">Availability</legend>
          <ul class="facets-layout facets-layout-list facets-layout-list--text facets__list list-unstyled" role="list">
            <li class="list-menu__item facets__item"><label for="Filter-filter.v.availability-1" class="facets__label facet-checkbox
">
                <input type="checkbox" name="filter.v.availability" value="1" id="Filter-filter.v.availability-1"><svg width="16px" height="16px" viewBox="0 0 16 16">
                  <rect width="16" height="16" fill="none" stroke="currentColor"></rect>
                </svg>
                <div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9">
                    <path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path>
                  </svg>
                </div><span class="facet-checkbox__text" aria-hidden="true">
                  <span class="facet-checkbox__text-label">In stock</span> (12) </span>
                <span class="visually-hidden">In stock (12 products) </span>
              </label></li>
            <li class="list-menu__item facets__item"><label for="Filter-filter.v.availability-2" class="facets__label facet-checkbox
">
                <input type="checkbox" name="filter.v.availability" value="0" id="Filter-filter.v.availability-2"><svg width="16px" height="16px" viewBox="0 0 16 16">
                  <rect width="16" height="16" fill="none" stroke="currentColor"></rect>
                </svg>
                <div class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9">
                    <path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path>
                  </svg>
                </div><span class="facet-checkbox__text" aria-hidden="true">
                  <span class="facet-checkbox__text-label">Out of stock</span> (3) </span>
                <span class="visually-hidden">Out of stock (3 products) </span>
              </label></li>
          </ul>
        </fieldset>
      </div>
    </details>
    <details id="Details-filter.v.price-template--17309674537141__product-grid" class="disclosure-has-popup facets__disclosure js-filter" data-index="2">
      <summary class="facets__summary caption-large focus-offset" role="button" aria-expanded="false" aria-controls="Facet-2-template--17309674537141__product-grid">
        <div>
          <span>Price</span><svg class="icon icon-caret" viewBox="0 0 10 6">
            <path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"></path>
          </svg>
        </div>
      </summary>
      <div id="Facet-2-template--17309674537141__product-grid" class="facets__display">
        <div class="facets__header"><span class="facets__selected">The highest price is $104.66</span><facet-remove>
            <a href="/collections/cool-water-bottles" class="facets__reset link underlined-link" role="button">
                              Reset
                            </a>
          </facet-remove></div>
        <price-range class="facets__price">
          <span class="field-currency">$</span>
          <div class="field">
            <input class="field__input" name="filter.v.price.gte" id="Filter-Price-GTE" type="text" inputmode="decimal" placeholder="0" data-pattern="\d| |,|\." data-min="0" data-max="104.66">
            <label class="field__label" for="Filter-Price-GTE">From</label>
          </div><span class="field-currency">$</span>
          <div class="field">
            <input class="field__input" name="filter.v.price.lte" id="Filter-Price-LTE" type="text" inputmode="decimal" placeholder="104.66" data-pattern="\d| |,|\." data-min="0" data-max="104.66">
            <label class="field__label" for="Filter-Price-LTE">To</label>
          </div>
        </price-range>
      </div>
    </details>
  </div>
  <div class="active-facets active-facets-desktop">
    <facet-remove class="active-facets__button-wrapper">
      <a href="/collections/cool-water-bottles" class="active-facets__button-remove underlined-link" role="button">
                  <span>Remove all</span>
                </a>
    </facet-remove>
  </div>
  <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"> Featured </option>
          <option value="best-selling"> Best selling </option>
          <option value="title-ascending" selected="selected"> Alphabetically, A-Z </option>
          <option value="title-descending"> Alphabetically, Z-A </option>
          <option value="price-ascending"> Price, low to high </option>
          <option value="price-descending"> Price, high to low </option>
          <option value="created-ascending"> Date, old to new </option>
          <option value="created-descending"> Date, new to old </option>
        </select><svg class="icon icon-caret" viewBox="0 0 10 6">
          <path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"></path>
        </svg>
      </div>
    </div>
  </div>
  <div class="product-count light" role="status">
    <h2 class="product-count__text text-body">
      <span id="ProductCountDesktop">15 products </span>
    </h2>
    <div class="loading__spinner hidden">
      <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66">
        <circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"></circle>
      </svg>
    </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">15 products </p>
      </div>
    </div>
    <div id="FacetsWrapperMobile" class="mobile-facets__main has-submenu gradient">
      <details id="Details-Mobile-filter.v.availability-template--17309674537141__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--17309674537141__product-grid">
          <div>
            <span>Availability</span>
            <span class="mobile-facets__arrow"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10">
                <path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"></path>
              </svg>
            </span>
          </div>
        </summary>
        <div id="FacetMobile-1-template--17309674537141__product-grid" class="mobile-facets__submenu gradient">
          <button class="mobile-facets__close-button link link--text focus-inset" aria-expanded="true" type="button"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10">
              <path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"></path>
            </svg>
            <span>Availability</span></button>
          <ul class="facets-layout facets-layout-list facets-layout-list--text mobile-facets__list list-unstyled" role="list">
            <li class="mobile-facets__item list-menu__item">
              <label for="Filter-filter.v.availability-mobile-1" class="facets__label mobile-facets__label
">
                <input class="mobile-facets__checkbox" type="checkbox" name="filter.v.availability" value="1" id="Filter-filter.v.availability-mobile-1"><span class="mobile-facets__highlight"></span><svg width="16px" height="16px"
                  viewBox="0 0 16 16">
                  <rect width="16" height="16" fill="none" stroke="currentColor"></rect>
                </svg>
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9">
                  <path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path>
                </svg>
                <span class="facet-checkbox__text" aria-hidden="true">
                  <span class="facet-checkbox__text-label">In stock</span> (12) </span>
                <span class="visually-hidden">In stock (12 products) </span>
              </label>
            </li>
            <li class="mobile-facets__item list-menu__item">
              <label for="Filter-filter.v.availability-mobile-2" class="facets__label mobile-facets__label
">
                <input class="mobile-facets__checkbox" type="checkbox" name="filter.v.availability" value="0" id="Filter-filter.v.availability-mobile-2"><span class="mobile-facets__highlight"></span><svg width="16px" height="16px"
                  viewBox="0 0 16 16">
                  <rect width="16" height="16" fill="none" stroke="currentColor"></rect>
                </svg>
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9">
                  <path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"></path>
                </svg>
                <span class="facet-checkbox__text" aria-hidden="true">
                  <span class="facet-checkbox__text-label">Out of stock</span> (3) </span>
                <span class="visually-hidden">Out of stock (3 products) </span>
              </label>
            </li>
          </ul>
          <div class="mobile-facets__footer gradient">
            <facet-remove class="mobile-facets__clear-wrapper">
              <a href="/collections/cool-water-bottles" class="mobile-facets__clear underlined-link" role="button">Clear</a>
            </facet-remove>
            <button type="button" class="button button--primary" onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()"> Apply </button>
          </div>
        </div>
      </details>
      <details id="Details-Mobile-filter.v.price-template--17309674537141__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--17309674537141__product-grid">
          <div>
            <span>Price</span>
            <span class="mobile-facets__arrow"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10">
                <path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"></path>
              </svg>
            </span>
          </div>
        </summary>
        <div id="FacetMobile-2-template--17309674537141__product-grid" class="mobile-facets__submenu gradient">
          <button class="mobile-facets__close-button link link--text focus-inset" aria-expanded="true" type="button"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10">
              <path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"></path>
            </svg> Price </button>
          <p class="mobile-facets__info"> The highest price is $104.66 </p>
          <price-range class="facets__price">
            <span class="field-currency">$</span>
            <div class="field">
              <input class="field__input" name="filter.v.price.gte" id="Mobile-Filter-Price-GTE" type="text" inputmode="decimal" placeholder="0" data-pattern="\d| |,|\." data-min="0" data-max="104.66">
              <label class="field__label" for="Mobile-Filter-Price-GTE">From</label>
            </div><span class="field-currency">$</span>
            <div class="field">
              <input class="field__input" name="filter.v.price.lte" id="Mobile-Filter-Price-LTE" type="text" inputmode="decimal" placeholder="104.66" data-pattern="\d| |,|\." data-min="0" data-max="104.66">
              <label class="field__label" for="Mobile-Filter-Price-LTE">To</label>
            </div>
          </price-range>
          <div class="mobile-facets__footer">
            <facet-remove class="mobile-facets__clear-wrapper">
              <a href="/collections/cool-water-bottles" class="mobile-facets__clear underlined-link" role="button">Clear</a>
            </facet-remove>
            <button type="button" class="button button--primary" onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()"> Apply </button>
          </div>
        </div>
      </details>
      <div id="Details-Mobile-SortBy-template--17309674537141__product-grid" 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="best-selling"> Best selling </option>
                <option value="title-ascending" selected="selected"> Alphabetically, A-Z </option>
                <option value="title-descending"> Alphabetically, Z-A </option>
                <option value="price-ascending"> Price, low to high </option>
                <option value="price-descending"> Price, high to low </option>
                <option value="created-ascending"> Date, old to new </option>
                <option value="created-descending"> Date, new to old </option>
              </select><svg class="icon icon-caret" viewBox="0 0 10 6">
                <path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"></path>
              </svg>
            </div>
          </div>
        </div>
      </div>
      <div class="mobile-facets__footer">
        <facet-remove class="mobile-facets__clear-wrapper">
          <a href="/collections/cool-water-bottles" class="mobile-facets__clear underlined-link" role="button">Remove all</a>
        </facet-remove>
        <button type="button" class="button button--primary" onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()"> Apply </button>
      </div>
    </div>
  </div>
</form>

POST /contact#ContactFooter

<form method="post" action="/contact#ContactFooter" id="ContactFooter" accept-charset="UTF-8" class="footer__newsletter newsletter-form"><input type="hidden" name="form_type" value="customer"><input type="hidden" name="utf8" value="✓"><input
    type="hidden" name="contact[tags]" value="newsletter">
  <div class="newsletter-form__field-wrapper">
    <div class="field">
      <input id="NewsletterForm--sections--17309675028661__footer" type="email" name="contact[email]" class="field__input" value="" aria-required="true" autocorrect="off" autocapitalize="off" autocomplete="email" placeholder="Email" required="">
      <label class="field__label" for="NewsletterForm--sections--17309675028661__footer"> Email </label>
      <button type="submit" class="newsletter-form__button field__button" name="commit" id="Subscribe" aria-label="Subscribe">
        <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10">
            <path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"></path>
          </svg>
        </span>
      </button>
    </div>
  </div>
</form>

Text Content

Skip to content


YOUR CART IS EMPTY

Continue shopping

Have an account?

Log in to check out faster.


YOUR CART

Loading...




ESTIMATED TOTAL

$0.00 USD

Taxes, discounts and shipping calculated at checkout.
Check out
 * Home
 * Hot and cool
   Hot and cool
    * Hot water bottles
    * Cool water bottles
    * Hydrogen water bottles
    * Pets water bottles

 * Babies water bottles
   Babies water bottles
    * Kids water bottles
    * Toy water bottles
    * Flat water bottles

 * Sport and Outdoor
   Sport and Outdoor
    * Outdoor water bottles
    * Sport water bottles

 * Today news
   Today news
    * Product article
    * News

Log in


COUNTRY/REGION

Canada | USD $
Search


 * Australia USD $
 * Austria USD $
 * Belgium USD $
 * Canada USD $
 * Czechia USD $
 * Denmark USD $
 * Finland USD $
 * France USD $
 * Germany USD $
 * Hong Kong SAR USD $
 * India USD $
 * Ireland USD $
 * Israel USD $
 * Italy USD $
 * Japan USD $
 * Malaysia USD $
 * Netherlands USD $
 * New Zealand USD $
 * Norway USD $
 * Poland USD $
 * Portugal USD $
 * Singapore USD $
 * South Korea USD $
 * Spain USD $
 * Sweden USD $
 * Switzerland USD $
 * United Arab Emirates USD $
 * United Kingdom USD $
 * United States USD $


 * Facebook
 * Instagram
 * YouTube


 * Home
 * Hot and cool
    * Hot water bottles
    * Cool water bottles
    * Hydrogen water bottles
    * Pets water bottles

 * Babies water bottles
    * Kids water bottles
    * Toy water bottles
    * Flat water bottles

 * Sport and Outdoor
    * Outdoor water bottles
    * Sport water bottles

 * Today news
    * Product article
    * News


COUNTRY/REGION

Canada | USD $
Search


 * Australia USD $
 * Austria USD $
 * Belgium USD $
 * Canada USD $
 * Czechia USD $
 * Denmark USD $
 * Finland USD $
 * France USD $
 * Germany USD $
 * Hong Kong SAR USD $
 * India USD $
 * Ireland USD $
 * Israel USD $
 * Italy USD $
 * Japan USD $
 * Malaysia USD $
 * Netherlands USD $
 * New Zealand USD $
 * Norway USD $
 * Poland USD $
 * Portugal USD $
 * Singapore USD $
 * South Korea USD $
 * Spain USD $
 * Sweden USD $
 * Switzerland USD $
 * United Arab Emirates USD $
 * United Kingdom USD $
 * United States USD $


Search

Log in Cart


COLLECTION: COOL WATER BOTTLES


FILTER:

Availability
0 selected
Reset
Availability
 * 
   In stock (12) In stock (12 products)
 * 
   Out of stock (3) Out of stock (3 products)

Price
The highest price is $104.66 Reset
$
From
$
To
Remove all


SORT BY:

Featured Best selling Alphabetically, A-Z Alphabetically, Z-A Price, low to high
Price, high to low Date, old to new Date, new to old


15 PRODUCTS


Filter and sort Filter


FILTER AND SORT


FILTER

15 products

Availability
Availability
 * In stock (12) In stock (12 products)
 * Out of stock (3) Out of stock (3 products)

Clear Apply
Price
Price

The highest price is $104.66

$
From
$
To
Clear Apply
Sort by:
Featured Best selling Alphabetically, A-Z Alphabetically, Z-A Price, low to high
Price, high to low Date, old to new Date, new to old
Remove all Apply
Remove all


15 PRODUCTS




 * BEETLE BEST BABY WATER BOTTLE STRAW SIPPER WITH ADJUSTABLE STRAPS
   
   Sale
   
   
   BEETLE BEST BABY WATER BOTTLE STRAW SIPPER WITH ADJUSTABLE STRAPS
   
   Regular price $15.00 USD
   Regular price $25.00 USD Sale price $15.00 USD
   Unit price /  per 
   Sale


 * FIVE LAYER AUTOMATIC WATER DISPENSER FOR PETS
   
   
   
   
   FIVE LAYER AUTOMATIC WATER DISPENSER FOR PETS
   
   Regular price $62.00 USD
   Regular price Sale price $62.00 USD
   Unit price /  per 
   


 * FLAT WATER BOTTLE
   
   
   
   
   FLAT WATER BOTTLE
   
   Regular price $49.39 USD
   Regular price Sale price $49.39 USD
   Unit price /  per 
   


 * HIKING SHOW ME TO THE MOUNTAINS STAINLESS STEEL WATER BOTTLE
   
   
   
   
   HIKING SHOW ME TO THE MOUNTAINS STAINLESS STEEL WATER BOTTLE
   
   Regular price $55.92 USD
   Regular price Sale price $55.92 USD
   Unit price /  per 
   


 * HIKING TAKE ME TO THE MOUNTAINS STAINLESS STEEL WATER BOTTLE
   
   
   
   
   HIKING TAKE ME TO THE MOUNTAINS STAINLESS STEEL WATER BOTTLE
   
   Regular price $55.92 USD
   Regular price Sale price $55.92 USD
   Unit price /  per 
   


 * HIKING TAKE ME TO THE MOUNTAINS STAINLESS STEEL WATER BOTTLE
   
   
   
   
   HIKING TAKE ME TO THE MOUNTAINS STAINLESS STEEL WATER BOTTLE
   
   Regular price $55.92 USD
   Regular price Sale price $55.92 USD
   Unit price /  per 
   


 * NEVER UNDERESTIMATE AN OLD SNOWBOARDER 30OZ DOUBLE WALL STAINLESS STEEL WATER
   TUMBLER
   
   Sold out
   
   
   NEVER UNDERESTIMATE AN OLD SNOWBOARDER 30OZ DOUBLE WALL STAINLESS STEEL WATER
   TUMBLER
   
   Regular price $59.53 USD
   Regular price Sale price $59.53 USD
   Unit price /  per 
   Sold out


 * REEL COOL DAD 17OZ STAINLESS RUBBERIZED WATER BOTTLE
   
   
   
   
   REEL COOL DAD 17OZ STAINLESS RUBBERIZED WATER BOTTLE
   
   Regular price $101.05 USD
   Regular price Sale price $101.05 USD
   Unit price /  per 
   


 * REEL COOL DAD 17OZ STAINLESS WATER BOTTLE
   
   
   
   
   REEL COOL DAD 17OZ STAINLESS WATER BOTTLE
   
   Regular price $57.65 USD
   Regular price Sale price $57.65 USD
   Unit price /  per 
   


 * REEL COOL DAD 20OZ SPORT BOTTLE
   
   
   
   
   REEL COOL DAD 20OZ SPORT BOTTLE
   
   Regular price $104.66 USD
   Regular price Sale price $104.66 USD
   Unit price /  per 
   


 * REUSABLE MIST WATER BOTTLE
   
   
   
   
   REUSABLE MIST WATER BOTTLE
   
   Regular price $18.40 USD
   Regular price Sale price $18.40 USD
   Unit price /  per 
   


 * SKI FAMILY 30OZ DOUBLE WALL STAINLESS STEEL WATER TUMBLER
   
   Sold out
   
   
   SKI FAMILY 30OZ DOUBLE WALL STAINLESS STEEL WATER TUMBLER
   
   Regular price $59.53 USD
   Regular price Sale price $59.53 USD
   Unit price /  per 
   Sold out


 * SKI GOGGLES 30OZ DOUBLE WALL STAINLESS STEEL WATER TUMBLER
   
   Sold out
   
   
   SKI GOGGLES 30OZ DOUBLE WALL STAINLESS STEEL WATER TUMBLER
   
   Regular price $59.53 USD
   Regular price Sale price $59.53 USD
   Unit price /  per 
   Sold out


 * THE ROAD KNOWS THIS IS HOW I REST 17OZ STAINLESS WATER BOTTLE
   
   
   
   
   THE ROAD KNOWS THIS IS HOW I REST 17OZ STAINLESS WATER BOTTLE
   
   Regular price $57.65 USD
   Regular price Sale price $57.65 USD
   Unit price /  per 
   


 * WEEKEND FORECAST, CAMPING WITH 100% BEER STAINLESS STEEL WATER BOTTLE
   
   
   
   
   WEEKEND FORECAST, CAMPING WITH 100% BEER STAINLESS STEEL WATER BOTTLE
   
   Regular price $55.92 USD
   Regular price Sale price $55.92 USD
   Unit price /  per 
   


LEGAL - KIDS WATER BOTTLE

 * About Us
 * Contact us
 * Disclaimer
 * Refund policy
 * Privacy Policy
 * Terms and conditions
 * News


SUBSCRIBE TO OUR EMAILS

Email
 * Facebook
 * Instagram
 * YouTube

Payment methods
 * PayPal

© 2024, Kids water bottles Powered by Shopify
 * Privacy policy
 * Contact information
 * Shipping policy
 * Terms of service
 * Refund policy

 * Choosing a selection results in a full page refresh.
 * Opens in a new window.