modgents.com Open in urlscan Pro
23.227.38.66  Public Scan

Submitted URL: https://trk.klclick.com/ls/click?upn=YBTfKs5QJyYhbe0aPX5Yf9-2BPxHPg8ZYR05QyxAorqva0-2F4uTkuPies4mV0TxO3-2FjfGFJ0jm3IBI0p...
Effective URL: https://modgents.com/collections/his-and-hers-wedding-rings?utm_source=Klaviyo&utm_medium=flow&utm_campaign=Retention...
Submission: On April 28 via api from US — Scanned from DE

Form analysis 5 forms found in the DOM

GET /search

<form action="/search" method="get" role="search" class="mobile-search__form">
  <label for="Search--drawer" class="label-hidden"> Search our store </label>
  <input type="search" name="q" id="Search--drawer" value="" placeholder="Search Rings, Jewelry and More!" class="mobile-search__input">
  <input type="hidden" name="type" value="product">
  <button type="submit" class="btn mobile-search__btn">
    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 14.97 14.97">
      <path d="M14.78 13.88L11 10.09a6.19 6.19 0 1 0-11-3.9A6.18 6.18 0 0 0 10.09 11l3.79 3.79a.63.63 0 0 0 .9 0 .63.63 0 0 0 0-.9zM2.72 9.66a4.9 4.9 0 0 1 0-6.94 4.8 4.8 0 0 1 3.47-1.44 4.91 4.91 0 0 1 0 9.82 4.88 4.88 0 0 1-3.47-1.44z"></path>
    </svg>
    <span class="icon-fallback-text">Search</span>
  </button>
</form>

GET /search

<form action="/search" method="get" role="search" class="header-search__form" js-header-search-form="">
  <label for="Search--desktop" class="label-hidden"> Search our store </label>
  <input id="Search--desktop" type="search" name="q" value="" placeholder="Search..." class="header-search__input" js-header-search-input="">
  <button type="submit" class="header-search__btn">
    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 14.97 14.97">
      <path d="M14.78 13.88L11 10.09a6.19 6.19 0 1 0-11-3.9A6.18 6.18 0 0 0 10.09 11l3.79 3.79a.63.63 0 0 0 .9 0 .63.63 0 0 0 0-.9zM2.72 9.66a4.9 4.9 0 0 1 0-6.94 4.8 4.8 0 0 1 3.47-1.44 4.91 4.91 0 0 1 0 9.82 4.88 4.88 0 0 1-3.47-1.44z"></path>
    </svg>
    <span class="icon-fallback-text">Search</span>
  </button>
  <button class="header-search__hide" js-desktop-search-trigger="" js-close-predictive-dropdown="">
    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 13 13">
      <path class="cls-1"
        d="M7.33 6.5L12.82 1a.57.57 0 0 0 0-.81.56.56 0 0 0-.8 0L6.5 5.67 1 .18A.57.57 0 0 0 .2.16.57.57 0 0 0 .16 1l5.51 5.5L.18 12a.56.56 0 0 0 0 .8.49.49 0 0 0 .41.2.54.54 0 0 0 .41-.18l5.5-5.49 5.5 5.49a.62.62 0 0 0 .41.18.61.61 0 0 0 .41-.18.56.56 0 0 0 0-.8z">
      </path>
    </svg>
  </button>
  <button class="site-header__search-trigger site-header__search-trigger--desktop" js-desktop-search-trigger="">
    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 14.97 14.97">
      <path d="M14.78 13.88L11 10.09a6.19 6.19 0 1 0-11-3.9A6.18 6.18 0 0 0 10.09 11l3.79 3.79a.63.63 0 0 0 .9 0 .63.63 0 0 0 0-.9zM2.72 9.66a4.9 4.9 0 0 1 0-6.94 4.8 4.8 0 0 1 3.47-1.44 4.91 4.91 0 0 1 0 9.82 4.88 4.88 0 0 1-3.47-1.44z"></path>
    </svg>
  </button>
  <input name="options[prefix]" type="hidden" value="last">
  <input type="hidden" name="type" value="product">
  <div class="site-header__search-predictive-dropdown absolute hidden bg-white top-36 right-56 w-[400px] rounded-[2px]" tabindex="-1" js-predictive-search=""></div>
</form>

<form class="mobile-filter__form flex-1 max-h-full overflow-y-auto" js-mobile-filter-form="">
  <div class="mobile-filter__filters-container">
    <s-accordion data-manual-collapse="false" js-accordion="">
      <div class="filter-sort mobile-filter-sort accordion-item mx-8 py-12 px-20 " data-index="1" js-accordion-item="" js-mobile-filter="">
        <button class="mobile-filter-sort__label accordion-header uppercase !font-700 border-none px-0 w-full flex justify-between items-center" aria-expanded="true" aria-controls="material-master-filter" type="button" js-accordion-header="">
          <span>Material</span>
          <span class="w-12 flex justify-center items-center"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-arrow-down" viewBox="0 0 36.23 19.14">
              <path
                d="M18 19.13a1.57 1.57 0 0 1-1-.43L.55 3.05A1.79 1.79 0 0 1 0 1.38 1.73 1.73 0 0 1 1.14.08a1.61 1.61 0 0 1 1.62.37L18.1 15.06 33.44.45a1.61 1.61 0 0 1 1.62-.37 1.75 1.75 0 0 1 1.14 1.3 1.79 1.79 0 0 1-.55 1.67L19.2 18.7a1.58 1.58 0 0 1-1.2.43z">
              </path>
            </svg></span>
        </button>
        <div id="material-master-filter" class="filter-sort__values-container accordion-content" aria-hidden="false" js-accordion-content="">
          <ul class="filter-sort__values list-none pl-0 mb-0 max-h-[220px] overflow-y-auto" role="list">
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.p.m.filter.material" value="Rose Gold" id="FilterSort-Material-1-mobile">
                <label for="FilterSort-Material-1-mobile" class="filter-value__label  flex-1 text-start">Rose Gold</label>
                <span class="filter-value__value-icon material rose-gold mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.p.m.filter.material" value="Gold" id="FilterSort-Material-2-mobile">
                <label for="FilterSort-Material-2-mobile" class="filter-value__label  flex-1 text-start">Gold</label>
                <span class="filter-value__value-icon material gold mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.p.m.filter.material" value="Silver" id="FilterSort-Material-3-mobile">
                <label for="FilterSort-Material-3-mobile" class="filter-value__label  flex-1 text-start">Silver</label>
                <span class="filter-value__value-icon material silver mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.p.m.filter.material" value="Tungsten" id="FilterSort-Material-4-mobile">
                <label for="FilterSort-Material-4-mobile" class="filter-value__label  flex-1 text-start">Tungsten</label>
                <span class="filter-value__value-icon material tungsten mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.p.m.filter.material" value="Titanium" id="FilterSort-Material-5-mobile">
                <label for="FilterSort-Material-5-mobile" class="filter-value__label  flex-1 text-start">Titanium</label>
                <span class="filter-value__value-icon material titanium mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.p.m.filter.material" value="Silicone" id="FilterSort-Material-6-mobile">
                <label for="FilterSort-Material-6-mobile" class="filter-value__label  flex-1 text-start">Silicone</label>
                <span class="filter-value__value-icon material silicone mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.p.m.filter.material" value="Carbon Fiber" id="FilterSort-Material-7-mobile">
                <label for="FilterSort-Material-7-mobile" class="filter-value__label  flex-1 text-start">Carbon Fiber</label>
                <span class="filter-value__value-icon material carbon-fiber mr-20"></span>
              </div>
            </li>
          </ul>
        </div><!-- .filter-sort__values-container -->
      </div>
      <div class="filter-sort mobile-filter-sort accordion-item mx-8 py-12 px-20 hidden" data-index="2" js-accordion-item="" js-mobile-filter="">
        <button class="mobile-filter-sort__label accordion-header uppercase !font-700 border-none px-0 w-full flex justify-between items-center" aria-expanded="true" aria-controls="product-type-master-filter" type="button" js-accordion-header="">
          <span>Product type</span>
          <span class="w-12 flex justify-center items-center"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-arrow-down" viewBox="0 0 36.23 19.14">
              <path
                d="M18 19.13a1.57 1.57 0 0 1-1-.43L.55 3.05A1.79 1.79 0 0 1 0 1.38 1.73 1.73 0 0 1 1.14.08a1.61 1.61 0 0 1 1.62.37L18.1 15.06 33.44.45a1.61 1.61 0 0 1 1.62-.37 1.75 1.75 0 0 1 1.14 1.3 1.79 1.79 0 0 1-.55 1.67L19.2 18.7a1.58 1.58 0 0 1-1.2.43z">
              </path>
            </svg></span>
        </button>
        <div id="product-type-master-filter" class="filter-sort__values-container accordion-content" aria-hidden="false" js-accordion-content="">
          <ul class="filter-sort__values list-none pl-0 mb-0 max-h-[220px] overflow-y-auto" role="list">
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.p.product_type" value="Ring" id="FilterSort-Product type-1-mobile">
                <label for="FilterSort-Product type-1-mobile" class="filter-value__label  flex-1 text-start">Ring</label>
                <span class="filter-value__value-icon product-type ring mr-20"></span>
              </div>
            </li>
          </ul>
        </div><!-- .filter-sort__values-container -->
      </div>
      <div class="filter-sort mobile-filter-sort accordion-item mx-8 py-12 px-20 " data-index="3" js-accordion-item="" js-mobile-filter="">
        <button class="mobile-filter-sort__label accordion-header uppercase !font-700 border-none px-0 w-full flex justify-between items-center" aria-expanded="true" aria-controls="category-master-filter" type="button" js-accordion-header="">
          <span>Category</span>
          <span class="w-12 flex justify-center items-center"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-arrow-down" viewBox="0 0 36.23 19.14">
              <path
                d="M18 19.13a1.57 1.57 0 0 1-1-.43L.55 3.05A1.79 1.79 0 0 1 0 1.38 1.73 1.73 0 0 1 1.14.08a1.61 1.61 0 0 1 1.62.37L18.1 15.06 33.44.45a1.61 1.61 0 0 1 1.62-.37 1.75 1.75 0 0 1 1.14 1.3 1.79 1.79 0 0 1-.55 1.67L19.2 18.7a1.58 1.58 0 0 1-1.2.43z">
              </path>
            </svg></span>
        </button>
        <div id="category-master-filter" class="filter-sort__values-container accordion-content" aria-hidden="false" js-accordion-content="">
          <ul class="filter-sort__values list-none pl-0 mb-0 max-h-[220px] overflow-y-auto" role="list">
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.p.m.custom.category" value="Engagement Rings" id="FilterSort-Category-1-mobile">
                <label for="FilterSort-Category-1-mobile" class="filter-value__label  flex-1 text-start">Engagement Rings</label>
                <span class="filter-value__value-icon category engagement-rings mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.p.m.custom.category" value="Wedding Sets" id="FilterSort-Category-2-mobile">
                <label for="FilterSort-Category-2-mobile" class="filter-value__label  flex-1 text-start">Wedding Sets</label>
                <span class="filter-value__value-icon category wedding-sets mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.p.m.custom.category" value="Gents Rings" id="FilterSort-Category-3-mobile">
                <label for="FilterSort-Category-3-mobile" class="filter-value__label  flex-1 text-start">Gents Rings</label>
                <span class="filter-value__value-icon category gents-rings mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.p.m.custom.category" value="Unisex Rings" id="FilterSort-Category-4-mobile">
                <label for="FilterSort-Category-4-mobile" class="filter-value__label  flex-1 text-start">Unisex Rings</label>
                <span class="filter-value__value-icon category unisex-rings mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.p.m.custom.category" value="Active Rings" id="FilterSort-Category-5-mobile">
                <label for="FilterSort-Category-5-mobile" class="filter-value__label  flex-1 text-start">Active Rings</label>
                <span class="filter-value__value-icon category active-rings mr-20"></span>
              </div>
            </li>
          </ul>
        </div><!-- .filter-sort__values-container -->
      </div>
      <div class="filter-sort mobile-filter-sort accordion-item mx-8 py-12 px-20 " data-index="4" js-accordion-item="" js-mobile-filter="">
        <button class="mobile-filter-sort__label accordion-header uppercase !font-700 border-none px-0 w-full flex justify-between items-center" aria-expanded="true" aria-controls="shape-master-filter" type="button" js-accordion-header="">
          <span>Shape</span>
          <span class="w-12 flex justify-center items-center"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-arrow-down" viewBox="0 0 36.23 19.14">
              <path
                d="M18 19.13a1.57 1.57 0 0 1-1-.43L.55 3.05A1.79 1.79 0 0 1 0 1.38 1.73 1.73 0 0 1 1.14.08a1.61 1.61 0 0 1 1.62.37L18.1 15.06 33.44.45a1.61 1.61 0 0 1 1.62-.37 1.75 1.75 0 0 1 1.14 1.3 1.79 1.79 0 0 1-.55 1.67L19.2 18.7a1.58 1.58 0 0 1-1.2.43z">
              </path>
            </svg></span>
        </button>
        <div id="shape-master-filter" class="filter-sort__values-container accordion-content" aria-hidden="false" js-accordion-content="">
          <ul class="filter-sort__values list-none pl-0 mb-0 max-h-[220px] overflow-y-auto" role="list">
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.p.m.filter.shape" value="Round" id="FilterSort-Shape-1-mobile">
                <label for="FilterSort-Shape-1-mobile" class="filter-value__label  flex-1 text-start">Round</label>
                <span class="filter-value__value-icon shape round mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.p.m.filter.shape" value="Princess" id="FilterSort-Shape-2-mobile">
                <label for="FilterSort-Shape-2-mobile" class="filter-value__label  flex-1 text-start">Princess</label>
                <span class="filter-value__value-icon shape princess mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.p.m.filter.shape" value="Pear" id="FilterSort-Shape-3-mobile">
                <label for="FilterSort-Shape-3-mobile" class="filter-value__label  flex-1 text-start">Pear</label>
                <span class="filter-value__value-icon shape pear mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.p.m.filter.shape" value="Cushion" id="FilterSort-Shape-4-mobile">
                <label for="FilterSort-Shape-4-mobile" class="filter-value__label  flex-1 text-start">Cushion</label>
                <span class="filter-value__value-icon shape cushion mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.p.m.filter.shape" value="Halo" id="FilterSort-Shape-5-mobile">
                <label for="FilterSort-Shape-5-mobile" class="filter-value__label  flex-1 text-start">Halo</label>
                <span class="filter-value__value-icon shape halo mr-20"></span>
              </div>
            </li>
          </ul>
        </div><!-- .filter-sort__values-container -->
      </div>
      <div class="filter-sort mobile-filter-sort accordion-item mx-8 py-12 px-20 " data-index="5" js-accordion-item="" js-mobile-filter="">
        <button class="mobile-filter-sort__label accordion-header uppercase !font-700 border-none px-0 w-full flex justify-between items-center" aria-expanded="true" aria-controls="size-master-filter" type="button" js-accordion-header="">
          <span>Size</span>
          <span class="w-12 flex justify-center items-center"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-arrow-down" viewBox="0 0 36.23 19.14">
              <path
                d="M18 19.13a1.57 1.57 0 0 1-1-.43L.55 3.05A1.79 1.79 0 0 1 0 1.38 1.73 1.73 0 0 1 1.14.08a1.61 1.61 0 0 1 1.62.37L18.1 15.06 33.44.45a1.61 1.61 0 0 1 1.62-.37 1.75 1.75 0 0 1 1.14 1.3 1.79 1.79 0 0 1-.55 1.67L19.2 18.7a1.58 1.58 0 0 1-1.2.43z">
              </path>
            </svg></span>
        </button>
        <div id="size-master-filter" class="filter-sort__values-container accordion-content" aria-hidden="false" js-accordion-content="">
          <ul class="filter-sort__values list-none pl-0 mb-0 max-h-[220px] overflow-y-auto" role="list">
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="3.5" id="FilterSort-Size-1-mobile">
                <label for="FilterSort-Size-1-mobile" class="filter-value__label  flex-1 text-start">3.5</label>
                <span class="filter-value__value-icon size 3-5 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="4" id="FilterSort-Size-2-mobile">
                <label for="FilterSort-Size-2-mobile" class="filter-value__label  flex-1 text-start">4</label>
                <span class="filter-value__value-icon size 4 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="4.5" id="FilterSort-Size-3-mobile">
                <label for="FilterSort-Size-3-mobile" class="filter-value__label  flex-1 text-start">4.5</label>
                <span class="filter-value__value-icon size 4-5 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="5" id="FilterSort-Size-4-mobile">
                <label for="FilterSort-Size-4-mobile" class="filter-value__label  flex-1 text-start">5</label>
                <span class="filter-value__value-icon size 5 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="5.5" id="FilterSort-Size-5-mobile">
                <label for="FilterSort-Size-5-mobile" class="filter-value__label  flex-1 text-start">5.5</label>
                <span class="filter-value__value-icon size 5-5 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="6" id="FilterSort-Size-6-mobile">
                <label for="FilterSort-Size-6-mobile" class="filter-value__label  flex-1 text-start">6</label>
                <span class="filter-value__value-icon size 6 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="6.5" id="FilterSort-Size-7-mobile">
                <label for="FilterSort-Size-7-mobile" class="filter-value__label  flex-1 text-start">6.5</label>
                <span class="filter-value__value-icon size 6-5 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="7" id="FilterSort-Size-8-mobile">
                <label for="FilterSort-Size-8-mobile" class="filter-value__label  flex-1 text-start">7</label>
                <span class="filter-value__value-icon size 7 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="7.5" id="FilterSort-Size-9-mobile">
                <label for="FilterSort-Size-9-mobile" class="filter-value__label  flex-1 text-start">7.5</label>
                <span class="filter-value__value-icon size 7-5 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="8" id="FilterSort-Size-10-mobile">
                <label for="FilterSort-Size-10-mobile" class="filter-value__label  flex-1 text-start">8</label>
                <span class="filter-value__value-icon size 8 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="8.5" id="FilterSort-Size-11-mobile">
                <label for="FilterSort-Size-11-mobile" class="filter-value__label  flex-1 text-start">8.5</label>
                <span class="filter-value__value-icon size 8-5 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="9" id="FilterSort-Size-12-mobile">
                <label for="FilterSort-Size-12-mobile" class="filter-value__label  flex-1 text-start">9</label>
                <span class="filter-value__value-icon size 9 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="9.5" id="FilterSort-Size-13-mobile">
                <label for="FilterSort-Size-13-mobile" class="filter-value__label  flex-1 text-start">9.5</label>
                <span class="filter-value__value-icon size 9-5 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="10" id="FilterSort-Size-14-mobile">
                <label for="FilterSort-Size-14-mobile" class="filter-value__label  flex-1 text-start">10</label>
                <span class="filter-value__value-icon size 10 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="10.5" id="FilterSort-Size-15-mobile">
                <label for="FilterSort-Size-15-mobile" class="filter-value__label  flex-1 text-start">10.5</label>
                <span class="filter-value__value-icon size 10-5 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="11" id="FilterSort-Size-16-mobile">
                <label for="FilterSort-Size-16-mobile" class="filter-value__label  flex-1 text-start">11</label>
                <span class="filter-value__value-icon size 11 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="11.5" id="FilterSort-Size-17-mobile">
                <label for="FilterSort-Size-17-mobile" class="filter-value__label  flex-1 text-start">11.5</label>
                <span class="filter-value__value-icon size 11-5 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="12" id="FilterSort-Size-18-mobile">
                <label for="FilterSort-Size-18-mobile" class="filter-value__label  flex-1 text-start">12</label>
                <span class="filter-value__value-icon size 12 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="12.5" id="FilterSort-Size-19-mobile">
                <label for="FilterSort-Size-19-mobile" class="filter-value__label  flex-1 text-start">12.5</label>
                <span class="filter-value__value-icon size 12-5 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="13" id="FilterSort-Size-20-mobile">
                <label for="FilterSort-Size-20-mobile" class="filter-value__label  flex-1 text-start">13</label>
                <span class="filter-value__value-icon size 13 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="13.5" id="FilterSort-Size-21-mobile">
                <label for="FilterSort-Size-21-mobile" class="filter-value__label  flex-1 text-start">13.5</label>
                <span class="filter-value__value-icon size 13-5 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="14" id="FilterSort-Size-22-mobile">
                <label for="FilterSort-Size-22-mobile" class="filter-value__label  flex-1 text-start">14</label>
                <span class="filter-value__value-icon size 14 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="14.5" id="FilterSort-Size-23-mobile">
                <label for="FilterSort-Size-23-mobile" class="filter-value__label  flex-1 text-start">14.5</label>
                <span class="filter-value__value-icon size 14-5 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="15" id="FilterSort-Size-24-mobile">
                <label for="FilterSort-Size-24-mobile" class="filter-value__label  flex-1 text-start">15</label>
                <span class="filter-value__value-icon size 15 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="15.5" id="FilterSort-Size-25-mobile">
                <label for="FilterSort-Size-25-mobile" class="filter-value__label  flex-1 text-start">15.5</label>
                <span class="filter-value__value-icon size 15-5 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="16" id="FilterSort-Size-26-mobile">
                <label for="FilterSort-Size-26-mobile" class="filter-value__label  flex-1 text-start">16</label>
                <span class="filter-value__value-icon size 16 mr-20"></span>
              </div>
            </li>
          </ul>
        </div><!-- .filter-sort__values-container -->
      </div>
    </s-accordion>
  </div><!-- .filter-sort__filters-container -->
  <button class="mobile-filters__footer-btn" js-close-mobile-filters="" js-results-count="" tabindex="0" aria-expanded="false" aria-controls="MobileFiltersDrawer">Show results (21)</button>
</form>

<form class="filter-sort__form" js-filter-form="">
  <div class="filter-sort__container relative" js-sort-refresh="">
    <button class="filter-sort__sort-button w-full flex items-center justify-between whitespace-nowrap desktop:px-0" js-open-sort="">
      <span class="desktop:font-700 desktop:uppercase" js-current-sort="">Featured</span>
      <div class="filter-sort__sort-icon min-w-[10px] w-[10px] ml-8 desktop:hidden"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-arrow-down" viewBox="0 0 36.23 19.14">
          <path
            d="M18 19.13a1.57 1.57 0 0 1-1-.43L.55 3.05A1.79 1.79 0 0 1 0 1.38 1.73 1.73 0 0 1 1.14.08a1.61 1.61 0 0 1 1.62.37L18.1 15.06 33.44.45a1.61 1.61 0 0 1 1.62-.37 1.75 1.75 0 0 1 1.14 1.3 1.79 1.79 0 0 1-.55 1.67L19.2 18.7a1.58 1.58 0 0 1-1.2.43z">
          </path>
        </svg></div>
      <span class="w-[10px] justify-center items-center hidden desktop:flex"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-minus" viewBox="0 0 6.25 1.51">
          <defs>
            <style>
              .cls-1 {
                isolation: isolate
              }
            </style>
          </defs>
          <g id="Layer_2" data-name="Layer 2">
            <g class="cls-1" id="Layer_1-2" data-name="Layer 1">
              <path d="M0 0h6.25v1.51H0z" class="cls-1"></path>
            </g>
          </g>
        </svg><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 7.38 7.4">
          <defs>
            <style>
              .cls-1 {
                isolation: isolate
              }
            </style>
          </defs>
          <g id="Layer_2" data-name="Layer 2">
            <g class="cls-1" id="Layer_1-2" data-name="Layer 1">
              <path d="M7.38 4.45H4.47v3H2.93v-3H0V2.92h2.93V0h1.54v2.92h2.91z" class="cls-1"></path>
            </g>
          </g>
        </svg></span>
    </button>
    <ul class="filter-sort__sort-options py-12 px-0 hidden absolute top-40 left-16 z-[3] bg-white w-[calc(200%-32px)] desktop:w-[250px] desktop:left-0 desktop:top-24">
      <li class="py-8 px-20">
        <input class="filter-sort__sort-radio-input sr-only" type="radio" id="SortBy-option1" name="sort_by" value="manual" data-name="Featured" checked="" js-sort-option="">
        <label class="filter-sort__sort-radio-label" for="SortBy-option1">Featured</label>
      </li>
      <li class="py-8 px-20">
        <input class="filter-sort__sort-radio-input sr-only" type="radio" id="SortBy-option2" name="sort_by" value="best-selling" data-name="Best selling" js-sort-option="">
        <label class="filter-sort__sort-radio-label" for="SortBy-option2">Best selling</label>
      </li>
      <li class="py-8 px-20">
        <input class="filter-sort__sort-radio-input sr-only" type="radio" id="SortBy-option3" name="sort_by" value="title-ascending" data-name="Alphabetically, A-Z" js-sort-option="">
        <label class="filter-sort__sort-radio-label" for="SortBy-option3">Alphabetically, A-Z</label>
      </li>
      <li class="py-8 px-20">
        <input class="filter-sort__sort-radio-input sr-only" type="radio" id="SortBy-option4" name="sort_by" value="title-descending" data-name="Alphabetically, Z-A" js-sort-option="">
        <label class="filter-sort__sort-radio-label" for="SortBy-option4">Alphabetically, Z-A</label>
      </li>
      <li class="py-8 px-20">
        <input class="filter-sort__sort-radio-input sr-only" type="radio" id="SortBy-option5" name="sort_by" value="price-ascending" data-name="Price, low to high" js-sort-option="">
        <label class="filter-sort__sort-radio-label" for="SortBy-option5">Price, low to high</label>
      </li>
      <li class="py-8 px-20">
        <input class="filter-sort__sort-radio-input sr-only" type="radio" id="SortBy-option6" name="sort_by" value="price-descending" data-name="Price, high to low" js-sort-option="">
        <label class="filter-sort__sort-radio-label" for="SortBy-option6">Price, high to low</label>
      </li>
      <li class="py-8 px-20">
        <input class="filter-sort__sort-radio-input sr-only" type="radio" id="SortBy-option7" name="sort_by" value="created-ascending" data-name="Date, old to new" js-sort-option="">
        <label class="filter-sort__sort-radio-label" for="SortBy-option7">Date, old to new</label>
      </li>
      <li class="py-8 px-20">
        <input class="filter-sort__sort-radio-input sr-only" type="radio" id="SortBy-option8" name="sort_by" value="created-descending" data-name="Date, new to old" js-sort-option="">
        <label class="filter-sort__sort-radio-label" for="SortBy-option8">Date, new to old</label>
      </li>
    </ul>
  </div>
  <div class="collection-grid__active-filters hidden desktop:block"><active-filters class="active-filters flex flex-col-reverse" role="list" js-active-filters="">
      <ul class="list-none pl-0 my-0">
      </ul>
    </active-filters> </div>
  <div class="filter-sort__filters-container hidden desktop:block">
    <s-accordion data-manual-collapse="false" js-accordion="">
      <div class="filter-sort accordion-item py-20 " data-index="1" js-accordion-item="" js-filter="">
        <button class="filter-sort__label accordion-header uppercase !font-700 border-none px-0 w-full flex justify-between items-center" aria-expanded="true" aria-controls="material-master-filter" type="button" js-accordion-header="">
          <span>Material</span>
          <span class="w-[10px] flex justify-center items-center"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-minus" viewBox="0 0 6.25 1.51">
              <defs>
                <style>
                  .cls-1 {
                    isolation: isolate
                  }
                </style>
              </defs>
              <g id="Layer_2" data-name="Layer 2">
                <g class="cls-1" id="Layer_1-2" data-name="Layer 1">
                  <path d="M0 0h6.25v1.51H0z" class="cls-1"></path>
                </g>
              </g>
            </svg><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 7.38 7.4">
              <defs>
                <style>
                  .cls-1 {
                    isolation: isolate
                  }
                </style>
              </defs>
              <g id="Layer_2" data-name="Layer 2">
                <g class="cls-1" id="Layer_1-2" data-name="Layer 1">
                  <path d="M7.38 4.45H4.47v3H2.93v-3H0V2.92h2.93V0h1.54v2.92h2.91z" class="cls-1"></path>
                </g>
              </g>
            </svg></span>
        </button>
        <div id="material-master-filter" class="filter-sort__values-container accordion-content" aria-hidden="false" js-accordion-content="">
          <ul class="filter-sort__values list-none pl-0 mb-0 max-h-[220px] overflow-y-auto" role="list">
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.p.m.filter.material" value="Rose Gold" id="FilterSort-Material-1">
                <label for="FilterSort-Material-1" class="filter-value__label  flex-1 text-start">Rose Gold</label>
                <span class="filter-value__value-icon material rose-gold mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.p.m.filter.material" value="Gold" id="FilterSort-Material-2">
                <label for="FilterSort-Material-2" class="filter-value__label  flex-1 text-start">Gold</label>
                <span class="filter-value__value-icon material gold mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.p.m.filter.material" value="Silver" id="FilterSort-Material-3">
                <label for="FilterSort-Material-3" class="filter-value__label  flex-1 text-start">Silver</label>
                <span class="filter-value__value-icon material silver mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.p.m.filter.material" value="Tungsten" id="FilterSort-Material-4">
                <label for="FilterSort-Material-4" class="filter-value__label  flex-1 text-start">Tungsten</label>
                <span class="filter-value__value-icon material tungsten mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.p.m.filter.material" value="Titanium" id="FilterSort-Material-5">
                <label for="FilterSort-Material-5" class="filter-value__label  flex-1 text-start">Titanium</label>
                <span class="filter-value__value-icon material titanium mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.p.m.filter.material" value="Silicone" id="FilterSort-Material-6">
                <label for="FilterSort-Material-6" class="filter-value__label  flex-1 text-start">Silicone</label>
                <span class="filter-value__value-icon material silicone mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.p.m.filter.material" value="Carbon Fiber" id="FilterSort-Material-7">
                <label for="FilterSort-Material-7" class="filter-value__label  flex-1 text-start">Carbon Fiber</label>
                <span class="filter-value__value-icon material carbon-fiber mr-20"></span>
              </div>
            </li>
          </ul>
        </div><!-- .filter-sort__values-container -->
      </div>
      <div class="filter-sort accordion-item py-20 hidden" data-index="2" js-accordion-item="" js-filter="">
        <button class="filter-sort__label accordion-header uppercase !font-700 border-none px-0 w-full flex justify-between items-center" aria-expanded="true" aria-controls="product-type-master-filter" type="button" js-accordion-header="">
          <span>Product type</span>
          <span class="w-[10px] flex justify-center items-center"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-minus" viewBox="0 0 6.25 1.51">
              <defs>
                <style>
                  .cls-1 {
                    isolation: isolate
                  }
                </style>
              </defs>
              <g id="Layer_2" data-name="Layer 2">
                <g class="cls-1" id="Layer_1-2" data-name="Layer 1">
                  <path d="M0 0h6.25v1.51H0z" class="cls-1"></path>
                </g>
              </g>
            </svg><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 7.38 7.4">
              <defs>
                <style>
                  .cls-1 {
                    isolation: isolate
                  }
                </style>
              </defs>
              <g id="Layer_2" data-name="Layer 2">
                <g class="cls-1" id="Layer_1-2" data-name="Layer 1">
                  <path d="M7.38 4.45H4.47v3H2.93v-3H0V2.92h2.93V0h1.54v2.92h2.91z" class="cls-1"></path>
                </g>
              </g>
            </svg></span>
        </button>
        <div id="product-type-master-filter" class="filter-sort__values-container accordion-content" aria-hidden="false" js-accordion-content="">
          <ul class="filter-sort__values list-none pl-0 mb-0 max-h-[220px] overflow-y-auto" role="list">
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.p.product_type" value="Ring" id="FilterSort-Product type-1">
                <label for="FilterSort-Product type-1" class="filter-value__label  flex-1 text-start">Ring</label>
                <span class="filter-value__value-icon product-type ring mr-20"></span>
              </div>
            </li>
          </ul>
        </div><!-- .filter-sort__values-container -->
      </div>
      <div class="filter-sort accordion-item py-20 " data-index="3" js-accordion-item="" js-filter="">
        <button class="filter-sort__label accordion-header uppercase !font-700 border-none px-0 w-full flex justify-between items-center" aria-expanded="true" aria-controls="category-master-filter" type="button" js-accordion-header="">
          <span>Category</span>
          <span class="w-[10px] flex justify-center items-center"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-minus" viewBox="0 0 6.25 1.51">
              <defs>
                <style>
                  .cls-1 {
                    isolation: isolate
                  }
                </style>
              </defs>
              <g id="Layer_2" data-name="Layer 2">
                <g class="cls-1" id="Layer_1-2" data-name="Layer 1">
                  <path d="M0 0h6.25v1.51H0z" class="cls-1"></path>
                </g>
              </g>
            </svg><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 7.38 7.4">
              <defs>
                <style>
                  .cls-1 {
                    isolation: isolate
                  }
                </style>
              </defs>
              <g id="Layer_2" data-name="Layer 2">
                <g class="cls-1" id="Layer_1-2" data-name="Layer 1">
                  <path d="M7.38 4.45H4.47v3H2.93v-3H0V2.92h2.93V0h1.54v2.92h2.91z" class="cls-1"></path>
                </g>
              </g>
            </svg></span>
        </button>
        <div id="category-master-filter" class="filter-sort__values-container accordion-content" aria-hidden="false" js-accordion-content="">
          <ul class="filter-sort__values list-none pl-0 mb-0 max-h-[220px] overflow-y-auto" role="list">
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.p.m.custom.category" value="Engagement Rings" id="FilterSort-Category-1">
                <label for="FilterSort-Category-1" class="filter-value__label  flex-1 text-start">Engagement Rings</label>
                <span class="filter-value__value-icon category engagement-rings mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.p.m.custom.category" value="Wedding Sets" id="FilterSort-Category-2">
                <label for="FilterSort-Category-2" class="filter-value__label  flex-1 text-start">Wedding Sets</label>
                <span class="filter-value__value-icon category wedding-sets mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.p.m.custom.category" value="Gents Rings" id="FilterSort-Category-3">
                <label for="FilterSort-Category-3" class="filter-value__label  flex-1 text-start">Gents Rings</label>
                <span class="filter-value__value-icon category gents-rings mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.p.m.custom.category" value="Unisex Rings" id="FilterSort-Category-4">
                <label for="FilterSort-Category-4" class="filter-value__label  flex-1 text-start">Unisex Rings</label>
                <span class="filter-value__value-icon category unisex-rings mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.p.m.custom.category" value="Active Rings" id="FilterSort-Category-5">
                <label for="FilterSort-Category-5" class="filter-value__label  flex-1 text-start">Active Rings</label>
                <span class="filter-value__value-icon category active-rings mr-20"></span>
              </div>
            </li>
          </ul>
        </div><!-- .filter-sort__values-container -->
      </div>
      <div class="filter-sort accordion-item py-20 " data-index="4" js-accordion-item="" js-filter="">
        <button class="filter-sort__label accordion-header uppercase !font-700 border-none px-0 w-full flex justify-between items-center" aria-expanded="true" aria-controls="shape-master-filter" type="button" js-accordion-header="">
          <span>Shape</span>
          <span class="w-[10px] flex justify-center items-center"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-minus" viewBox="0 0 6.25 1.51">
              <defs>
                <style>
                  .cls-1 {
                    isolation: isolate
                  }
                </style>
              </defs>
              <g id="Layer_2" data-name="Layer 2">
                <g class="cls-1" id="Layer_1-2" data-name="Layer 1">
                  <path d="M0 0h6.25v1.51H0z" class="cls-1"></path>
                </g>
              </g>
            </svg><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 7.38 7.4">
              <defs>
                <style>
                  .cls-1 {
                    isolation: isolate
                  }
                </style>
              </defs>
              <g id="Layer_2" data-name="Layer 2">
                <g class="cls-1" id="Layer_1-2" data-name="Layer 1">
                  <path d="M7.38 4.45H4.47v3H2.93v-3H0V2.92h2.93V0h1.54v2.92h2.91z" class="cls-1"></path>
                </g>
              </g>
            </svg></span>
        </button>
        <div id="shape-master-filter" class="filter-sort__values-container accordion-content" aria-hidden="false" js-accordion-content="">
          <ul class="filter-sort__values list-none pl-0 mb-0 max-h-[220px] overflow-y-auto" role="list">
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.p.m.filter.shape" value="Round" id="FilterSort-Shape-1">
                <label for="FilterSort-Shape-1" class="filter-value__label  flex-1 text-start">Round</label>
                <span class="filter-value__value-icon shape round mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.p.m.filter.shape" value="Princess" id="FilterSort-Shape-2">
                <label for="FilterSort-Shape-2" class="filter-value__label  flex-1 text-start">Princess</label>
                <span class="filter-value__value-icon shape princess mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.p.m.filter.shape" value="Pear" id="FilterSort-Shape-3">
                <label for="FilterSort-Shape-3" class="filter-value__label  flex-1 text-start">Pear</label>
                <span class="filter-value__value-icon shape pear mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.p.m.filter.shape" value="Cushion" id="FilterSort-Shape-4">
                <label for="FilterSort-Shape-4" class="filter-value__label  flex-1 text-start">Cushion</label>
                <span class="filter-value__value-icon shape cushion mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.p.m.filter.shape" value="Halo" id="FilterSort-Shape-5">
                <label for="FilterSort-Shape-5" class="filter-value__label  flex-1 text-start">Halo</label>
                <span class="filter-value__value-icon shape halo mr-20"></span>
              </div>
            </li>
          </ul>
        </div><!-- .filter-sort__values-container -->
      </div>
      <div class="filter-sort accordion-item py-20 " data-index="5" js-accordion-item="" js-filter="">
        <button class="filter-sort__label accordion-header uppercase !font-700 border-none px-0 w-full flex justify-between items-center" aria-expanded="true" aria-controls="size-master-filter" type="button" js-accordion-header="">
          <span>Size</span>
          <span class="w-[10px] flex justify-center items-center"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-minus" viewBox="0 0 6.25 1.51">
              <defs>
                <style>
                  .cls-1 {
                    isolation: isolate
                  }
                </style>
              </defs>
              <g id="Layer_2" data-name="Layer 2">
                <g class="cls-1" id="Layer_1-2" data-name="Layer 1">
                  <path d="M0 0h6.25v1.51H0z" class="cls-1"></path>
                </g>
              </g>
            </svg><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 7.38 7.4">
              <defs>
                <style>
                  .cls-1 {
                    isolation: isolate
                  }
                </style>
              </defs>
              <g id="Layer_2" data-name="Layer 2">
                <g class="cls-1" id="Layer_1-2" data-name="Layer 1">
                  <path d="M7.38 4.45H4.47v3H2.93v-3H0V2.92h2.93V0h1.54v2.92h2.91z" class="cls-1"></path>
                </g>
              </g>
            </svg></span>
        </button>
        <div id="size-master-filter" class="filter-sort__values-container accordion-content" aria-hidden="false" js-accordion-content="">
          <ul class="filter-sort__values list-none pl-0 mb-0 max-h-[220px] overflow-y-auto" role="list">
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="3.5" id="FilterSort-Size-1">
                <label for="FilterSort-Size-1" class="filter-value__label  flex-1 text-start">3.5</label>
                <span class="filter-value__value-icon size 3-5 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="4" id="FilterSort-Size-2">
                <label for="FilterSort-Size-2" class="filter-value__label  flex-1 text-start">4</label>
                <span class="filter-value__value-icon size 4 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="4.5" id="FilterSort-Size-3">
                <label for="FilterSort-Size-3" class="filter-value__label  flex-1 text-start">4.5</label>
                <span class="filter-value__value-icon size 4-5 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="5" id="FilterSort-Size-4">
                <label for="FilterSort-Size-4" class="filter-value__label  flex-1 text-start">5</label>
                <span class="filter-value__value-icon size 5 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="5.5" id="FilterSort-Size-5">
                <label for="FilterSort-Size-5" class="filter-value__label  flex-1 text-start">5.5</label>
                <span class="filter-value__value-icon size 5-5 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="6" id="FilterSort-Size-6">
                <label for="FilterSort-Size-6" class="filter-value__label  flex-1 text-start">6</label>
                <span class="filter-value__value-icon size 6 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="6.5" id="FilterSort-Size-7">
                <label for="FilterSort-Size-7" class="filter-value__label  flex-1 text-start">6.5</label>
                <span class="filter-value__value-icon size 6-5 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="7" id="FilterSort-Size-8">
                <label for="FilterSort-Size-8" class="filter-value__label  flex-1 text-start">7</label>
                <span class="filter-value__value-icon size 7 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="7.5" id="FilterSort-Size-9">
                <label for="FilterSort-Size-9" class="filter-value__label  flex-1 text-start">7.5</label>
                <span class="filter-value__value-icon size 7-5 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="8" id="FilterSort-Size-10">
                <label for="FilterSort-Size-10" class="filter-value__label  flex-1 text-start">8</label>
                <span class="filter-value__value-icon size 8 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="8.5" id="FilterSort-Size-11">
                <label for="FilterSort-Size-11" class="filter-value__label  flex-1 text-start">8.5</label>
                <span class="filter-value__value-icon size 8-5 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="9" id="FilterSort-Size-12">
                <label for="FilterSort-Size-12" class="filter-value__label  flex-1 text-start">9</label>
                <span class="filter-value__value-icon size 9 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="9.5" id="FilterSort-Size-13">
                <label for="FilterSort-Size-13" class="filter-value__label  flex-1 text-start">9.5</label>
                <span class="filter-value__value-icon size 9-5 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="10" id="FilterSort-Size-14">
                <label for="FilterSort-Size-14" class="filter-value__label  flex-1 text-start">10</label>
                <span class="filter-value__value-icon size 10 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="10.5" id="FilterSort-Size-15">
                <label for="FilterSort-Size-15" class="filter-value__label  flex-1 text-start">10.5</label>
                <span class="filter-value__value-icon size 10-5 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="11" id="FilterSort-Size-16">
                <label for="FilterSort-Size-16" class="filter-value__label  flex-1 text-start">11</label>
                <span class="filter-value__value-icon size 11 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="11.5" id="FilterSort-Size-17">
                <label for="FilterSort-Size-17" class="filter-value__label  flex-1 text-start">11.5</label>
                <span class="filter-value__value-icon size 11-5 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="12" id="FilterSort-Size-18">
                <label for="FilterSort-Size-18" class="filter-value__label  flex-1 text-start">12</label>
                <span class="filter-value__value-icon size 12 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="12.5" id="FilterSort-Size-19">
                <label for="FilterSort-Size-19" class="filter-value__label  flex-1 text-start">12.5</label>
                <span class="filter-value__value-icon size 12-5 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="13" id="FilterSort-Size-20">
                <label for="FilterSort-Size-20" class="filter-value__label  flex-1 text-start">13</label>
                <span class="filter-value__value-icon size 13 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="13.5" id="FilterSort-Size-21">
                <label for="FilterSort-Size-21" class="filter-value__label  flex-1 text-start">13.5</label>
                <span class="filter-value__value-icon size 13-5 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="14" id="FilterSort-Size-22">
                <label for="FilterSort-Size-22" class="filter-value__label  flex-1 text-start">14</label>
                <span class="filter-value__value-icon size 14 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="14.5" id="FilterSort-Size-23">
                <label for="FilterSort-Size-23" class="filter-value__label  flex-1 text-start">14.5</label>
                <span class="filter-value__value-icon size 14-5 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="15" id="FilterSort-Size-24">
                <label for="FilterSort-Size-24" class="filter-value__label  flex-1 text-start">15</label>
                <span class="filter-value__value-icon size 15 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="15.5" id="FilterSort-Size-25">
                <label for="FilterSort-Size-25" class="filter-value__label  flex-1 text-start">15.5</label>
                <span class="filter-value__value-icon size 15-5 mr-20"></span>
              </div>
            </li>
            <li class="filter-sort__value mb-8">
              <div class="filter-value flex justify-between items-center">
                <input type="checkbox" class="filter-value__input" name="filter.v.option.size" value="16" id="FilterSort-Size-26">
                <label for="FilterSort-Size-26" class="filter-value__label  flex-1 text-start">16</label>
                <span class="filter-value__value-icon size 16 mr-20"></span>
              </div>
            </li>
          </ul>
        </div><!-- .filter-sort__values-container -->
      </div>
    </s-accordion>
  </div><!-- .filter-sort__filters-container -->
  <div class="filter-sort__footer visually-hidden">
    <button class="active-filters__remove" js-clear-all=""> Clear All </button>
    <button class="no-js-hidden" js-filter-sort-close="">Apply</button>
  </div>
</form>

<form class="needsclick klaviyo-form klaviyo-form-version-cid_1 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-MW4BgY" novalidate="" tabindex="-1"
  style="display: flex; flex-direction: row; box-sizing: border-box; width: 100%; overflow: visible; border-radius: 0px; border-style: none; border-width: 0px; border-color: rgb(0, 0, 0); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-position-y: 50%; padding: 20px 0px; flex: 1 1 0%;">
  <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: column; width: 100%; margin: 0px; padding: 0px; justify-content: center;">
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 0px; position: relative; flex: 1 0 0px;">
        <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-grow: 1; flex-direction: column; align-self: flex-end;"><input id="email_3789497" class="needsclick go116975287 kl-private-reset-css-Xuajs1" type="email"
            autocomplete="email" name="email" tabindex="0" placeholder="Enter your email address" aria-label="Enter your email address" aria-invalid="false" options="[object Object]"
            style="box-sizing: border-box; border-radius: 2px; padding: 0px 0px 0px 16px; height: 40px; text-align: left; color: rgb(0, 0, 0); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 200; letter-spacing: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgba(255, 255, 255, 0);">
          <div class="needsclick  kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
        </div>
      </div>
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 0px; position: relative; flex: 0 1 auto;"><button
          class="needsclick go2704718275 kl-private-reset-css-Xuajs1" type="button" tabindex="0"
          style="background: rgb(243, 109, 90); border-radius: 0px; border-style: solid; border-color: rgb(243, 109, 90); border-width: 0px; color: rgb(255, 255, 255); font-family: Arial, &quot;Helvetica Neue&quot;, Helvetica, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.7px; line-height: 1; white-space: normal; padding: 11px 10px; text-align: center; word-break: break-word; align-self: flex-end; cursor: pointer; height: auto;">SIGN
          UP</button></div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1"
        style="display: flex; justify-content: flex-start; padding: 10px 0px 0px; position: relative; background-color: rgba(0, 0, 0, 0); flex: 1 0 0px;">
        <div class="kl-private-reset-css-Xuajs1 go3176171171" style="width: 100%;">
          <p style="font-size:14px;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;"><span style="color:rgb(255, 255, 255);font-size:10px;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;">By
              completing this form you are signing up to receive our emails and can unsubscribe at any time.</span></p>
        </div>
      </div>
    </div>
  </div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form>

Text Content

Skip to main contentEnable accessibility for visually impairedOpen the
accessibility menu






Skip to content
Search our store Search
 * Ladies
   * All Ladies Rings
   * Engagement Rings
   * Wedding Bands
   * Wedding Sets
   * Accessories + Bridal Jewelry
   * Vintage Rings
   * Gold Rings
   * Rose Gold Rings
   * Petite Rings
   * Colored Gemstone Rings
   * Interchangeable Rings
   * Silicone Rings
 * Gents
   * All Gents Rings
   * Black Rings
   * Titanium Rings
   * Tungsten Rings
   * Wood Rings
   * Rose Gold Rings
   * Silicone Rings
 * Shop by Shape
   * Halo
   * Oval
   * Pear
   * Solitaire
   * Round
   * Princess Cut
   * Cushion Cut
 * Jewelry
   * Everyday Jewelry
   * Bridal Earrings
   * Bridal Necklaces
   * Bridal Bracelets
   * All Bridal Jewelry
 * Trending & More
   * New Arrivals
   * Jewelry Accessories
   * Trending!
   * Silicone Rings
   * Promise Rings
   * Travel Rings
   * His and Hers Sets
   * Unique and Unusual Rings
   * Shop our Instagram
 * Brand
   * Our Story
   * Ring Size Chart
   * Our Blog
   * Why Shop With Us?
   * Reviews
   * Are Cheap Engagement Rings Bad?
   * How Much Should You Spend on an Engagement Ring?
   * Military and First Responders Discount
   * Get Paid to Post
 * Support
   * Ring Size Chart
   * Shipping
   * Returns and Exchanges
   * Care Instructions
   * Lifetime Warranty
   * Shop Pay
   * FAQ
   * Accessibility Statement
   * Contact Us
 * Login


SHOPPING CART

Loading...
PausePlayPrevious
Free Earrings w/ Orders $150+
Lifetime Warranty | Free USA Shipping ✨
Don't miss our WARMER DAYS SALE! ☀️
GET 20% OFF | CODE: SUN
Free Earrings w/ Orders $150+
Lifetime Warranty | Free USA Shipping ✨
Don't miss our WARMER DAYS SALE! ☀️
GET 20% OFF | CODE: SUN
Free Earrings w/ Orders $150+
Lifetime Warranty | Free USA Shipping ✨
Next
Mobile Menu

 * Ladies
   * All Ladies Rings
   * Engagement Rings
   * Wedding Bands
   * Wedding Sets
   * Accessories + Bridal Jewelry
   * Vintage Rings
   * Gold Rings
   * Rose Gold Rings
   * Petite Rings
   * Colored Gemstone Rings
   * Interchangeable Rings
   * Silicone Rings
 * Gents
   * All Gents Rings
   * Black Rings
   * Titanium Rings
   * Tungsten Rings
   * Wood Rings
   * Rose Gold Rings
   * Silicone Rings
 * Shop by Shape
   * Halo
   * Oval
   * Pear
   * Solitaire
   * Round
   * Princess Cut
   * Cushion Cut
 * Jewelry
   * Everyday Jewelry
   * Bridal Earrings
   * Bridal Necklaces
   * Bridal Bracelets
   * All Bridal Jewelry
 * Trending & More
   * New Arrivals
   * Jewelry Accessories
   * Trending!
   * Silicone Rings
   * Promise Rings
   * Travel Rings
   * His and Hers Sets
   * Unique and Unusual Rings
   * Shop our Instagram
 * Brand
   * Our Story
   * Ring Size Chart
   * Our Blog
   * Why Shop With Us?
   * Reviews
   * Are Cheap Engagement Rings Bad?
   * How Much Should You Spend on an Engagement Ring?
   * Military and First Responders Discount
   * Get Paid to Post
 * Support
   * Ring Size Chart
   * Shipping
   * Returns and Exchanges
   * Care Instructions
   * Lifetime Warranty
   * Shop Pay
   * FAQ
   * Accessibility Statement
   * Contact Us

Search our store Search

Shopping Cart 0
FILTER Clear All
Material
 * Rose Gold
 * Gold
 * Silver
 * Tungsten
 * Titanium
 * Silicone
 * Carbon Fiber

Product type
 * Ring

Category
 * Engagement Rings
 * Wedding Sets
 * Gents Rings
 * Unisex Rings
 * Active Rings

Shape
 * Round
 * Princess
 * Pear
 * Cushion
 * Halo

Size
 * 3.5
 * 4
 * 4.5
 * 5
 * 5.5
 * 6
 * 6.5
 * 7
 * 7.5
 * 8
 * 8.5
 * 9
 * 9.5
 * 10
 * 10.5
 * 11
 * 11.5
 * 12
 * 12.5
 * 13
 * 13.5
 * 14
 * 14.5
 * 15
 * 15.5
 * 16

Show results (21)
This Browser Doesn't Support Video Tag. This Browser Doesn't Support Video Tag.


HIS AND HERS WEDDING BANDS

Home / His and Hers Wedding Bands
 * Affordable Engagement Rings
 * Ladies Rings
 * Stacked Wedding Rings
 * New Arrivals
 * Affordable Bridal Jewelry
 * Halo Rings
 * Rose Gold Rings
 * His & Hers Rings
 * Gents Rings
 * Ring Sets

Featured

 * 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


Material
 * Rose Gold
 * Gold
 * Silver
 * Tungsten
 * Titanium
 * Silicone
 * Carbon Fiber

Product type
 * Ring

Category
 * Engagement Rings
 * Wedding Sets
 * Gents Rings
 * Unisex Rings
 * Active Rings

Shape
 * Round
 * Princess
 * Pear
 * Cushion
 * Halo

Size
 * 3.5
 * 4
 * 4.5
 * 5
 * 5.5
 * 6
 * 6.5
 * 7
 * 7.5
 * 8
 * 8.5
 * 9
 * 9.5
 * 10
 * 10.5
 * 11
 * 11.5
 * 12
 * 12.5
 * 13
 * 13.5
 * 14
 * 14.5
 * 15
 * 15.5
 * 16

Clear All Apply
Filter


 * THE ONE AND ONLY - ROSE GOLD
   
   211 reviews
   
   $199.95 $89.95
   
   10.51111.512133.544.555.566.577.588.599.51010.51111.512133.544.555.566.577.588.599.51010.51111.51213
   Select a Size


 * THE EXCALIBUR - ROSE GOLD
   
   55 reviews
   
   $199.95 $59.95
   
   13.51414.5151677.588.599.51010.51111.51212.51313.51414.5151677.588.599.51010.51111.51212.51313.51414.51516
   Select a Size


 * THE DAISY - ROSE GOLD
   
   84 reviews
   
   $199.95 $79.95
   
   10.51111.512133.544.555.566.577.588.599.51010.51111.512133.544.555.566.577.588.599.51010.51111.51213
   Select a Size


 * THE HAMMER - BRONZE
   
   61 reviews
   
   $199.95 $59.95
   
   13.51414.5151677.588.599.51010.51111.51212.51313.51414.5151677.588.599.51010.51111.51212.51313.51414.51516
   Select a Size
 * 
 * trending
   
   
   
   THE GRACE
   
   896 reviews
   
   $199.95 $89.95
   
   10.51111.512133.544.555.566.577.588.599.51010.51111.512133.544.555.566.577.588.599.51010.51111.51213
   Select a Size
 * trending
   
   
   
   THE STEALTH - CARBON FIBER
   
   209 reviews
   
   $299.95 $69.95
   
   13.51414.5151666.577.588.599.51010.51111.51212.51313.51414.5151666.577.588.599.51010.51111.51212.51313.51414.51516
   Select a Size
 * trending
   
   
   
   THE BLISS - ROSE GOLD
   
   732 reviews
   
   $299.95 $149.95
   
   10.51111.512133.544.555.566.577.588.599.51010.51111.512133.544.555.566.577.588.599.51010.51111.51213
   Select a Size


 * THE TITAN RING - ROSE GOLD
   
   231 reviews
   
   $149.95 $49.95
   
   13.51414.51516677.588.599.51010.51111.51212.51313.51414.51516677.588.599.51010.51111.51212.51313.51414.51516
   Select a Size
 * trending
   
   
   
   THE EVERMORE
   
   1630 reviews
   
   $289.95 $149.95
   
   10.51111.512133.544.555.566.577.588.599.51010.51111.512133.544.555.566.577.588.599.51010.51111.51213
   Select a Size
 * trending
   
   
   
   THE TITAN RING - SILVER
   
   484 reviews
   
   $149.95 $49.95
   
   13.51414.51516677.588.599.51010.51111.51212.51313.51414.51516677.588.599.51010.51111.51212.51313.51414.51516
   Select a Size


 * THE LOVELY - ROSE GOLD
   
   452 reviews
   
   $189.95 $99.95
   
   10.51111.5121344.555.566.577.588.599.51010.51111.5121344.555.566.577.588.599.51010.51111.51213
   Select a Size
 * trending
   
   
   
   THE ELITE- BLACK/ROSE GOLD
   
   546 reviews
   
   $199.95 $59.95
   
   13.51414.5151666.577.588.599.51010.51111.51212.51313.51414.5151666.577.588.599.51010.51111.51212.51313.51414.51516
   Select a Size
 * 


 * THE AMORE
   
   575 reviews
   
   $289.95 $149.95
   
   10.51111.512133.544.555.566.577.588.599.51010.51111.512133.544.555.566.577.588.599.51010.51111.51213
   Select a Size


 * THE ADMIRAL
   
   327 reviews
   
   $199.95 $59.95
   
   13.51414.5151666.577.588.599.51010.51111.51212.51313.51414.5151666.577.588.599.51010.51111.51212.51313.51414.51516
   Select a Size


 * THE ULTRAFLEX - TEAL
   
   31 reviews
   
   $69.95 $14.95
   
   67812
   Select a Size


 * THE ONE AND ONLY - GOLD
   
   256 reviews
   
   $199.95 $89.95
   
   10.51111.512133.544.555.566.577.588.599.51010.51111.512133.544.555.566.577.588.599.51010.51111.51213
   Select a Size
 * 


 * THE TITAN RING - GOLD
   
   283 reviews
   
   $149.95 $49.95
   
   13.51414.51516677.588.599.51010.51111.51212.51313.51414.51516677.588.599.51010.51111.51212.51313.51414.51516
   Select a Size
 * trending
   
   
   
   THE BLISS
   
   1031 reviews
   
   $289.95 $149.95
   
   10.51111.512133.544.555.566.577.588.599.51010.51111.512133.544.555.566.577.588.599.51010.51111.51213
   Select a Size
 * trending
   
   
   
   THE INFINITY - SILVER
   
   286 reviews
   
   $149.95 $49.95
   
   1414.51515.51644.555.566.577.588.599.51010.51111.51212.51313.51414.51515.51644.555.566.577.588.599.51010.51111.51212.51313.51414.51515.516
   Select a Size


 * THE STAR LIGHT - ROSE GOLD
   
   338 reviews
   
   $299.95 $149.95
   
   10.51111.512133.544.555.566.577.588.599.51010.51111.512133.544.555.566.577.588.599.51010.51111.51213
   Select a Size


 * THE INFINITY - ROSE GOLD
   
   224 reviews
   
   $149.95 $49.95
   
   1414.51515.51644.555.566.577.588.599.51010.51111.51212.51313.51414.51515.51644.555.566.577.588.599.51010.51111.51212.51313.51414.51515.516
   Select a Size




AFFORDABLE WEDDING RING SETS FOR HIM AND HER

Looking for matching wedding bands? There's no reason you have to buy men's
wedding bands and women's wedding bands separately. Our line of affordable
wedding band sets for him and her can be paired to match colors and themes.
Here, you'll find some of our more popular combinations to help aid you in
finding the perfect set of inexpensive rings.


HIS AND HERS WEDDING RINGS: FINDING THE PERFECT MATCH

His and hers wedding bands are the perfect rings for couples. Having a ring set
that matches your partner's is a unique way to symbolize your true love for one
another. Whether you prefer simple details or something more classic, with our
collection of beautiful matching wedding rings, we make it even easier for you
to find the perfect style and design at an affordable price. Each piece of
jewelry in our collection has been made with precious metal and stones,
providing you with a set of rings that will be able to withstand the test of
time. If you are looking for a unique ring set for you and your partner,
consider shopping our selection of wedding rings for him and her at Modern Gents
Trading Co.

Our line of affordable and matching sets range from 925 sterling silver,
titanium and tungsten. Our couple rings also have colors ranging from rose gold,
yellow gold, silver and more! If you’re already shopping around for women’s
wedding ring sets, why not find a set of matching couple’s rings to show your
commitment to one another.

The days of searching for the perfect matching wedding band sets are over.
You're a perfect match, and your wedding rings should be, too. We offer a
variety of unique rings so you can find the design and style that fits you best.
Looking for a different piece of jewelry? We also offer a wide selection of
affordable engagement rings, promise rings for men and women, earrings and
necklaces to choose from for yourself or your special someone.


A WEDDING BAND SET THAT MIRRORS THE POWER OF YOUR LOVE

Every relationship is different. But certain elements are abundant in each and
every truly successful relationship. Indeed, the most successful relationships
of all are built around complementing qualities that couples bring to each
other, like puzzle pieces that fit perfectly. Alone they are fine, but together
they transcend, reaching heights unattainable without the bond. And that
beautiful bond is what a wedding ring set represents, the inevitable and
glorious bond that happens when two perfectly matched individuals cross paths
and become one. 

Like perfectly matched couples, his and her wedding ring sets are designed for
each other. Individually, the rings are beacons to style and intelligence –
that’s undeniable. But when combined – when those individual rings become a
wedding ring set – the radiance multiplies exponentially. Does that sound quite
a lot like your love? It certainly should.

For an example of how beauty expands when matching rings are paired, consider
the stunning combination of our The One and Only engagement ring in rose gold
with our The Excalibur wedding band with a beveled edge, also in rose gold.
Individually, both rings are gorgeous testaments to elegance and style. But when
paired, when hands donning these rings become entwined with each other, the
rings' craftsmanship offers a crystal-clear message: They are, without question,
the perfect match. 


FEEL GOOD ABOUT MATCHING WEDDING BANDS FROM MODERN GENTS TRADING CO.

Modern Gents rings are all affordable, stylish and built for the long haul, just
like your relationship. But on top of providing well-priced, high-quality rings,
we go the extra mile to make sure our customers are as satisfied as they can
possibly be. 

You can feel abundantly comfortable with wedding ring sets from Modern Gents.
Not only are our rings entirely conflict-free – that means we absolutely never
use blood diamonds in our products – our rings are backed with a lifetime
warranty and we offer 30-day returns and 60-day exchanges.

What's happening on this website
Rebecca in Austin, Texas bought The Ritz about 51 minutes ago Open related page
by Fomo.com


BE FIRST TO SEE NEW 💍 RELEASES AND VIP ACCESS TO 🔥 SALES!

SIGN UP

By completing this form you are signing up to receive our emails and can
unsubscribe at any time.


BE FIRST TO SEE NEW 💍 RELEASES AND VIP ACCESS TO 🔥 SALES!

Become a VIP
Our Shop
 * Gents Rings
 * Ladies Rings
 * Engagement Rings
 * Wedding Rings
 * His and Her Sets
 * Unique and Unusual Rings
 * Bridal & Wedding Earrings
 * Trending!

Support
 * Care Instructions
 * Shipping
 * FAQ
 * Shop Pay
 * Returns and Exchanges
 * Lifetime Warranty
 * Contact Us
 * Accessibility Statement
 * Privacy Policy
 * Terms of Service

Brand
 * Blog
 * Ring Size Chart
 * Why Shop with Us?
 * Our Story
 * Reviews
 * Military and First Responders
 * Get Paid to Post

Need to Get in Touch?

hello@modgents.com
(800) 619-7078
 * Facebook
 * Instagram
 * Pinterest
 * TikTok


36,032 VERIFIED REVIEWS
VERIFIED REVIEWS

©2023 Modern Gents Trading Co.

X
Loading...

Please ensure Javascript is enabled for purposes of website accessibility


Questions?
Questions?
Text Us
800-619-7078800-619-7078

Email Us
hello@modgents.com

Questions?


*We never send unsolicited messages

MESSAGE SENT


TIFFANY in Raleigh, North Carolina bought The Delilah about 7 minutes ago