www.elago.com Open in urlscan Pro
23.227.38.74  Public Scan

Submitted URL: http://elago.com/
Effective URL: https://www.elago.com/
Submission Tags: tranco_l324
Submission: On May 17 via api from DE — Scanned from CA

Form analysis 154 forms found in the DOM

POST /localization

<form action="/localization" method="POST"><input name="_method" type="hidden" value="PUT"><input name="source" type="hidden" value="geolocation_recommendation"><input name="return_to" type="hidden" value="/"><input name="country_code" type="hidden"
    value="CA"><button class="recommendation-modal__close-button" type="submit"><svg aria-label="Dismiss" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" style="height: 1em; width: 1em;">
      <path d="M11.414 10l6.293-6.293a.999.999 0 1 0-1.414-1.414L10 8.586 3.707 2.293a.999.999 0 1 0-1.414 1.414L8.586 10l-6.293 6.293a.999.999 0 1 0 1.414 1.414L10 11.414l6.293 6.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 10z"
        fill="#333333"></path>
    </svg></button></form>

POST /localization

<form action="/localization" method="POST" class="recommendation-modal__form"><input name="_method" type="hidden" value="PUT"><input name="source" type="hidden" value="geolocation_recommendation"><input name="return_to" type="hidden" value="/"><input
    name="country_code" type="hidden" value="CA"><button class="recommendation-modal__button" type="submit" style="background-color: rgb(19, 145, 164); color: rgb(255, 255, 255);">Continue</button></form>

GET /search

<form class="search-form" action="/search" method="get" role="search">
  <input name="options[prefix]" type="hidden" value="last">
  <input name="type" type="hidden" value="product">
  <button class="search-popdown__submit" type="submit" aria-label="Search"><svg class="icon-search" width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
      <circle cx="11.0176" cy="11.4473" r="7.72855" stroke="#111111" stroke-width="1.64876"></circle>
      <path d="M17 17L22 22" stroke="#111111" stroke-width="1.64876"></path>
    </svg>
  </button>
  <div class="input-holder">
    <label for="SearchInput--mobile" class="visually-hidden">Search</label>
    <input type="search" id="SearchInput--mobile" data-predictive-search-input="search-popdown-results" name="q" value="" placeholder="Search" role="combobox" aria-label="Search our store" aria-owns="predictive-search-results"
      aria-controls="predictive-search-results" aria-expanded="false" aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false">
    <button type="reset" class="search-reset hidden" aria-label="Reset">Clear</button>
  </div>
  <div class="predictive-search" tabindex="-1" data-predictive-search-results="" data-scroll-lock-scrollable="">
    <div class="predictive-search__loading-state">
      <div class="predictive-search__loader loader">
        <div class="loader-indeterminate"></div>
      </div>
    </div>
  </div>
  <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true" data-predictive-search-status=""></span>
</form>

GET /search

<form class="search-form" action="/search" method="get" role="search">
  <input name="options[prefix]" type="hidden" value="last">
  <input name="type" type="hidden" value="product">
  <button class="search-popdown__submit" type="submit" aria-label="Search"><svg class="icon-search" width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
      <circle cx="11.0176" cy="11.4473" r="7.72855" stroke="#111111" stroke-width="1.64876"></circle>
      <path d="M17 17L22 22" stroke="#111111" stroke-width="1.64876"></path>
    </svg>
  </button>
  <div class="input-holder">
    <label for="SearchInput--desktop" class="visually-hidden">Search</label>
    <input type="search" id="SearchInput--desktop" data-predictive-search-input="search-popdown-results" name="q" value="" placeholder="Search" role="combobox" aria-label="Search our store" aria-owns="predictive-search-results"
      aria-controls="predictive-search-results" aria-expanded="false" aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false">
    <button type="reset" class="search-reset hidden" aria-label="Reset">Clear</button>
  </div>
  <div class="predictive-search" tabindex="-1" data-predictive-search-results="" data-scroll-lock-scrollable="">
    <div class="predictive-search__loading-state">
      <div class="predictive-search__loader loader">
        <div class="loader-indeterminate"></div>
      </div>
    </div>
  </div>
  <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true" data-predictive-search-status=""></span>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="crossbody-phone-lanyard-2-colors" data-swatch-label="Color" data-swatch-values="Black:black,Stone:stone">
    <div class="swatches swatch__button swatch__button--square swatch-black" data-swatch-button="" data-tooltip="Black" data-swatch-variant="44527285403802" data-swatch-variant-name="Black"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ELYD-CBODY-BK2.jpg?v=1714697475" data-variant="44527285403802" style="--animation-delay: 0s; --swatch: var(--black);">
      <a class="swatch__link" data-swatch-link="" href="/products/crossbody-phone-lanyard-2-colors?variant=44527285403802" data-swatch="Black">
        <span class="visually-hidden" data-swatch-text="">Black</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-stone" data-swatch-button="" data-tooltip="Stone" data-swatch-variant="44527285436570" data-swatch-variant-name="Stone"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ELYD-CBODY-ST2.jpg?v=1714697475" data-variant="44527285436570" style="--animation-delay: 0.1s; --swatch: var(--stone);">
      <a class="swatch__link" data-swatch-link="" href="/products/crossbody-phone-lanyard-2-colors?variant=44527285436570" data-swatch="Stone">
        <span class="visually-hidden" data-swatch-text="">Stone</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="elago-carabiner-strap-3-colors" data-swatch-label="Color" data-swatch-values="Black:black,Kakhi:kakhi,Orange:orange">
    <div class="swatches swatch__button swatch__button--square swatch-black" data-swatch-button="" data-tooltip="Black" data-swatch-variant="43899646935194" data-swatch-variant-name="Black"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/31M_88RgYUL.jpg?v=1694734095" data-variant="43899646935194" style="--animation-delay: 0s; --swatch: var(--black);">
      <a class="swatch__link" data-swatch-link="" href="/products/elago-carabiner-strap-3-colors?variant=43899646935194" data-swatch="Black">
        <span class="visually-hidden" data-swatch-text="">Black</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-kakhi" data-swatch-button="" data-tooltip="Kakhi" data-swatch-variant="43899647000730" data-swatch-variant-name="Kakhi"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/61EJxX9fLHL.jpg?v=1694734155" data-variant="43899647000730" style="--animation-delay: 0.1s; --swatch: var(--kakhi);">
      <a class="swatch__link" data-swatch-link="" href="/products/elago-carabiner-strap-3-colors?variant=43899647000730" data-swatch="Kakhi">
        <span class="visually-hidden" data-swatch-text="">Kakhi</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-orange" data-swatch-button="" data-tooltip="Orange" data-swatch-variant="43899647033498" data-swatch-variant-name="Orange"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/616wap9IWdL.jpg?v=1694734155" data-variant="43899647033498" style="--animation-delay: 0.2s; --swatch: var(--orange);">
      <a class="swatch__link" data-swatch-link="" href="/products/elago-carabiner-strap-3-colors?variant=43899647033498" data-swatch="Orange">
        <span class="visually-hidden" data-swatch-text="">Orange</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="charging-hub-black" data-swatch-label="Color" data-swatch-values="Black:black,Classic White:classic-white,Jean Indigo:jean-indigo,Dark Gray:dark-gray">
    <div class="swatches swatch__button swatch__button--square swatch-black" data-swatch-button="" data-tooltip="Black" data-swatch-variant="39811356655770" data-swatch-variant-name="Black"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/bfac27502e3bca0405e70cd7d68734d5.jpg?v=1713550851" data-variant="39811356655770" style="--animation-delay: 0s; --swatch: var(--black);">
      <a class="swatch__link" data-swatch-link="" href="/products/charging-hub-black?variant=39811356655770" data-swatch="Black">
        <span class="visually-hidden" data-swatch-text="">Black</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-classic-white" data-swatch-button="" data-tooltip="Classic White" data-swatch-variant="42284513755290" data-swatch-variant-name="Classic White"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/376d75231b8ca4ba2cf7e10346b1b9a2.jpg?v=1713550851" data-variant="42284513755290" style="--animation-delay: 0.1s; --swatch: var(--classic-white);">
      <a class="swatch__link" data-swatch-link="" href="/products/charging-hub-black?variant=42284513755290" data-swatch="Classic White">
        <span class="visually-hidden" data-swatch-text="">Classic White</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-jean-indigo" data-swatch-button="" data-tooltip="Jean Indigo" data-swatch-variant="42284513788058" data-swatch-variant-name="Jean Indigo"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/c3044817e769c99aa6f78fa236e15d02.jpg?v=1713550851" data-variant="42284513788058" style="--animation-delay: 0.2s; --swatch: var(--jean-indigo);">
      <a class="swatch__link" data-swatch-link="" href="/products/charging-hub-black?variant=42284513788058" data-swatch="Jean Indigo">
        <span class="visually-hidden" data-swatch-text="">Jean Indigo</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-dark-gray" data-swatch-button="" data-tooltip="Dark Gray" data-swatch-variant="42284513820826" data-swatch-variant-name="Dark Gray"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/d5a837c05171d287551fc11f95dae7be_6fa842d3-d11c-40c8-974c-230d5ee3e6dd.jpg?v=1713550851" data-variant="42284513820826"
      style="--animation-delay: 0.3s; --swatch: var(--dark-gray);">
      <a class="swatch__link" data-swatch-link="" href="/products/charging-hub-black?variant=42284513820826" data-swatch="Dark Gray">
        <span class="visually-hidden" data-swatch-text="">Dark Gray</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="airpods-1-2-wireless-charging-case-dust-guard-1-set-3-colorsyi-sabon-1" data-swatch-label="Color"
    data-swatch-values="Dark Grey:dark-grey,Gold:gold,Rose Gold:rose-gold">
    <div class="swatches swatch__button swatch__button--square swatch-dark-grey" data-swatch-button="" data-tooltip="Dark Grey" data-swatch-variant="41687018045594" data-swatch-variant-name="Dark Grey / 1 Set"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/AP2-GURAD-MDG_Amazon_f3f3f33c-93e7-4e1c-814d-2c7fc88d83e4.jpg?v=1712166800" data-variant="41687018045594" style="--animation-delay: 0s; --swatch: var(--dark-grey);">
      <a class="swatch__link" data-swatch-link="" href="/products/airpods-1-2-wireless-charging-case-dust-guard-1-set-3-colorsyi-sabon-1?variant=41687018045594" data-swatch="Dark Grey">
        <span class="visually-hidden" data-swatch-text="">Dark Grey</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-gold" data-swatch-button="" data-tooltip="Gold" data-swatch-variant="41687018111130" data-swatch-variant-name="Gold / 1 Set"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/AP2-GURAD-GD_Amazon_07d9122b-8554-4443-819d-0150e419eaed.jpg?v=1712166812" data-variant="41687018111130" style="--animation-delay: 0.1s; --swatch: var(--gold);">
      <a class="swatch__link" data-swatch-link="" href="/products/airpods-1-2-wireless-charging-case-dust-guard-1-set-3-colorsyi-sabon-1?variant=41687018111130" data-swatch="Gold">
        <span class="visually-hidden" data-swatch-text="">Gold</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-rose-gold" data-swatch-button="" data-tooltip="Rose Gold" data-swatch-variant="41687018143898" data-swatch-variant-name="Rose Gold / 1 Set"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/AP2-GURAD-RGD_Amazon_649d6152-4b0a-4004-bf00-ea6abdd2f9a3.jpg?v=1712166812" data-variant="41687018143898" style="--animation-delay: 0.2s; --swatch: var(--rose-gold);">
      <a class="swatch__link" data-swatch-link="" href="/products/airpods-1-2-wireless-charging-case-dust-guard-1-set-3-colorsyi-sabon-1?variant=41687018143898" data-swatch="Rose Gold">
        <span class="visually-hidden" data-swatch-text="">Rose Gold</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="airpods-pro-earhook-white-lkt4w" data-swatch-label="Color"
    data-swatch-values="White:white,Black:black,Jean Indigo:jean-indigo,Midnight Green:midnight-green,Lovely Pink:lovely-pink,Lavender:lavender,Red:red,Nightglow Blue:nightglow-blue">
    <div class="swatches swatch__button swatch__button--square swatch-white" data-swatch-button="" data-tooltip="White" data-swatch-variant="36490767794330" data-swatch-variant-name="White"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/e73381391eb3cf6ad9a69fdfcb6b24a6_920e3957-6560-49ce-87c1-087034ec4e05.jpg?v=1713389878" data-variant="36490767794330"
      style="--animation-delay: 0s; --swatch: var(--white);">
      <a class="swatch__link" data-swatch-link="" href="/products/airpods-pro-earhook-white-lkt4w?variant=36490767794330" data-swatch="White">
        <span class="visually-hidden" data-swatch-text="">White</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-black" data-swatch-button="" data-tooltip="Black" data-swatch-variant="36490767859866" data-swatch-variant-name="Black"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/APP-HOOKS-BK_Amazon_NEW_a165fa71-30e7-4182-a267-4f59f45350f3.jpg?v=1713389615" data-variant="36490767859866" style="--animation-delay: 0.1s; --swatch: var(--black);">
      <a class="swatch__link" data-swatch-link="" href="/products/airpods-pro-earhook-white-lkt4w?variant=36490767859866" data-swatch="Black">
        <span class="visually-hidden" data-swatch-text="">Black</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-jean-indigo" data-swatch-button="" data-tooltip="Jean Indigo" data-swatch-variant="36490767990938" data-swatch-variant-name="Jean Indigo"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/APP-HOOKS-JIN_28Amazon_NEW_29.jpg?v=1715298349" data-variant="36490767990938" style="--animation-delay: 0.2s; --swatch: var(--jean-indigo);">
      <a class="swatch__link" data-swatch-link="" href="/products/airpods-pro-earhook-white-lkt4w?variant=36490767990938" data-swatch="Jean Indigo">
        <span class="visually-hidden" data-swatch-text="">Jean Indigo</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-midnight-green" data-swatch-button="" data-tooltip="Midnight Green" data-swatch-variant="36490768023706" data-swatch-variant-name="Midnight Green"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/APP-HOOKS-MGR_28Amazon_NEW_29.jpg?v=1715298349" data-variant="36490768023706" style="--animation-delay: 0.3s; --swatch: var(--midnight-green);">
      <a class="swatch__link" data-swatch-link="" href="/products/airpods-pro-earhook-white-lkt4w?variant=36490768023706" data-swatch="Midnight Green">
        <span class="visually-hidden" data-swatch-text="">Midnight Green</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-lovely-pink" data-swatch-button="" data-tooltip="Lovely Pink" data-swatch-variant="36490768089242" data-swatch-variant-name="Lovely Pink"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/APP-HOOKS-LPK_28Amazon_NEW_29.jpg?v=1715298349" data-variant="36490768089242" style="--animation-delay: 0.4s; --swatch: var(--lovely-pink);">
      <a class="swatch__link" data-swatch-link="" href="/products/airpods-pro-earhook-white-lkt4w?variant=36490768089242" data-swatch="Lovely Pink">
        <span class="visually-hidden" data-swatch-text="">Lovely Pink</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-lavender" data-swatch-button="" data-tooltip="Lavender" data-swatch-variant="36490768154778" data-swatch-variant-name="Lavender"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/APP-HOOKS-LV_28Amazon_NEW_29.jpg?v=1715298349" data-variant="36490768154778" style="--animation-delay: 0.5s; --swatch: var(--lavender);">
      <a class="swatch__link" data-swatch-link="" href="/products/airpods-pro-earhook-white-lkt4w?variant=36490768154778" data-swatch="Lavender">
        <span class="visually-hidden" data-swatch-text="">Lavender</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-red" data-swatch-button="" data-tooltip="Red" data-swatch-variant="36490768220314" data-swatch-variant-name="Red"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/APP-HOOKS-RD_28Amazon_NEW_29.jpg?v=1715298349" data-variant="36490768220314" style="--animation-delay: 0.6s; --swatch: var(--red);">
      <a class="swatch__link" data-swatch-link="" href="/products/airpods-pro-earhook-white-lkt4w?variant=36490768220314" data-swatch="Red">
        <span class="visually-hidden" data-swatch-text="">Red</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-nightglow-blue" data-swatch-button="" data-tooltip="Nightglow Blue" data-swatch-variant="39931055046810" data-swatch-variant-name="Nightglow Blue"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/APP-HOOKS-LUBL_Amazon_NEW_2.jpg?v=1715298349" data-variant="39931055046810" style="--animation-delay: 0.7s; --swatch: var(--nightglow-blue);">
      <a class="swatch__link" data-swatch-link="" href="/products/airpods-pro-earhook-white-lkt4w?variant=39931055046810" data-swatch="Nightglow Blue">
        <span class="visually-hidden" data-swatch-text="">Nightglow Blue</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="earbuds-cover-for-airpods-pro-2" data-swatch-label="Color" data-swatch-values="Dark Grey:dark-grey,Lavender:lavender,White:white,Nightglow Blue:nightglow-blue">
    <div class="swatches swatch__button swatch__button--square swatch-dark-grey" data-swatch-button="" data-tooltip="Dark Grey" data-swatch-variant="43091036536986" data-swatch-variant-name="Dark Grey"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/APP2-BUDSBA-DGY.jpg?v=1676055732" data-variant="43091036536986" style="--animation-delay: 0s; --swatch: var(--dark-grey);">
      <a class="swatch__link" data-swatch-link="" href="/products/earbuds-cover-for-airpods-pro-2?variant=43091036536986" data-swatch="Dark Grey">
        <span class="visually-hidden" data-swatch-text="">Dark Grey</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-lavender" data-swatch-button="" data-tooltip="Lavender" data-swatch-variant="43091036569754" data-swatch-variant-name="Lavender"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/APP2-BUDSBA-LV.jpg?v=1676055754" data-variant="43091036569754" style="--animation-delay: 0.1s; --swatch: var(--lavender);">
      <a class="swatch__link" data-swatch-link="" href="/products/earbuds-cover-for-airpods-pro-2?variant=43091036569754" data-swatch="Lavender">
        <span class="visually-hidden" data-swatch-text="">Lavender</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-white" data-swatch-button="" data-tooltip="White" data-swatch-variant="43091036602522" data-swatch-variant-name="White"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/APP2-BUDSBA-WH.jpg?v=1676055768" data-variant="43091036602522" style="--animation-delay: 0.2s; --swatch: var(--white);">
      <a class="swatch__link" data-swatch-link="" href="/products/earbuds-cover-for-airpods-pro-2?variant=43091036602522" data-swatch="White">
        <span class="visually-hidden" data-swatch-text="">White</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-nightglow-blue" data-swatch-button="" data-tooltip="Nightglow Blue" data-swatch-variant="43091036635290" data-swatch-variant-name="Nightglow Blue"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/APP2-BUDSBA-LUBL.jpg?v=1676055830" data-variant="43091036635290" style="--animation-delay: 0.3s; --swatch: var(--nightglow-blue);">
      <a class="swatch__link" data-swatch-link="" href="/products/earbuds-cover-for-airpods-pro-2?variant=43091036635290" data-swatch="Nightglow Blue">
        <span class="visually-hidden" data-swatch-text="">Nightglow Blue</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="airpods-pro-earbuds-cover-plus-with-integrated-tips-6-pairs-2-large-2-medium-2-small-white-w537r" data-swatch-label="Color"
    data-swatch-values="Dark Grey:dark-grey,Nightglow Blue:nightglow-blue,White:white,Lavender:lavender">
    <div class="swatches swatch__button swatch__button--square swatch-dark-grey" data-swatch-button="" data-tooltip="Dark Grey" data-swatch-variant="39931203420314" data-swatch-variant-name="Dark Grey"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/APP-BUDSBA-DGY_Amazon_4413d32b-f9eb-4b5d-8938-b2cf7ad9ad15.jpg?v=1621640713" data-variant="39931203420314" style="--animation-delay: 0s; --swatch: var(--dark-grey);">
      <a class="swatch__link" data-swatch-link="" href="/products/airpods-pro-earbuds-cover-plus-with-integrated-tips-6-pairs-2-large-2-medium-2-small-white-w537r?variant=39931203420314" data-swatch="Dark Grey">
        <span class="visually-hidden" data-swatch-text="">Dark Grey</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-nightglow-blue" data-swatch-button="" data-tooltip="Nightglow Blue" data-swatch-variant="39931203453082" data-swatch-variant-name="Nightglow Blue"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/APP-BUDSBA-LUBL_Amazon.jpg?v=1621640713" data-variant="39931203453082" style="--animation-delay: 0.1s; --swatch: var(--nightglow-blue);">
      <a class="swatch__link" data-swatch-link="" href="/products/airpods-pro-earbuds-cover-plus-with-integrated-tips-6-pairs-2-large-2-medium-2-small-white-w537r?variant=39931203453082" data-swatch="Nightglow Blue">
        <span class="visually-hidden" data-swatch-text="">Nightglow Blue</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-white" data-swatch-button="" data-tooltip="White" data-swatch-variant="39931203485850" data-swatch-variant-name="White"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/APP-BUDSBA-WH_Amazon.jpg?v=1621640713" data-variant="39931203485850" style="--animation-delay: 0.2s; --swatch: var(--white);">
      <a class="swatch__link" data-swatch-link="" href="/products/airpods-pro-earbuds-cover-plus-with-integrated-tips-6-pairs-2-large-2-medium-2-small-white-w537r?variant=39931203485850" data-swatch="White">
        <span class="visually-hidden" data-swatch-text="">White</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-lavender" data-swatch-button="" data-tooltip="Lavender" data-swatch-variant="39931203518618" data-swatch-variant-name="Lavender"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/APP-BUDSBA-LV_Amazon.jpg?v=1621640713" data-variant="39931203518618" style="--animation-delay: 0.3s; --swatch: var(--lavender);">
      <a class="swatch__link" data-swatch-link="" href="/products/airpods-pro-earbuds-cover-plus-with-integrated-tips-6-pairs-2-large-2-medium-2-small-white-w537r?variant=39931203518618" data-swatch="Lavender">
        <span class="visually-hidden" data-swatch-text="">Lavender</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="2-in-1-apple-watch-and-airpods-pro-charging-dock-black-in-stock-on-june-2-2020-xy9xr-dxs6d-spmar-5grlh" data-swatch-label="Color"
    data-swatch-values="Black:black,Classic White:classic-white,Lavender Grey:lavender-grey,Sand Pink:sand-pink">
    <div class="swatches swatch__button swatch__button--square swatch-black" data-swatch-button="" data-tooltip="Black" data-swatch-variant="36490776510618" data-swatch-variant-name="Black"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/ST-PRODUO-BK_28Amazon_29_5db310c3-4d55-4316-b028-b7b5f32ee90b.jpg?v=1619828815" data-variant="36490776510618" style="--animation-delay: 0s; --swatch: var(--black);">
      <a class="swatch__link" data-swatch-link="" href="/products/2-in-1-apple-watch-and-airpods-pro-charging-dock-black-in-stock-on-june-2-2020-xy9xr-dxs6d-spmar-5grlh?variant=36490776510618" data-swatch="Black">
        <span class="visually-hidden" data-swatch-text="">Black</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-classic-white" data-swatch-button="" data-tooltip="Classic White" data-swatch-variant="36490776543386" data-swatch-variant-name="Classic White"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/ST-PRODUO-CWH_Amazon.jpg?v=1713993399" data-variant="36490776543386" style="--animation-delay: 0.1s; --swatch: var(--classic-white);">
      <a class="swatch__link" data-swatch-link="" href="/products/2-in-1-apple-watch-and-airpods-pro-charging-dock-black-in-stock-on-june-2-2020-xy9xr-dxs6d-spmar-5grlh?variant=36490776543386" data-swatch="Classic White">
        <span class="visually-hidden" data-swatch-text="">Classic White</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-lavender-grey" data-swatch-button="" data-tooltip="Lavender Grey" data-swatch-variant="36490776576154" data-swatch-variant-name="Lavender Grey"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/ST-PRODUO-LVG_28Amazon_29_e1a27191-8728-4679-8ec1-a92dc009bf11.jpg?v=1713993399" data-variant="36490776576154"
      style="--animation-delay: 0.2s; --swatch: var(--lavender-grey);">
      <a class="swatch__link" data-swatch-link="" href="/products/2-in-1-apple-watch-and-airpods-pro-charging-dock-black-in-stock-on-june-2-2020-xy9xr-dxs6d-spmar-5grlh?variant=36490776576154" data-swatch="Lavender Grey">
        <span class="visually-hidden" data-swatch-text="">Lavender Grey</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-sand-pink" data-swatch-button="" data-tooltip="Sand Pink" data-swatch-variant="36490776608922" data-swatch-variant-name="Sand Pink"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/ST-PRODUO-PK_28Amazon_29_269b7132-182b-438e-90db-ca403e67b342.jpg?v=1713993399" data-variant="36490776608922"
      style="--animation-delay: 0.3s; --swatch: var(--sand-pink);">
      <a class="swatch__link" data-swatch-link="" href="/products/2-in-1-apple-watch-and-airpods-pro-charging-dock-black-in-stock-on-june-2-2020-xy9xr-dxs6d-spmar-5grlh?variant=36490776608922" data-swatch="Sand Pink">
        <span class="visually-hidden" data-swatch-text="">Sand Pink</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="3-in-1-charging-station-compatible-with-airpods-pro" data-swatch-label="Color"
    data-swatch-values="Classic White:classic-white,Sand Pink:sand-pink,Black:black,Lavender Gray:lavender-gray">
    <div class="swatches swatch__button swatch__button--square swatch-classic-white" data-swatch-button="" data-tooltip="Classic White" data-swatch-variant="39811432710298" data-swatch-variant-name="Classic White"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/EST-TRIOPRO-CWH.jpg?v=1715106888" data-variant="39811432710298" style="--animation-delay: 0s; --swatch: var(--classic-white);">
      <a class="swatch__link" data-swatch-link="" href="/products/3-in-1-charging-station-compatible-with-airpods-pro?variant=39811432710298" data-swatch="Classic White">
        <span class="visually-hidden" data-swatch-text="">Classic White</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-sand-pink" data-swatch-button="" data-tooltip="Sand Pink" data-swatch-variant="42284531941530" data-swatch-variant-name="Sand Pink"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/EST-TRIOPRO-PK.jpg?v=1715106888" data-variant="42284531941530" style="--animation-delay: 0.1s; --swatch: var(--sand-pink);">
      <a class="swatch__link" data-swatch-link="" href="/products/3-in-1-charging-station-compatible-with-airpods-pro?variant=42284531941530" data-swatch="Sand Pink">
        <span class="visually-hidden" data-swatch-text="">Sand Pink</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-black" data-swatch-button="" data-tooltip="Black" data-swatch-variant="42284531974298" data-swatch-variant-name="Black"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/EST-TRIOPRO-BK.jpg?v=1715106888" data-variant="42284531974298" style="--animation-delay: 0.2s; --swatch: var(--black);">
      <a class="swatch__link" data-swatch-link="" href="/products/3-in-1-charging-station-compatible-with-airpods-pro?variant=42284531974298" data-swatch="Black">
        <span class="visually-hidden" data-swatch-text="">Black</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-lavender-gray" data-swatch-button="" data-tooltip="Lavender Gray" data-swatch-variant="42284532007066" data-swatch-variant-name="Lavender Gray"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/EST-TRIOPRO-LVG.jpg?v=1715106888" data-variant="42284532007066" style="--animation-delay: 0.3s; --swatch: var(--lavender-gray);">
      <a class="swatch__link" data-swatch-link="" href="/products/3-in-1-charging-station-compatible-with-airpods-pro?variant=42284532007066" data-swatch="Lavender Gray">
        <span class="visually-hidden" data-swatch-text="">Lavender Gray</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="airpods-pro-stand-charging-dock-7crl2-9wrsk-ty5es-3342b" data-swatch-label="Color"
    data-swatch-values="White:white,Black:black,Dark Grey:dark-grey,Lavender Grey:lavender-grey,Sand Pink:sand-pink">
    <div class="swatches swatch__button swatch__button--square swatch-white" data-swatch-button="" data-tooltip="White" data-swatch-variant="40132323049626" data-swatch-variant-name="White"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/EST-APP-WH_28Amazon_29.jpg?v=1601652478" data-variant="40132323049626" style="--animation-delay: 0s; --swatch: var(--white);">
      <a class="swatch__link" data-swatch-link="" href="/products/airpods-pro-stand-charging-dock-7crl2-9wrsk-ty5es-3342b?variant=40132323049626" data-swatch="White">
        <span class="visually-hidden" data-swatch-text="">White</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-black" data-swatch-button="" data-tooltip="Black" data-swatch-variant="40132323082394" data-swatch-variant-name="Black"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/EST-APP-BK_Amazon.jpg?v=1715108854" data-variant="40132323082394" style="--animation-delay: 0.1s; --swatch: var(--black);">
      <a class="swatch__link" data-swatch-link="" href="/products/airpods-pro-stand-charging-dock-7crl2-9wrsk-ty5es-3342b?variant=40132323082394" data-swatch="Black">
        <span class="visually-hidden" data-swatch-text="">Black</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-dark-grey" data-swatch-button="" data-tooltip="Dark Grey" data-swatch-variant="40132323115162" data-swatch-variant-name="Dark Grey"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/EST-APP-DGY_Amazon.jpg?v=1715108854" data-variant="40132323115162" style="--animation-delay: 0.2s; --swatch: var(--dark-grey);">
      <a class="swatch__link" data-swatch-link="" href="/products/airpods-pro-stand-charging-dock-7crl2-9wrsk-ty5es-3342b?variant=40132323115162" data-swatch="Dark Grey">
        <span class="visually-hidden" data-swatch-text="">Dark Grey</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-lavender-grey" data-swatch-button="" data-tooltip="Lavender Grey" data-swatch-variant="40132323147930" data-swatch-variant-name="Lavender Grey"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/EST-APP-LVG_Amazon.jpg?v=1715108854" data-variant="40132323147930" style="--animation-delay: 0.3s; --swatch: var(--lavender-grey);">
      <a class="swatch__link" data-swatch-link="" href="/products/airpods-pro-stand-charging-dock-7crl2-9wrsk-ty5es-3342b?variant=40132323147930" data-swatch="Lavender Grey">
        <span class="visually-hidden" data-swatch-text="">Lavender Grey</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-sand-pink" data-swatch-button="" data-tooltip="Sand Pink" data-swatch-variant="40132323180698" data-swatch-variant-name="Sand Pink"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/EST-APP-PK_Amazon.jpg?v=1715108854" data-variant="40132323180698" style="--animation-delay: 0.4s; --swatch: var(--sand-pink);">
      <a class="swatch__link" data-swatch-link="" href="/products/airpods-pro-stand-charging-dock-7crl2-9wrsk-ty5es-3342b?variant=40132323180698" data-swatch="Sand Pink">
        <span class="visually-hidden" data-swatch-text="">Sand Pink</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

POST /cart/add

<form method="post" action="/cart/add" id="ProductForm--sections--16817804574874__cart-drawer-5795715842202" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type"
    value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="id" value="40132933189786"><button class="quick-add__button caps" type="submit" name="add" aria-label="Add to cart" data-add-to-cart="">
    <span class="btn__text"><svg fill="#111" width="800px" height="800px" viewBox="0 0 24 24" id="plus" data-name="Line Color" xmlns="http://www.w3.org/2000/svg" class="icon line-color">
        <path id="primary" d="M5,12H19M12,5V19" style="fill: none; stroke: #111; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;"></path>
      </svg> Add to cart</span>
    <span class="btn__plus"></span>
    <span class="btn__added">&nbsp;</span>
    <span class="btn__loader">
      <svg height="18" width="18" class="svg-loader">
        <circle r="7" cx="9" cy="9"></circle>
        <circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
      </svg>
    </span>
    <span class="btn__error" data-message-error="">&nbsp;</span>
  </button><input type="hidden" name="product-id" value="5795715842202"><input type="hidden" name="section-id" value="sections--16817804574874__cart-drawer"></form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="beads-strap-for-airpods-pro-2" data-swatch-label="Color" data-swatch-values="Pearl:pearl,Rainbow:rainbow">
    <div class="swatches swatch__button swatch__button--square swatch-pearl" data-swatch-button="" data-tooltip="Pearl" data-swatch-variant="42854776537242" data-swatch-variant-name="Pearl"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/EBEADSTRAP-PEARL.jpg?v=1669933637" data-variant="42854776537242" style="--animation-delay: 0s; --swatch: var(--pearl);">
      <a class="swatch__link" data-swatch-link="" href="/products/beads-strap-for-airpods-pro-2?variant=42854776537242" data-swatch="Pearl">
        <span class="visually-hidden" data-swatch-text="">Pearl</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-rainbow" data-swatch-button="" data-tooltip="Rainbow" data-swatch-variant="42854776570010" data-swatch-variant-name="Rainbow"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/EBEADSTRAP-RAINBOW.jpg?v=1715108483" data-variant="42854776570010" style="--animation-delay: 0.1s; --swatch: var(--rainbow);">
      <a class="swatch__link" data-swatch-link="" href="/products/beads-strap-for-airpods-pro-2?variant=42854776570010" data-swatch="Rainbow">
        <span class="visually-hidden" data-swatch-text="">Rainbow</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="r1-strap-for-airpods-pro-2" data-swatch-label="Color" data-swatch-values="Gray:gray,Black:black">
    <div class="swatches swatch__button swatch__button--square swatch-gray" data-swatch-button="" data-tooltip="Gray" data-swatch-variant="42531136667802" data-swatch-variant-name="Gray"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/APP2SP-LGY.jpg?v=1663728033" data-variant="42531136667802" style="--animation-delay: 0s; --swatch: var(--gray);">
      <a class="swatch__link" data-swatch-link="" href="/products/r1-strap-for-airpods-pro-2?variant=42531136667802" data-swatch="Gray">
        <span class="visually-hidden" data-swatch-text="">Gray</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-black" data-swatch-button="" data-tooltip="Black" data-swatch-variant="42531136700570" data-swatch-variant-name="Black"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/APP2SP-BK.jpg?v=1715361034" data-variant="42531136700570" style="--animation-delay: 0.1s; --swatch: var(--black);">
      <a class="swatch__link" data-swatch-link="" href="/products/r1-strap-for-airpods-pro-2?variant=42531136700570" data-swatch="Black">
        <span class="visually-hidden" data-swatch-text="">Black</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="elago-wrist-lanyard-2-colors" data-swatch-label="Color" data-swatch-values="Stone:stone,Dark Gray:dark-gray">
    <div class="swatches swatch__button swatch__button--square swatch-stone" data-swatch-button="" data-tooltip="Stone" data-swatch-variant="42774435365018" data-swatch-variant-name="Stone"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/ECARABINER-STRAP-ST.jpg?v=1668110689" data-variant="42774435365018" style="--animation-delay: 0s; --swatch: var(--stone);">
      <a class="swatch__link" data-swatch-link="" href="/products/elago-wrist-lanyard-2-colors?variant=42774435365018" data-swatch="Stone">
        <span class="visually-hidden" data-swatch-text="">Stone</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-dark-gray" data-swatch-button="" data-tooltip="Dark Gray" data-swatch-variant="42774435397786" data-swatch-variant-name="Dark Gray"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/ECARABINER-STRAP-DGY.jpg?v=1668110691" data-variant="42774435397786" style="--animation-delay: 0.1s; --swatch: var(--dark-gray);">
      <a class="swatch__link" data-swatch-link="" href="/products/elago-wrist-lanyard-2-colors?variant=42774435397786" data-swatch="Dark Gray">
        <span class="visually-hidden" data-swatch-text="">Dark Gray</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

POST /cart/add

<form method="post" action="/cart/add" id="ProductForm--sections--16817804574874__cart-drawer-7223448010906" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type"
    value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="id" value="41551262384282"><button class="quick-add__button caps" type="submit" name="add" aria-label="Add to cart" data-add-to-cart="">
    <span class="btn__text"><svg fill="#111" width="800px" height="800px" viewBox="0 0 24 24" id="plus" data-name="Line Color" xmlns="http://www.w3.org/2000/svg" class="icon line-color">
        <path id="primary" d="M5,12H19M12,5V19" style="fill: none; stroke: #111; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;"></path>
      </svg> Add to cart</span>
    <span class="btn__plus"></span>
    <span class="btn__added">&nbsp;</span>
    <span class="btn__loader">
      <svg height="18" width="18" class="svg-loader">
        <circle r="7" cx="9" cy="9"></circle>
        <circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
      </svg>
    </span>
    <span class="btn__error" data-message-error="">&nbsp;</span>
  </button><input type="hidden" name="product-id" value="7223448010906"><input type="hidden" name="section-id" value="sections--16817804574874__cart-drawer"></form>

POST /cart

<form class="cart__form" action="/cart" method="post" novalidate="" data-cart-form="">
  <div class="cart__foot__inner">
    <div class="cart__price__holder" data-cart-price-holder="">
      <div class="cart__total">
        <span class="cart__total__label">Subtotal</span>
        <span class="cart__total__price cart__total__price--animated" data-cart-total="0">Free </span>
        <div class="cart__price__loader loader">
          <div class="loader-indeterminate"></div>
        </div>
      </div>
    </div>
    <div class="cart__buttons-all">
      <div class="cart__buttons-wrapper">
        <div class="cart__buttons" data-cart-checkout-buttons="">
          <fieldset class="cart__buttons__fieldset" data-cart-checkout-button="">
            <button type="submit" name="checkout" class="button button--black cart__checkout">Check Out</button>
          </fieldset>
        </div>
      </div>
    </div>
    <em class="cart__note">Shipping, taxes, and discount codes are calculated at checkout</em>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="magnet-cable-tie" data-swatch-label="Color" data-swatch-values="Black:black,Stone:stone">
    <div class="swatches swatch__button swatch__button--square swatch-black" data-swatch-button="" data-tooltip="Black" data-swatch-variant="44747930828954" data-swatch-variant-name="Black"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ECA-MAGTIE-BK.jpg?v=1715814427" data-variant="44747930828954" style="--animation-delay: 0s; --swatch: var(--black);">
      <a class="swatch__link" data-swatch-link="" href="/products/magnet-cable-tie?variant=44747930828954" data-swatch="Black">
        <span class="visually-hidden" data-swatch-text="">Black</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-stone" data-swatch-button="" data-tooltip="Stone" data-swatch-variant="44747930861722" data-swatch-variant-name="Stone"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ECA-MAGTIE-ST.jpg?v=1715814432" data-variant="44747930861722" style="--animation-delay: 0.1s; --swatch: var(--stone);">
      <a class="swatch__link" data-swatch-link="" href="/products/magnet-cable-tie?variant=44747930861722" data-swatch="Stone">
        <span class="visually-hidden" data-swatch-text="">Stone</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

POST /cart/add

<form method="post" action="/cart/add" id="ProductForm--template--16817814077594__section_products_carousel_kmcdCC-8080615243930" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type"
    value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="id" value="44527211577498"><button class="quick-add__button caps" type="submit" name="add" aria-label="Add to cart" data-add-to-cart="">
    <span class="btn__text"><svg fill="#111" width="800px" height="800px" viewBox="0 0 24 24" id="plus" data-name="Line Color" xmlns="http://www.w3.org/2000/svg" class="icon line-color">
        <path id="primary" d="M5,12H19M12,5V19" style="fill: none; stroke: #111; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;"></path>
      </svg> Add to cart</span>
    <span class="btn__plus"></span>
    <span class="btn__added">&nbsp;</span>
    <span class="btn__loader">
      <svg height="18" width="18" class="svg-loader">
        <circle r="7" cx="9" cy="9"></circle>
        <circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
      </svg>
    </span>
    <span class="btn__error" data-message-error="">&nbsp;</span>
  </button><input type="hidden" name="product-id" value="8080615243930"><input type="hidden" name="section-id" value="template--16817814077594__section_products_carousel_kmcdCC"></form>

POST /cart/add

<form method="post" action="/cart/add" id="ProductForm--template--16817814077594__section_products_carousel_kmcdCC-8030771118234" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type"
    value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="id" value="44343850729626"><button class="quick-add__button caps" type="submit" name="add" aria-label="Add to cart" data-add-to-cart="">
    <span class="btn__text"><svg fill="#111" width="800px" height="800px" viewBox="0 0 24 24" id="plus" data-name="Line Color" xmlns="http://www.w3.org/2000/svg" class="icon line-color">
        <path id="primary" d="M5,12H19M12,5V19" style="fill: none; stroke: #111; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;"></path>
      </svg> Add to cart</span>
    <span class="btn__plus"></span>
    <span class="btn__added">&nbsp;</span>
    <span class="btn__loader">
      <svg height="18" width="18" class="svg-loader">
        <circle r="7" cx="9" cy="9"></circle>
        <circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
      </svg>
    </span>
    <span class="btn__error" data-message-error="">&nbsp;</span>
  </button><input type="hidden" name="product-id" value="8030771118234"><input type="hidden" name="section-id" value="template--16817814077594__section_products_carousel_kmcdCC"></form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="crossbody-phone-lanyard-2-colors" data-swatch-label="Color" data-swatch-values="Black:black,Stone:stone">
    <div class="swatches swatch__button swatch__button--square swatch-black" data-swatch-button="" data-tooltip="Black" data-swatch-variant="44527285403802" data-swatch-variant-name="Black"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ELYD-CBODY-BK2.jpg?v=1714697475" data-variant="44527285403802" style="--animation-delay: 0s; --swatch: var(--black);">
      <a class="swatch__link" data-swatch-link="" href="/products/crossbody-phone-lanyard-2-colors?variant=44527285403802" data-swatch="Black">
        <span class="visually-hidden" data-swatch-text="">Black</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-stone" data-swatch-button="" data-tooltip="Stone" data-swatch-variant="44527285436570" data-swatch-variant-name="Stone"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ELYD-CBODY-ST2.jpg?v=1714697475" data-variant="44527285436570" style="--animation-delay: 0.1s; --swatch: var(--stone);">
      <a class="swatch__link" data-swatch-link="" href="/products/crossbody-phone-lanyard-2-colors?variant=44527285436570" data-swatch="Stone">
        <span class="visually-hidden" data-swatch-text="">Stone</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="key-magsafe-silicone-card-pocket" data-swatch-label="Color" data-swatch-values="Stone:stone,Black:black">
    <div class="swatches swatch__button swatch__button--square swatch-stone" data-swatch-button="" data-tooltip="Stone" data-swatch-variant="44473887621274" data-swatch-variant-name="Stone"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/EMSSC-POCKET-KEY-ST.jpg?v=1709248401" data-variant="44473887621274" style="--animation-delay: 0s; --swatch: var(--stone);">
      <a class="swatch__link" data-swatch-link="" href="/products/key-magsafe-silicone-card-pocket?variant=44473887621274" data-swatch="Stone">
        <span class="visually-hidden" data-swatch-text="">Stone</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-black" data-swatch-button="" data-tooltip="Black" data-swatch-variant="44473887588506" data-swatch-variant-name="Black"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/EMSSC-POCKET-KEY-BK.jpg?v=1709248421" data-variant="44473887588506" style="--animation-delay: 0.1s; --swatch: var(--black);">
      <a class="swatch__link" data-swatch-link="" href="/products/key-magsafe-silicone-card-pocket?variant=44473887588506" data-swatch="Black">
        <span class="visually-hidden" data-swatch-text="">Black</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="pager-case-for-airpods-pro" data-swatch-label="Color" data-swatch-values="Black:black,Classic White:classic-white">
    <div class="swatches swatch__button swatch__button--square swatch-black" data-swatch-button="" data-tooltip="Black" data-swatch-variant="44688587128986" data-swatch-variant-name="Black"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/APP2C-PAGER-BK_Amazon_2.jpg?v=1712698237" data-variant="44688587128986" style="--animation-delay: 0s; --swatch: var(--black);">
      <a class="swatch__link" data-swatch-link="" href="/products/pager-case-for-airpods-pro?variant=44688587128986" data-swatch="Black">
        <span class="visually-hidden" data-swatch-text="">Black</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-classic-white" data-swatch-button="" data-tooltip="Classic White" data-swatch-variant="44688587161754" data-swatch-variant-name="Classic White"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/APP2C-PAGER-CWH_Amazon_2.jpg?v=1712698259" data-variant="44688587161754" style="--animation-delay: 0.1s; --swatch: var(--classic-white);">
      <a class="swatch__link" data-swatch-link="" href="/products/pager-case-for-airpods-pro?variant=44688587161754" data-swatch="Classic White">
        <span class="visually-hidden" data-swatch-text="">Classic White</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

POST /cart/add

<form method="post" action="/cart/add" id="ProductForm--template--16817814077594__section_products_carousel_kmcdCC-8100811899034" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type"
    value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="id" value="44592337551514"><button class="quick-add__button caps" type="submit" name="add" aria-label="Add to cart" data-add-to-cart="">
    <span class="btn__text"><svg fill="#111" width="800px" height="800px" viewBox="0 0 24 24" id="plus" data-name="Line Color" xmlns="http://www.w3.org/2000/svg" class="icon line-color">
        <path id="primary" d="M5,12H19M12,5V19" style="fill: none; stroke: #111; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;"></path>
      </svg> Add to cart</span>
    <span class="btn__plus"></span>
    <span class="btn__added">&nbsp;</span>
    <span class="btn__loader">
      <svg height="18" width="18" class="svg-loader">
        <circle r="7" cx="9" cy="9"></circle>
        <circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
      </svg>
    </span>
    <span class="btn__error" data-message-error="">&nbsp;</span>
  </button><input type="hidden" name="product-id" value="8100811899034"><input type="hidden" name="section-id" value="template--16817814077594__section_products_carousel_kmcdCC"></form>

POST /cart/add

<form method="post" action="/cart/add" id="ProductForm--template--16817814077594__section_products_carousel_kmcdCC-8140886343834" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type"
    value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="id" value="44698452492442"><button class="quick-add__button caps" type="submit" name="add" aria-label="Add to cart" data-add-to-cart="">
    <span class="btn__text"><svg fill="#111" width="800px" height="800px" viewBox="0 0 24 24" id="plus" data-name="Line Color" xmlns="http://www.w3.org/2000/svg" class="icon line-color">
        <path id="primary" d="M5,12H19M12,5V19" style="fill: none; stroke: #111; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;"></path>
      </svg> Add to cart</span>
    <span class="btn__plus"></span>
    <span class="btn__added">&nbsp;</span>
    <span class="btn__loader">
      <svg height="18" width="18" class="svg-loader">
        <circle r="7" cx="9" cy="9"></circle>
        <circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
      </svg>
    </span>
    <span class="btn__error" data-message-error="">&nbsp;</span>
  </button><input type="hidden" name="product-id" value="8140886343834"><input type="hidden" name="section-id" value="template--16817814077594__section_products_carousel_kmcdCC"></form>

POST /cart/add

<form method="post" action="/cart/add" id="ProductForm--template--16817814077594__section_products_carousel_kmcdCC-8140879855770" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type"
    value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="id" value="44698434601114"><button class="quick-add__button caps" type="submit" name="add" aria-label="Add to cart" data-add-to-cart="">
    <span class="btn__text"><svg fill="#111" width="800px" height="800px" viewBox="0 0 24 24" id="plus" data-name="Line Color" xmlns="http://www.w3.org/2000/svg" class="icon line-color">
        <path id="primary" d="M5,12H19M12,5V19" style="fill: none; stroke: #111; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;"></path>
      </svg> Add to cart</span>
    <span class="btn__plus"></span>
    <span class="btn__added">&nbsp;</span>
    <span class="btn__loader">
      <svg height="18" width="18" class="svg-loader">
        <circle r="7" cx="9" cy="9"></circle>
        <circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
      </svg>
    </span>
    <span class="btn__error" data-message-error="">&nbsp;</span>
  </button><input type="hidden" name="product-id" value="8140879855770"><input type="hidden" name="section-id" value="template--16817814077594__section_products_carousel_kmcdCC"></form>

POST /cart/add

<form method="post" action="/cart/add" id="ProductForm--template--16817814077594__section_products_carousel_kmcdCC-8160828948634" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type"
    value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="id" value="44747904549018"><button class="quick-add__button caps" type="submit" name="add" aria-label="Add to cart" data-add-to-cart="">
    <span class="btn__text"><svg fill="#111" width="800px" height="800px" viewBox="0 0 24 24" id="plus" data-name="Line Color" xmlns="http://www.w3.org/2000/svg" class="icon line-color">
        <path id="primary" d="M5,12H19M12,5V19" style="fill: none; stroke: #111; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;"></path>
      </svg> Add to cart</span>
    <span class="btn__plus"></span>
    <span class="btn__added">&nbsp;</span>
    <span class="btn__loader">
      <svg height="18" width="18" class="svg-loader">
        <circle r="7" cx="9" cy="9"></circle>
        <circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
      </svg>
    </span>
    <span class="btn__error" data-message-error="">&nbsp;</span>
  </button><input type="hidden" name="product-id" value="8160828948634"><input type="hidden" name="section-id" value="template--16817814077594__section_products_carousel_kmcdCC"></form>

POST /cart/add

<form method="post" action="/cart/add" id="ProductForm--template--16817814077594__section_products_carousel_kmcdCC-8160816005274" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type"
    value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="id" value="44747886657690"><button class="quick-add__button caps" type="submit" name="add" aria-label="Add to cart" data-add-to-cart="">
    <span class="btn__text"><svg fill="#111" width="800px" height="800px" viewBox="0 0 24 24" id="plus" data-name="Line Color" xmlns="http://www.w3.org/2000/svg" class="icon line-color">
        <path id="primary" d="M5,12H19M12,5V19" style="fill: none; stroke: #111; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;"></path>
      </svg> Add to cart</span>
    <span class="btn__plus"></span>
    <span class="btn__added">&nbsp;</span>
    <span class="btn__loader">
      <svg height="18" width="18" class="svg-loader">
        <circle r="7" cx="9" cy="9"></circle>
        <circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
      </svg>
    </span>
    <span class="btn__error" data-message-error="">&nbsp;</span>
  </button><input type="hidden" name="product-id" value="8160816005274"><input type="hidden" name="section-id" value="template--16817814077594__section_products_carousel_kmcdCC"></form>

POST /cart/add

<form method="post" action="/cart/add" id="ProductForm--template--16817814077594__section_products_carousel_kmcdCC-8160812466330" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type"
    value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="id" value="44747882299546"><button class="quick-add__button caps" type="submit" name="add" aria-label="Add to cart" data-add-to-cart="">
    <span class="btn__text"><svg fill="#111" width="800px" height="800px" viewBox="0 0 24 24" id="plus" data-name="Line Color" xmlns="http://www.w3.org/2000/svg" class="icon line-color">
        <path id="primary" d="M5,12H19M12,5V19" style="fill: none; stroke: #111; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;"></path>
      </svg> Add to cart</span>
    <span class="btn__plus"></span>
    <span class="btn__added">&nbsp;</span>
    <span class="btn__loader">
      <svg height="18" width="18" class="svg-loader">
        <circle r="7" cx="9" cy="9"></circle>
        <circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
      </svg>
    </span>
    <span class="btn__error" data-message-error="">&nbsp;</span>
  </button><input type="hidden" name="product-id" value="8160812466330"><input type="hidden" name="section-id" value="template--16817814077594__section_products_carousel_kmcdCC"></form>

POST /cart/add

<form method="post" action="/cart/add" id="ProductForm--template--16817814077594__section_products_carousel_kmcdCC-8160806043802" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type"
    value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="id" value="44747872665754"><button class="quick-add__button caps" type="submit" name="add" aria-label="Add to cart" data-add-to-cart="">
    <span class="btn__text"><svg fill="#111" width="800px" height="800px" viewBox="0 0 24 24" id="plus" data-name="Line Color" xmlns="http://www.w3.org/2000/svg" class="icon line-color">
        <path id="primary" d="M5,12H19M12,5V19" style="fill: none; stroke: #111; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;"></path>
      </svg> Add to cart</span>
    <span class="btn__plus"></span>
    <span class="btn__added">&nbsp;</span>
    <span class="btn__loader">
      <svg height="18" width="18" class="svg-loader">
        <circle r="7" cx="9" cy="9"></circle>
        <circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
      </svg>
    </span>
    <span class="btn__error" data-message-error="">&nbsp;</span>
  </button><input type="hidden" name="product-id" value="8160806043802"><input type="hidden" name="section-id" value="template--16817814077594__section_products_carousel_kmcdCC"></form>

POST /cart/add

<form method="post" action="/cart/add" id="ProductForm--template--16817814077594__section_products_carousel_kmcdCC-8160802013338" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type"
    value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="id" value="44747867619482"><button class="quick-add__button caps" type="submit" name="add" aria-label="Add to cart" data-add-to-cart="">
    <span class="btn__text"><svg fill="#111" width="800px" height="800px" viewBox="0 0 24 24" id="plus" data-name="Line Color" xmlns="http://www.w3.org/2000/svg" class="icon line-color">
        <path id="primary" d="M5,12H19M12,5V19" style="fill: none; stroke: #111; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;"></path>
      </svg> Add to cart</span>
    <span class="btn__plus"></span>
    <span class="btn__added">&nbsp;</span>
    <span class="btn__loader">
      <svg height="18" width="18" class="svg-loader">
        <circle r="7" cx="9" cy="9"></circle>
        <circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
      </svg>
    </span>
    <span class="btn__error" data-message-error="">&nbsp;</span>
  </button><input type="hidden" name="product-id" value="8160802013338"><input type="hidden" name="section-id" value="template--16817814077594__section_products_carousel_kmcdCC"></form>

POST /cart/add

<form method="post" action="/cart/add" id="ProductForm--template--16817814077594__section_products_carousel_kmcdCC-8160729596058" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type"
    value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="id" value="44747713609882"><button class="quick-add__button caps" type="submit" name="add" aria-label="Add to cart" data-add-to-cart="">
    <span class="btn__text"><svg fill="#111" width="800px" height="800px" viewBox="0 0 24 24" id="plus" data-name="Line Color" xmlns="http://www.w3.org/2000/svg" class="icon line-color">
        <path id="primary" d="M5,12H19M12,5V19" style="fill: none; stroke: #111; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;"></path>
      </svg> Add to cart</span>
    <span class="btn__plus"></span>
    <span class="btn__added">&nbsp;</span>
    <span class="btn__loader">
      <svg height="18" width="18" class="svg-loader">
        <circle r="7" cx="9" cy="9"></circle>
        <circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
      </svg>
    </span>
    <span class="btn__error" data-message-error="">&nbsp;</span>
  </button><input type="hidden" name="product-id" value="8160729596058"><input type="hidden" name="section-id" value="template--16817814077594__section_products_carousel_kmcdCC"></form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="pet-collar-w5-case-for-airtag" data-swatch-label="Color" data-swatch-values="Light Grey:light-grey,Black:black">
    <div class="swatches swatch__button swatch__button--square swatch-light-grey" data-swatch-button="" data-tooltip="Light Grey" data-swatch-variant="44299889049754" data-swatch-variant-name="Light Grey"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/AT-W5-PET-LGY.jpg?v=1707269032" data-variant="44299889049754" style="--animation-delay: 0s; --swatch: var(--light-grey);">
      <a class="swatch__link" data-swatch-link="" href="/products/pet-collar-w5-case-for-airtag?variant=44299889049754" data-swatch="Light Grey">
        <span class="visually-hidden" data-swatch-text="">Light Grey</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-black" data-swatch-button="" data-tooltip="Black" data-swatch-variant="44299889082522" data-swatch-variant-name="Black"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/AT-W5-PET-BK.jpg?v=1707269123" data-variant="44299889082522" style="--animation-delay: 0.1s; --swatch: var(--black);">
      <a class="swatch__link" data-swatch-link="" href="/products/pet-collar-w5-case-for-airtag?variant=44299889082522" data-swatch="Black">
        <span class="visually-hidden" data-swatch-text="">Black</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="pet-collar-ribbon-case-for-airtag" data-swatch-label="Color" data-swatch-values="Stone:stone,Sand Pink:sand-pink,Mint:mint">
    <div class="swatches swatch__button swatch__button--square swatch-stone" data-swatch-button="" data-tooltip="Stone" data-swatch-variant="44299856216218" data-swatch-variant-name="Stone"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/AT-RIBBON-PET-ST.jpg?v=1707269169" data-variant="44299856216218" style="--animation-delay: 0s; --swatch: var(--stone);">
      <a class="swatch__link" data-swatch-link="" href="/products/pet-collar-ribbon-case-for-airtag?variant=44299856216218" data-swatch="Stone">
        <span class="visually-hidden" data-swatch-text="">Stone</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-sand-pink" data-swatch-button="" data-tooltip="Sand Pink" data-swatch-variant="44299856248986" data-swatch-variant-name="Sand Pink"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/AT-RIBBON-PET-SPK.jpg?v=1707269189" data-variant="44299856248986" style="--animation-delay: 0.1s; --swatch: var(--sand-pink);">
      <a class="swatch__link" data-swatch-link="" href="/products/pet-collar-ribbon-case-for-airtag?variant=44299856248986" data-swatch="Sand Pink">
        <span class="visually-hidden" data-swatch-text="">Sand Pink</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-mint" data-swatch-button="" data-tooltip="Mint" data-swatch-variant="44299856281754" data-swatch-variant-name="Mint"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/AT-RIBBON-PET-MT.jpg?v=1707269189" data-variant="44299856281754" style="--animation-delay: 0.2s; --swatch: var(--mint);">
      <a class="swatch__link" data-swatch-link="" href="/products/pet-collar-ribbon-case-for-airtag?variant=44299856281754" data-swatch="Mint">
        <span class="visually-hidden" data-swatch-text="">Mint</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="premium-silicone-case-for-iphone-15-pro-max-25-colors" data-swatch-label="Color"
    data-swatch-values="Stone:stone,Lovely Pink:lovely-pink,Purple:purple,Jean Indigo:jean-indigo,Light Blue:light-blue,Mint:mint,Midnight Green:midnight-green,Pastel Green:pastel-green,Orange:orange,Red:red,Burgundy:burgundy,Medium Gray:medium-gray,Black:black,White:white,Deep Purple:deep-purple,Brown:brown,Yellow:yellow,Hot Pink:hot-pink,Neon Yellow:neon-yellow,Cobalt Blue:cobalt-blue,Light Lilac:light-lilac,Aqua Sky:aqua-sky,Cedar Green:cedar-green,Salmon:salmon,Ice Red:ice-red,Alpine Green:alpine-green,Deep Lavender:deep-lavender,Ocean Blue:ocean-blue,Pomelo Pink:pomelo-pink,Lime Green:lime-green,Sunshine:sunshine,Soft Mint:soft-mint,Sky Blue:sky-blue,Pink:pink">
    <div class="swatches swatch__button swatch__button--square swatch-stone" data-swatch-button="" data-tooltip="Stone" data-swatch-variant="43759175794842" data-swatch-variant-name="Stone"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC67PRO-ST.jpg?v=1694806677" data-variant="43759175794842" style="--animation-delay: 0s; --swatch: var(--stone);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-max-25-colors?variant=43759175794842" data-swatch="Stone">
        <span class="visually-hidden" data-swatch-text="">Stone</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-lovely-pink" data-swatch-button="" data-tooltip="Lovely Pink" data-swatch-variant="43759175827610" data-swatch-variant-name="Lovely Pink"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC67PRO-LPK.jpg?v=1694813037" data-variant="43759175827610" style="--animation-delay: 0.1s; --swatch: var(--lovely-pink);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-max-25-colors?variant=43759175827610" data-swatch="Lovely Pink">
        <span class="visually-hidden" data-swatch-text="">Lovely Pink</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-purple" data-swatch-button="" data-tooltip="Purple" data-swatch-variant="43759175860378" data-swatch-variant-name="Purple"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC67PRO-PU.jpg?v=1694813037" data-variant="43759175860378" style="--animation-delay: 0.2s; --swatch: var(--purple);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-max-25-colors?variant=43759175860378" data-swatch="Purple">
        <span class="visually-hidden" data-swatch-text="">Purple</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-jean-indigo" data-swatch-button="" data-tooltip="Jean Indigo" data-swatch-variant="43759175893146" data-swatch-variant-name="Jean Indigo"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC67PRO-JIN_1.jpg?v=1695745328" data-variant="43759175893146" style="--animation-delay: 0.3s; --swatch: var(--jean-indigo);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-max-25-colors?variant=43759175893146" data-swatch="Jean Indigo">
        <span class="visually-hidden" data-swatch-text="">Jean Indigo</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-light-blue" data-swatch-button="" data-tooltip="Light Blue" data-swatch-variant="43759175925914" data-swatch-variant-name="Light Blue"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC67PRO-LBL.jpg?v=1695745328" data-variant="43759175925914" style="--animation-delay: 0.4s; --swatch: var(--light-blue);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-max-25-colors?variant=43759175925914" data-swatch="Light Blue">
        <span class="visually-hidden" data-swatch-text="">Light Blue</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-mint" data-swatch-button="" data-tooltip="Mint" data-swatch-variant="43759175958682" data-swatch-variant-name="Mint"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC67PRO-MT.jpg?v=1695745328" data-variant="43759175958682" style="--animation-delay: 0.5s; --swatch: var(--mint);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-max-25-colors?variant=43759175958682" data-swatch="Mint">
        <span class="visually-hidden" data-swatch-text="">Mint</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-midnight-green" data-swatch-button="" data-tooltip="Midnight Green" data-swatch-variant="43759175991450" data-swatch-variant-name="Midnight Green"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC67PRO-MGR.jpg?v=1695745328" data-variant="43759175991450" style="--animation-delay: 0.6s; --swatch: var(--midnight-green);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-max-25-colors?variant=43759175991450" data-swatch="Midnight Green">
        <span class="visually-hidden" data-swatch-text="">Midnight Green</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-pastel-green" data-swatch-button="" data-tooltip="Pastel Green" data-swatch-variant="43759176024218" data-swatch-variant-name="Pastel Green"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC67PRO-PGR.jpg?v=1695745328" data-variant="43759176024218" style="--animation-delay: 0.7s; --swatch: var(--pastel-green);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-max-25-colors?variant=43759176024218" data-swatch="Pastel Green">
        <span class="visually-hidden" data-swatch-text="">Pastel Green</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-orange" data-swatch-button="" data-tooltip="Orange" data-swatch-variant="43759176056986" data-swatch-variant-name="Orange"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC67PRO-OR.jpg?v=1695745328" data-variant="43759176056986" style="--animation-delay: 0.8s; --swatch: var(--orange);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-max-25-colors?variant=43759176056986" data-swatch="Orange">
        <span class="visually-hidden" data-swatch-text="">Orange</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-red" data-swatch-button="" data-tooltip="Red" data-swatch-variant="43759176089754" data-swatch-variant-name="Red"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC67PRO-RD.jpg?v=1695745328" data-variant="43759176089754" style="--animation-delay: 0.9s; --swatch: var(--red);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-max-25-colors?variant=43759176089754" data-swatch="Red">
        <span class="visually-hidden" data-swatch-text="">Red</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-burgundy" data-swatch-button="" data-tooltip="Burgundy" data-swatch-variant="43759176122522" data-swatch-variant-name="Burgundy"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC67PRO-BGD.jpg?v=1695745328" data-variant="43759176122522" style="--animation-delay: 1s; --swatch: var(--burgundy);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-max-25-colors?variant=43759176122522" data-swatch="Burgundy">
        <span class="visually-hidden" data-swatch-text="">Burgundy</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-medium-gray" data-swatch-button="" data-tooltip="Medium Gray" data-swatch-variant="43759176155290" data-swatch-variant-name="Medium Gray"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC67PRO-MGY.jpg?v=1695745328" data-variant="43759176155290" style="--animation-delay: 1.1s; --swatch: var(--medium-gray);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-max-25-colors?variant=43759176155290" data-swatch="Medium Gray">
        <span class="visually-hidden" data-swatch-text="">Medium Gray</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-black" data-swatch-button="" data-tooltip="Black" data-swatch-variant="43759176188058" data-swatch-variant-name="Black"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC67PRO-BK.jpg?v=1695745328" data-variant="43759176188058" style="--animation-delay: 1.2s; --swatch: var(--black);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-max-25-colors?variant=43759176188058" data-swatch="Black">
        <span class="visually-hidden" data-swatch-text="">Black</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-white" data-swatch-button="" data-tooltip="White" data-swatch-variant="43759176220826" data-swatch-variant-name="White"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC67PRO-WH.jpg?v=1695745328" data-variant="43759176220826" style="--animation-delay: 1.3s; --swatch: var(--white);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-max-25-colors?variant=43759176220826" data-swatch="White">
        <span class="visually-hidden" data-swatch-text="">White</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-deep-purple" data-swatch-button="" data-tooltip="Deep Purple" data-swatch-variant="43759176253594" data-swatch-variant-name="Deep Purple"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC67PRO-DPU.jpg?v=1695745328" data-variant="43759176253594" style="--animation-delay: 1.4s; --swatch: var(--deep-purple);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-max-25-colors?variant=43759176253594" data-swatch="Deep Purple">
        <span class="visually-hidden" data-swatch-text="">Deep Purple</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-brown" data-swatch-button="" data-tooltip="Brown" data-swatch-variant="43759176286362" data-swatch-variant-name="Brown"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC67PRO-BR.jpg?v=1695745328" data-variant="43759176286362" style="--animation-delay: 1.5s; --swatch: var(--brown);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-max-25-colors?variant=43759176286362" data-swatch="Brown">
        <span class="visually-hidden" data-swatch-text="">Brown</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-yellow" data-swatch-button="" data-tooltip="Yellow" data-swatch-variant="43759176319130" data-swatch-variant-name="Yellow"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC67PRO-YE.jpg?v=1695745328" data-variant="43759176319130" style="--animation-delay: 1.6s; --swatch: var(--yellow);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-max-25-colors?variant=43759176319130" data-swatch="Yellow">
        <span class="visually-hidden" data-swatch-text="">Yellow</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-hot-pink" data-swatch-button="" data-tooltip="Hot Pink" data-swatch-variant="43759176351898" data-swatch-variant-name="Hot Pink"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC67PRO-HPK.jpg?v=1695745328" data-variant="43759176351898" style="--animation-delay: 1.7s; --swatch: var(--hot-pink);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-max-25-colors?variant=43759176351898" data-swatch="Hot Pink">
        <span class="visually-hidden" data-swatch-text="">Hot Pink</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-neon-yellow" data-swatch-button="" data-tooltip="Neon Yellow" data-swatch-variant="43759176384666" data-swatch-variant-name="Neon Yellow"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC67PRO-NYE.jpg?v=1695745328" data-variant="43759176384666" style="--animation-delay: 1.8s; --swatch: var(--neon-yellow);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-max-25-colors?variant=43759176384666" data-swatch="Neon Yellow">
        <span class="visually-hidden" data-swatch-text="">Neon Yellow</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-cobalt-blue" data-swatch-button="" data-tooltip="Cobalt Blue" data-swatch-variant="43759176417434" data-swatch-variant-name="Cobalt Blue"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC67PRO-CBL.jpg?v=1695745328" data-variant="43759176417434" style="--animation-delay: 1.9s; --swatch: var(--cobalt-blue);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-max-25-colors?variant=43759176417434" data-swatch="Cobalt Blue">
        <span class="visually-hidden" data-swatch-text="">Cobalt Blue</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-light-lilac" data-swatch-button="" data-tooltip="Light Lilac" data-swatch-variant="43759176450202" data-swatch-variant-name="Light Lilac"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC67PRO-LLIL.jpg?v=1695745328" data-variant="43759176450202" style="--animation-delay: 2s; --swatch: var(--light-lilac);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-max-25-colors?variant=43759176450202" data-swatch="Light Lilac">
        <span class="visually-hidden" data-swatch-text="">Light Lilac</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-aqua-sky" data-swatch-button="" data-tooltip="Aqua Sky" data-swatch-variant="43759176482970" data-swatch-variant-name="Aqua Sky"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC67PRO-ASKY.jpg?v=1695745328" data-variant="43759176482970" style="--animation-delay: 2.1s; --swatch: var(--aqua-sky);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-max-25-colors?variant=43759176482970" data-swatch="Aqua Sky">
        <span class="visually-hidden" data-swatch-text="">Aqua Sky</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-cedar-green" data-swatch-button="" data-tooltip="Cedar Green" data-swatch-variant="43759176515738" data-swatch-variant-name="Cedar Green"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC67PRO-CGR.jpg?v=1695745328" data-variant="43759176515738" style="--animation-delay: 2.2s; --swatch: var(--cedar-green);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-max-25-colors?variant=43759176515738" data-swatch="Cedar Green">
        <span class="visually-hidden" data-swatch-text="">Cedar Green</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-salmon" data-swatch-button="" data-tooltip="Salmon" data-swatch-variant="43759176548506" data-swatch-variant-name="Salmon"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC67PRO-SAL.jpg?v=1695745328" data-variant="43759176548506" style="--animation-delay: 2.3s; --swatch: var(--salmon);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-max-25-colors?variant=43759176548506" data-swatch="Salmon">
        <span class="visually-hidden" data-swatch-text="">Salmon</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-ice-red" data-swatch-button="" data-tooltip="Ice Red" data-swatch-variant="43759176581274" data-swatch-variant-name="Ice Red"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC67PRO-IRED.jpg?v=1695745328" data-variant="43759176581274" style="--animation-delay: 2.4s; --swatch: var(--ice-red);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-max-25-colors?variant=43759176581274" data-swatch="Ice Red">
        <span class="visually-hidden" data-swatch-text="">Ice Red</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-alpine-green" data-swatch-button="" data-tooltip="Alpine Green" data-swatch-variant="44132047454362" data-swatch-variant-name="Alpine Green"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/41sQjUkHdsL.jpg?v=1700257881" data-variant="44132047454362" style="--animation-delay: 2.5s; --swatch: var(--alpine-green);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-max-25-colors?variant=44132047454362" data-swatch="Alpine Green">
        <span class="visually-hidden" data-swatch-text="">Alpine Green</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-deep-lavender" data-swatch-button="" data-tooltip="Deep Lavender" data-swatch-variant="44132047487130" data-swatch-variant-name="Deep Lavender"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/416u0O0Yq0L.jpg?v=1700257881" data-variant="44132047487130" style="--animation-delay: 2.6s; --swatch: var(--deep-lavender);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-max-25-colors?variant=44132047487130" data-swatch="Deep Lavender">
        <span class="visually-hidden" data-swatch-text="">Deep Lavender</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-ocean-blue" data-swatch-button="" data-tooltip="Ocean Blue" data-swatch-variant="44132047519898" data-swatch-variant-name="Ocean Blue"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/41ZtnM1cvSL.jpg?v=1700257881" data-variant="44132047519898" style="--animation-delay: 2.7s; --swatch: var(--ocean-blue);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-max-25-colors?variant=44132047519898" data-swatch="Ocean Blue">
        <span class="visually-hidden" data-swatch-text="">Ocean Blue</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-pomelo-pink" data-swatch-button="" data-tooltip="Pomelo Pink" data-swatch-variant="44132047552666" data-swatch-variant-name="Pomelo Pink"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/412eUHEXA0L.jpg?v=1700257881" data-variant="44132047552666" style="--animation-delay: 2.8s; --swatch: var(--pomelo-pink);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-max-25-colors?variant=44132047552666" data-swatch="Pomelo Pink">
        <span class="visually-hidden" data-swatch-text="">Pomelo Pink</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-lime-green" data-swatch-button="" data-tooltip="Lime Green" data-swatch-variant="44132047585434" data-swatch-variant-name="Lime Green"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/41NaQFuTTAL.jpg?v=1700257881" data-variant="44132047585434" style="--animation-delay: 2.9s; --swatch: var(--lime-green);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-max-25-colors?variant=44132047585434" data-swatch="Lime Green">
        <span class="visually-hidden" data-swatch-text="">Lime Green</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-sunshine" data-swatch-button="" data-tooltip="Sunshine" data-swatch-variant="44833418379418" data-swatch-variant-name="Sunshine"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC61PRO-SUN_1_35c75c01-172b-4219-acc0-0e7113d651f7.jpg?v=1714689350" data-variant="44833418379418" style="--animation-delay: 3s; --swatch: var(--sunshine);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-max-25-colors?variant=44833418379418" data-swatch="Sunshine">
        <span class="visually-hidden" data-swatch-text="">Sunshine</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-soft-mint" data-swatch-button="" data-tooltip="Soft Mint" data-swatch-variant="44833418412186" data-swatch-variant-name="Soft Mint"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC61PRO-SMT_1_0a062958-a1c4-475f-b1d4-a4e670f8a7af.jpg?v=1714689350" data-variant="44833418412186" style="--animation-delay: 3.1s; --swatch: var(--soft-mint);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-max-25-colors?variant=44833418412186" data-swatch="Soft Mint">
        <span class="visually-hidden" data-swatch-text="">Soft Mint</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-sky-blue" data-swatch-button="" data-tooltip="Sky Blue" data-swatch-variant="44833418444954" data-swatch-variant-name="Sky Blue"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC61PRO-SBL_e9409b65-a267-413a-95c4-21b8133c7f44.jpg?v=1714689350" data-variant="44833418444954" style="--animation-delay: 3.2s; --swatch: var(--sky-blue);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-max-25-colors?variant=44833418444954" data-swatch="Sky Blue">
        <span class="visually-hidden" data-swatch-text="">Sky Blue</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-pink" data-swatch-button="" data-tooltip="Pink" data-swatch-variant="44885153513626" data-swatch-variant-name="Pink"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC61PRO-PK_1.jpg?v=1715881833" data-variant="44885153513626" style="--animation-delay: 3.3s; --swatch: var(--pink);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-max-25-colors?variant=44885153513626" data-swatch="Pink">
        <span class="visually-hidden" data-swatch-text="">Pink</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="premium-silicone-case-for-iphone-15-pro-25-colors" data-swatch-label="Color"
    data-swatch-values="Lovely Pink:lovely-pink,Stone:stone,Purple:purple,Jean Indigo:jean-indigo,Light Blue:light-blue,Mint:mint,Midnight Green:midnight-green,Pastel Green:pastel-green,Orange:orange,Red:red,Burgundy:burgundy,Medium Gray:medium-gray,Black:black,White:white,Deep Purple:deep-purple,Brown:brown,Yellow:yellow,Hot Pink:hot-pink,Neon Yellow:neon-yellow,Cobalt Blue:cobalt-blue,Light Lilac:light-lilac,Aqua Sky:aqua-sky,Cedar Green:cedar-green,Salmon:salmon,Ice Red:ice-red,Alpine Green:alpine-green,Deep Lavender:deep-lavender,Ocean Blue:ocean-blue,Pomelo Pink:pomelo-pink,Lime Green:lime-green,Sunshine:sunshine,Soft Mint:soft-mint,Sky Blue:sky-blue,Pink:pink">
    <div class="swatches swatch__button swatch__button--square swatch-lovely-pink" data-swatch-button="" data-tooltip="Lovely Pink" data-swatch-variant="43759135916186" data-swatch-variant-name="Lovely Pink"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC61PRO-LPK.jpg?v=1694806628" data-variant="43759135916186" style="--animation-delay: 0s; --swatch: var(--lovely-pink);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-25-colors?variant=43759135916186" data-swatch="Lovely Pink">
        <span class="visually-hidden" data-swatch-text="">Lovely Pink</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-stone" data-swatch-button="" data-tooltip="Stone" data-swatch-variant="43759135948954" data-swatch-variant-name="Stone"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC61PRO-ST_1.jpg?v=1694812444" data-variant="43759135948954" style="--animation-delay: 0.1s; --swatch: var(--stone);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-25-colors?variant=43759135948954" data-swatch="Stone">
        <span class="visually-hidden" data-swatch-text="">Stone</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-purple" data-swatch-button="" data-tooltip="Purple" data-swatch-variant="43759135981722" data-swatch-variant-name="Purple"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC61PRO-PU.jpg?v=1694812444" data-variant="43759135981722" style="--animation-delay: 0.2s; --swatch: var(--purple);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-25-colors?variant=43759135981722" data-swatch="Purple">
        <span class="visually-hidden" data-swatch-text="">Purple</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-jean-indigo" data-swatch-button="" data-tooltip="Jean Indigo" data-swatch-variant="43759136014490" data-swatch-variant-name="Jean Indigo"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC61PRO-JIN_1.jpg?v=1695745395" data-variant="43759136014490" style="--animation-delay: 0.3s; --swatch: var(--jean-indigo);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-25-colors?variant=43759136014490" data-swatch="Jean Indigo">
        <span class="visually-hidden" data-swatch-text="">Jean Indigo</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-light-blue" data-swatch-button="" data-tooltip="Light Blue" data-swatch-variant="43759136047258" data-swatch-variant-name="Light Blue"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC61PRO-LBL.jpg?v=1695745395" data-variant="43759136047258" style="--animation-delay: 0.4s; --swatch: var(--light-blue);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-25-colors?variant=43759136047258" data-swatch="Light Blue">
        <span class="visually-hidden" data-swatch-text="">Light Blue</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-mint" data-swatch-button="" data-tooltip="Mint" data-swatch-variant="43759136080026" data-swatch-variant-name="Mint"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC61PRO-MT.jpg?v=1695745395" data-variant="43759136080026" style="--animation-delay: 0.5s; --swatch: var(--mint);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-25-colors?variant=43759136080026" data-swatch="Mint">
        <span class="visually-hidden" data-swatch-text="">Mint</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-midnight-green" data-swatch-button="" data-tooltip="Midnight Green" data-swatch-variant="43759136112794" data-swatch-variant-name="Midnight Green"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC61PRO-MGR.jpg?v=1695745395" data-variant="43759136112794" style="--animation-delay: 0.6s; --swatch: var(--midnight-green);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-25-colors?variant=43759136112794" data-swatch="Midnight Green">
        <span class="visually-hidden" data-swatch-text="">Midnight Green</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-pastel-green" data-swatch-button="" data-tooltip="Pastel Green" data-swatch-variant="43759136145562" data-swatch-variant-name="Pastel Green"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC61PRO-PGR.jpg?v=1695745395" data-variant="43759136145562" style="--animation-delay: 0.7s; --swatch: var(--pastel-green);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-25-colors?variant=43759136145562" data-swatch="Pastel Green">
        <span class="visually-hidden" data-swatch-text="">Pastel Green</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-orange" data-swatch-button="" data-tooltip="Orange" data-swatch-variant="43759136178330" data-swatch-variant-name="Orange"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC61PRO-OR.jpg?v=1695745395" data-variant="43759136178330" style="--animation-delay: 0.8s; --swatch: var(--orange);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-25-colors?variant=43759136178330" data-swatch="Orange">
        <span class="visually-hidden" data-swatch-text="">Orange</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-red" data-swatch-button="" data-tooltip="Red" data-swatch-variant="43759136211098" data-swatch-variant-name="Red"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC61PRO-RD.jpg?v=1695745395" data-variant="43759136211098" style="--animation-delay: 0.9s; --swatch: var(--red);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-25-colors?variant=43759136211098" data-swatch="Red">
        <span class="visually-hidden" data-swatch-text="">Red</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-burgundy" data-swatch-button="" data-tooltip="Burgundy" data-swatch-variant="43759136243866" data-swatch-variant-name="Burgundy"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC61PRO-BGD.jpg?v=1695745395" data-variant="43759136243866" style="--animation-delay: 1s; --swatch: var(--burgundy);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-25-colors?variant=43759136243866" data-swatch="Burgundy">
        <span class="visually-hidden" data-swatch-text="">Burgundy</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-medium-gray" data-swatch-button="" data-tooltip="Medium Gray" data-swatch-variant="43759136276634" data-swatch-variant-name="Medium Gray"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC61PRO-MGY.jpg?v=1695745395" data-variant="43759136276634" style="--animation-delay: 1.1s; --swatch: var(--medium-gray);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-25-colors?variant=43759136276634" data-swatch="Medium Gray">
        <span class="visually-hidden" data-swatch-text="">Medium Gray</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-black" data-swatch-button="" data-tooltip="Black" data-swatch-variant="43759136309402" data-swatch-variant-name="Black"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC61PRO-BK.jpg?v=1695745395" data-variant="43759136309402" style="--animation-delay: 1.2s; --swatch: var(--black);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-25-colors?variant=43759136309402" data-swatch="Black">
        <span class="visually-hidden" data-swatch-text="">Black</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-white" data-swatch-button="" data-tooltip="White" data-swatch-variant="43759136342170" data-swatch-variant-name="White"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC61PRO-WH.jpg?v=1695745395" data-variant="43759136342170" style="--animation-delay: 1.3s; --swatch: var(--white);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-25-colors?variant=43759136342170" data-swatch="White">
        <span class="visually-hidden" data-swatch-text="">White</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-deep-purple" data-swatch-button="" data-tooltip="Deep Purple" data-swatch-variant="43759136374938" data-swatch-variant-name="Deep Purple"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC61PRO-DPU.jpg?v=1695745395" data-variant="43759136374938" style="--animation-delay: 1.4s; --swatch: var(--deep-purple);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-25-colors?variant=43759136374938" data-swatch="Deep Purple">
        <span class="visually-hidden" data-swatch-text="">Deep Purple</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-brown" data-swatch-button="" data-tooltip="Brown" data-swatch-variant="43759136407706" data-swatch-variant-name="Brown"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC61PRO-BR.jpg?v=1695745395" data-variant="43759136407706" style="--animation-delay: 1.5s; --swatch: var(--brown);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-25-colors?variant=43759136407706" data-swatch="Brown">
        <span class="visually-hidden" data-swatch-text="">Brown</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-yellow" data-swatch-button="" data-tooltip="Yellow" data-swatch-variant="43759136440474" data-swatch-variant-name="Yellow"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC61PRO-YE.jpg?v=1695745395" data-variant="43759136440474" style="--animation-delay: 1.6s; --swatch: var(--yellow);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-25-colors?variant=43759136440474" data-swatch="Yellow">
        <span class="visually-hidden" data-swatch-text="">Yellow</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-hot-pink" data-swatch-button="" data-tooltip="Hot Pink" data-swatch-variant="43759136473242" data-swatch-variant-name="Hot Pink"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC61PRO-HPK.jpg?v=1695745395" data-variant="43759136473242" style="--animation-delay: 1.7s; --swatch: var(--hot-pink);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-25-colors?variant=43759136473242" data-swatch="Hot Pink">
        <span class="visually-hidden" data-swatch-text="">Hot Pink</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-neon-yellow" data-swatch-button="" data-tooltip="Neon Yellow" data-swatch-variant="43759136506010" data-swatch-variant-name="Neon Yellow"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC61PRO-NYE.jpg?v=1695745395" data-variant="43759136506010" style="--animation-delay: 1.8s; --swatch: var(--neon-yellow);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-25-colors?variant=43759136506010" data-swatch="Neon Yellow">
        <span class="visually-hidden" data-swatch-text="">Neon Yellow</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-cobalt-blue" data-swatch-button="" data-tooltip="Cobalt Blue" data-swatch-variant="43759136538778" data-swatch-variant-name="Cobalt Blue"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC61PRO-CBL.jpg?v=1695745395" data-variant="43759136538778" style="--animation-delay: 1.9s; --swatch: var(--cobalt-blue);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-25-colors?variant=43759136538778" data-swatch="Cobalt Blue">
        <span class="visually-hidden" data-swatch-text="">Cobalt Blue</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-light-lilac" data-swatch-button="" data-tooltip="Light Lilac" data-swatch-variant="43759136571546" data-swatch-variant-name="Light Lilac"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC61PRO-LLIL.jpg?v=1695745395" data-variant="43759136571546" style="--animation-delay: 2s; --swatch: var(--light-lilac);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-25-colors?variant=43759136571546" data-swatch="Light Lilac">
        <span class="visually-hidden" data-swatch-text="">Light Lilac</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-aqua-sky" data-swatch-button="" data-tooltip="Aqua Sky" data-swatch-variant="43759136604314" data-swatch-variant-name="Aqua Sky"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC61PRO-ASKY.jpg?v=1695745395" data-variant="43759136604314" style="--animation-delay: 2.1s; --swatch: var(--aqua-sky);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-25-colors?variant=43759136604314" data-swatch="Aqua Sky">
        <span class="visually-hidden" data-swatch-text="">Aqua Sky</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-cedar-green" data-swatch-button="" data-tooltip="Cedar Green" data-swatch-variant="43759136637082" data-swatch-variant-name="Cedar Green"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC61PRO-CGR.jpg?v=1695745395" data-variant="43759136637082" style="--animation-delay: 2.2s; --swatch: var(--cedar-green);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-25-colors?variant=43759136637082" data-swatch="Cedar Green">
        <span class="visually-hidden" data-swatch-text="">Cedar Green</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-salmon" data-swatch-button="" data-tooltip="Salmon" data-swatch-variant="43759136669850" data-swatch-variant-name="Salmon"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC61PRO-SAL.jpg?v=1695745395" data-variant="43759136669850" style="--animation-delay: 2.3s; --swatch: var(--salmon);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-25-colors?variant=43759136669850" data-swatch="Salmon">
        <span class="visually-hidden" data-swatch-text="">Salmon</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-ice-red" data-swatch-button="" data-tooltip="Ice Red" data-swatch-variant="43759136702618" data-swatch-variant-name="Ice Red"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC61PRO-IRED.jpg?v=1695745395" data-variant="43759136702618" style="--animation-delay: 2.4s; --swatch: var(--ice-red);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-25-colors?variant=43759136702618" data-swatch="Ice Red">
        <span class="visually-hidden" data-swatch-text="">Ice Red</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-alpine-green" data-swatch-button="" data-tooltip="Alpine Green" data-swatch-variant="44132025368730" data-swatch-variant-name="Alpine Green"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/41XkvveXOpL.jpg?v=1700257207" data-variant="44132025368730" style="--animation-delay: 2.5s; --swatch: var(--alpine-green);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-25-colors?variant=44132025368730" data-swatch="Alpine Green">
        <span class="visually-hidden" data-swatch-text="">Alpine Green</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-deep-lavender" data-swatch-button="" data-tooltip="Deep Lavender" data-swatch-variant="44132025401498" data-swatch-variant-name="Deep Lavender"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/41Yoc0qXGuL.jpg?v=1700257207" data-variant="44132025401498" style="--animation-delay: 2.6s; --swatch: var(--deep-lavender);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-25-colors?variant=44132025401498" data-swatch="Deep Lavender">
        <span class="visually-hidden" data-swatch-text="">Deep Lavender</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-ocean-blue" data-swatch-button="" data-tooltip="Ocean Blue" data-swatch-variant="44132025434266" data-swatch-variant-name="Ocean Blue"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/41h9wXbXeLL.jpg?v=1700257207" data-variant="44132025434266" style="--animation-delay: 2.7s; --swatch: var(--ocean-blue);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-25-colors?variant=44132025434266" data-swatch="Ocean Blue">
        <span class="visually-hidden" data-swatch-text="">Ocean Blue</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-pomelo-pink" data-swatch-button="" data-tooltip="Pomelo Pink" data-swatch-variant="44132025467034" data-swatch-variant-name="Pomelo Pink"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/41LWNMxSB_L.jpg?v=1700257207" data-variant="44132025467034" style="--animation-delay: 2.8s; --swatch: var(--pomelo-pink);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-25-colors?variant=44132025467034" data-swatch="Pomelo Pink">
        <span class="visually-hidden" data-swatch-text="">Pomelo Pink</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-lime-green" data-swatch-button="" data-tooltip="Lime Green" data-swatch-variant="44132025499802" data-swatch-variant-name="Lime Green"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/41trBhQ4RKL.jpg?v=1700257207" data-variant="44132025499802" style="--animation-delay: 2.9s; --swatch: var(--lime-green);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-25-colors?variant=44132025499802" data-swatch="Lime Green">
        <span class="visually-hidden" data-swatch-text="">Lime Green</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-sunshine" data-swatch-button="" data-tooltip="Sunshine" data-swatch-variant="44833421459610" data-swatch-variant-name="Sunshine"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC61PRO-SUN_1.jpg?v=1714689525" data-variant="44833421459610" style="--animation-delay: 3s; --swatch: var(--sunshine);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-25-colors?variant=44833421459610" data-swatch="Sunshine">
        <span class="visually-hidden" data-swatch-text="">Sunshine</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-soft-mint" data-swatch-button="" data-tooltip="Soft Mint" data-swatch-variant="44833421492378" data-swatch-variant-name="Soft Mint"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC61PRO-SMT_1_e1d6f6c3-7cdb-4571-a061-94bdb20792ed.jpg?v=1714689525" data-variant="44833421492378" style="--animation-delay: 3.1s; --swatch: var(--soft-mint);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-25-colors?variant=44833421492378" data-swatch="Soft Mint">
        <span class="visually-hidden" data-swatch-text="">Soft Mint</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-sky-blue" data-swatch-button="" data-tooltip="Sky Blue" data-swatch-variant="44885136146586" data-swatch-variant-name="Sky Blue"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC61PRO-SBL_1.jpg?v=1715881491" data-variant="44885136146586" style="--animation-delay: 3.2s; --swatch: var(--sky-blue);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-25-colors?variant=44885136146586" data-swatch="Sky Blue">
        <span class="visually-hidden" data-swatch-text="">Sky Blue</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-pink" data-swatch-button="" data-tooltip="Pink" data-swatch-variant="44885136179354" data-swatch-variant-name="Pink"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ES15SC61PRO-PK.jpg?v=1715881492" data-variant="44885136179354" style="--animation-delay: 3.3s; --swatch: var(--pink);">
      <a class="swatch__link" data-swatch-link="" href="/products/premium-silicone-case-for-iphone-15-pro-25-colors?variant=44885136179354" data-swatch="Pink">
        <span class="visually-hidden" data-swatch-text="">Pink</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="magnetic-stand-for-ipads" data-swatch-label="Color" data-swatch-values="Sliver:sliver,Light Blue:light-blue,Sand Pink:sand-pink,Dark Gray:dark-gray">
    <div class="swatches swatch__button swatch__button--square swatch-sliver" data-swatch-button="" data-tooltip="Sliver" data-swatch-variant="42899743146138" data-swatch-variant-name="Sliver"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/EST-MAG-PAD-SL.jpg?v=1692202521" data-variant="42899743146138" style="--animation-delay: 0s; --swatch: var(--sliver);">
      <a class="swatch__link" data-swatch-link="" href="/products/magnetic-stand-for-ipads?variant=42899743146138" data-swatch="Sliver">
        <span class="visually-hidden" data-swatch-text="">Sliver</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-light-blue" data-swatch-button="" data-tooltip="Light Blue" data-swatch-variant="42899754680474" data-swatch-variant-name="Light Blue"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/EST-MAG-PAD-LBL.jpg?v=1692202550" data-variant="42899754680474" style="--animation-delay: 0.1s; --swatch: var(--light-blue);">
      <a class="swatch__link" data-swatch-link="" href="/products/magnetic-stand-for-ipads?variant=42899754680474" data-swatch="Light Blue">
        <span class="visually-hidden" data-swatch-text="">Light Blue</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-sand-pink" data-swatch-button="" data-tooltip="Sand Pink" data-swatch-variant="42899754713242" data-swatch-variant-name="Sand Pink"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/EST-MAG-PAD-SPK.jpg?v=1692202550" data-variant="42899754713242" style="--animation-delay: 0.2s; --swatch: var(--sand-pink);">
      <a class="swatch__link" data-swatch-link="" href="/products/magnetic-stand-for-ipads?variant=42899754713242" data-swatch="Sand Pink">
        <span class="visually-hidden" data-swatch-text="">Sand Pink</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-dark-gray" data-swatch-button="" data-tooltip="Dark Gray" data-swatch-variant="42899754746010" data-swatch-variant-name="Dark Gray"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/EST-MAG-PAD-DGY.jpg?v=1692202550" data-variant="42899754746010" style="--animation-delay: 0.3s; --swatch: var(--dark-gray);">
      <a class="swatch__link" data-swatch-link="" href="/products/magnetic-stand-for-ipads?variant=42899754746010" data-swatch="Dark Gray">
        <span class="visually-hidden" data-swatch-text="">Dark Gray</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="h-stand-3-colors" data-swatch-label="Color" data-swatch-values="Silver:silver,Dark Grey:dark-grey,Gold:gold">
    <div class="swatches swatch__button swatch__button--square swatch-silver" data-swatch-button="" data-tooltip="Silver" data-swatch-variant="40132748935322" data-swatch-variant-name="Silver"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/ST-H_Amazon.jpg?v=1623798648" data-variant="40132748935322" style="--animation-delay: 0s; --swatch: var(--silver);">
      <a class="swatch__link" data-swatch-link="" href="/products/h-stand-3-colors?variant=40132748935322" data-swatch="Silver">
        <span class="visually-hidden" data-swatch-text="">Silver</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-dark-grey" data-swatch-button="" data-tooltip="Dark Grey" data-swatch-variant="40132748968090" data-swatch-variant-name="Dark Grey"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/ST-H_Amazon_2.jpg?v=1713932903" data-variant="40132748968090" style="--animation-delay: 0.1s; --swatch: var(--dark-grey);">
      <a class="swatch__link" data-swatch-link="" href="/products/h-stand-3-colors?variant=40132748968090" data-swatch="Dark Grey">
        <span class="visually-hidden" data-swatch-text="">Dark Grey</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-gold" data-swatch-button="" data-tooltip="Gold" data-swatch-variant="40132749000858" data-swatch-variant-name="Gold"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/416TknhkSIL.jpg?v=1713932903" data-variant="40132749000858" style="--animation-delay: 0.2s; --swatch: var(--gold);">
      <a class="swatch__link" data-swatch-link="" href="/products/h-stand-3-colors?variant=40132749000858" data-swatch="Gold">
        <span class="visually-hidden" data-swatch-text="">Gold</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="ms3-aluminum-charging-stand-for-magsafe-9mjjd-pgfmn-tw8fj-6b35b" data-swatch-label="Color"
    data-swatch-values="Silver:silver,Black:black,Jean Indigo:jean-indigo">
    <div class="swatches swatch__button swatch__button--square swatch-silver" data-swatch-button="" data-tooltip="Silver" data-swatch-variant="39357097115802" data-swatch-variant-name="Silver"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/MSST4-SL_Amazon.jpg?v=1703186914" data-variant="39357097115802" style="--animation-delay: 0s; --swatch: var(--silver);">
      <a class="swatch__link" data-swatch-link="" href="/products/ms3-aluminum-charging-stand-for-magsafe-9mjjd-pgfmn-tw8fj-6b35b?variant=39357097115802" data-swatch="Silver">
        <span class="visually-hidden" data-swatch-text="">Silver</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-black" data-swatch-button="" data-tooltip="Black" data-swatch-variant="39357097148570" data-swatch-variant-name="Black"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/MSST4-BK_Amazon.jpg?v=1703186918" data-variant="39357097148570" style="--animation-delay: 0.1s; --swatch: var(--black);">
      <a class="swatch__link" data-swatch-link="" href="/products/ms3-aluminum-charging-stand-for-magsafe-9mjjd-pgfmn-tw8fj-6b35b?variant=39357097148570" data-swatch="Black">
        <span class="visually-hidden" data-swatch-text="">Black</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-jean-indigo" data-swatch-button="" data-tooltip="Jean Indigo" data-swatch-variant="39357097181338" data-swatch-variant-name="Jean Indigo"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/MSST4-JIN_Amazon.jpg?v=1703186917" data-variant="39357097181338" style="--animation-delay: 0.2s; --swatch: var(--jean-indigo);">
      <a class="swatch__link" data-swatch-link="" href="/products/ms3-aluminum-charging-stand-for-magsafe-9mjjd-pgfmn-tw8fj-6b35b?variant=39357097181338" data-swatch="Jean Indigo">
        <span class="visually-hidden" data-swatch-text="">Jean Indigo</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="ms2-charging-stand-for-magsafe-black-67hgb-kjx2a-98kls-pj3z8" data-swatch-label="Color"
    data-swatch-values="Stone:stone,Black:black,Jean Indigo:jean-indigo,Sand Pink:sand-pink,White:white">
    <div class="swatches swatch__button swatch__button--square swatch-stone" data-swatch-button="" data-tooltip="Stone" data-swatch-variant="43919036285082" data-swatch-variant-name="Stone"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/MSST2-ST_Amazon.jpg?v=1713997491" data-variant="43919036285082" style="--animation-delay: 0s; --swatch: var(--stone);">
      <a class="swatch__link" data-swatch-link="" href="/products/ms2-charging-stand-for-magsafe-black-67hgb-kjx2a-98kls-pj3z8?variant=43919036285082" data-swatch="Stone">
        <span class="visually-hidden" data-swatch-text="">Stone</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-black" data-swatch-button="" data-tooltip="Black" data-swatch-variant="39357093413018" data-swatch-variant-name="Black"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ST-MS2-BK_Amazon.jpg?v=1713997491" data-variant="39357093413018" style="--animation-delay: 0.1s; --swatch: var(--black);">
      <a class="swatch__link" data-swatch-link="" href="/products/ms2-charging-stand-for-magsafe-black-67hgb-kjx2a-98kls-pj3z8?variant=39357093413018" data-swatch="Black">
        <span class="visually-hidden" data-swatch-text="">Black</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-jean-indigo" data-swatch-button="" data-tooltip="Jean Indigo" data-swatch-variant="42649383993498" data-swatch-variant-name="Jean Indigo"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ST-MS2-JIN_Amazon_1.jpg?v=1713997491" data-variant="42649383993498" style="--animation-delay: 0.2s; --swatch: var(--jean-indigo);">
      <a class="swatch__link" data-swatch-link="" href="/products/ms2-charging-stand-for-magsafe-black-67hgb-kjx2a-98kls-pj3z8?variant=42649383993498" data-swatch="Jean Indigo">
        <span class="visually-hidden" data-swatch-text="">Jean Indigo</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-sand-pink" data-swatch-button="" data-tooltip="Sand Pink" data-swatch-variant="42649385205914" data-swatch-variant-name="Sand Pink"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ST-MS2-SPK_Amazon.jpg?v=1713997491" data-variant="42649385205914" style="--animation-delay: 0.3s; --swatch: var(--sand-pink);">
      <a class="swatch__link" data-swatch-link="" href="/products/ms2-charging-stand-for-magsafe-black-67hgb-kjx2a-98kls-pj3z8?variant=42649385205914" data-swatch="Sand Pink">
        <span class="visually-hidden" data-swatch-text="">Sand Pink</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-white" data-swatch-button="" data-tooltip="White" data-swatch-variant="42649386746010" data-swatch-variant-name="White"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ST-MS2-WH_Amazon.jpg?v=1713997491" data-variant="42649386746010" style="--animation-delay: 0.4s; --swatch: var(--white);">
      <a class="swatch__link" data-swatch-link="" href="/products/ms2-charging-stand-for-magsafe-black-67hgb-kjx2a-98kls-pj3z8?variant=42649386746010" data-swatch="White">
        <span class="visually-hidden" data-swatch-text="">White</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="magnetic-cable-management-black-9cjhp-65j52" data-swatch-label="Color" data-swatch-values="White:white,Black:black">
    <div class="swatches swatch__button swatch__button--square swatch-white" data-swatch-button="" data-tooltip="White" data-swatch-variant="39586943926426" data-swatch-variant-name="White"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/CABLE-MANAGE-WH_Amazon.jpg?v=1713997464" data-variant="39586943926426" style="--animation-delay: 0s; --swatch: var(--white);">
      <a class="swatch__link" data-swatch-link="" href="/products/magnetic-cable-management-black-9cjhp-65j52?variant=39586943926426" data-swatch="White">
        <span class="visually-hidden" data-swatch-text="">White</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-black" data-swatch-button="" data-tooltip="Black" data-swatch-variant="39586943893658" data-swatch-variant-name="Black"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/CABLE-MANAGE-BK_28Amazon_29_a104f3de-7c71-4b43-acd9-c117a2fa746d.jpg?v=1713997464" data-variant="39586943893658"
      style="--animation-delay: 0.1s; --swatch: var(--black);">
      <a class="swatch__link" data-swatch-link="" href="/products/magnetic-cable-management-black-9cjhp-65j52?variant=39586943893658" data-swatch="Black">
        <span class="visually-hidden" data-swatch-text="">Black</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="home-stand-for-apple-pencil-and-any-tablet-stylus-3-colors" data-swatch-label="Color" data-swatch-values="Stone:stone,Dark Grey:dark-grey,Sand Pink:sand-pink">
    <div class="swatches swatch__button swatch__button--square swatch-stone" data-swatch-button="" data-tooltip="Stone" data-swatch-variant="41699893280922" data-swatch-variant-name="Stone"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/ST-APEN-HOME-ST-TH.jpg?v=1647935060" data-variant="41699893280922" style="--animation-delay: 0s; --swatch: var(--stone);">
      <a class="swatch__link" data-swatch-link="" href="/products/home-stand-for-apple-pencil-and-any-tablet-stylus-3-colors?variant=41699893280922" data-swatch="Stone">
        <span class="visually-hidden" data-swatch-text="">Stone</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-dark-grey" data-swatch-button="" data-tooltip="Dark Grey" data-swatch-variant="41699893313690" data-swatch-variant-name="Dark Grey"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/ST-APEN-HOME-DGY-TH.jpg?v=1715364276" data-variant="41699893313690" style="--animation-delay: 0.1s; --swatch: var(--dark-grey);">
      <a class="swatch__link" data-swatch-link="" href="/products/home-stand-for-apple-pencil-and-any-tablet-stylus-3-colors?variant=41699893313690" data-swatch="Dark Grey">
        <span class="visually-hidden" data-swatch-text="">Dark Grey</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-sand-pink" data-swatch-button="" data-tooltip="Sand Pink" data-swatch-variant="41699893346458" data-swatch-variant-name="Sand Pink"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/ST-APEN-HOME-SPK-TH.jpg?v=1715364276" data-variant="41699893346458" style="--animation-delay: 0.2s; --swatch: var(--sand-pink);">
      <a class="swatch__link" data-swatch-link="" href="/products/home-stand-for-apple-pencil-and-any-tablet-stylus-3-colors?variant=41699893346458" data-swatch="Sand Pink">
        <span class="visually-hidden" data-swatch-text="">Sand Pink</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="w3-stand-white" data-swatch-label="Color" data-swatch-values="Classic White:classic-white,Black:black">
    <div class="swatches swatch__button swatch__button--square swatch-classic-white" data-swatch-button="" data-tooltip="Classic White" data-swatch-variant="39805327212698" data-swatch-variant-name="Classic White"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/61xIR_2B5u_2BaL._SL1500.jpg?v=1601653543" data-variant="39805327212698" style="--animation-delay: 0s; --swatch: var(--classic-white);">
      <a class="swatch__link" data-swatch-link="" href="/products/w3-stand-white?variant=39805327212698" data-swatch="Classic White">
        <span class="visually-hidden" data-swatch-text="">Classic White</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-black" data-swatch-button="" data-tooltip="Black" data-swatch-variant="39805327245466" data-swatch-variant-name="Black"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/71SD6SDGRfL._SL1500_3876729a-2f9e-4222-9791-65083f5f3680.jpg?v=1694566229" data-variant="39805327245466" style="--animation-delay: 0.1s; --swatch: var(--black);">
      <a class="swatch__link" data-swatch-link="" href="/products/w3-stand-white?variant=39805327245466" data-swatch="Black">
        <span class="visually-hidden" data-swatch-text="">Black</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

POST /cart/add

<form method="post" action="/cart/add" id="ProductForm--template--16817814077594__section_collction_slider_dni7zr-7827678560410" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type"
    value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="id" value="43596257886362"><button class="quick-add__button caps" type="submit" name="add" aria-label="Add to cart" data-add-to-cart="">
    <span class="btn__text"><svg fill="#111" width="800px" height="800px" viewBox="0 0 24 24" id="plus" data-name="Line Color" xmlns="http://www.w3.org/2000/svg" class="icon line-color">
        <path id="primary" d="M5,12H19M12,5V19" style="fill: none; stroke: #111; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;"></path>
      </svg> Add to cart</span>
    <span class="btn__plus"></span>
    <span class="btn__added">&nbsp;</span>
    <span class="btn__loader">
      <svg height="18" width="18" class="svg-loader">
        <circle r="7" cx="9" cy="9"></circle>
        <circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
      </svg>
    </span>
    <span class="btn__error" data-message-error="">&nbsp;</span>
  </button><input type="hidden" name="product-id" value="7827678560410"><input type="hidden" name="section-id" value="template--16817814077594__section_collction_slider_dni7zr"></form>

POST /cart/add

<form method="post" action="/cart/add" id="ProductForm--template--16817814077594__section_collction_slider_dni7zr-8080615243930" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type"
    value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="id" value="44527211577498"><button class="quick-add__button caps" type="submit" name="add" aria-label="Add to cart" data-add-to-cart="">
    <span class="btn__text"><svg fill="#111" width="800px" height="800px" viewBox="0 0 24 24" id="plus" data-name="Line Color" xmlns="http://www.w3.org/2000/svg" class="icon line-color">
        <path id="primary" d="M5,12H19M12,5V19" style="fill: none; stroke: #111; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;"></path>
      </svg> Add to cart</span>
    <span class="btn__plus"></span>
    <span class="btn__added">&nbsp;</span>
    <span class="btn__loader">
      <svg height="18" width="18" class="svg-loader">
        <circle r="7" cx="9" cy="9"></circle>
        <circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
      </svg>
    </span>
    <span class="btn__error" data-message-error="">&nbsp;</span>
  </button><input type="hidden" name="product-id" value="8080615243930"><input type="hidden" name="section-id" value="template--16817814077594__section_collction_slider_dni7zr"></form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="silicon-stand-for-apple-pencil-1st-2nd-generation" data-swatch-label="Color" data-swatch-values="Black:black,White:white,Mint:mint,Lovely Pink:lovely-pink">
    <div class="swatches swatch__button swatch__button--square swatch-black" data-swatch-button="" data-tooltip="Black" data-swatch-variant="41975636000922" data-swatch-variant-name="Black"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/51dIeDC187L.jpg?v=1690479477" data-variant="41975636000922" style="--animation-delay: 0s; --swatch: var(--black);">
      <a class="swatch__link" data-swatch-link="" href="/products/silicon-stand-for-apple-pencil-1st-2nd-generation?variant=41975636000922" data-swatch="Black">
        <span class="visually-hidden" data-swatch-text="">Black</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-white" data-swatch-button="" data-tooltip="White" data-swatch-variant="41932821692570" data-swatch-variant-name="White"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/51hmbyQ-DgL._AC_SL1500.jpg?v=1715368782" data-variant="41932821692570" style="--animation-delay: 0.1s; --swatch: var(--white);">
      <a class="swatch__link" data-swatch-link="" href="/products/silicon-stand-for-apple-pencil-1st-2nd-generation?variant=41932821692570" data-swatch="White">
        <span class="visually-hidden" data-swatch-text="">White</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-mint" data-swatch-button="" data-tooltip="Mint" data-swatch-variant="41975636033690" data-swatch-variant-name="Mint"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/41Afc3pnyzL._AC_SL1500.jpg?v=1715368782" data-variant="41975636033690" style="--animation-delay: 0.2s; --swatch: var(--mint);">
      <a class="swatch__link" data-swatch-link="" href="/products/silicon-stand-for-apple-pencil-1st-2nd-generation?variant=41975636033690" data-swatch="Mint">
        <span class="visually-hidden" data-swatch-text="">Mint</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-lovely-pink" data-swatch-button="" data-tooltip="Lovely Pink" data-swatch-variant="41975636066458" data-swatch-variant-name="Lovely Pink"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/51ygHbymt1L._AC_SL1500.jpg?v=1715368782" data-variant="41975636066458" style="--animation-delay: 0.3s; --swatch: var(--lovely-pink);">
      <a class="swatch__link" data-swatch-link="" href="/products/silicon-stand-for-apple-pencil-1st-2nd-generation?variant=41975636066458" data-swatch="Lovely Pink">
        <span class="visually-hidden" data-swatch-text="">Lovely Pink</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="magnet-cable-tie" data-swatch-label="Color" data-swatch-values="Black:black,Stone:stone">
    <div class="swatches swatch__button swatch__button--square swatch-black" data-swatch-button="" data-tooltip="Black" data-swatch-variant="44747930828954" data-swatch-variant-name="Black"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ECA-MAGTIE-BK.jpg?v=1715814427" data-variant="44747930828954" style="--animation-delay: 0s; --swatch: var(--black);">
      <a class="swatch__link" data-swatch-link="" href="/products/magnet-cable-tie?variant=44747930828954" data-swatch="Black">
        <span class="visually-hidden" data-swatch-text="">Black</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-stone" data-swatch-button="" data-tooltip="Stone" data-swatch-variant="44747930861722" data-swatch-variant-name="Stone"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ECA-MAGTIE-ST.jpg?v=1715814432" data-variant="44747930861722" style="--animation-delay: 0.1s; --swatch: var(--stone);">
      <a class="swatch__link" data-swatch-link="" href="/products/magnet-cable-tie?variant=44747930861722" data-swatch="Stone">
        <span class="visually-hidden" data-swatch-text="">Stone</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

POST /cart/add

<form method="post" action="/cart/add" id="ProductForm--template--16817814077594__section_collction_slider_dni7zr-8100811899034" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type"
    value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="id" value="44592337551514"><button class="quick-add__button caps" type="submit" name="add" aria-label="Add to cart" data-add-to-cart="">
    <span class="btn__text"><svg fill="#111" width="800px" height="800px" viewBox="0 0 24 24" id="plus" data-name="Line Color" xmlns="http://www.w3.org/2000/svg" class="icon line-color">
        <path id="primary" d="M5,12H19M12,5V19" style="fill: none; stroke: #111; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;"></path>
      </svg> Add to cart</span>
    <span class="btn__plus"></span>
    <span class="btn__added">&nbsp;</span>
    <span class="btn__loader">
      <svg height="18" width="18" class="svg-loader">
        <circle r="7" cx="9" cy="9"></circle>
        <circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
      </svg>
    </span>
    <span class="btn__error" data-message-error="">&nbsp;</span>
  </button><input type="hidden" name="product-id" value="8100811899034"><input type="hidden" name="section-id" value="template--16817814077594__section_collction_slider_dni7zr"></form>

POST /cart/add

<form method="post" action="/cart/add" id="ProductForm--template--16817814077594__section_collction_slider_dni7zr-7985438195866" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type"
    value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="id" value="44117070217370"><button class="quick-add__button caps" type="submit" name="add" aria-label="Add to cart" data-add-to-cart="">
    <span class="btn__text"><svg fill="#111" width="800px" height="800px" viewBox="0 0 24 24" id="plus" data-name="Line Color" xmlns="http://www.w3.org/2000/svg" class="icon line-color">
        <path id="primary" d="M5,12H19M12,5V19" style="fill: none; stroke: #111; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;"></path>
      </svg> Add to cart</span>
    <span class="btn__plus"></span>
    <span class="btn__added">&nbsp;</span>
    <span class="btn__loader">
      <svg height="18" width="18" class="svg-loader">
        <circle r="7" cx="9" cy="9"></circle>
        <circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
      </svg>
    </span>
    <span class="btn__error" data-message-error="">&nbsp;</span>
  </button><input type="hidden" name="product-id" value="7985438195866"><input type="hidden" name="section-id" value="template--16817814077594__section_collction_slider_dni7zr"></form>

POST /cart/add

<form method="post" action="/cart/add" id="ProductForm--template--16817814077594__section_collction_slider_dni7zr-8056411553946" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type"
    value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="id" value="44447371231386"><button class="quick-add__button caps" type="submit" name="add" aria-label="Add to cart" data-add-to-cart="">
    <span class="btn__text"><svg fill="#111" width="800px" height="800px" viewBox="0 0 24 24" id="plus" data-name="Line Color" xmlns="http://www.w3.org/2000/svg" class="icon line-color">
        <path id="primary" d="M5,12H19M12,5V19" style="fill: none; stroke: #111; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;"></path>
      </svg> Add to cart</span>
    <span class="btn__plus"></span>
    <span class="btn__added">&nbsp;</span>
    <span class="btn__loader">
      <svg height="18" width="18" class="svg-loader">
        <circle r="7" cx="9" cy="9"></circle>
        <circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
      </svg>
    </span>
    <span class="btn__error" data-message-error="">&nbsp;</span>
  </button><input type="hidden" name="product-id" value="8056411553946"><input type="hidden" name="section-id" value="template--16817814077594__section_collction_slider_dni7zr"></form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="phone-holder-mount-for-all-phone-models-2-colors" data-swatch-label="Color" data-swatch-values="Black:black,White:white">
    <div class="swatches swatch__button swatch__button--square swatch-black" data-swatch-button="" data-tooltip="Black" data-swatch-variant="43907009216666" data-swatch-variant-name="Black"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/31gXiArT8_L.jpg?v=1695072731" data-variant="43907009216666" style="--animation-delay: 0s; --swatch: var(--black);">
      <a class="swatch__link" data-swatch-link="" href="/products/phone-holder-mount-for-all-phone-models-2-colors?variant=43907009216666" data-swatch="Black">
        <span class="visually-hidden" data-swatch-text="">Black</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-white" data-swatch-button="" data-tooltip="White" data-swatch-variant="43907009282202" data-swatch-variant-name="White"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/31uGCMUj1SL.jpg?v=1695072732" data-variant="43907009282202" style="--animation-delay: 0.1s; --swatch: var(--white);">
      <a class="swatch__link" data-swatch-link="" href="/products/phone-holder-mount-for-all-phone-models-2-colors?variant=43907009282202" data-swatch="White">
        <span class="visually-hidden" data-swatch-text="">White</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="ultra-slim-hard-case-for-mabcook-air-15-3-inch-m2-2-colors" data-swatch-label="Color" data-swatch-values="Clear:clear,Dark Grey:dark-grey">
    <div class="swatches swatch__button swatch__button--square swatch-clear" data-swatch-button="" data-tooltip="Clear" data-swatch-variant="43907083403418" data-swatch-variant-name="Clear"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/MBAIR15.3M2SM-CL.jpg?v=1696879845" data-variant="43907083403418" style="--animation-delay: 0s; --swatch: var(--clear);">
      <a class="swatch__link" data-swatch-link="" href="/products/ultra-slim-hard-case-for-mabcook-air-15-3-inch-m2-2-colors?variant=43907083403418" data-swatch="Clear">
        <span class="visually-hidden" data-swatch-text="">Clear</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-dark-grey" data-swatch-button="" data-tooltip="Dark Grey" data-swatch-variant="43907085303962" data-swatch-variant-name="Dark Grey"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/MBAIR15.3M2SM-DGY.jpg?v=1696879859" data-variant="43907085303962" style="--animation-delay: 0.1s; --swatch: var(--dark-grey);">
      <a class="swatch__link" data-swatch-link="" href="/products/ultra-slim-hard-case-for-mabcook-air-15-3-inch-m2-2-colors?variant=43907085303962" data-swatch="Dark Grey">
        <span class="visually-hidden" data-swatch-text="">Dark Grey</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

POST /cart/add

<form method="post" action="/cart/add" id="ProductForm--template--16817814077594__section_collction_slider_dni7zr-7890087149722" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type"
    value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="id" value="43829504049306"><button class="quick-add__button caps" type="submit" name="add" aria-label="Add to cart" data-add-to-cart="">
    <span class="btn__text"><svg fill="#111" width="800px" height="800px" viewBox="0 0 24 24" id="plus" data-name="Line Color" xmlns="http://www.w3.org/2000/svg" class="icon line-color">
        <path id="primary" d="M5,12H19M12,5V19" style="fill: none; stroke: #111; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;"></path>
      </svg> Add to cart</span>
    <span class="btn__plus"></span>
    <span class="btn__added">&nbsp;</span>
    <span class="btn__loader">
      <svg height="18" width="18" class="svg-loader">
        <circle r="7" cx="9" cy="9"></circle>
        <circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
      </svg>
    </span>
    <span class="btn__error" data-message-error="">&nbsp;</span>
  </button><input type="hidden" name="product-id" value="7890087149722"><input type="hidden" name="section-id" value="template--16817814077594__section_collction_slider_dni7zr"></form>

POST /cart/add

<form method="post" action="/cart/add" id="ProductForm--template--16817814077594__section_collction_slider_dni7zr-7745831501978" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type"
    value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="id" value="43417920045210"><button class="quick-add__button caps" type="submit" name="add" aria-label="Add to cart" data-add-to-cart="">
    <span class="btn__text"><svg fill="#111" width="800px" height="800px" viewBox="0 0 24 24" id="plus" data-name="Line Color" xmlns="http://www.w3.org/2000/svg" class="icon line-color">
        <path id="primary" d="M5,12H19M12,5V19" style="fill: none; stroke: #111; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;"></path>
      </svg> Add to cart</span>
    <span class="btn__plus"></span>
    <span class="btn__added">&nbsp;</span>
    <span class="btn__loader">
      <svg height="18" width="18" class="svg-loader">
        <circle r="7" cx="9" cy="9"></circle>
        <circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
      </svg>
    </span>
    <span class="btn__error" data-message-error="">&nbsp;</span>
  </button><input type="hidden" name="product-id" value="7745831501978"><input type="hidden" name="section-id" value="template--16817814077594__section_collction_slider_dni7zr"></form>

POST /cart/add

<form method="post" action="/cart/add" id="ProductForm--template--16817814077594__section_collction_slider_dni7zr-7850189422746" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type"
    value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="id" value="43681248247962"><button class="quick-add__button caps" type="submit" name="add" aria-label="Add to cart" data-add-to-cart="">
    <span class="btn__text"><svg fill="#111" width="800px" height="800px" viewBox="0 0 24 24" id="plus" data-name="Line Color" xmlns="http://www.w3.org/2000/svg" class="icon line-color">
        <path id="primary" d="M5,12H19M12,5V19" style="fill: none; stroke: #111; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;"></path>
      </svg> Add to cart</span>
    <span class="btn__plus"></span>
    <span class="btn__added">&nbsp;</span>
    <span class="btn__loader">
      <svg height="18" width="18" class="svg-loader">
        <circle r="7" cx="9" cy="9"></circle>
        <circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
      </svg>
    </span>
    <span class="btn__error" data-message-error="">&nbsp;</span>
  </button><input type="hidden" name="product-id" value="7850189422746"><input type="hidden" name="section-id" value="template--16817814077594__section_collction_slider_dni7zr"></form>

POST /cart/add

<form method="post" action="/cart/add" id="ProductForm--template--16817814077594__section_collction_slider_dni7zr-7768955977882" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type"
    value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="id" value="43461785976986"><button class="quick-add__button caps" type="submit" name="add" aria-label="Add to cart" data-add-to-cart="">
    <span class="btn__text"><svg fill="#111" width="800px" height="800px" viewBox="0 0 24 24" id="plus" data-name="Line Color" xmlns="http://www.w3.org/2000/svg" class="icon line-color">
        <path id="primary" d="M5,12H19M12,5V19" style="fill: none; stroke: #111; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;"></path>
      </svg> Add to cart</span>
    <span class="btn__plus"></span>
    <span class="btn__added">&nbsp;</span>
    <span class="btn__loader">
      <svg height="18" width="18" class="svg-loader">
        <circle r="7" cx="9" cy="9"></circle>
        <circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
      </svg>
    </span>
    <span class="btn__error" data-message-error="">&nbsp;</span>
  </button><input type="hidden" name="product-id" value="7768955977882"><input type="hidden" name="section-id" value="template--16817814077594__section_collction_slider_dni7zr"></form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="gwt5-stand-for-galaxy-watch-5-2-colors" data-swatch-label="Color" data-swatch-values="Dark Gray:dark-gray,Light Gray:light-gray">
    <div class="swatches swatch__button swatch__button--square swatch-dark-gray" data-swatch-button="" data-tooltip="Dark Gray" data-swatch-variant="42496260407450" data-swatch-variant-name="Dark Gray"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/ST-GWT5-29-DGY_Amazon.jpg?v=1713909000" data-variant="42496260407450" style="--animation-delay: 0s; --swatch: var(--dark-gray);">
      <a class="swatch__link" data-swatch-link="" href="/products/gwt5-stand-for-galaxy-watch-5-2-colors?variant=42496260407450" data-swatch="Dark Gray">
        <span class="visually-hidden" data-swatch-text="">Dark Gray</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-light-gray" data-swatch-button="" data-tooltip="Light Gray" data-swatch-variant="42496260440218" data-swatch-variant-name="Light Gray"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/ST-GWT5-29-LGY_Amazon.jpg?v=1665083936" data-variant="42496260440218" style="--animation-delay: 0.1s; --swatch: var(--light-gray);">
      <a class="swatch__link" data-swatch-link="" href="/products/gwt5-stand-for-galaxy-watch-5-2-colors?variant=42496260440218" data-swatch="Light Gray">
        <span class="visually-hidden" data-swatch-text="">Light Gray</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="gwt4-stand-for-galaxy-watch-5-2-colors" data-swatch-label="Color" data-swatch-values="Light Gray:light-gray,Dark Gray:dark-gray">
    <div class="swatches swatch__button swatch__button--square swatch-light-gray" data-swatch-button="" data-tooltip="Light Gray" data-swatch-variant="42496243728538" data-swatch-variant-name="Light Gray"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/ST-GWT4-29-LGY_Amazon.jpg?v=1715360924" data-variant="42496243728538" style="--animation-delay: 0s; --swatch: var(--light-gray);">
      <a class="swatch__link" data-swatch-link="" href="/products/gwt4-stand-for-galaxy-watch-5-2-colors?variant=42496243728538" data-swatch="Light Gray">
        <span class="visually-hidden" data-swatch-text="">Light Gray</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-dark-gray" data-swatch-button="" data-tooltip="Dark Gray" data-swatch-variant="42496243761306" data-swatch-variant-name="Dark Gray"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/ST-GWT4-29-DGY_Amazon.jpg?v=1665083818" data-variant="42496243761306" style="--animation-delay: 0.1s; --swatch: var(--dark-gray);">
      <a class="swatch__link" data-swatch-link="" href="/products/gwt4-stand-for-galaxy-watch-5-2-colors?variant=42496243761306" data-swatch="Dark Gray">
        <span class="visually-hidden" data-swatch-text="">Dark Gray</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="w9-stand-for-apple-watch-ultra-2-colors" data-swatch-label="Color" data-swatch-values="Light Grey:light-grey,Dark Grey:dark-grey">
    <div class="swatches swatch__button swatch__button--square swatch-light-grey" data-swatch-button="" data-tooltip="Light Grey" data-swatch-variant="43251782123674" data-swatch-variant-name="Light Grey"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/ST-WT9-ULTRA-LGY_Amazon.jpg?v=1676328197" data-variant="43251782123674" style="--animation-delay: 0s; --swatch: var(--light-grey);">
      <a class="swatch__link" data-swatch-link="" href="/products/w9-stand-for-apple-watch-ultra-2-colors?variant=43251782123674" data-swatch="Light Grey">
        <span class="visually-hidden" data-swatch-text="">Light Grey</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-dark-grey" data-swatch-button="" data-tooltip="Dark Grey" data-swatch-variant="43251782058138" data-swatch-variant-name="Dark Grey"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/ST-WT9-ULTRA-DGY_Amazon.jpg?v=1694566813" data-variant="43251782058138" style="--animation-delay: 0.1s; --swatch: var(--dark-grey);">
      <a class="swatch__link" data-swatch-link="" href="/products/w9-stand-for-apple-watch-ultra-2-colors?variant=43251782058138" data-swatch="Dark Grey">
        <span class="visually-hidden" data-swatch-text="">Dark Grey</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

POST /cart/add

<form method="post" action="/cart/add" id="ProductForm--template--16817814077594__section_collction_slider_dni7zr-7681486028954" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type"
    value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="id" value="43240844099738"><button class="quick-add__button caps" type="submit" name="add" aria-label="Add to cart" data-add-to-cart="">
    <span class="btn__text"><svg fill="#111" width="800px" height="800px" viewBox="0 0 24 24" id="plus" data-name="Line Color" xmlns="http://www.w3.org/2000/svg" class="icon line-color">
        <path id="primary" d="M5,12H19M12,5V19" style="fill: none; stroke: #111; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;"></path>
      </svg> Add to cart</span>
    <span class="btn__plus"></span>
    <span class="btn__added">&nbsp;</span>
    <span class="btn__loader">
      <svg height="18" width="18" class="svg-loader">
        <circle r="7" cx="9" cy="9"></circle>
        <circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
      </svg>
    </span>
    <span class="btn__error" data-message-error="">&nbsp;</span>
  </button><input type="hidden" name="product-id" value="7681486028954"><input type="hidden" name="section-id" value="template--16817814077594__section_collction_slider_dni7zr"></form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="w5-stand-for-apple-watch-ultra-2-colors" data-swatch-label="Color" data-swatch-values="Classic White:classic-white,Black:black">
    <div class="swatches swatch__button swatch__button--square swatch-classic-white" data-swatch-button="" data-tooltip="Classic White" data-swatch-variant="43019665997978" data-swatch-variant-name="Classic White"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/ST-WT5-ULTRA-LGY_Amazon.jpg?v=1694566713" data-variant="43019665997978" style="--animation-delay: 0s; --swatch: var(--classic-white);">
      <a class="swatch__link" data-swatch-link="" href="/products/w5-stand-for-apple-watch-ultra-2-colors?variant=43019665997978" data-swatch="Classic White">
        <span class="visually-hidden" data-swatch-text="">Classic White</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-black" data-swatch-button="" data-tooltip="Black" data-swatch-variant="43019666030746" data-swatch-variant-name="Black"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/ST-WT5-ULTRA-BK_Amazon.jpg?v=1694566713" data-variant="43019666030746" style="--animation-delay: 0.1s; --swatch: var(--black);">
      <a class="swatch__link" data-swatch-link="" href="/products/w5-stand-for-apple-watch-ultra-2-colors?variant=43019666030746" data-swatch="Black">
        <span class="visually-hidden" data-swatch-text="">Black</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="w-stand-champagne-gold" data-swatch-label="Color"
    data-swatch-values="Champagne Gold:champagne-gold,Rose Gold:rose-gold,Silver:silver,Black:black,Dark Grey:dark-grey">
    <div class="swatches swatch__button swatch__button--square swatch-champagne-gold" data-swatch-button="" data-tooltip="Champagne Gold" data-swatch-variant="39969691107482" data-swatch-variant-name="Champagne Gold"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/EST-WT-GD.jpg?v=1601653515" data-variant="39969691107482" style="--animation-delay: 0s; --swatch: var(--champagne-gold);">
      <a class="swatch__link" data-swatch-link="" href="/products/w-stand-champagne-gold?variant=39969691107482" data-swatch="Champagne Gold">
        <span class="visually-hidden" data-swatch-text="">Champagne Gold</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-rose-gold" data-swatch-button="" data-tooltip="Rose Gold" data-swatch-variant="39969691140250" data-swatch-variant-name="Rose Gold"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/61Y2U4sDHkL._SL1488_1bcb9ad6-83ed-4b11-8c29-d24ee50059c2.jpg?v=1713909693" data-variant="39969691140250" style="--animation-delay: 0.1s; --swatch: var(--rose-gold);">
      <a class="swatch__link" data-swatch-link="" href="/products/w-stand-champagne-gold?variant=39969691140250" data-swatch="Rose Gold">
        <span class="visually-hidden" data-swatch-text="">Rose Gold</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-silver" data-swatch-button="" data-tooltip="Silver" data-swatch-variant="39969691173018" data-swatch-variant-name="Silver"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/EST-WT-SL_a23770b7-4514-4a2a-9bf9-cf08919f3d04.jpg?v=1713909693" data-variant="39969691173018" style="--animation-delay: 0.2s; --swatch: var(--silver);">
      <a class="swatch__link" data-swatch-link="" href="/products/w-stand-champagne-gold?variant=39969691173018" data-swatch="Silver">
        <span class="visually-hidden" data-swatch-text="">Silver</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-black" data-swatch-button="" data-tooltip="Black" data-swatch-variant="39969691205786" data-swatch-variant-name="Black"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/EST-WT-BK_b0d08487-43d1-49d9-801b-25963b8a90b8.jpg?v=1713909710" data-variant="39969691205786" style="--animation-delay: 0.3s; --swatch: var(--black);">
      <a class="swatch__link" data-swatch-link="" href="/products/w-stand-champagne-gold?variant=39969691205786" data-swatch="Black">
        <span class="visually-hidden" data-swatch-text="">Black</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-dark-grey" data-swatch-button="" data-tooltip="Dark Grey" data-swatch-variant="39969691238554" data-swatch-variant-name="Dark Grey"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/EST-WT-DGY_e35c4faf-e371-4b13-b594-80a4c6c1707e.jpg?v=1713909710" data-variant="39969691238554" style="--animation-delay: 0.4s; --swatch: var(--dark-grey);">
      <a class="swatch__link" data-swatch-link="" href="/products/w-stand-champagne-gold?variant=39969691238554" data-swatch="Dark Grey">
        <span class="visually-hidden" data-swatch-text="">Dark Grey</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="w2-stand-black" data-swatch-label="Color"
    data-swatch-values="Black:black,Dark Grey:dark-grey,Jean Indigo:jean-indigo,Lavender Grey:lavender-grey,Lovely Pink:lovely-pink,Mint:mint,Red:red,Stone:stone,White:white">
    <div class="swatches swatch__button swatch__button--square swatch-black" data-swatch-button="" data-tooltip="Black" data-swatch-variant="39803809202330" data-swatch-variant-name="Black"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/51QK1_tpTNL._AC_SL1240.jpg?v=1690479605" data-variant="39803809202330" style="--animation-delay: 0s; --swatch: var(--black);">
      <a class="swatch__link" data-swatch-link="" href="/products/w2-stand-black?variant=39803809202330" data-swatch="Black">
        <span class="visually-hidden" data-swatch-text="">Black</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-dark-grey" data-swatch-button="" data-tooltip="Dark Grey" data-swatch-variant="39803809235098" data-swatch-variant-name="Dark Grey"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/W2-DGY_Amazon_2.jpg?v=1713909842" data-variant="39803809235098" style="--animation-delay: 0.1s; --swatch: var(--dark-grey);">
      <a class="swatch__link" data-swatch-link="" href="/products/w2-stand-black?variant=39803809235098" data-swatch="Dark Grey">
        <span class="visually-hidden" data-swatch-text="">Dark Grey</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-jean-indigo" data-swatch-button="" data-tooltip="Jean Indigo" data-swatch-variant="39805266296986" data-swatch-variant-name="Jean Indigo"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/51ueonkgVNL._AC_SL1240.jpg?v=1713909842" data-variant="39805266296986" style="--animation-delay: 0.2s; --swatch: var(--jean-indigo);">
      <a class="swatch__link" data-swatch-link="" href="/products/w2-stand-black?variant=39805266296986" data-swatch="Jean Indigo">
        <span class="visually-hidden" data-swatch-text="">Jean Indigo</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-lavender-grey" data-swatch-button="" data-tooltip="Lavender Grey" data-swatch-variant="39805270327450" data-swatch-variant-name="Lavender Grey"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/51nY-MddakL._AC_SL1240.jpg?v=1713909842" data-variant="39805270327450" style="--animation-delay: 0.3s; --swatch: var(--lavender-grey);">
      <a class="swatch__link" data-swatch-link="" href="/products/w2-stand-black?variant=39805270327450" data-swatch="Lavender Grey">
        <span class="visually-hidden" data-swatch-text="">Lavender Grey</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-lovely-pink" data-swatch-button="" data-tooltip="Lovely Pink" data-swatch-variant="39805272260762" data-swatch-variant-name="Lovely Pink"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/51Ln9ahMsyL._AC_SL1240.jpg?v=1713909842" data-variant="39805272260762" style="--animation-delay: 0.4s; --swatch: var(--lovely-pink);">
      <a class="swatch__link" data-swatch-link="" href="/products/w2-stand-black?variant=39805272260762" data-swatch="Lovely Pink">
        <span class="visually-hidden" data-swatch-text="">Lovely Pink</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-mint" data-swatch-button="" data-tooltip="Mint" data-swatch-variant="39805272653978" data-swatch-variant-name="Mint"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/51rdOyhfDFL._AC_SL1240.jpg?v=1713909842" data-variant="39805272653978" style="--animation-delay: 0.5s; --swatch: var(--mint);">
      <a class="swatch__link" data-swatch-link="" href="/products/w2-stand-black?variant=39805272653978" data-swatch="Mint">
        <span class="visually-hidden" data-swatch-text="">Mint</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-red" data-swatch-button="" data-tooltip="Red" data-swatch-variant="39805273079962" data-swatch-variant-name="Red"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/61icpLiUEKL._AC_SL1240.jpg?v=1713909842" data-variant="39805273079962" style="--animation-delay: 0.6s; --swatch: var(--red);">
      <a class="swatch__link" data-swatch-link="" href="/products/w2-stand-black?variant=39805273079962" data-swatch="Red">
        <span class="visually-hidden" data-swatch-text="">Red</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-stone" data-swatch-button="" data-tooltip="Stone" data-swatch-variant="39805274194074" data-swatch-variant-name="Stone"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/51NlYRmDvaL._AC_SL1240.jpg?v=1713909842" data-variant="39805274194074" style="--animation-delay: 0.7s; --swatch: var(--stone);">
      <a class="swatch__link" data-swatch-link="" href="/products/w2-stand-black?variant=39805274194074" data-swatch="Stone">
        <span class="visually-hidden" data-swatch-text="">Stone</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-white" data-swatch-button="" data-tooltip="White" data-swatch-variant="39805274652826" data-swatch-variant-name="White"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/514EMOG_vNL._AC_SL1240.jpg?v=1713909842" data-variant="39805274652826" style="--animation-delay: 0.8s; --swatch: var(--white);">
      <a class="swatch__link" data-swatch-link="" href="/products/w2-stand-black?variant=39805274652826" data-swatch="White">
        <span class="visually-hidden" data-swatch-text="">White</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="w4-stand-aqua-blue" data-swatch-label="Color" data-swatch-values="Aqua Blue:aqua-blue,Aqua Pink:aqua-pink">
    <div class="swatches swatch__button swatch__button--square swatch-aqua-blue" data-swatch-button="" data-tooltip="Aqua Blue" data-swatch-variant="39805333897370" data-swatch-variant-name="Aqua Blue"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/61_2B1nqnAEmL._SL1500.jpg?v=1690479728" data-variant="39805333897370" style="--animation-delay: 0s; --swatch: var(--aqua-blue);">
      <a class="swatch__link" data-swatch-link="" href="/products/w4-stand-aqua-blue?variant=39805333897370" data-swatch="Aqua Blue">
        <span class="visually-hidden" data-swatch-text="">Aqua Blue</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-aqua-pink" data-swatch-button="" data-tooltip="Aqua Pink" data-swatch-variant="39805333930138" data-swatch-variant-name="Aqua Pink"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/61v_73Eg_5L._SL1500.jpg?v=1694566326" data-variant="39805333930138" style="--animation-delay: 0.1s; --swatch: var(--aqua-pink);">
      <a class="swatch__link" data-swatch-link="" href="/products/w4-stand-aqua-blue?variant=39805333930138" data-swatch="Aqua Pink">
        <span class="visually-hidden" data-swatch-text="">Aqua Pink</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="w5-stand-light-grey" data-swatch-label="Color" data-swatch-values="Light Grey:light-grey,Black:black,Red:red,Jean Indigo:jean-indigo">
    <div class="swatches swatch__button swatch__button--square swatch-light-grey" data-swatch-button="" data-tooltip="Light Grey" data-swatch-variant="39805246210202" data-swatch-variant-name="Light Grey"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/EST-WT5-LGY-1.jpg?v=1620169600" data-variant="39805246210202" style="--animation-delay: 0s; --swatch: var(--light-grey);">
      <a class="swatch__link" data-swatch-link="" href="/products/w5-stand-light-grey?variant=39805246210202" data-swatch="Light Grey">
        <span class="visually-hidden" data-swatch-text="">Light Grey</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-black" data-swatch-button="" data-tooltip="Black" data-swatch-variant="39805246242970" data-swatch-variant-name="Black"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/EST-WT5-BK-1_e2761037-971d-4700-ace7-0562f515018c.jpg?v=1694566400" data-variant="39805246242970" style="--animation-delay: 0.1s; --swatch: var(--black);">
      <a class="swatch__link" data-swatch-link="" href="/products/w5-stand-light-grey?variant=39805246242970" data-swatch="Black">
        <span class="visually-hidden" data-swatch-text="">Black</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-red" data-swatch-button="" data-tooltip="Red" data-swatch-variant="39805246275738" data-swatch-variant-name="Red"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/51vH5bjFwJL._SL1233_a2278b86-4f05-4662-8f38-9f0871cc8cd0.jpg?v=1694566400" data-variant="39805246275738" style="--animation-delay: 0.2s; --swatch: var(--red);">
      <a class="swatch__link" data-swatch-link="" href="/products/w5-stand-light-grey?variant=39805246275738" data-swatch="Red">
        <span class="visually-hidden" data-swatch-text="">Red</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-jean-indigo" data-swatch-button="" data-tooltip="Jean Indigo" data-swatch-variant="39805246308506" data-swatch-variant-name="Jean Indigo"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/51mihy_S8AL._SL1233.jpg?v=1694566400" data-variant="39805246308506" style="--animation-delay: 0.3s; --swatch: var(--jean-indigo);">
      <a class="swatch__link" data-swatch-link="" href="/products/w5-stand-light-grey?variant=39805246308506" data-swatch="Jean Indigo">
        <span class="visually-hidden" data-swatch-text="">Jean Indigo</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="w6-stand-for-apple-watch-white" data-swatch-label="Color" data-swatch-values="White:white,Black:black">
    <div class="swatches swatch__button swatch__button--square swatch-white" data-swatch-button="" data-tooltip="White" data-swatch-variant="39805341925530" data-swatch-variant-name="White"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/ST-WT6-WH.jpg?v=1601653571" data-variant="39805341925530" style="--animation-delay: 0s; --swatch: var(--white);">
      <a class="swatch__link" data-swatch-link="" href="/products/w6-stand-for-apple-watch-white?variant=39805341925530" data-swatch="White">
        <span class="visually-hidden" data-swatch-text="">White</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-black" data-swatch-button="" data-tooltip="Black" data-swatch-variant="39805341958298" data-swatch-variant-name="Black"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/51Jrp7ldTWL._AC_SL1139.jpg?v=1694566519" data-variant="39805341958298" style="--animation-delay: 0.1s; --swatch: var(--black);">
      <a class="swatch__link" data-swatch-link="" href="/products/w6-stand-for-apple-watch-white?variant=39805341958298" data-swatch="Black">
        <span class="visually-hidden" data-swatch-text="">Black</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="w3-stand-for-apple-watch-ultra-2-colors" data-swatch-label="Color" data-swatch-values="Classic White:classic-white,Black:black">
    <div class="swatches swatch__button swatch__button--square swatch-classic-white" data-swatch-button="" data-tooltip="Classic White" data-swatch-variant="42980088938650" data-swatch-variant-name="Classic White"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/ST-WT3-ULTRA-CWH_Amazon.jpg?v=1672361870" data-variant="42980088938650" style="--animation-delay: 0s; --swatch: var(--classic-white);">
      <a class="swatch__link" data-swatch-link="" href="/products/w3-stand-for-apple-watch-ultra-2-colors?variant=42980088938650" data-swatch="Classic White">
        <span class="visually-hidden" data-swatch-text="">Classic White</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-black" data-swatch-button="" data-tooltip="Black" data-swatch-variant="42980088971418" data-swatch-variant-name="Black"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/ST-WT3-ULTRA-BK_Amazon.jpg?v=1694566593" data-variant="42980088971418" style="--animation-delay: 0.1s; --swatch: var(--black);">
      <a class="swatch__link" data-swatch-link="" href="/products/w3-stand-for-apple-watch-ultra-2-colors?variant=42980088971418" data-swatch="Black">
        <span class="visually-hidden" data-swatch-text="">Black</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="gwt3-stand-for-galaxy-watch-5-2-colors" data-swatch-label="Color" data-swatch-values="Black:black,Light Gray:light-gray">
    <div class="swatches swatch__button swatch__button--square swatch-black" data-swatch-button="" data-tooltip="Black" data-swatch-variant="42496238747802" data-swatch-variant-name="Black"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/ST-GWT2-29-BK_Amazon_3.jpg?v=1664400880" data-variant="42496238747802" style="--animation-delay: 0s; --swatch: var(--black);">
      <a class="swatch__link" data-swatch-link="" href="/products/gwt3-stand-for-galaxy-watch-5-2-colors?variant=42496238747802" data-swatch="Black">
        <span class="visually-hidden" data-swatch-text="">Black</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-light-gray" data-swatch-button="" data-tooltip="Light Gray" data-swatch-variant="42496238780570" data-swatch-variant-name="Light Gray"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/ST-GWT2-29-BK_Amazon.jpg?v=1713908742" data-variant="42496238780570" style="--animation-delay: 0.1s; --swatch: var(--light-gray);">
      <a class="swatch__link" data-swatch-link="" href="/products/gwt3-stand-for-galaxy-watch-5-2-colors?variant=42496238780570" data-swatch="Light Gray">
        <span class="visually-hidden" data-swatch-text="">Light Gray</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="gwt2-stand-for-galaxy-watch-5-40-46mm-4-colors" data-swatch-label="Color"
    data-swatch-values="Black:black,Sand Pink:sand-pink,Stone:stone,White:white,Lavender Gray:lavender-gray,Jean Indigo:jean-indigo">
    <div class="swatches swatch__button swatch__button--square swatch-black" data-swatch-button="" data-tooltip="Black" data-swatch-variant="42462142660762" data-swatch-variant-name="Black"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ST-GWT2-29-BK.jpg?v=1691101442" data-variant="42462142660762" style="--animation-delay: 0s; --swatch: var(--black);">
      <a class="swatch__link" data-swatch-link="" href="/products/gwt2-stand-for-galaxy-watch-5-40-46mm-4-colors?variant=42462142660762" data-swatch="Black">
        <span class="visually-hidden" data-swatch-text="">Black</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-sand-pink" data-swatch-button="" data-tooltip="Sand Pink" data-swatch-variant="42462142693530" data-swatch-variant-name="Sand Pink"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ST-GWT2-29-SPK.jpg?v=1713908681" data-variant="42462142693530" style="--animation-delay: 0.1s; --swatch: var(--sand-pink);">
      <a class="swatch__link" data-swatch-link="" href="/products/gwt2-stand-for-galaxy-watch-5-40-46mm-4-colors?variant=42462142693530" data-swatch="Sand Pink">
        <span class="visually-hidden" data-swatch-text="">Sand Pink</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-stone" data-swatch-button="" data-tooltip="Stone" data-swatch-variant="42462142726298" data-swatch-variant-name="Stone"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ST-GWT2-29-ST.jpg?v=1713908681" data-variant="42462142726298" style="--animation-delay: 0.2s; --swatch: var(--stone);">
      <a class="swatch__link" data-swatch-link="" href="/products/gwt2-stand-for-galaxy-watch-5-40-46mm-4-colors?variant=42462142726298" data-swatch="Stone">
        <span class="visually-hidden" data-swatch-text="">Stone</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-white" data-swatch-button="" data-tooltip="White" data-swatch-variant="42462142759066" data-swatch-variant-name="White"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/ST-GWT2-29-WH.jpg?v=1713908681" data-variant="42462142759066" style="--animation-delay: 0.3s; --swatch: var(--white);">
      <a class="swatch__link" data-swatch-link="" href="/products/gwt2-stand-for-galaxy-watch-5-40-46mm-4-colors?variant=42462142759066" data-swatch="White">
        <span class="visually-hidden" data-swatch-text="">White</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-lavender-gray" data-swatch-button="" data-tooltip="Lavender Gray" data-swatch-variant="42741591802010" data-swatch-variant-name="Lavender Gray"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/ST-GWT2-29-LVG.jpg?v=1713908681" data-variant="42741591802010" style="--animation-delay: 0.4s; --swatch: var(--lavender-gray);">
      <a class="swatch__link" data-swatch-link="" href="/products/gwt2-stand-for-galaxy-watch-5-40-46mm-4-colors?variant=42741591802010" data-swatch="Lavender Gray">
        <span class="visually-hidden" data-swatch-text="">Lavender Gray</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-jean-indigo" data-swatch-button="" data-tooltip="Jean Indigo" data-swatch-variant="42741592195226" data-swatch-variant-name="Jean Indigo"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/ST-GWT2-29-JIN.jpg?v=1713908681" data-variant="42741592195226" style="--animation-delay: 0.5s; --swatch: var(--jean-indigo);">
      <a class="swatch__link" data-swatch-link="" href="/products/gwt2-stand-for-galaxy-watch-5-40-46mm-4-colors?variant=42741592195226" data-swatch="Jean Indigo">
        <span class="visually-hidden" data-swatch-text="">Jean Indigo</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

POST /cart/add

<form method="post" action="/cart/add" id="ProductForm--template--16817814077594__section_collction_slider_dni7zr-7468720291994" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type"
    value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="id" value="42411365236890"><button class="quick-add__button caps" type="submit" name="add" aria-label="Add to cart" data-add-to-cart="">
    <span class="btn__text"><svg fill="#111" width="800px" height="800px" viewBox="0 0 24 24" id="plus" data-name="Line Color" xmlns="http://www.w3.org/2000/svg" class="icon line-color">
        <path id="primary" d="M5,12H19M12,5V19" style="fill: none; stroke: #111; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;"></path>
      </svg> Add to cart</span>
    <span class="btn__plus"></span>
    <span class="btn__added">&nbsp;</span>
    <span class="btn__loader">
      <svg height="18" width="18" class="svg-loader">
        <circle r="7" cx="9" cy="9"></circle>
        <circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
      </svg>
    </span>
    <span class="btn__error" data-message-error="">&nbsp;</span>
  </button><input type="hidden" name="product-id" value="7468720291994"><input type="hidden" name="section-id" value="template--16817814077594__section_collction_slider_dni7zr"></form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="w8-stand-for-apple-watch" data-swatch-label="Color" data-swatch-values="Black:black">
    <div class="swatches swatch__button swatch__button--square swatch-black" data-swatch-button="" data-tooltip="Black" data-swatch-variant="42411365236890" data-swatch-variant-name="Black"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/ST-WT8-BK-AMAZON.jpg?v=1661367094" data-variant="42411365236890" style="--animation-delay: 0s; --swatch: var(--black);">
      <a class="swatch__link" data-swatch-link="" href="/products/w8-stand-for-apple-watch?variant=42411365236890" data-swatch="Black">
        <span class="visually-hidden" data-swatch-text="">Black</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="copy-of-macbook-charger-cover-for-macbook-pro-13-inch-2022-m2-2021-m1-2020-and-more-3-colors" data-swatch-label="Color"
    data-swatch-values="Classic White:classic-white,Lovely Pink:lovely-pink,Dark Grey:dark-grey">
    <div class="swatches swatch__button swatch__button--square swatch-classic-white" data-swatch-button="" data-tooltip="Classic White" data-swatch-variant="42276212736154" data-swatch-variant-name="Classic White"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/MB16M1PROADAP_DGY2.jpg?v=1715359997" data-variant="42276212736154" style="--animation-delay: 0s; --swatch: var(--classic-white);">
      <a class="swatch__link" data-swatch-link="" href="/products/copy-of-macbook-charger-cover-for-macbook-pro-13-inch-2022-m2-2021-m1-2020-and-more-3-colors?variant=42276212736154" data-swatch="Classic White">
        <span class="visually-hidden" data-swatch-text="">Classic White</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-lovely-pink" data-swatch-button="" data-tooltip="Lovely Pink" data-swatch-variant="42276212768922" data-swatch-variant-name="Lovely Pink"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/MB16M1PROADAP_DGY3.jpg?v=1715359997" data-variant="42276212768922" style="--animation-delay: 0.1s; --swatch: var(--lovely-pink);">
      <a class="swatch__link" data-swatch-link="" href="/products/copy-of-macbook-charger-cover-for-macbook-pro-13-inch-2022-m2-2021-m1-2020-and-more-3-colors?variant=42276212768922" data-swatch="Lovely Pink">
        <span class="visually-hidden" data-swatch-text="">Lovely Pink</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-dark-grey" data-swatch-button="" data-tooltip="Dark Grey" data-swatch-variant="42276212801690" data-swatch-variant-name="Dark Grey"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/MB16M1PROADAP_DGY.jpg?v=1659568526" data-variant="42276212801690" style="--animation-delay: 0.2s; --swatch: var(--dark-grey);">
      <a class="swatch__link" data-swatch-link="" href="/products/copy-of-macbook-charger-cover-for-macbook-pro-13-inch-2022-m2-2021-m1-2020-and-more-3-colors?variant=42276212801690" data-swatch="Dark Grey">
        <span class="visually-hidden" data-swatch-text="">Dark Grey</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="classic-pencil-case-for-apple-pencil-1st-generation" data-swatch-label="Color" data-swatch-values="Yellow:yellow,Lavender:lavender,Lovely Pink:lovely-pink">
    <div class="swatches swatch__button swatch__button--square swatch-yellow" data-swatch-button="" data-tooltip="Yellow" data-swatch-variant="42875818639514" data-swatch-variant-name="Yellow"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/APEN1-SC-YE_Amazon_8.jpg?v=1690479465" data-variant="42875818639514" style="--animation-delay: 0s; --swatch: var(--yellow);">
      <a class="swatch__link" data-swatch-link="" href="/products/classic-pencil-case-for-apple-pencil-1st-generation?variant=42875818639514" data-swatch="Yellow">
        <span class="visually-hidden" data-swatch-text="">Yellow</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-lavender" data-swatch-button="" data-tooltip="Lavender" data-swatch-variant="42875818672282" data-swatch-variant-name="Lavender"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/APEN1-SC-LV_Amazon.jpg?v=1715108886" data-variant="42875818672282" style="--animation-delay: 0.1s; --swatch: var(--lavender);">
      <a class="swatch__link" data-swatch-link="" href="/products/classic-pencil-case-for-apple-pencil-1st-generation?variant=42875818672282" data-swatch="Lavender">
        <span class="visually-hidden" data-swatch-text="">Lavender</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-lovely-pink" data-swatch-button="" data-tooltip="Lovely Pink" data-swatch-variant="42875818705050" data-swatch-variant-name="Lovely Pink"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/APEN1-SC-LPK_Amazon.jpg?v=1715108886" data-variant="42875818705050" style="--animation-delay: 0.2s; --swatch: var(--lovely-pink);">
      <a class="swatch__link" data-swatch-link="" href="/products/classic-pencil-case-for-apple-pencil-1st-generation?variant=42875818705050" data-swatch="Lovely Pink">
        <span class="visually-hidden" data-swatch-text="">Lovely Pink</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="gwt3-stand-for-galaxy-watch-40-46mm-2-colors" data-swatch-label="Color" data-swatch-values="Black:black,Light Grey:light-grey">
    <div class="swatches swatch__button swatch__button--square swatch-black" data-swatch-button="" data-tooltip="Black" data-swatch-variant="42074073628826" data-swatch-variant-name="Black"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/ST-GWT3-BK-AMAZON10.jpg?v=1713908699" data-variant="42074073628826" style="--animation-delay: 0s; --swatch: var(--black);">
      <a class="swatch__link" data-swatch-link="" href="/products/gwt3-stand-for-galaxy-watch-40-46mm-2-colors?variant=42074073628826" data-swatch="Black">
        <span class="visually-hidden" data-swatch-text="">Black</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-light-grey" data-swatch-button="" data-tooltip="Light Grey" data-swatch-variant="42284168773786" data-swatch-variant-name="Light Grey"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/ST-GWT3-LGY-AMAZON.jpg?v=1659727257" data-variant="42284168773786" style="--animation-delay: 0.1s; --swatch: var(--light-grey);">
      <a class="swatch__link" data-swatch-link="" href="/products/gwt3-stand-for-galaxy-watch-40-46mm-2-colors?variant=42284168773786" data-swatch="Light Grey">
        <span class="visually-hidden" data-swatch-text="">Light Grey</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="stand-for-galaxy-watch-40-46mm-4-colors" data-swatch-label="Color" data-swatch-values="Black:black,Sand Pink:sand-pink,Stone:stone,White:white">
    <div class="swatches swatch__button swatch__button--square swatch-black" data-swatch-button="" data-tooltip="Black" data-swatch-variant="41872059531418" data-swatch-variant-name="Black"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/ST-GWT2-BK_Amazon.jpg?v=1659727057" data-variant="41872059531418" style="--animation-delay: 0s; --swatch: var(--black);">
      <a class="swatch__link" data-swatch-link="" href="/products/stand-for-galaxy-watch-40-46mm-4-colors?variant=41872059531418" data-swatch="Black">
        <span class="visually-hidden" data-swatch-text="">Black</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-sand-pink" data-swatch-button="" data-tooltip="Sand Pink" data-swatch-variant="42284162318490" data-swatch-variant-name="Sand Pink"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/ST-GWT2-SPK_Amazon.jpg?v=1713908623" data-variant="42284162318490" style="--animation-delay: 0.1s; --swatch: var(--sand-pink);">
      <a class="swatch__link" data-swatch-link="" href="/products/stand-for-galaxy-watch-40-46mm-4-colors?variant=42284162318490" data-swatch="Sand Pink">
        <span class="visually-hidden" data-swatch-text="">Sand Pink</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-stone" data-swatch-button="" data-tooltip="Stone" data-swatch-variant="42284162351258" data-swatch-variant-name="Stone"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/ST-GWT2-ST_Amazon.jpg?v=1713908623" data-variant="42284162351258" style="--animation-delay: 0.2s; --swatch: var(--stone);">
      <a class="swatch__link" data-swatch-link="" href="/products/stand-for-galaxy-watch-40-46mm-4-colors?variant=42284162351258" data-swatch="Stone">
        <span class="visually-hidden" data-swatch-text="">Stone</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-white" data-swatch-button="" data-tooltip="White" data-swatch-variant="42284162384026" data-swatch-variant-name="White"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/ST-GWT2-WH_Amazon.jpg?v=1713909091" data-variant="42284162384026" style="--animation-delay: 0.3s; --swatch: var(--white);">
      <a class="swatch__link" data-swatch-link="" href="/products/stand-for-galaxy-watch-40-46mm-4-colors?variant=42284162384026" data-swatch="White">
        <span class="visually-hidden" data-swatch-text="">White</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

POST /cart/add

<form method="post" action="/cart/add" id="ProductForm--template--16817814077594__section_collction_slider_dni7zr-7264054771866" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type"
    value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="id" value="41704189362330"><button class="quick-add__button caps" type="submit" name="add" aria-label="Add to cart" data-add-to-cart="">
    <span class="btn__text"><svg fill="#111" width="800px" height="800px" viewBox="0 0 24 24" id="plus" data-name="Line Color" xmlns="http://www.w3.org/2000/svg" class="icon line-color">
        <path id="primary" d="M5,12H19M12,5V19" style="fill: none; stroke: #111; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;"></path>
      </svg> Add to cart</span>
    <span class="btn__plus"></span>
    <span class="btn__added">&nbsp;</span>
    <span class="btn__loader">
      <svg height="18" width="18" class="svg-loader">
        <circle r="7" cx="9" cy="9"></circle>
        <circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
      </svg>
    </span>
    <span class="btn__error" data-message-error="">&nbsp;</span>
  </button><input type="hidden" name="product-id" value="7264054771866"><input type="hidden" name="section-id" value="template--16817814077594__section_collction_slider_dni7zr"></form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

POST /cart/add

<form method="post" action="/cart/add" id="ProductForm--template--16817814077594__section_collction_slider_dni7zr-7608851497114" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type"
    value="product"><input type="hidden" name="utf8" value="✓"><input type="hidden" name="id" value="42906410188954"><button class="quick-add__button caps" type="submit" name="add" aria-label="Add to cart" data-add-to-cart="">
    <span class="btn__text"><svg fill="#111" width="800px" height="800px" viewBox="0 0 24 24" id="plus" data-name="Line Color" xmlns="http://www.w3.org/2000/svg" class="icon line-color">
        <path id="primary" d="M5,12H19M12,5V19" style="fill: none; stroke: #111; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;"></path>
      </svg> Add to cart</span>
    <span class="btn__plus"></span>
    <span class="btn__added">&nbsp;</span>
    <span class="btn__loader">
      <svg height="18" width="18" class="svg-loader">
        <circle r="7" cx="9" cy="9"></circle>
        <circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
      </svg>
    </span>
    <span class="btn__error" data-message-error="">&nbsp;</span>
  </button><input type="hidden" name="product-id" value="7608851497114"><input type="hidden" name="section-id" value="template--16817814077594__section_collction_slider_dni7zr"></form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="apple-pencil-holder-2-colors" data-swatch-label="Color" data-swatch-values="Black:black,White:white,Sand Pink:sand-pink,Pastel Green:pastel-green">
    <div class="swatches swatch__button swatch__button--square swatch-black" data-swatch-button="" data-tooltip="Black" data-swatch-variant="40945842651290" data-swatch-variant-name="Black"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/APEN-HOLD-BK.jpg?v=1715368747" data-variant="40945842651290" style="--animation-delay: 0s; --swatch: var(--black);">
      <a class="swatch__link" data-swatch-link="" href="/products/apple-pencil-holder-2-colors?variant=40945842651290" data-swatch="Black">
        <span class="visually-hidden" data-swatch-text="">Black</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-white" data-swatch-button="" data-tooltip="White" data-swatch-variant="40945842684058" data-swatch-variant-name="White"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/APEN-HOLD-WH.jpg?v=1715368747" data-variant="40945842684058" style="--animation-delay: 0.1s; --swatch: var(--white);">
      <a class="swatch__link" data-swatch-link="" href="/products/apple-pencil-holder-2-colors?variant=40945842684058" data-swatch="White">
        <span class="visually-hidden" data-swatch-text="">White</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-sand-pink" data-swatch-button="" data-tooltip="Sand Pink" data-swatch-variant="42091855380634" data-swatch-variant-name="Sand Pink"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/APEN-HOLD-SPK12.jpg?v=1715368747" data-variant="42091855380634" style="--animation-delay: 0.2s; --swatch: var(--sand-pink);">
      <a class="swatch__link" data-swatch-link="" href="/products/apple-pencil-holder-2-colors?variant=42091855380634" data-swatch="Sand Pink">
        <span class="visually-hidden" data-swatch-text="">Sand Pink</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-pastel-green" data-swatch-button="" data-tooltip="Pastel Green" data-swatch-variant="42091859345562" data-swatch-variant-name="Pastel Green"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/files/APEN-HOLD-PGR12.jpg?v=1715368747" data-variant="42091859345562" style="--animation-delay: 0.3s; --swatch: var(--pastel-green);">
      <a class="swatch__link" data-swatch-link="" href="/products/apple-pencil-holder-2-colors?variant=42091859345562" data-swatch="Pastel Green">
        <span class="visually-hidden" data-swatch-text="">Pastel Green</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="magnetic-folio-case-for-ipad-10th-gen-4-colors" data-swatch-label="Color"
    data-swatch-values="Light Grey:light-grey,Dark Grey:dark-grey,Blue:blue,Sand Pink:sand-pink">
    <div class="swatches swatch__button swatch__button--square swatch-light-grey" data-swatch-button="" data-tooltip="Light Grey" data-swatch-variant="43417941901466" data-swatch-variant-name="Light Grey"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/EPAD109-10-MFLO-LGY.jpg?v=1679938242" data-variant="43417941901466" style="--animation-delay: 0s; --swatch: var(--light-grey);">
      <a class="swatch__link" data-swatch-link="" href="/products/magnetic-folio-case-for-ipad-10th-gen-4-colors?variant=43417941901466" data-swatch="Light Grey">
        <span class="visually-hidden" data-swatch-text="">Light Grey</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-dark-grey" data-swatch-button="" data-tooltip="Dark Grey" data-swatch-variant="43417941934234" data-swatch-variant-name="Dark Grey"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/EPAD109-10-MFLO-DGY.jpg?v=1715369664" data-variant="43417941934234" style="--animation-delay: 0.1s; --swatch: var(--dark-grey);">
      <a class="swatch__link" data-swatch-link="" href="/products/magnetic-folio-case-for-ipad-10th-gen-4-colors?variant=43417941934234" data-swatch="Dark Grey">
        <span class="visually-hidden" data-swatch-text="">Dark Grey</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-blue" data-swatch-button="" data-tooltip="Blue" data-swatch-variant="43417941967002" data-swatch-variant-name="Blue"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/EPAD109-10-MFLO-BL.jpg?v=1715369664" data-variant="43417941967002" style="--animation-delay: 0.2s; --swatch: var(--blue);">
      <a class="swatch__link" data-swatch-link="" href="/products/magnetic-folio-case-for-ipad-10th-gen-4-colors?variant=43417941967002" data-swatch="Blue">
        <span class="visually-hidden" data-swatch-text="">Blue</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-sand-pink" data-swatch-button="" data-tooltip="Sand Pink" data-swatch-variant="43417941999770" data-swatch-variant-name="Sand Pink"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/EPAD109-10-MFLO-SPK.jpg?v=1715369664" data-variant="43417941999770" style="--animation-delay: 0.3s; --swatch: var(--sand-pink);">
      <a class="swatch__link" data-swatch-link="" href="/products/magnetic-folio-case-for-ipad-10th-gen-4-colors?variant=43417941999770" data-swatch="Sand Pink">
        <span class="visually-hidden" data-swatch-text="">Sand Pink</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="magnetic-folio-case-for-ipad-pro-12-9-inch-6th-5th-4th-gen-4-colors" data-swatch-label="Color"
    data-swatch-values="Dark Gray:dark-gray,Sand Pink:sand-pink,Light Grey:light-grey,Blue:blue">
    <div class="swatches swatch__button swatch__button--square swatch-dark-gray" data-swatch-button="" data-tooltip="Dark Gray" data-swatch-variant="42778157613210" data-swatch-variant-name="Dark Gray"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/EPADP129-5-MFLO-DGY.jpg?v=1715369979" data-variant="42778157613210" style="--animation-delay: 0s; --swatch: var(--dark-gray);">
      <a class="swatch__link" data-swatch-link="" href="/products/magnetic-folio-case-for-ipad-pro-12-9-inch-6th-5th-4th-gen-4-colors?variant=42778157613210" data-swatch="Dark Gray">
        <span class="visually-hidden" data-swatch-text="">Dark Gray</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-sand-pink" data-swatch-button="" data-tooltip="Sand Pink" data-swatch-variant="42778157645978" data-swatch-variant-name="Sand Pink"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/EPADP129-5-MFLO-SPK.jpg?v=1715369979" data-variant="42778157645978" style="--animation-delay: 0.1s; --swatch: var(--sand-pink);">
      <a class="swatch__link" data-swatch-link="" href="/products/magnetic-folio-case-for-ipad-pro-12-9-inch-6th-5th-4th-gen-4-colors?variant=42778157645978" data-swatch="Sand Pink">
        <span class="visually-hidden" data-swatch-text="">Sand Pink</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-light-grey" data-swatch-button="" data-tooltip="Light Grey" data-swatch-variant="42778157678746" data-swatch-variant-name="Light Grey"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/EPADP129-5-MFLO-LGY.jpg?v=1675452672" data-variant="42778157678746" style="--animation-delay: 0.2s; --swatch: var(--light-grey);">
      <a class="swatch__link" data-swatch-link="" href="/products/magnetic-folio-case-for-ipad-pro-12-9-inch-6th-5th-4th-gen-4-colors?variant=42778157678746" data-swatch="Light Grey">
        <span class="visually-hidden" data-swatch-text="">Light Grey</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-blue" data-swatch-button="" data-tooltip="Blue" data-swatch-variant="42778157711514" data-swatch-variant-name="Blue"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/EPADP129-5-MFLO-BL.jpg?v=1715369979" data-variant="42778157711514" style="--animation-delay: 0.3s; --swatch: var(--blue);">
      <a class="swatch__link" data-swatch-link="" href="/products/magnetic-folio-case-for-ipad-pro-12-9-inch-6th-5th-4th-gen-4-colors?variant=42778157711514" data-swatch="Blue">
        <span class="visually-hidden" data-swatch-text="">Blue</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="magnetic-folio-case-for-ipad-pro-11-inch-4th-3rd-2nd-gen-4-colors" data-swatch-label="Color"
    data-swatch-values="Dark Gray:dark-gray,Sand Pink:sand-pink,Light Grey:light-grey,Blue:blue">
    <div class="swatches swatch__button swatch__button--square swatch-dark-gray" data-swatch-button="" data-tooltip="Dark Gray" data-swatch-variant="42778139459738" data-swatch-variant-name="Dark Gray"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/EPADP11-3-MFLO-DGY.jpg?v=1715369962" data-variant="42778139459738" style="--animation-delay: 0s; --swatch: var(--dark-gray);">
      <a class="swatch__link" data-swatch-link="" href="/products/magnetic-folio-case-for-ipad-pro-11-inch-4th-3rd-2nd-gen-4-colors?variant=42778139459738" data-swatch="Dark Gray">
        <span class="visually-hidden" data-swatch-text="">Dark Gray</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-sand-pink" data-swatch-button="" data-tooltip="Sand Pink" data-swatch-variant="42778139492506" data-swatch-variant-name="Sand Pink"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/EPADP11-3-MFLO-SPK.jpg?v=1715369962" data-variant="42778139492506" style="--animation-delay: 0.1s; --swatch: var(--sand-pink);">
      <a class="swatch__link" data-swatch-link="" href="/products/magnetic-folio-case-for-ipad-pro-11-inch-4th-3rd-2nd-gen-4-colors?variant=42778139492506" data-swatch="Sand Pink">
        <span class="visually-hidden" data-swatch-text="">Sand Pink</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-light-grey" data-swatch-button="" data-tooltip="Light Grey" data-swatch-variant="42778139525274" data-swatch-variant-name="Light Grey"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/EPADP11-3-MFLO-LGY.jpg?v=1668197955" data-variant="42778139525274" style="--animation-delay: 0.2s; --swatch: var(--light-grey);">
      <a class="swatch__link" data-swatch-link="" href="/products/magnetic-folio-case-for-ipad-pro-11-inch-4th-3rd-2nd-gen-4-colors?variant=42778139525274" data-swatch="Light Grey">
        <span class="visually-hidden" data-swatch-text="">Light Grey</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-blue" data-swatch-button="" data-tooltip="Blue" data-swatch-variant="42778139558042" data-swatch-variant-name="Blue"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/EPADP11-3-MFLO-BL.jpg?v=1715369962" data-variant="42778139558042" style="--animation-delay: 0.3s; --swatch: var(--blue);">
      <a class="swatch__link" data-swatch-link="" href="/products/magnetic-folio-case-for-ipad-pro-11-inch-4th-3rd-2nd-gen-4-colors?variant=42778139558042" data-swatch="Blue">
        <span class="visually-hidden" data-swatch-text="">Blue</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="magnetic-folio-case-for-ipad-mini-8-3-inch-6th-gen-4-colors" data-swatch-label="Color"
    data-swatch-values="Dark Gray:dark-gray,Sand Pink:sand-pink,Light Grey:light-grey,Blue:blue">
    <div class="swatches swatch__button swatch__button--square swatch-dark-gray" data-swatch-button="" data-tooltip="Dark Gray" data-swatch-variant="42778122944666" data-swatch-variant-name="Dark Gray"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/EPADMN6-MFLO-DGY.jpg?v=1715369939" data-variant="42778122944666" style="--animation-delay: 0s; --swatch: var(--dark-gray);">
      <a class="swatch__link" data-swatch-link="" href="/products/magnetic-folio-case-for-ipad-mini-8-3-inch-6th-gen-4-colors?variant=42778122944666" data-swatch="Dark Gray">
        <span class="visually-hidden" data-swatch-text="">Dark Gray</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-sand-pink" data-swatch-button="" data-tooltip="Sand Pink" data-swatch-variant="42778122977434" data-swatch-variant-name="Sand Pink"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/EPADMN6-MFLO-SPK.jpg?v=1715369939" data-variant="42778122977434" style="--animation-delay: 0.1s; --swatch: var(--sand-pink);">
      <a class="swatch__link" data-swatch-link="" href="/products/magnetic-folio-case-for-ipad-mini-8-3-inch-6th-gen-4-colors?variant=42778122977434" data-swatch="Sand Pink">
        <span class="visually-hidden" data-swatch-text="">Sand Pink</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-light-grey" data-swatch-button="" data-tooltip="Light Grey" data-swatch-variant="42778123010202" data-swatch-variant-name="Light Grey"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/EPADMN6-MFLO-LGY.jpg?v=1715369939" data-variant="42778123010202" style="--animation-delay: 0.2s; --swatch: var(--light-grey);">
      <a class="swatch__link" data-swatch-link="" href="/products/magnetic-folio-case-for-ipad-mini-8-3-inch-6th-gen-4-colors?variant=42778123010202" data-swatch="Light Grey">
        <span class="visually-hidden" data-swatch-text="">Light Grey</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-blue" data-swatch-button="" data-tooltip="Blue" data-swatch-variant="42778123042970" data-swatch-variant-name="Blue"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/EPADMN6-MFLO-BL.jpg?v=1668197244" data-variant="42778123042970" style="--animation-delay: 0.3s; --swatch: var(--blue);">
      <a class="swatch__link" data-swatch-link="" href="/products/magnetic-folio-case-for-ipad-mini-8-3-inch-6th-gen-4-colors?variant=42778123042970" data-swatch="Blue">
        <span class="visually-hidden" data-swatch-text="">Blue</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="smart-folio-case-for-ipad-air-4th-5th-ipad-pro-1st-3-colors" data-swatch-label="Color"
    data-swatch-values="Dark Gray:dark-gray,Sand Pink:sand-pink,Light Grey:light-grey,Blue:blue">
    <div class="swatches swatch__button swatch__button--square swatch-dark-gray" data-swatch-button="" data-tooltip="Dark Gray" data-swatch-variant="42024138571930" data-swatch-variant-name="Dark Gray"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/EPADA109-5-MFLO-DGY.jpg?v=1715369685" data-variant="42024138571930" style="--animation-delay: 0s; --swatch: var(--dark-gray);">
      <a class="swatch__link" data-swatch-link="" href="/products/smart-folio-case-for-ipad-air-4th-5th-ipad-pro-1st-3-colors?variant=42024138571930" data-swatch="Dark Gray">
        <span class="visually-hidden" data-swatch-text="">Dark Gray</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-sand-pink" data-swatch-button="" data-tooltip="Sand Pink" data-swatch-variant="42024138604698" data-swatch-variant-name="Sand Pink"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/EPADA109-5-MFLO-SPK.jpg?v=1668194646" data-variant="42024138604698" style="--animation-delay: 0.1s; --swatch: var(--sand-pink);">
      <a class="swatch__link" data-swatch-link="" href="/products/smart-folio-case-for-ipad-air-4th-5th-ipad-pro-1st-3-colors?variant=42024138604698" data-swatch="Sand Pink">
        <span class="visually-hidden" data-swatch-text="">Sand Pink</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-light-grey" data-swatch-button="" data-tooltip="Light Grey" data-swatch-variant="42024138637466" data-swatch-variant-name="Light Grey"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/EPADA109-5-MFLO-LGY.jpg?v=1715369685" data-variant="42024138637466" style="--animation-delay: 0.2s; --swatch: var(--light-grey);">
      <a class="swatch__link" data-swatch-link="" href="/products/smart-folio-case-for-ipad-air-4th-5th-ipad-pro-1st-3-colors?variant=42024138637466" data-swatch="Light Grey">
        <span class="visually-hidden" data-swatch-text="">Light Grey</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-blue" data-swatch-button="" data-tooltip="Blue" data-swatch-variant="42777856540826" data-swatch-variant-name="Blue"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/EPADA109-5-MFLO-BL.jpg?v=1715369685" data-variant="42777856540826" style="--animation-delay: 0.3s; --swatch: var(--blue);">
      <a class="swatch__link" data-swatch-link="" href="/products/smart-folio-case-for-ipad-air-4th-5th-ipad-pro-1st-3-colors?variant=42777856540826" data-swatch="Blue">
        <span class="visually-hidden" data-swatch-text="">Blue</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

DIALOG

<form method="dialog">
  <button class="visually-hidden no-js" aria-label="Close"></button>
</form>

<form class="radio__fieldset radio__fieldset--swatches radio__fieldset--pgi" data-grid-swatch-form="" data-fieldset="">
  <grid-swatch class="selector-wrapper__scrollbar" data-scrollbar="" data-swatch-handle="smart-folio-case-for-ipad-pro-2nd-3rd-3-colors" data-swatch-label="Color" data-swatch-values="Black:black,Sand Pink:sand-pink,Light Grey:light-grey">
    <div class="swatches swatch__button swatch__button--square swatch-black" data-swatch-button="" data-tooltip="Black" data-swatch-variant="42024217182362" data-swatch-variant-name="Black"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/EPADP11-3-FLO-BK.jpg?v=1715375007" data-variant="42024217182362" style="--animation-delay: 0s; --swatch: var(--black);">
      <a class="swatch__link" data-swatch-link="" href="/products/smart-folio-case-for-ipad-pro-2nd-3rd-3-colors?variant=42024217182362" data-swatch="Black">
        <span class="visually-hidden" data-swatch-text="">Black</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-sand-pink" data-swatch-button="" data-tooltip="Sand Pink" data-swatch-variant="42024217215130" data-swatch-variant-name="Sand Pink"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/EPADP11-3-FLO-SPK.jpg?v=1715375007" data-variant="42024217215130" style="--animation-delay: 0.1s; --swatch: var(--sand-pink);">
      <a class="swatch__link" data-swatch-link="" href="/products/smart-folio-case-for-ipad-pro-2nd-3rd-3-colors?variant=42024217215130" data-swatch="Sand Pink">
        <span class="visually-hidden" data-swatch-text="">Sand Pink</span>
      </a>
    </div>
    <div class="swatches swatch__button swatch__button--square swatch-light-grey" data-swatch-button="" data-tooltip="Light Grey" data-swatch-variant="42024217247898" data-swatch-variant-name="Light Grey"
      data-swatch-image="https://cdn.shopify.com/s/files/1/0498/9589/9290/products/EPADP11-3-FLO-LGY.jpg?v=1653687127" data-variant="42024217247898" style="--animation-delay: 0.2s; --swatch: var(--light-grey);">
      <a class="swatch__link" data-swatch-link="" href="/products/smart-folio-case-for-ipad-pro-2nd-3rd-3-colors?variant=42024217247898" data-swatch="Light Grey">
        <span class="visually-hidden" data-swatch-text="">Light Grey</span>
      </a>
    </div>
  </grid-swatch>
  <div class="selector-wrapper__actions">
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--prev is-hidden" data-scrollbar-arrow-prev=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24">
        <path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg><span class="visually-hidden">See All</span>
    </button>
    <button type="button" class="radio__fieldset__arrow radio__fieldset__arrow--next is-hidden" data-scrollbar-arrow-next="">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-right" viewBox="0 0 24 24">
        <path d="m9 6 6 6-6 6" stroke="#000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg>
      <span class="visually-hidden">See All</span>
    </button>
  </div>
</form>

POST /contact#footer__newsletter

<form method="post" action="/contact#footer__newsletter" id="footer__newsletter" accept-charset="UTF-8" class="footer__newsletter-form"><input type="hidden" name="form_type" value="customer"><input type="hidden" name="utf8" value="✓">
  <div class="footer__newsletter-fields">
    <input type="email" required="" placeholder="elago@gmail.com" name="contact[email]" autocomplete="off" class="footer__newsletter-field footer__newsletter-field--input text-p text-p--14">
    <button type="submit" class="footer__newsletter-button h4"> Join </button>
  </div>
</form>

POST /localization

<form action="/localization" method="POST"><input name="_method" type="hidden" value="PUT"><input name="source" type="hidden" value="geolocation_selector"><input name="return_to" type="hidden" value="/"><label class="locale-selectors__label"
    id="country_code_label" for="country_code"><span>Country/region</span><select id="country_code" class="locale-selectors__selector" name="country_code">
      <option value="AF">Afghanistan (USD $)</option>
      <option value="AX">Åland Islands (USD $)</option>
      <option value="AL">Albania (USD $)</option>
      <option value="DZ">Algeria (USD $)</option>
      <option value="AD">Andorra (USD $)</option>
      <option value="AO">Angola (USD $)</option>
      <option value="AI">Anguilla (USD $)</option>
      <option value="AG">Antigua &amp; Barbuda (USD $)</option>
      <option value="AR">Argentina (USD $)</option>
      <option value="AM">Armenia (USD $)</option>
      <option value="AW">Aruba (USD $)</option>
      <option value="AC">Ascension Island (USD $)</option>
      <option value="AU">Australia (USD $)</option>
      <option value="AT">Austria (USD $)</option>
      <option value="AZ">Azerbaijan (USD $)</option>
      <option value="BS">Bahamas (USD $)</option>
      <option value="BH">Bahrain (USD $)</option>
      <option value="BD">Bangladesh (USD $)</option>
      <option value="BB">Barbados (USD $)</option>
      <option value="BY">Belarus (USD $)</option>
      <option value="BE">Belgium (USD $)</option>
      <option value="BZ">Belize (USD $)</option>
      <option value="BJ">Benin (USD $)</option>
      <option value="BM">Bermuda (USD $)</option>
      <option value="BT">Bhutan (USD $)</option>
      <option value="BO">Bolivia (USD $)</option>
      <option value="BA">Bosnia &amp; Herzegovina (USD $)</option>
      <option value="BW">Botswana (USD $)</option>
      <option value="BR">Brazil (USD $)</option>
      <option value="IO">British Indian Ocean Territory (USD $)</option>
      <option value="VG">British Virgin Islands (USD $)</option>
      <option value="BN">Brunei (USD $)</option>
      <option value="BG">Bulgaria (USD $)</option>
      <option value="BF">Burkina Faso (USD $)</option>
      <option value="BI">Burundi (USD $)</option>
      <option value="KH">Cambodia (USD $)</option>
      <option value="CM">Cameroon (USD $)</option>
      <option value="CA">Canada (USD $)</option>
      <option value="CV">Cape Verde (USD $)</option>
      <option value="BQ">Caribbean Netherlands (USD $)</option>
      <option value="KY">Cayman Islands (USD $)</option>
      <option value="CF">Central African Republic (USD $)</option>
      <option value="TD">Chad (USD $)</option>
      <option value="CL">Chile (USD $)</option>
      <option value="CN">China (USD $)</option>
      <option value="CX">Christmas Island (USD $)</option>
      <option value="CC">Cocos (Keeling) Islands (USD $)</option>
      <option value="CO">Colombia (USD $)</option>
      <option value="KM">Comoros (USD $)</option>
      <option value="CG">Congo - Brazzaville (USD $)</option>
      <option value="CD">Congo - Kinshasa (USD $)</option>
      <option value="CK">Cook Islands (USD $)</option>
      <option value="CR">Costa Rica (USD $)</option>
      <option value="CI">Côte d’Ivoire (USD $)</option>
      <option value="HR">Croatia (USD $)</option>
      <option value="CW">Curaçao (USD $)</option>
      <option value="CY">Cyprus (USD $)</option>
      <option value="CZ">Czechia (USD $)</option>
      <option value="DK">Denmark (USD $)</option>
      <option value="DJ">Djibouti (USD $)</option>
      <option value="DM">Dominica (USD $)</option>
      <option value="DO">Dominican Republic (USD $)</option>
      <option value="EC">Ecuador (USD $)</option>
      <option value="EG">Egypt (USD $)</option>
      <option value="SV">El Salvador (USD $)</option>
      <option value="GQ">Equatorial Guinea (USD $)</option>
      <option value="ER">Eritrea (USD $)</option>
      <option value="EE">Estonia (USD $)</option>
      <option value="SZ">Eswatini (USD $)</option>
      <option value="ET">Ethiopia (USD $)</option>
      <option value="FK">Falkland Islands (USD $)</option>
      <option value="FO">Faroe Islands (USD $)</option>
      <option value="FJ">Fiji (USD $)</option>
      <option value="FI">Finland (USD $)</option>
      <option value="FR">France (EUR €)</option>
      <option value="GF">French Guiana (USD $)</option>
      <option value="PF">French Polynesia (USD $)</option>
      <option value="TF">French Southern Territories (USD $)</option>
      <option value="GA">Gabon (USD $)</option>
      <option value="GM">Gambia (USD $)</option>
      <option value="GE">Georgia (USD $)</option>
      <option value="DE">Germany (EUR €)</option>
      <option value="GH">Ghana (USD $)</option>
      <option value="GI">Gibraltar (USD $)</option>
      <option value="GR">Greece (USD $)</option>
      <option value="GL">Greenland (USD $)</option>
      <option value="GD">Grenada (USD $)</option>
      <option value="GP">Guadeloupe (USD $)</option>
      <option value="GT">Guatemala (USD $)</option>
      <option value="GG">Guernsey (USD $)</option>
      <option value="GN">Guinea (USD $)</option>
      <option value="GW">Guinea-Bissau (USD $)</option>
      <option value="GY">Guyana (USD $)</option>
      <option value="HT">Haiti (USD $)</option>
      <option value="HN">Honduras (USD $)</option>
      <option value="HK">Hong Kong SAR (USD $)</option>
      <option value="HU">Hungary (USD $)</option>
      <option value="IS">Iceland (USD $)</option>
      <option value="IN">India (USD $)</option>
      <option value="ID">Indonesia (USD $)</option>
      <option value="IQ">Iraq (USD $)</option>
      <option value="IE">Ireland (USD $)</option>
      <option value="IM">Isle of Man (USD $)</option>
      <option value="IL">Israel (USD $)</option>
      <option value="IT">Italy (EUR €)</option>
      <option value="JM">Jamaica (USD $)</option>
      <option value="JP">Japan (USD $)</option>
      <option value="JE">Jersey (USD $)</option>
      <option value="JO">Jordan (USD $)</option>
      <option value="KZ">Kazakhstan (USD $)</option>
      <option value="KE">Kenya (USD $)</option>
      <option value="KI">Kiribati (USD $)</option>
      <option value="XK">Kosovo (USD $)</option>
      <option value="KW">Kuwait (USD $)</option>
      <option value="KG">Kyrgyzstan (USD $)</option>
      <option value="LA">Laos (USD $)</option>
      <option value="LV">Latvia (USD $)</option>
      <option value="LB">Lebanon (USD $)</option>
      <option value="LS">Lesotho (USD $)</option>
      <option value="LR">Liberia (USD $)</option>
      <option value="LY">Libya (USD $)</option>
      <option value="LI">Liechtenstein (USD $)</option>
      <option value="LT">Lithuania (USD $)</option>
      <option value="LU">Luxembourg (USD $)</option>
      <option value="MO">Macao SAR (USD $)</option>
      <option value="MG">Madagascar (USD $)</option>
      <option value="MW">Malawi (USD $)</option>
      <option value="MY">Malaysia (USD $)</option>
      <option value="MV">Maldives (USD $)</option>
      <option value="ML">Mali (USD $)</option>
      <option value="MT">Malta (USD $)</option>
      <option value="MQ">Martinique (USD $)</option>
      <option value="MR">Mauritania (USD $)</option>
      <option value="MU">Mauritius (USD $)</option>
      <option value="YT">Mayotte (USD $)</option>
      <option value="MX">Mexico (USD $)</option>
      <option value="MD">Moldova (USD $)</option>
      <option value="MC">Monaco (USD $)</option>
      <option value="MN">Mongolia (USD $)</option>
      <option value="ME">Montenegro (USD $)</option>
      <option value="MS">Montserrat (USD $)</option>
      <option value="MA">Morocco (USD $)</option>
      <option value="MZ">Mozambique (USD $)</option>
      <option value="MM">Myanmar (Burma) (USD $)</option>
      <option value="NA">Namibia (USD $)</option>
      <option value="NR">Nauru (USD $)</option>
      <option value="NP">Nepal (USD $)</option>
      <option value="NL">Netherlands (USD $)</option>
      <option value="NC">New Caledonia (USD $)</option>
      <option value="NZ">New Zealand (USD $)</option>
      <option value="NI">Nicaragua (USD $)</option>
      <option value="NE">Niger (USD $)</option>
      <option value="NG">Nigeria (USD $)</option>
      <option value="NU">Niue (USD $)</option>
      <option value="NF">Norfolk Island (USD $)</option>
      <option value="MK">North Macedonia (USD $)</option>
      <option value="NO">Norway (USD $)</option>
      <option value="OM">Oman (USD $)</option>
      <option value="PK">Pakistan (USD $)</option>
      <option value="PS">Palestinian Territories (USD $)</option>
      <option value="PA">Panama (USD $)</option>
      <option value="PG">Papua New Guinea (USD $)</option>
      <option value="PY">Paraguay (USD $)</option>
      <option value="PE">Peru (USD $)</option>
      <option value="PH">Philippines (USD $)</option>
      <option value="PN">Pitcairn Islands (USD $)</option>
      <option value="PL">Poland (USD $)</option>
      <option value="PT">Portugal (USD $)</option>
      <option value="QA">Qatar (USD $)</option>
      <option value="RE">Réunion (USD $)</option>
      <option value="RO">Romania (USD $)</option>
      <option value="RU">Russia (USD $)</option>
      <option value="RW">Rwanda (USD $)</option>
      <option value="WS">Samoa (USD $)</option>
      <option value="SM">San Marino (USD $)</option>
      <option value="ST">São Tomé &amp; Príncipe (USD $)</option>
      <option value="SA">Saudi Arabia (USD $)</option>
      <option value="SN">Senegal (USD $)</option>
      <option value="RS">Serbia (USD $)</option>
      <option value="SC">Seychelles (USD $)</option>
      <option value="SL">Sierra Leone (USD $)</option>
      <option value="SG">Singapore (USD $)</option>
      <option value="SX">Sint Maarten (USD $)</option>
      <option value="SK">Slovakia (USD $)</option>
      <option value="SI">Slovenia (USD $)</option>
      <option value="SB">Solomon Islands (USD $)</option>
      <option value="SO">Somalia (USD $)</option>
      <option value="ZA">South Africa (USD $)</option>
      <option value="GS">South Georgia &amp; South Sandwich Islands (USD $)</option>
      <option value="KR">South Korea (USD $)</option>
      <option value="SS">South Sudan (USD $)</option>
      <option value="ES">Spain (EUR €)</option>
      <option value="LK">Sri Lanka (USD $)</option>
      <option value="BL">St. Barthélemy (USD $)</option>
      <option value="SH">St. Helena (USD $)</option>
      <option value="KN">St. Kitts &amp; Nevis (USD $)</option>
      <option value="LC">St. Lucia (USD $)</option>
      <option value="MF">St. Martin (USD $)</option>
      <option value="PM">St. Pierre &amp; Miquelon (USD $)</option>
      <option value="VC">St. Vincent &amp; Grenadines (USD $)</option>
      <option value="SD">Sudan (USD $)</option>
      <option value="SR">Suriname (USD $)</option>
      <option value="SJ">Svalbard &amp; Jan Mayen (USD $)</option>
      <option value="SE">Sweden (USD $)</option>
      <option value="CH">Switzerland (USD $)</option>
      <option value="TW">Taiwan (USD $)</option>
      <option value="TJ">Tajikistan (USD $)</option>
      <option value="TZ">Tanzania (USD $)</option>
      <option value="TH">Thailand (USD $)</option>
      <option value="TL">Timor-Leste (USD $)</option>
      <option value="TG">Togo (USD $)</option>
      <option value="TK">Tokelau (USD $)</option>
      <option value="TO">Tonga (USD $)</option>
      <option value="TT">Trinidad &amp; Tobago (USD $)</option>
      <option value="TA">Tristan da Cunha (USD $)</option>
      <option value="TN">Tunisia (USD $)</option>
      <option value="TR">Türkiye (USD $)</option>
      <option value="TM">Turkmenistan (USD $)</option>
      <option value="TC">Turks &amp; Caicos Islands (USD $)</option>
      <option value="TV">Tuvalu (USD $)</option>
      <option value="UM">U.S. Outlying Islands (USD $)</option>
      <option value="UG">Uganda (USD $)</option>
      <option value="UA">Ukraine (USD $)</option>
      <option value="AE">United Arab Emirates (USD $)</option>
      <option value="GB">United Kingdom (USD $)</option>
      <option value="US">United States (USD $)</option>
      <option value="UY">Uruguay (USD $)</option>
      <option value="UZ">Uzbekistan (USD $)</option>
      <option value="VU">Vanuatu (USD $)</option>
      <option value="VA">Vatican City (USD $)</option>
      <option value="VE">Venezuela (USD $)</option>
      <option value="VN">Vietnam (USD $)</option>
      <option value="WF">Wallis &amp; Futuna (USD $)</option>
      <option value="EH">Western Sahara (USD $)</option>
      <option value="YE">Yemen (USD $)</option>
      <option value="ZM">Zambia (USD $)</option>
      <option value="ZW">Zimbabwe (USD $)</option>
    </select></label></form>

POST

<form method="post" id="sem_modal_form" novalidate="novalidate">
  <input id="sem_email" type="hidden" value="client" name="user">
  <div class="ssw-control-group">
    <input name="password" id="sem_password" class="social-exist-modal__password" type="password" required="required" placeholder="Password"><br>
  </div>
  <a id="sem_forgot" class="social-exist-modal__recover-password" onclick="try{showRecoverPasswordForm();ssw('#social_exist_modal').sswModal('hide');}catch(e){}" href="/account/login#recover">Forgot password?</a>
  <div class="ssw-control-group">
    <input id="sem_btn" type="submit" class="btn button gw-login-btn" value="Log in">
  </div>
</form>

POST

<form id="set-email-form" method="post" novalidate="novalidate">
  <input id="service_id" type="hidden" name="service_id" value="">
  <div class="ssw-control-group">
    <input id="set-email-input" name="email" tabindex="1" aria-label="Email address" type="email" required="required" placeholder="Email address" class="ssw-span3">
  </div>
  <div class="ssw-control-group">
    <input type="submit" class="btn button gw-login-btn" tabindex="1" aria-label="" value="">
  </div>
</form>

POST

<form id="accept-terms-form" method="post" onsubmit="sswCreateAccount(this); return false;">
  <div class="terms-email-group ssw-control-group">
    <input id="terms-email-input" name="email" tabindex="1" type="email" required="required" placeholder="Email address" class="ssw-span3">
  </div>
  <div class="accept_terms-group ssw-control-group">
    <div class="ssw-controls">
      <label class="ssw-checkbox ssw-inline">
        <input id="ssw-accept-terms-checkbox" name="accept_terms" onclick="sswOnAcceptTerms(this)" type="checkbox"> I read and agree with <span class="terms-span">Terms of Service</span>
        <a href="javascript: void(0)" class="terms-link ssw-hide" target="_blank">Terms of Service</a>
      </label>
    </div>
  </div>
  <div class="ssw-control-group accepts_marketing-group">
    <div class="ssw-controls">
      <label class="ssw-checkbox ssw-inline">
        <input id="ssw-accept-marketing-checkbox" name="accepts_marketing" type="checkbox" onclick="sswOnAcceptMarketing(this)" onkeydown="sswOnAcceptMarketing(this)" tabindex="1" aria-label="Subscribe for Newsletter"> Subscribe for Newsletter
      </label>
    </div>
  </div>
  <input id="ssw-accept-terms-service_id" name="service_id" type="hidden">
  <div class="ssw-control-group">
    <button id="ssw-create-account-button" type="submit" class="btn button gw-login-btn" style="display: none" tabindex="1" aria-label="Create Account">Create Account</button>
    <button id="ssw-cancel-account-button" type="button" class="btn button gw-login-btn" onclick="sswCancelAccount()" tabindex="1" aria-label="cancel">cancel</button>
  </div>
</form>

POST /account/login

<form id="he_customer_login" action="/account/login" method="post" accept-charset="UTF-8" novalidate="novalidate">
  <input type="hidden" value="client" name="user">
  <div class="ssw-control-group">
    <input id="ssw-customer-email" name="customer[email]" tabindex="1" autocomplete="on" type="email" placeholder="Email address" class="ssw-span3" title="Enter your email" aria-label="Enter your email">
  </div>
  <div class="ssw-control-group">
    <input id="ssw-customer-password" name="customer[password]" tabindex="2" type="password" placeholder="Password" class="ssw-span3" title="Enter your password" aria-label="Enter your password">
  </div>
  <div class="ssw-control-group">
    <input id="hesy-login-submit" tabindex="3" type="submit" class="btn button gw-login-btn gw-fsize-md" value="Log in" aria-labelledby="Log in">
  </div>
  <div class="ssw-control-group">
    <a href="/account/login#recover" class="gw-link-login">Forgot password?</a>
  </div>
</form>

POST /account

<form id="he_create_customer" action="/account" method="post" accept-charset="UTF-8" novalidate="novalidate">
  <div class="ssw-control-group">
    <input id="ssw-email" tabindex="4" name="customer[email]" type="email" placeholder="Email address" class="required email ssw-span3" title="Enter your email" aria-label="Enter your email">
  </div>
  <div class="ssw-control-group">
    <input id="ssw-password" tabindex="5" name="customer[password]" type="password" placeholder="Password" class="required ssw-span3" minlength="6" title="Enter your password" aria-label="Enter your password">
  </div>
  <div class="ssw-control-group ssw-first-name" style="display:none;">
    <input id="ssw-first_name" tabindex="6" name="customer[first_name]" type="text" placeholder="First Name" class="required ssw-span3" minlength="2" title="Enter your first name" aria-label="Enter your first name">
  </div>
  <div class="ssw-control-group ssw-last-name" style="display:none;">
    <input id="ssw-last_name" tabindex="7" name="customer[last_name]" type="text" placeholder="Last Name" class="required ssw-span3" minlength="2" title="Enter your last name" aria-label="Enter your last name">
  </div>
  <input id="ssw-customer-tags" type="hidden" name="customer[tags]" value="gw_form">
  <div id="ssw-signup-accept-terms-marketing" class="ssw-control-group ssw-accept-terms">
    <label id="ssw-signup-accept-terms" class="ssw-checkbox ssw-inline" style="display: none;">
      <input name="terms" tabindex="8" type="checkbox" onclick="sswOnAcceptTerms(this)"> I read and agree with <span class="terms-span">Terms of Service</span>
      <a href="javascript: void(0)" class="terms-link ssw-hide" target="_blank">Terms of Service</a>
    </label>
    <input id="ssw-customer-accepts_marketing" type="hidden" name="customer[accepts_marketing]" value="false">
    <label id="ssw-signup-accept-marketing" class="ssw-checkbox ssw-inline">
      <input name="accepts_marketing" tabindex="9" type="checkbox" onclick="sswOnAcceptMarketing(this)"> Subscribe for Newsletter </label>
  </div>
  <div class="ssw-action-bottom">
    <button id="hesy-sign-up-cancel" type="button" class="btn button gw-login-btn gw-fsize-md" data-dismiss="ssw-modal" aria-hidden="true" style="display:none">cancel</button>
    <input id="hesy-sign-up-submit" tabindex="8" type="submit" class="btn button gw-login-btn gw-fsize-md" value="Sign up" aria-labelledby="Sign up">
  </div>
</form>

POST /cart/add

<form class="ssw-product-form ssw-available-content" method="post" action="/cart/add">
  <input type="hidden" name="id" value="">
  <div class="gw-quantity-wrapper" tabindex="0">
    <span class="gw-quantity-text gw-product-form-text">Quantity</span>
    <span class="gw-quantity-param minus">-</span>
    <input type="number" name="quantity" class="gw-quantity-number" value="1">
    <span class="gw-quantity-param plus">+</span>
  </div>
  <div class="ssw-control-group ssw-product-option1 ssw-hide">
    <label class="ssw-control-label gw-product-form-text">Option1</label>
    <select class="ssw-product-select1" data-product-id="0"></select>
  </div>
  <div class="ssw-control-group ssw-product-option2 ssw-hide">
    <label class="ssw-control-label gw-product-form-text">Option2</label>
    <select class="ssw-product-select2" data-product-id="0"></select>
  </div>
  <div class="ssw-control-group ssw-product-option3 ssw-hide">
    <label class="ssw-control-label gw-product-form-text">Option2</label>
    <select class="ssw-product-select3" data-product-id="0"></select>
  </div>
</form>

Text Content

YOUR LOCATION IS SET TO CANADA

 * Shop in USD $
 * Get shipping options for Canada

Continue
Change country/region

Skip to content
This site has limited support for your browser. We recommend switching to Edge,
Chrome, Safari, or Firefox.
Congratulations! Your order qualifies for free shipping Free Shipping on orders
over $25 (US continental only)

Congratulations! Your order qualifies for free shipping Free Shipping on orders
over $25 (US continental only)

Search
Search Clear



Account
Cart 0
APPLE
iPhone iPhone 15 Series iPhone 14 Series iPhone 13 Series iPhone 12 Series
iPhone 11 Series Other Series
AirPods AirPods Pro 2 / Pro AirPods 3 / 2 / 1 AirPods Max
Apple Watch Apple Watch Ultra Apple Watch iPad / Mac iPad Apple Pencil MacBook
Mac Mini
Apple Vision Pro AirTag Apple TV Apple TV 2022 / 2021 Apple TV Pre 2021 Smart
Home Home Hub Mount Homepod
Accessories MagSafe Screen Protector Stand Card Pocket Keyring Strap Sleeve
Cable
SAMSUNG
Galaxy Galaxy S24 Series Galaxy S23 Series Galaxy S22 Series Galaxy S21 Series
Galaxy Z Flip Series Other Series
Galaxy Buds Galaxy Buds 2 / Pro / Pro 2 / Live / FE Galaxy Buds / Plus
Galaxy Watch Galaxy Watch 3 / 4 Galaxy Watch 5 / 6 Galaxy Tab / Books Galaxy Tab
Galaxy Books
Accessories Screen Protector Stand Card Pocket Keyring Strap Sleeve Cable
GOOGLE
Nest Nest Thermostat Nest Hello Doorbell Nest Camera
Google TV / Wifi Google TV Google Wifi
Google Buds Pixel Buds
LIFESTYLE
Office ID Card Adapter / Hub Cable Stylus Other Office
Car Mount Diffuser Charger
Travel Adapter Carabiner / Strap Other Travel
Other Amazon Echo Dot / Buds Playstation
COLLECTION
elago Signature Retro Monthly elago
Collabo Monami HARVARD YALE MapleStory BT21 LINE FRIENDS Hansen
elago Meets Shuto Hong 10 Naul Jay Flow
ON SALE
OUR STORY
Our Mission Newsletter


Account
Search
Search Clear


Cart 0
APPLE Show menu
Exit menu APPLE
iPhone Show menu
Exit menu iPhone
iPhone 15 Series
iPhone 14 Series
iPhone 13 Series
iPhone 12 Series
iPhone 11 Series
Other Series
AirPods Show menu
Exit menu AirPods
AirPods Pro 2 / Pro
AirPods 3 / 2 / 1
AirPods Max
Apple Watch Show menu
Exit menu Apple Watch
Apple Watch Ultra
Apple Watch
iPad / Mac
iPad
Apple Pencil
MacBook
Mac Mini
Apple Vision Pro Show menu
Exit menu Apple Vision Pro
AirTag
Apple TV
Apple TV 2022 / 2021
Apple TV Pre 2021
Smart Home
Home Hub Mount
Homepod
Accessories Show menu
Exit menu Accessories
MagSafe
Screen Protector
Stand
Card Pocket
Keyring
Strap
Sleeve
Cable
SAMSUNG Show menu
Exit menu SAMSUNG
Galaxy Show menu
Exit menu Galaxy
Galaxy S24 Series
Galaxy S23 Series
Galaxy S22 Series
Galaxy S21 Series
Galaxy Z Flip Series
Other Series
Galaxy Buds Show menu
Exit menu Galaxy Buds
Galaxy Buds 2 / Pro / Pro 2 / Live / FE
Galaxy Buds / Plus
Galaxy Watch Show menu
Exit menu Galaxy Watch
Galaxy Watch 3 / 4
Galaxy Watch 5 / 6
Galaxy Tab / Books
Galaxy Tab
Galaxy Books
Accessories Show menu
Exit menu Accessories
Screen Protector
Stand
Card Pocket
Keyring
Strap
Sleeve
Cable
GOOGLE Show menu
Exit menu GOOGLE
Nest Show menu
Exit menu Nest
Nest Thermostat
Nest Hello Doorbell
Nest Camera
Google TV / Wifi Show menu
Exit menu Google TV / Wifi
Google TV
Google Wifi
Google Buds Show menu
Exit menu Google Buds
Pixel Buds
LIFESTYLE Show menu
Exit menu LIFESTYLE
Office Show menu
Exit menu Office
ID Card
Adapter / Hub
Cable
Stylus
Other Office
Car Show menu
Exit menu Car
Mount
Diffuser
Charger
Travel Show menu
Exit menu Travel
Adapter
Carabiner / Strap
Other Travel
Other Show menu
Exit menu Other
Amazon Echo Dot / Buds
Playstation
COLLECTION Show menu
Exit menu COLLECTION
elago Signature Show menu
Exit menu elago Signature
Retro
Monthly elago
Collabo Show menu
Exit menu Collabo
Monami
HARVARD
YALE
MapleStory
BT21
LINE FRIENDS
Hansen
elago Meets Show menu
Exit menu elago Meets
Shuto
Hong 10
Naul
Jay Flow
ON SALE
OUR STORY Show menu
Exit menu OUR STORY
Our Mission
Newsletter


Use coupon code WELCOME10 for 10% off your first order.


CART 0

Congratulations! Your order qualifies for free shipping You are $25 away from
free shipping.


NO MORE PRODUCTS AVAILABLE FOR PURCHASE



FREQUENTLY BOUGHT TOGETHER


Add to cart  



Crossbody Phone Lanyard [2 Colors]

Accessories

From $24.99
Black
Stone
See All See All
2 colors
Add to cart  



elago Carabiner Strap [3 Colors]

Accessories

$19.99
Black
Kakhi
Orange
See All See All
3 colors
Add to cart  



3 in 1 Charging Hub [Type A]

Apple Devices

$26.99
Black
Classic White
Jean Indigo
Dark Gray
See All See All
4 colors
Add to cart  



A2 Dust Guard [3 Colors]

AirPods 2

From $10.99
Dark Grey
Gold
Rose Gold
See All See All
3 colors
Add to cart  



Ear Hooks [Type A] [8 Colors]

AirPods

$13.99
White
Black
Jean Indigo
Midnight Green
Lovely Pink
Lavender
Red
Nightglow Blue
See All See All
8 colors
Add to cart  



Earbuds Cover [4 Colors]

AirPods Pro 2

$13.99
Dark Grey
Lavender
White
Nightglow Blue
See All See All
4 colors
Add to cart  



Earbuds Cover Plus with Integrated Tips [6 Pairs] [4 Colors]

AirPods Pro

$12.99
Dark Grey
Nightglow Blue
White
Lavender
See All See All
4 colors
Add to cart  



2 in 1 Charging Dock [4 Colors]

Apple Devices

$16.99
Black
Classic White
Lavender Grey
Sand Pink
See All See All
4 colors
Add to cart  



3 in 1 Charging Hub [Type B]

Apple Devices

$33.99
Classic White
Sand Pink
Black
Lavender Gray
See All See All
4 colors
Add to cart  



Charging Station [5 Colors]

AirPods Pro

$11.99
White
Black
Dark Grey
Lavender Grey
Sand Pink
See All See All
5 colors
Add to cart    

D Stand

Lightning & USB-C Cable

$20.99
Add to cart  



Beads Strap [2 Colors]

AirPods Pro 2

$11.99
Pearl
Rainbow
See All See All
2 colors
Add to cart  



BT21 | elago Lanyard Wrist Strap [7 Styles]

Accessories

$14.99
Add to cart  



Fabric Lanyard [2 Colors]

AirPods Pro 2

$9.99
Gray
Black
See All See All
2 colors
Add to cart  



elago Wrist Lanyard

Accessories

$11.99
Stone
Dark Gray
See All See All
2 colors
 
Add to cart    

EDC Titanium Carabiner

Accessories

$22.99
Subtotal Free

Check Out
Shipping, taxes, and discount codes are calculated at checkout
Pair with


Your Cart is Empty

elago Signature Retro Collection


MS W5 CHARGING STAND

Shop Now

Buy One Get One 50% Off


IPHONE 13 SERIES

Shop Now

Organized Desk, Organized Mind


ELAGO DESIGNER'S DESK

Shop Now

Simple Yet Perfect Tool for Creators


MAGNETIC SELFIE STICK

Shop Now

Last Touch for Your Modern Look


METAL APPLE WATCH STRAP

Shop Now
PreviousNext

YOUR TIME IS PRECIOUS


PICK YOUR DEVICE

IPHONE

GALAXY

AIRPODS

GALAXY BUDS

APPLE WATCH

MAGSAFE

IPAD

APPLE PENCIL

AIRTAG

SMART HOME

LIFE STYLE

ACCESSORIES


FEATURED COLLECTION


IPHONE 13 SERIES - BUY ONE GET ONE 50% OFF

Shop Now


MAGSAFE: A GAME CHANGER FOR YOUR IPHONE

Shop Now


RETRO COLLECTION NEVER GETS OLD

Shop Now


NEW ARRIVAL

Add to cart  



Magnetic Cable Tie [2 Colors]

Cable

$9.99
Black
Stone
See All See All
2 colors
 
Add to cart    

elago x MONAMI Case [White]

Apple Pencil (USB-C)

$17.99
 
Add to cart    

Hybrid Clear Case

Apple Vision Pro

$15.99
Add to cart  



Crossbody Phone Lanyard [2 Colors]

Accessories

From $24.99
Black
Stone
See All See All
2 colors
Add to cart  



Key MagSafe Silicone Card Pocket [2 Colors]

MagSafe

$18.99
Stone
Black
See All See All
2 colors
Add to cart  



Pager Case [2 Colors]

AirPods Pro 2

From $15.99
Black
Classic White
See All See All
2 colors
 
Add to cart    

MagSafe MS W5 Charging Stand

MagSafe

$25.99
 
Add to cart    

LINE FRIENDS | elago Lanyard Wrist Strap [Sally]

Lanyard

$14.99
 
Add to cart    

LINE FRIENDS | elago MagSafe Silicone Card Pocket [Sally]

MagSafe

$19.99
 
Add to cart    

LINE FRIENDS | elago Yellow Sally Case

AirPods Pro 2

$17.99
 
Add to cart    

LINE FRIENDS | elago MagSafe Yellow Sally Case

iPhone 15 Plus

$24.99
 
Add to cart    

LINE FRIENDS | elago MagSafe Yellow Sally Case

iPhone 15

$24.99
 
Add to cart    

LINE FRIENDS | elago MagSafe Yellow Sally Case

iPhone 15 Pro Max

$24.99
 
Add to cart    

LINE FRIENDS | elago MagSafe Yellow Sally Case

iPhone 15 Pro

$24.99
 
Add to cart    

LINE FRIENDS | elago MagSafe Wallet Card Holder [Sally]

MagSafe

$24.99
Add to cart  



Pet Collar W5 Case [2 Colors]

AirTag

$15.99
Light Grey
Black
See All See All
2 colors
Add to cart  



Pet Collar Ribbon Case [3 Colors]

AirTag

$15.99
Stone
Sand Pink
Mint
See All See All
3 colors
Add to cart  



Premium Silicone Case [34 Colors]

iPhone 15 Pro Max

$15.99
Stone
Lovely Pink
Purple
Jean Indigo
Light Blue
Mint
Midnight Green
Pastel Green
Orange
Red
Burgundy
Medium Gray
Black
White
Deep Purple
Brown
Yellow
Hot Pink
Neon Yellow
Cobalt Blue
Light Lilac
Aqua Sky
Cedar Green
Salmon
Ice Red
Alpine Green
Deep Lavender
Ocean Blue
Pomelo Pink
Lime Green
Sunshine
Soft Mint
Sky Blue
Pink
See All See All
34 colors
Add to cart  



Premium Silicone Case [34 Colors]

iPhone 15 Pro

$15.99
Lovely Pink
Stone
Purple
Jean Indigo
Light Blue
Mint
Midnight Green
Pastel Green
Orange
Red
Burgundy
Medium Gray
Black
White
Deep Purple
Brown
Yellow
Hot Pink
Neon Yellow
Cobalt Blue
Light Lilac
Aqua Sky
Cedar Green
Salmon
Ice Red
Alpine Green
Deep Lavender
Ocean Blue
Pomelo Pink
Lime Green
Sunshine
Soft Mint
Sky Blue
Pink
See All See All
34 colors





elago in Lifestyle


ELAGO DESK COLLECTION

With elago's tech accessories, the desk-setup of your dreams is at your
fingertips.
Welcome to your new workspace

View Detail Shop Now
Add to cart  



Magnetic Stand [4 colors]

Tablet

$110.99
Sliver
Light Blue
Sand Pink
Dark Gray
See All See All
4 colors
Add to cart  



H Stand [3 Colors]

AirPods Max

$48.99
Silver
Dark Grey
Gold
See All See All
3 colors
Add to cart  



MS4 Charging Stand [3 Colors]

MagSafe

$27.99
Silver
Black
Jean Indigo
See All See All
3 colors
Add to cart  



MS2 Charging Stand [4 Colors]

MagSafe

$24.99
Stone
Black
Jean Indigo
Sand Pink
White
See All See All
5 colors
Add to cart  



Magnetic Cable Management [2 Colors]

Accessories

$13.99
White
Black
See All See All
2 colors
Add to cart  



Home Stand [3 Colors]

Stylus

$16.99
Stone
Dark Grey
Sand Pink
See All See All
3 colors
Add to cart  



W3 Stand [2 Colors]

Apple Watch

$13.99
Classic White
Black
See All See All
2 colors
 
Add to cart    

MacBook Charger Cable Management Case

Accessories

$14.99
 
Add to cart    

elago x MONAMI Case [White]

Apple Pencil (USB-C)

$17.99
Add to cart  



Silicone Stand [4 Colors]

Stylus

$14.99
Black
White
Mint
Lovely Pink
See All See All
4 colors
Add to cart  



Magnetic Cable Tie [2 Colors]

Cable

$9.99
Black
Stone
See All See All
2 colors
 
Add to cart    

MagSafe MS W5 Charging Stand

MagSafe

$25.99
 
34% OFF
Add to cart    

MagSafe MS M4 Charging Stand

MagSafe

$18.99 $28.99
 
Add to cart    

Holder Mount for Tablet

Mount

$14.99
Add to cart  



Phone Holder Mount [2 Colors]

Mount

$11.99
Black
White
See All See All
2 colors
Add to cart  



Ultra Slim Hard Case [2 Colors]

MacBook Air 15.3 ''

$19.99
Clear
Dark Grey
See All See All
2 colors
 
Add to cart    

Ultra Thin Keyboard Skin

MacBook Pro

$10.99
 

Ultra Thin Keyboard Skin

MacBook Air 13 '' (2020)

Sold out
 
Add to cart    

Paper Touch Glass Screen Protector

iPad Air 10.9'' / iPad Pro 11''

$10.99
 
Add to cart    

elago W6 Tesla Charging Stand for AirPods

Car Mount

$14.99
 
Add to cart    

Magnetic Ring for iPad Stand

Accessories

$3.99
Add to cart  



GW5 Stand [2 Colors]

Galaxy Watch 6 / Galaxy Watch 5

$21.99
Dark Gray
Light Gray
See All See All
2 colors
Add to cart  



GW4 Stand [2 Colors]

Galaxy Watch 6 / Galaxy Watch 5

$21.99
Light Gray
Dark Gray
See All See All
2 colors
Add to cart  



W9 Stand [2 Colors]

Apple Watch & Ultra / Galaxy Watch 5 & 5 Pro

$15.99
Light Grey
Dark Grey
See All See All
2 colors
 
Add to cart    

W10 Stand

Apple Watch / Apple Watch Ultra

$15.99
Add to cart  



W5 Stand [2 Colors]

Apple Watch Ultra

$16.99
Classic White
Black
See All See All
2 colors
Add to cart  



W Stand [5 Colors]

Apple Watch / Apple Watch Ultra

$29.99
Champagne Gold
Rose Gold
Silver
Black
Dark Grey
See All See All
5 colors
Add to cart  



W2 Stand [9 Colors]

Apple Watch / Apple Watch Ultra

$11.99
Black
Dark Grey
Jean Indigo
Lavender Grey
Lovely Pink
Mint
Red
Stone
White
See All See All
9 colors
Add to cart  



W4 Stand [2 Colors]

Apple Watch

$14.99
Aqua Blue
Aqua Pink
See All See All
2 colors
Add to cart  



W5 Stand [4 Colors]

Apple Watch

From $15.99
Light Grey
Black
Red
Jean Indigo
See All See All
4 colors
Add to cart  



W6 Stand [2 Colors]

Apple Watch

$14.99
White
Black
See All See All
2 colors
Add to cart  



W3 Stand [2 Colors]

Apple Watch Ultra

$14.99
Classic White
Black
See All See All
2 colors
Add to cart  



GW3 Stand [2 Colors]

Galaxy Watch 6 / Galaxy Watch 5

$20.99
Black
Light Gray
See All See All
2 colors
Add to cart  



GW2 Stand [6 Colors]

Galaxy Watch 6 / Galaxy Watch 5

From $14.59
Black
Sand Pink
Stone
White
Lavender Gray
Jean Indigo
See All See All
6 colors
Add to cart    



W8 Stand

Apple Watch

$15.49
Black
See All See All
1 color
Add to cart  



MacBook Charger Cover for Adapter [3 Colors]

MacBook 16 ''

$12.89
Classic White
Lovely Pink
Dark Grey
See All See All
3 colors
Add to cart  



Ultra Slim Hard Case [2 Sizes]

MacBook Pro (16 '' / 14 '')

$19.49
Add to cart  



Classic Pencil Case [3 Colors]

Apple Pencil (1st Gen)

$14.49
Yellow
Lavender
Lovely Pink
See All See All
3 colors
Add to cart  



GW3 Stand [2 Colors]

Galaxy Watch 4 / 3 / Active

$15.49
Black
Light Grey
See All See All
2 colors
Add to cart  



GW2 Stand [4 Colors]

Galaxy Watch 4 / 3 / Active

$12.99
Black
Sand Pink
Stone
White
See All See All
4 colors
 
Add to cart    

elago x MONAMI Case [White]

Apple Pencil (2nd Gen)

$17.49
Add to cart  



Pencil Grip [3 Styles]

Apple Pencil (1st, 2nd Gen, USB-C)

$11.99
 
33% OFF
Add to cart    

Metal Pencil Holder

Apple Pencil (2nd Gen, Pro)

$19.99 $29.99
Add to cart  



Silicone Holder [4 Colors]

Stylus

$10.99
Black
White
Sand Pink
Pastel Green
See All See All
4 colors
Add to cart  



Magnetic Folio Case [4 Colors]

iPad (10th Gen)

$26.99
Light Grey
Dark Grey
Blue
Sand Pink
See All See All
4 colors
Add to cart  



Magnetic Folio Case [4 Colors]

iPad Pro 12.9'' (4th, 5th, 6th Gen)

$26.99
Dark Gray
Sand Pink
Light Grey
Blue
See All See All
4 colors
Add to cart  



Magnetic Folio Case [4 Colors]

iPad Pro 11'' (2nd, 3rd, 4th Gen)

$26.99
Dark Gray
Sand Pink
Light Grey
Blue
See All See All
4 colors
Add to cart  



Magnetic Folio Case [4 Colors]

iPad Mini (6th Gen)

$26.99
Dark Gray
Sand Pink
Light Grey
Blue
See All See All
4 colors
Add to cart  



Magnetic Folio Case [4 Colors]

iPad Air (4th, 5th Gen) / iPad Pro 11'' (1st Gen)

$26.99
Dark Gray
Sand Pink
Light Grey
Blue
See All See All
4 colors
Add to cart  



Smart Folio Case [3 Colors]

iPad Pro 11'' (2nd, 3rd, 4th Gen)

$18.99
Black
Sand Pink
Light Grey
See All See All
3 colors



Environment

Going green, One case at a time

View More
Membership

Welcome to Membership Rewards

Get Exclusive Rewards


NEWSLETTER


TURN YOUR APPLE DEVICES INTO A MINI MACINTOSH

In a world where technology seamlessly blends with aesthetics, you might be
looking for a modern acclamation where it all began: the original Macintosh.

View More


MINT GREEN AESTHETIC ACCESSORIES

Looking to add a fresh touch to your space? Mint-colored accessories and decor
are all the rage, bringing a sense of tranquility and style to any room.

View More


WHAT IS MAGSAFE & HOW TO USE IT

Why Do iPhone Cases Have a Circle? Designed by Apple, MagSafe utilizes magnets
to create a seamless connection between your iPhone and ...

View More


BECOME A MEMBER

 * BECOME A MEMBER
 * AFFILIATE

HELP

 * Order Status
 * Shipping and Delivery
 * Refund
 * Contact Us
 * Privacy
 * Terms

ABOUT US

 * Brand Story
 * News
 * Go green
 * Careers
 * elago in EU
 * elago in ASIA

SUBSCRIBE AND GET $10 OFF

Become an elago member and be the first to know about new arrivals, sales, and
special events.
You can also get $10 off!

Join
 * 
 * 
 * 
 * 

Copyright © 2024 ELYEL CORPORATION

 * Privacy & Cookie Policy



Previous Next


Close




Country/regionAfghanistan (USD $)Åland Islands (USD $)Albania (USD $)Algeria
(USD $)Andorra (USD $)Angola (USD $)Anguilla (USD $)Antigua & Barbuda (USD
$)Argentina (USD $)Armenia (USD $)Aruba (USD $)Ascension Island (USD $)Australia
(USD $)Austria (USD $)Azerbaijan (USD $)Bahamas (USD $)Bahrain (USD $)Bangladesh
(USD $)Barbados (USD $)Belarus (USD $)Belgium (USD $)Belize (USD $)Benin (USD
$)Bermuda (USD $)Bhutan (USD $)Bolivia (USD $)Bosnia & Herzegovina (USD
$)Botswana (USD $)Brazil (USD $)British Indian Ocean Territory (USD $)British
Virgin Islands (USD $)Brunei (USD $)Bulgaria (USD $)Burkina Faso (USD $)Burundi
(USD $)Cambodia (USD $)Cameroon (USD $)Canada (USD $)Cape Verde (USD $)Caribbean
Netherlands (USD $)Cayman Islands (USD $)Central African Republic (USD $)Chad
(USD $)Chile (USD $)China (USD $)Christmas Island (USD $)Cocos (Keeling) Islands
(USD $)Colombia (USD $)Comoros (USD $)Congo - Brazzaville (USD $)Congo -
Kinshasa (USD $)Cook Islands (USD $)Costa Rica (USD $)Côte d’Ivoire (USD
$)Croatia (USD $)Curaçao (USD $)Cyprus (USD $)Czechia (USD $)Denmark (USD
$)Djibouti (USD $)Dominica (USD $)Dominican Republic (USD $)Ecuador (USD $)Egypt
(USD $)El Salvador (USD $)Equatorial Guinea (USD $)Eritrea (USD $)Estonia (USD
$)Eswatini (USD $)Ethiopia (USD $)Falkland Islands (USD $)Faroe Islands (USD
$)Fiji (USD $)Finland (USD $)France (EUR €)French Guiana (USD $)French Polynesia
(USD $)French Southern Territories (USD $)Gabon (USD $)Gambia (USD $)Georgia
(USD $)Germany (EUR €)Ghana (USD $)Gibraltar (USD $)Greece (USD $)Greenland (USD
$)Grenada (USD $)Guadeloupe (USD $)Guatemala (USD $)Guernsey (USD $)Guinea (USD
$)Guinea-Bissau (USD $)Guyana (USD $)Haiti (USD $)Honduras (USD $)Hong Kong SAR
(USD $)Hungary (USD $)Iceland (USD $)India (USD $)Indonesia (USD $)Iraq (USD
$)Ireland (USD $)Isle of Man (USD $)Israel (USD $)Italy (EUR €)Jamaica (USD
$)Japan (USD $)Jersey (USD $)Jordan (USD $)Kazakhstan (USD $)Kenya (USD
$)Kiribati (USD $)Kosovo (USD $)Kuwait (USD $)Kyrgyzstan (USD $)Laos (USD
$)Latvia (USD $)Lebanon (USD $)Lesotho (USD $)Liberia (USD $)Libya (USD
$)Liechtenstein (USD $)Lithuania (USD $)Luxembourg (USD $)Macao SAR (USD
$)Madagascar (USD $)Malawi (USD $)Malaysia (USD $)Maldives (USD $)Mali (USD
$)Malta (USD $)Martinique (USD $)Mauritania (USD $)Mauritius (USD $)Mayotte (USD
$)Mexico (USD $)Moldova (USD $)Monaco (USD $)Mongolia (USD $)Montenegro (USD
$)Montserrat (USD $)Morocco (USD $)Mozambique (USD $)Myanmar (Burma) (USD
$)Namibia (USD $)Nauru (USD $)Nepal (USD $)Netherlands (USD $)New Caledonia (USD
$)New Zealand (USD $)Nicaragua (USD $)Niger (USD $)Nigeria (USD $)Niue (USD
$)Norfolk Island (USD $)North Macedonia (USD $)Norway (USD $)Oman (USD
$)Pakistan (USD $)Palestinian Territories (USD $)Panama (USD $)Papua New Guinea
(USD $)Paraguay (USD $)Peru (USD $)Philippines (USD $)Pitcairn Islands (USD
$)Poland (USD $)Portugal (USD $)Qatar (USD $)Réunion (USD $)Romania (USD
$)Russia (USD $)Rwanda (USD $)Samoa (USD $)San Marino (USD $)São Tomé & Príncipe
(USD $)Saudi Arabia (USD $)Senegal (USD $)Serbia (USD $)Seychelles (USD $)Sierra
Leone (USD $)Singapore (USD $)Sint Maarten (USD $)Slovakia (USD $)Slovenia (USD
$)Solomon Islands (USD $)Somalia (USD $)South Africa (USD $)South Georgia &
South Sandwich Islands (USD $)South Korea (USD $)South Sudan (USD $)Spain (EUR
€)Sri Lanka (USD $)St. Barthélemy (USD $)St. Helena (USD $)St. Kitts & Nevis
(USD $)St. Lucia (USD $)St. Martin (USD $)St. Pierre & Miquelon (USD $)St.
Vincent & Grenadines (USD $)Sudan (USD $)Suriname (USD $)Svalbard & Jan Mayen
(USD $)Sweden (USD $)Switzerland (USD $)Taiwan (USD $)Tajikistan (USD $)Tanzania
(USD $)Thailand (USD $)Timor-Leste (USD $)Togo (USD $)Tokelau (USD $)Tonga (USD
$)Trinidad & Tobago (USD $)Tristan da Cunha (USD $)Tunisia (USD $)Türkiye (USD
$)Turkmenistan (USD $)Turks & Caicos Islands (USD $)Tuvalu (USD $)U.S. Outlying
Islands (USD $)Uganda (USD $)Ukraine (USD $)United Arab Emirates (USD $)United
Kingdom (USD $)United States (USD $)Uruguay (USD $)Uzbekistan (USD $)Vanuatu
(USD $)Vatican City (USD $)Venezuela (USD $)Vietnam (USD $)Wallis & Futuna (USD
$)Western Sahara (USD $)Yemen (USD $)Zambia (USD $)Zimbabwe (USD $)

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

PreferencesAccept
x

Choose Type of Cookies You Accept Using

Strictly Required Cookies

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

Analytics and Statistics

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

Marketing and Retargeting

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

Functional Cookies

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

Save my choiceAccept All
*By clicking on the above buttons, I give my consent on collecting my IP and
email (if registered). For more check GDPR Compliance
visually-hidden
×

Your discount code:



Subscribe for Newsletter
I read and agree with Terms of Service Terms of Service Subscribe for Newsletter
×

Log in to your account






Forgot password?


×
Enter your email


×
Accept Terms and Conditions

I read and agree with Terms of Service Terms of Service
Subscribe for Newsletter
Create Account cancel
×
Log in to your account



Forgot password?
No account? Sign up
×
Create your account



I read and agree with Terms of Service Terms of Service Subscribe for Newsletter
cancel
Already have an account? Log in
0 items - $0.00 ×

View Cart ×
×
User Title added Product Title to wishlist


User Title reviewed Product Title


Product Title
product price compare price Add To Cart Sold Out View Product

Quantity - +
Option1
Option2
Option2
Add to wishlist

Ask Advice



 * Description
 * Reviews
 * 
 * Questions






× Log in
×
« Previous Next »


REWARDS