www.patta.nl Open in urlscan Pro
2620:127:f00f:e::  Public Scan

Submitted URL: http://www.patta.nl/
Effective URL: https://www.patta.nl/
Submission: On April 10 via api from US — Scanned from NL

Form analysis 31 forms found in the DOM

POST /localization

<form method="post" action="/localization" id="sgcr-market-switcher" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data" hidden="hidden"><input type="hidden" name="form_type" value="localization"><input
    type="hidden" name="utf8" value="✓"><input type="hidden" name="_method" value="put"><input type="hidden" name="return_to" value="/"></form>

GET /search

<form action="/search" method="get" role="search" data-search-form="" class="search-form search-page-form">
  <div class="">
    <div class="search-form__input-wrapper">
      <div class="search-form__search-icon">
        <svg width="23px" height="23px" viewBox="0 0 23 23" class="svg text-black">
          <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <g fill="currentColor" transform="translate(-1.000000, -1.000000)" fill-rule="nonzero">
              <path
                d="M17.8875269,16.4733134 L23.0710678,21.6568542 L21.6568542,23.0710678 L16.4733134,17.8875269 C14.8414595,19.2086338 12.7631465,20 10.5,20 C5.25329488,20 1,15.7467051 1,10.5 C1,5.25329488 5.25329488,1 10.5,1 C15.7467051,1 20,5.25329488 20,10.5 C20,12.7631465 19.2086338,14.8414595 17.8875269,16.4733134 Z M10.5,18 C14.6421356,18 18,14.6421356 18,10.5 C18,6.35786438 14.6421356,3 10.5,3 C6.35786438,3 3,6.35786438 3,10.5 C3,14.6421356 6.35786438,18 10.5,18 Z">
              </path>
            </g>
          </g>
        </svg>
      </div>
      <input type="search" name="q" value="" placeholder="Search" role="combobox" aria-autocomplete="list" aria-owns="predictive-search-results" aria-expanded="false" aria-label="Search" aria-haspopup="listbox" class="algolia-shopify-autocomplete">
    </div>
  </div>
</form>

POST /contact#HamburgerNewsleter

<form method="post" action="/contact#HamburgerNewsleter" id="HamburgerNewsleter" accept-charset="UTF-8" class="contact-form" novalidate="novalidate"><input type="hidden" name="form_type" value="customer"><input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="contact[tags]" value="newsletter">
  <div class="relative w-full h-max border-b-2 border-[#0F0F0F]">
    <input type="email" name="contact[email]" id="HamburgerNewsleter-email" class="peer w-full h-[56px] text-[16px] leading-none px-0 py-5 !outline-none !border-none" value="" placeholder="Email address" aria-label="Email address"
      aria-required="true" required="" autocorrect="off" autocapitalize="off">
    <button type="submit" class="absolute top-0 right-0 hidden w-10 h-full bg-white outline-none peer-valid:block" name="commit">
      <svg width="14px" height="14px" viewBox="0 0 14 14" class="arrow text-black m-auto">
        <g id="Group" fill="currentColor" transform="translate(0.000000, -0.000000)" stroke="none" stroke-width="1" fill-rule="evenodd">
          <polygon id="Path" points="11.7238576 6.78235144 6.19526972 0.988152279 7.13806361 -1.24344979e-14 13.6094757 6.78231968 7.13807876 13.5650595 6.19525457 12.576939"></polygon>
          <polygon id="Path" points="12 6.08381973 12 7.48125563 0 7.48125563 0 6.08381973"></polygon>
        </g>
      </svg>
    </button>
  </div>
</form>

POST /cart

<form action="/cart" method="post" class="absolute bg-black text-white top-0 right-0 h-full w-full lg:w-[515px] flex flex-col translate-x-full transition-transform duration-500 group-open:translate-x-0" data-focus-el="">
  <div class="flex items-center justify-between flex-shrink-0 mt-6 mb-0 ml-8 mr-5 lg:p-0 lg:mb-5 lg:ml-12">
    <div class="flex flex-row mt-4">
      <p class="mb-0 mr-3 text-4xl font-semibold text-white">Your cart</p>
      <span class="self-center w-6 h-6 text-center border border-white rounded-full">0</span>
    </div>
    <button type="button" data-toggle="">
      <svg class="icon-close w-5" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg">
        <path fill="currentColor" d="M17.485 1.929l-7.071 7.07 7.071 7.072-1.414 1.414L9 10.414l-7.07 7.071-1.414-1.414L7.585 9 .515 1.93 1.929.515l7.07 7.07 7.072-7.07 1.414 1.414z" stroke="none" stroke-width="1" fill-rule="evenodd"></path>
      </svg>
    </button>
  </div>
  <div class="flex flex-col items-center justify-center h-full gap-8 text-3xl font-bold lg:mt-10">
    <p class="text-white">Your bag is empty</p>
    <a href="" class="p-3 text-base text-white uppercase border border-white cursor-hover hover:bg-white hover:text-black">Continue shopping</a>
  </div>
</form>

<form class="hidden lg:block absolute z-10 bottom-0 w-full  overflow-hidden pointer-events-none [[data-qatc-visibility-input]:checked+&amp;]:pointer-events-auto" id="quick-add-to-cart-8781004702027">
  <input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="form_type" value="product">
  <input type="hidden" name="quantity" value="1">
  <div data-qatc-form="" class="relative flex flex-col justify-end w-full p-4 overflow-hidden">
    <!-- Content/Size Options -->
    <div class="overflow-hidden">
      <div class="ap-qatc__content-wrapper flex flex-col gap-2 p-2 h-full bg-white translate-y-[calc(100%+1px)] transition-transform duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">
        <div class="flex gap-x-4 qatc__tabs">
        </div>
        <div data-qatc-options-container="" class="qatc__options-container">
          <div class="ap-grid grid-cols-6 auto-rows-[minmax(32px,_48px)] gap-[1px] h-full">
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484090646859" id="XS-8781004702027">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XS-8781004702027">
              <span class="flex items-center justify-center w-full h-full">XS</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484090745163" id="S-8781004702027">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="S-8781004702027">
              <span class="flex items-center justify-center w-full h-full">S</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484090777931" id="M-8781004702027">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="M-8781004702027">
              <span class="flex items-center justify-center w-full h-full">M</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484090843467" id="L-8781004702027" disabled="">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="L-8781004702027">
              <span class="flex items-center justify-center w-full h-full">L</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484090909003" id="XL-8781004702027">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XL-8781004702027">
              <span class="flex items-center justify-center w-full h-full">XL</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484091040075" id="XXL-8781004702027">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XXL-8781004702027">
              <span class="flex items-center justify-center w-full h-full">XXL</span>
            </label>
          </div>
        </div>
      </div>
    </div>
    <!-- Footer/Button -->
    <div class="
            ap-qatc__footer p-0 relative bg-white translate-y-[calc(100%+1rem+2px)]
            duration-300 ease-out
            [[data-product-item]:hover_&amp;]:translate-y-0 [[data-home-page-product-item]:hover_&amp;]:translate-y-0
            [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0 pointer-events-auto
          "><input class="hidden" aria-hidden="true" type="radio" name="id" checked="" disabled=""><button data-qatc-button="" class="
              ap-qatc__button
              h-10 w-full bg-black text-white relative border-0 font-medium overflow-hidden uppercase text-sm
              transition-opacity duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;:disabled]:opacity-[0.36] " data-product-handle="patta-femme-baby-t-shirt-white" data-product-id="8781004702027" data-variant-id="47484090646859"
        data-collection-handle="" type="submit" disabled="">
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--toggle [[data-qatc-visibility-input]:checked+form_&amp;]:-translate-y-full"> Quick shop </span>
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--submit translate-y-full [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">Add to
          cart</span>
        <span data-qatc-hide="" class="absolute top-0 left-0 h-full w-full"></span>
      </button><label class="absolute inset-0 w-full h-full cursor-pointer [[data-qatc-visibility-input]:checked+form_&amp;]:hidden" data-qtc-toggle="" for="qatc-toggle-8781004702027" aria-hidden="true"></label></div>
  </div>
</form>

<form class="hidden lg:block absolute z-10 bottom-0 w-full  overflow-hidden pointer-events-none [[data-qatc-visibility-input]:checked+&amp;]:pointer-events-auto" id="quick-add-to-cart-8781004931403">
  <input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="form_type" value="product">
  <input type="hidden" name="quantity" value="1">
  <div data-qatc-form="" class="relative flex flex-col justify-end w-full p-4 overflow-hidden">
    <!-- Content/Size Options -->
    <div class="overflow-hidden">
      <div class="ap-qatc__content-wrapper flex flex-col gap-2 p-2 h-full bg-white translate-y-[calc(100%+1px)] transition-transform duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">
        <div class="flex gap-x-4 qatc__tabs">
        </div>
        <div data-qatc-options-container="" class="qatc__options-container">
          <div class="ap-grid grid-cols-6 auto-rows-[minmax(32px,_48px)] gap-[1px] h-full">
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484091433291" id="XS-8781004931403">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XS-8781004931403">
              <span class="flex items-center justify-center w-full h-full">XS</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484091892043" id="S-8781004931403">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="S-8781004931403">
              <span class="flex items-center justify-center w-full h-full">S</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484091957579" id="M-8781004931403">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="M-8781004931403">
              <span class="flex items-center justify-center w-full h-full">M</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484091990347" id="L-8781004931403">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="L-8781004931403">
              <span class="flex items-center justify-center w-full h-full">L</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484092023115" id="XL-8781004931403">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XL-8781004931403">
              <span class="flex items-center justify-center w-full h-full">XL</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484092088651" id="XXL-8781004931403">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XXL-8781004931403">
              <span class="flex items-center justify-center w-full h-full">XXL</span>
            </label>
          </div>
        </div>
      </div>
    </div>
    <!-- Footer/Button -->
    <div class="
            ap-qatc__footer p-0 relative bg-white translate-y-[calc(100%+1rem+2px)]
            duration-300 ease-out
            [[data-product-item]:hover_&amp;]:translate-y-0 [[data-home-page-product-item]:hover_&amp;]:translate-y-0
            [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0 pointer-events-auto
          "><input class="hidden" aria-hidden="true" type="radio" name="id" checked="" disabled=""><button data-qatc-button="" class="
              ap-qatc__button
              h-10 w-full bg-black text-white relative border-0 font-medium overflow-hidden uppercase text-sm
              transition-opacity duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;:disabled]:opacity-[0.36] " data-product-handle="patta-femme-baby-t-shirt-blue-bell" data-product-id="8781004931403"
        data-variant-id="47484091433291" data-collection-handle="" type="submit" disabled="">
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--toggle [[data-qatc-visibility-input]:checked+form_&amp;]:-translate-y-full"> Quick shop </span>
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--submit translate-y-full [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">Add to
          cart</span>
        <span data-qatc-hide="" class="absolute top-0 left-0 h-full w-full"></span>
      </button><label class="absolute inset-0 w-full h-full cursor-pointer [[data-qatc-visibility-input]:checked+form_&amp;]:hidden" data-qtc-toggle="" for="qatc-toggle-8781004931403" aria-hidden="true"></label></div>
  </div>
</form>

<form class="hidden lg:block absolute z-10 bottom-0 w-full  overflow-hidden pointer-events-none [[data-qatc-visibility-input]:checked+&amp;]:pointer-events-auto" id="quick-add-to-cart-8781005521227">
  <input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="form_type" value="product">
  <input type="hidden" name="quantity" value="1">
  <div data-qatc-form="" class="relative flex flex-col justify-end w-full p-4 overflow-hidden">
    <!-- Content/Size Options -->
    <div class="overflow-hidden">
      <div class="ap-qatc__content-wrapper flex flex-col gap-2 p-2 h-full bg-white translate-y-[calc(100%+1px)] transition-transform duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">
        <div class="flex gap-x-4 qatc__tabs">
        </div>
        <div data-qatc-options-container="" class="qatc__options-container">
          <div class="ap-grid grid-cols-6 auto-rows-[minmax(32px,_48px)] gap-[1px] h-full">
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484092645707" id="XS-8781005521227">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XS-8781005521227">
              <span class="flex items-center justify-center w-full h-full">XS</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484092842315" id="S-8781005521227">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="S-8781005521227">
              <span class="flex items-center justify-center w-full h-full">S</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484092907851" id="M-8781005521227">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="M-8781005521227">
              <span class="flex items-center justify-center w-full h-full">M</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484092940619" id="L-8781005521227">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="L-8781005521227">
              <span class="flex items-center justify-center w-full h-full">L</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484092973387" id="XL-8781005521227">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XL-8781005521227">
              <span class="flex items-center justify-center w-full h-full">XL</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484093006155" id="XXL-8781005521227">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XXL-8781005521227">
              <span class="flex items-center justify-center w-full h-full">XXL</span>
            </label>
          </div>
        </div>
      </div>
    </div>
    <!-- Footer/Button -->
    <div class="
            ap-qatc__footer p-0 relative bg-white translate-y-[calc(100%+1rem+2px)]
            duration-300 ease-out
            [[data-product-item]:hover_&amp;]:translate-y-0 [[data-home-page-product-item]:hover_&amp;]:translate-y-0
            [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0 pointer-events-auto
          "><input class="hidden" aria-hidden="true" type="radio" name="id" checked="" disabled=""><button data-qatc-button="" class="
              ap-qatc__button
              h-10 w-full bg-black text-white relative border-0 font-medium overflow-hidden uppercase text-sm
              transition-opacity duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;:disabled]:opacity-[0.36] " data-product-handle="patta-femme-basic-crop-zip-up-hooded-sweater-blue-bell" data-product-id="8781005521227"
        data-variant-id="47484092645707" data-collection-handle="" type="submit" disabled="">
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--toggle [[data-qatc-visibility-input]:checked+form_&amp;]:-translate-y-full"> Quick shop </span>
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--submit translate-y-full [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">Add to
          cart</span>
        <span data-qatc-hide="" class="absolute top-0 left-0 h-full w-full"></span>
      </button><label class="absolute inset-0 w-full h-full cursor-pointer [[data-qatc-visibility-input]:checked+form_&amp;]:hidden" data-qtc-toggle="" for="qatc-toggle-8781005521227" aria-hidden="true"></label></div>
  </div>
</form>

<form class="hidden lg:block absolute z-10 bottom-0 w-full  overflow-hidden pointer-events-none [[data-qatc-visibility-input]:checked+&amp;]:pointer-events-auto" id="quick-add-to-cart-8781005717835">
  <input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="form_type" value="product">
  <input type="hidden" name="quantity" value="1">
  <div data-qatc-form="" class="relative flex flex-col justify-end w-full p-4 overflow-hidden">
    <!-- Content/Size Options -->
    <div class="overflow-hidden">
      <div class="ap-qatc__content-wrapper flex flex-col gap-2 p-2 h-full bg-white translate-y-[calc(100%+1px)] transition-transform duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">
        <div class="flex gap-x-4 qatc__tabs">
        </div>
        <div data-qatc-options-container="" class="qatc__options-container">
          <div class="ap-grid grid-cols-6 auto-rows-[minmax(32px,_48px)] gap-[1px] h-full">
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484094775627" id="XS-8781005717835">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XS-8781005717835">
              <span class="flex items-center justify-center w-full h-full">XS</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484094939467" id="S-8781005717835">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="S-8781005717835">
              <span class="flex items-center justify-center w-full h-full">S</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484095136075" id="M-8781005717835">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="M-8781005717835">
              <span class="flex items-center justify-center w-full h-full">M</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484095201611" id="L-8781005717835">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="L-8781005717835">
              <span class="flex items-center justify-center w-full h-full">L</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484095299915" id="XL-8781005717835">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XL-8781005717835">
              <span class="flex items-center justify-center w-full h-full">XL</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484095332683" id="XXL-8781005717835">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XXL-8781005717835">
              <span class="flex items-center justify-center w-full h-full">XXL</span>
            </label>
          </div>
        </div>
      </div>
    </div>
    <!-- Footer/Button -->
    <div class="
            ap-qatc__footer p-0 relative bg-white translate-y-[calc(100%+1rem+2px)]
            duration-300 ease-out
            [[data-product-item]:hover_&amp;]:translate-y-0 [[data-home-page-product-item]:hover_&amp;]:translate-y-0
            [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0 pointer-events-auto
          "><input class="hidden" aria-hidden="true" type="radio" name="id" checked="" disabled=""><button data-qatc-button="" class="
              ap-qatc__button
              h-10 w-full bg-black text-white relative border-0 font-medium overflow-hidden uppercase text-sm
              transition-opacity duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;:disabled]:opacity-[0.36] " data-product-handle="patta-femme-basic-jogging-pants-blue-bell" data-product-id="8781005717835"
        data-variant-id="47484094775627" data-collection-handle="" type="submit" disabled="">
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--toggle [[data-qatc-visibility-input]:checked+form_&amp;]:-translate-y-full"> Quick shop </span>
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--submit translate-y-full [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">Add to
          cart</span>
        <span data-qatc-hide="" class="absolute top-0 left-0 h-full w-full"></span>
      </button><label class="absolute inset-0 w-full h-full cursor-pointer [[data-qatc-visibility-input]:checked+form_&amp;]:hidden" data-qtc-toggle="" for="qatc-toggle-8781005717835" aria-hidden="true"></label></div>
  </div>
</form>

<form class="hidden lg:block absolute z-10 bottom-0 w-full  overflow-hidden pointer-events-none [[data-qatc-visibility-input]:checked+&amp;]:pointer-events-auto" id="quick-add-to-cart-8781006242123">
  <input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="form_type" value="product">
  <input type="hidden" name="quantity" value="1">
  <div data-qatc-form="" class="relative flex flex-col justify-end w-full p-4 overflow-hidden">
    <!-- Content/Size Options -->
    <div class="overflow-hidden">
      <div class="ap-qatc__content-wrapper flex flex-col gap-2 p-2 h-full bg-white translate-y-[calc(100%+1px)] transition-transform duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">
        <div class="flex gap-x-4 qatc__tabs">
        </div>
        <div data-qatc-options-container="" class="qatc__options-container">
          <div class="ap-grid grid-cols-6 auto-rows-[minmax(32px,_48px)] gap-[1px] h-full">
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484096020811" id="XS-8781006242123">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XS-8781006242123">
              <span class="flex items-center justify-center w-full h-full">XS</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484096119115" id="S-8781006242123">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="S-8781006242123">
              <span class="flex items-center justify-center w-full h-full">S</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484096151883" id="M-8781006242123">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="M-8781006242123">
              <span class="flex items-center justify-center w-full h-full">M</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484096315723" id="L-8781006242123">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="L-8781006242123">
              <span class="flex items-center justify-center w-full h-full">L</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484096348491" id="XL-8781006242123">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XL-8781006242123">
              <span class="flex items-center justify-center w-full h-full">XL</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484096381259" id="XXL-8781006242123">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XXL-8781006242123">
              <span class="flex items-center justify-center w-full h-full">XXL</span>
            </label>
          </div>
        </div>
      </div>
    </div>
    <!-- Footer/Button -->
    <div class="
            ap-qatc__footer p-0 relative bg-white translate-y-[calc(100%+1rem+2px)]
            duration-300 ease-out
            [[data-product-item]:hover_&amp;]:translate-y-0 [[data-home-page-product-item]:hover_&amp;]:translate-y-0
            [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0 pointer-events-auto
          "><input class="hidden" aria-hidden="true" type="radio" name="id" checked="" disabled=""><button data-qatc-button="" class="
              ap-qatc__button
              h-10 w-full bg-black text-white relative border-0 font-medium overflow-hidden uppercase text-sm
              transition-opacity duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;:disabled]:opacity-[0.36] " data-product-handle="patta-femme-cropped-waffle-tank-top-white" data-product-id="8781006242123"
        data-variant-id="47484096020811" data-collection-handle="" type="submit" disabled="">
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--toggle [[data-qatc-visibility-input]:checked+form_&amp;]:-translate-y-full"> Quick shop </span>
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--submit translate-y-full [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">Add to
          cart</span>
        <span data-qatc-hide="" class="absolute top-0 left-0 h-full w-full"></span>
      </button><label class="absolute inset-0 w-full h-full cursor-pointer [[data-qatc-visibility-input]:checked+form_&amp;]:hidden" data-qtc-toggle="" for="qatc-toggle-8781006242123" aria-hidden="true"></label></div>
  </div>
</form>

<form class="hidden lg:block absolute z-10 bottom-0 w-full  overflow-hidden pointer-events-none [[data-qatc-visibility-input]:checked+&amp;]:pointer-events-auto" id="quick-add-to-cart-8781006012747">
  <input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="form_type" value="product">
  <input type="hidden" name="quantity" value="1">
  <div data-qatc-form="" class="relative flex flex-col justify-end w-full p-4 overflow-hidden">
    <!-- Content/Size Options -->
    <div class="overflow-hidden">
      <div class="ap-qatc__content-wrapper flex flex-col gap-2 p-2 h-full bg-white translate-y-[calc(100%+1px)] transition-transform duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">
        <div class="flex gap-x-4 qatc__tabs">
        </div>
        <div data-qatc-options-container="" class="qatc__options-container">
          <div class="ap-grid grid-cols-6 auto-rows-[minmax(32px,_48px)] gap-[1px] h-full">
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484095496523" id="XS-8781006012747">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XS-8781006012747">
              <span class="flex items-center justify-center w-full h-full">XS</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484095594827" id="S-8781006012747">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="S-8781006012747">
              <span class="flex items-center justify-center w-full h-full">S</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484095725899" id="M-8781006012747">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="M-8781006012747">
              <span class="flex items-center justify-center w-full h-full">M</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484095791435" id="L-8781006012747">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="L-8781006012747">
              <span class="flex items-center justify-center w-full h-full">L</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484095824203" id="XL-8781006012747">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XL-8781006012747">
              <span class="flex items-center justify-center w-full h-full">XL</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484095889739" id="XXL-8781006012747">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XXL-8781006012747">
              <span class="flex items-center justify-center w-full h-full">XXL</span>
            </label>
          </div>
        </div>
      </div>
    </div>
    <!-- Footer/Button -->
    <div class="
            ap-qatc__footer p-0 relative bg-white translate-y-[calc(100%+1rem+2px)]
            duration-300 ease-out
            [[data-product-item]:hover_&amp;]:translate-y-0 [[data-home-page-product-item]:hover_&amp;]:translate-y-0
            [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0 pointer-events-auto
          "><input class="hidden" aria-hidden="true" type="radio" name="id" checked="" disabled=""><button data-qatc-button="" class="
              ap-qatc__button
              h-10 w-full bg-black text-white relative border-0 font-medium overflow-hidden uppercase text-sm
              transition-opacity duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;:disabled]:opacity-[0.36] " data-product-handle="patta-femme-cropped-waffle-tank-top-black" data-product-id="8781006012747"
        data-variant-id="47484095496523" data-collection-handle="" type="submit" disabled="">
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--toggle [[data-qatc-visibility-input]:checked+form_&amp;]:-translate-y-full"> Quick shop </span>
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--submit translate-y-full [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">Add to
          cart</span>
        <span data-qatc-hide="" class="absolute top-0 left-0 h-full w-full"></span>
      </button><label class="absolute inset-0 w-full h-full cursor-pointer [[data-qatc-visibility-input]:checked+form_&amp;]:hidden" data-qtc-toggle="" for="qatc-toggle-8781006012747" aria-hidden="true"></label></div>
  </div>
</form>

<form class="hidden lg:block absolute z-10 bottom-0 w-full  overflow-hidden pointer-events-none [[data-qatc-visibility-input]:checked+&amp;]:pointer-events-auto" id="quick-add-to-cart-8781005357387">
  <input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="form_type" value="product">
  <input type="hidden" name="quantity" value="1">
  <div data-qatc-form="" class="relative flex flex-col justify-end w-full p-4 overflow-hidden">
    <!-- Content/Size Options -->
    <div class="overflow-hidden">
      <div class="ap-qatc__content-wrapper flex flex-col gap-2 p-2 h-full bg-white translate-y-[calc(100%+1px)] transition-transform duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">
        <div class="flex gap-x-4 qatc__tabs">
        </div>
        <div data-qatc-options-container="" class="qatc__options-container">
          <div class="ap-grid grid-cols-6 auto-rows-[minmax(32px,_48px)] gap-[1px] h-full">
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484092252491" id="XS-8781005357387">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XS-8781005357387">
              <span class="flex items-center justify-center w-full h-full">XS</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484092383563" id="S-8781005357387">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="S-8781005357387">
              <span class="flex items-center justify-center w-full h-full">S</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484092416331" id="M-8781005357387">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="M-8781005357387">
              <span class="flex items-center justify-center w-full h-full">M</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484092449099" id="L-8781005357387">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="L-8781005357387">
              <span class="flex items-center justify-center w-full h-full">L</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484092481867" id="XL-8781005357387">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XL-8781005357387">
              <span class="flex items-center justify-center w-full h-full">XL</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484092514635" id="XXL-8781005357387">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XXL-8781005357387">
              <span class="flex items-center justify-center w-full h-full">XXL</span>
            </label>
          </div>
        </div>
      </div>
    </div>
    <!-- Footer/Button -->
    <div class="
            ap-qatc__footer p-0 relative bg-white translate-y-[calc(100%+1rem+2px)]
            duration-300 ease-out
            [[data-product-item]:hover_&amp;]:translate-y-0 [[data-home-page-product-item]:hover_&amp;]:translate-y-0
            [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0 pointer-events-auto
          "><input class="hidden" aria-hidden="true" type="radio" name="id" checked="" disabled=""><button data-qatc-button="" class="
              ap-qatc__button
              h-10 w-full bg-black text-white relative border-0 font-medium overflow-hidden uppercase text-sm
              transition-opacity duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;:disabled]:opacity-[0.36] " data-product-handle="patta-femme-bikershorts-black" data-product-id="8781005357387" data-variant-id="47484092252491"
        data-collection-handle="" type="submit" disabled="">
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--toggle [[data-qatc-visibility-input]:checked+form_&amp;]:-translate-y-full"> Quick shop </span>
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--submit translate-y-full [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">Add to
          cart</span>
        <span data-qatc-hide="" class="absolute top-0 left-0 h-full w-full"></span>
      </button><label class="absolute inset-0 w-full h-full cursor-pointer [[data-qatc-visibility-input]:checked+form_&amp;]:hidden" data-qtc-toggle="" for="qatc-toggle-8781005357387" aria-hidden="true"></label></div>
  </div>
</form>

<form class="hidden lg:block absolute z-10 bottom-0 w-full  overflow-hidden pointer-events-none [[data-qatc-visibility-input]:checked+&amp;]:pointer-events-auto" id="quick-add-to-cart-8781006471499">
  <input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="form_type" value="product">
  <input type="hidden" name="quantity" value="1">
  <div data-qatc-form="" class="relative flex flex-col justify-end w-full p-4 overflow-hidden">
    <!-- Content/Size Options -->
    <div class="overflow-hidden">
      <div class="ap-qatc__content-wrapper flex flex-col gap-2 p-2 h-full bg-white translate-y-[calc(100%+1px)] transition-transform duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">
        <div class="flex gap-x-4 qatc__tabs">
        </div>
        <div data-qatc-options-container="" class="qatc__options-container">
          <div class="ap-grid grid-cols-6 auto-rows-[minmax(32px,_48px)] gap-[1px] h-full">
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484096577867" id="XS-8781006471499">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XS-8781006471499">
              <span class="flex items-center justify-center w-full h-full">XS</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484096708939" id="S-8781006471499">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="S-8781006471499">
              <span class="flex items-center justify-center w-full h-full">S</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484096774475" id="M-8781006471499">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="M-8781006471499">
              <span class="flex items-center justify-center w-full h-full">M</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484096807243" id="L-8781006471499">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="L-8781006471499">
              <span class="flex items-center justify-center w-full h-full">L</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484096840011" id="XL-8781006471499">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XL-8781006471499">
              <span class="flex items-center justify-center w-full h-full">XL</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484096971083" id="XXL-8781006471499">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XXL-8781006471499">
              <span class="flex items-center justify-center w-full h-full">XXL</span>
            </label>
          </div>
        </div>
      </div>
    </div>
    <!-- Footer/Button -->
    <div class="
            ap-qatc__footer p-0 relative bg-white translate-y-[calc(100%+1rem+2px)]
            duration-300 ease-out
            [[data-product-item]:hover_&amp;]:translate-y-0 [[data-home-page-product-item]:hover_&amp;]:translate-y-0
            [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0 pointer-events-auto
          "><input class="hidden" aria-hidden="true" type="radio" name="id" checked="" disabled=""><button data-qatc-button="" class="
              ap-qatc__button
              h-10 w-full bg-black text-white relative border-0 font-medium overflow-hidden uppercase text-sm
              transition-opacity duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;:disabled]:opacity-[0.36] " data-product-handle="patta-femme-tie-dye-cropped-ruched-t-shirt-quarry" data-product-id="8781006471499"
        data-variant-id="47484096577867" data-collection-handle="" type="submit" disabled="">
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--toggle [[data-qatc-visibility-input]:checked+form_&amp;]:-translate-y-full"> Quick shop </span>
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--submit translate-y-full [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">Add to
          cart</span>
        <span data-qatc-hide="" class="absolute top-0 left-0 h-full w-full"></span>
      </button><label class="absolute inset-0 w-full h-full cursor-pointer [[data-qatc-visibility-input]:checked+form_&amp;]:hidden" data-qtc-toggle="" for="qatc-toggle-8781006471499" aria-hidden="true"></label></div>
  </div>
</form>

<form class="hidden lg:block absolute z-10 bottom-0 w-full  overflow-hidden pointer-events-none [[data-qatc-visibility-input]:checked+&amp;]:pointer-events-auto" id="quick-add-to-cart-8781006733643">
  <input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="form_type" value="product">
  <input type="hidden" name="quantity" value="1">
  <div data-qatc-form="" class="relative flex flex-col justify-end w-full p-4 overflow-hidden">
    <!-- Content/Size Options -->
    <div class="overflow-hidden">
      <div class="ap-qatc__content-wrapper flex flex-col gap-2 p-2 h-full bg-white translate-y-[calc(100%+1px)] transition-transform duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">
        <div class="flex gap-x-4 qatc__tabs">
        </div>
        <div data-qatc-options-container="" class="qatc__options-container">
          <div class="ap-grid grid-cols-6 auto-rows-[minmax(32px,_48px)] gap-[1px] h-full">
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484097102155" id="XS-8781006733643">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XS-8781006733643">
              <span class="flex items-center justify-center w-full h-full">XS</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484098904395" id="S-8781006733643">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="S-8781006733643">
              <span class="flex items-center justify-center w-full h-full">S</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484098937163" id="M-8781006733643">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="M-8781006733643">
              <span class="flex items-center justify-center w-full h-full">M</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484099002699" id="L-8781006733643">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="L-8781006733643">
              <span class="flex items-center justify-center w-full h-full">L</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484099035467" id="XL-8781006733643">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XL-8781006733643">
              <span class="flex items-center justify-center w-full h-full">XL</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484099101003" id="XXL-8781006733643">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XXL-8781006733643">
              <span class="flex items-center justify-center w-full h-full">XXL</span>
            </label>
          </div>
        </div>
      </div>
    </div>
    <!-- Footer/Button -->
    <div class="
            ap-qatc__footer p-0 relative bg-white translate-y-[calc(100%+1rem+2px)]
            duration-300 ease-out
            [[data-product-item]:hover_&amp;]:translate-y-0 [[data-home-page-product-item]:hover_&amp;]:translate-y-0
            [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0 pointer-events-auto
          "><input class="hidden" aria-hidden="true" type="radio" name="id" checked="" disabled=""><button data-qatc-button="" class="
              ap-qatc__button
              h-10 w-full bg-black text-white relative border-0 font-medium overflow-hidden uppercase text-sm
              transition-opacity duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;:disabled]:opacity-[0.36] " data-product-handle="patta-femme-tie-dye-bikershorts-quarry" data-product-id="8781006733643"
        data-variant-id="47484097102155" data-collection-handle="" type="submit" disabled="">
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--toggle [[data-qatc-visibility-input]:checked+form_&amp;]:-translate-y-full"> Quick shop </span>
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--submit translate-y-full [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">Add to
          cart</span>
        <span data-qatc-hide="" class="absolute top-0 left-0 h-full w-full"></span>
      </button><label class="absolute inset-0 w-full h-full cursor-pointer [[data-qatc-visibility-input]:checked+form_&amp;]:hidden" data-qtc-toggle="" for="qatc-toggle-8781006733643" aria-hidden="true"></label></div>
  </div>
</form>

<form class="hidden lg:block absolute z-10 bottom-0 w-full  overflow-hidden pointer-events-none [[data-qatc-visibility-input]:checked+&amp;]:pointer-events-auto" id="quick-add-to-cart-8781006930251">
  <input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="form_type" value="product">
  <input type="hidden" name="quantity" value="1">
  <div data-qatc-form="" class="relative flex flex-col justify-end w-full p-4 overflow-hidden">
    <!-- Content/Size Options -->
    <div class="overflow-hidden">
      <div class="ap-qatc__content-wrapper flex flex-col gap-2 p-2 h-full bg-white translate-y-[calc(100%+1px)] transition-transform duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">
        <div class="flex gap-x-4 qatc__tabs">
        </div>
        <div data-qatc-options-container="" class="qatc__options-container">
          <div class="ap-grid grid-cols-6 auto-rows-[minmax(32px,_48px)] gap-[1px] h-full">
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484099297611" id="XS-8781006930251">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XS-8781006930251">
              <span class="flex items-center justify-center w-full h-full">XS</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484099428683" id="S-8781006930251">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="S-8781006930251">
              <span class="flex items-center justify-center w-full h-full">S</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484099494219" id="M-8781006930251">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="M-8781006930251">
              <span class="flex items-center justify-center w-full h-full">M</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484099559755" id="L-8781006930251">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="L-8781006930251">
              <span class="flex items-center justify-center w-full h-full">L</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484099592523" id="XL-8781006930251">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XL-8781006930251">
              <span class="flex items-center justify-center w-full h-full">XL</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484099625291" id="XXL-8781006930251" disabled="">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XXL-8781006930251">
              <span class="flex items-center justify-center w-full h-full">XXL</span>
            </label>
          </div>
        </div>
      </div>
    </div>
    <!-- Footer/Button -->
    <div class="
            ap-qatc__footer p-0 relative bg-white translate-y-[calc(100%+1rem+2px)]
            duration-300 ease-out
            [[data-product-item]:hover_&amp;]:translate-y-0 [[data-home-page-product-item]:hover_&amp;]:translate-y-0
            [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0 pointer-events-auto
          "><input class="hidden" aria-hidden="true" type="radio" name="id" checked="" disabled=""><button data-qatc-button="" class="
              ap-qatc__button
              h-10 w-full bg-black text-white relative border-0 font-medium overflow-hidden uppercase text-sm
              transition-opacity duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;:disabled]:opacity-[0.36] " data-product-handle="patta-femme-ruched-tie-dye-t-shirt-dress-quarry" data-product-id="8781006930251"
        data-variant-id="47484099297611" data-collection-handle="" type="submit" disabled="">
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--toggle [[data-qatc-visibility-input]:checked+form_&amp;]:-translate-y-full"> Quick shop </span>
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--submit translate-y-full [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">Add to
          cart</span>
        <span data-qatc-hide="" class="absolute top-0 left-0 h-full w-full"></span>
      </button><label class="absolute inset-0 w-full h-full cursor-pointer [[data-qatc-visibility-input]:checked+form_&amp;]:hidden" data-qtc-toggle="" for="qatc-toggle-8781006930251" aria-hidden="true"></label></div>
  </div>
</form>

<form class="hidden lg:block absolute z-10 bottom-0 w-full  overflow-hidden pointer-events-none [[data-qatc-visibility-input]:checked+&amp;]:pointer-events-auto" id="quick-add-to-cart-8781007192395">
  <input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="form_type" value="product">
  <input type="hidden" name="quantity" value="1">
  <div data-qatc-form="" class="relative flex flex-col justify-end w-full p-4 overflow-hidden">
    <!-- Content/Size Options -->
    <div class="overflow-hidden">
      <div class="ap-qatc__content-wrapper flex flex-col gap-2 p-2 h-full bg-white translate-y-[calc(100%+1px)] transition-transform duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">
        <div class="flex gap-x-4 qatc__tabs">
        </div>
        <div data-qatc-options-container="" class="qatc__options-container">
          <div class="ap-grid grid-cols-6 auto-rows-[minmax(32px,_48px)] gap-[1px] h-full">
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484099854667" id="XS-8781007192395">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XS-8781007192395">
              <span class="flex items-center justify-center w-full h-full">XS</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484100182347" id="S-8781007192395">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="S-8781007192395">
              <span class="flex items-center justify-center w-full h-full">S</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484100280651" id="M-8781007192395">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="M-8781007192395">
              <span class="flex items-center justify-center w-full h-full">M</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484100346187" id="L-8781007192395">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="L-8781007192395">
              <span class="flex items-center justify-center w-full h-full">L</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484100378955" id="XL-8781007192395">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XL-8781007192395">
              <span class="flex items-center justify-center w-full h-full">XL</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484100411723" id="XXL-8781007192395">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XXL-8781007192395">
              <span class="flex items-center justify-center w-full h-full">XXL</span>
            </label>
          </div>
        </div>
      </div>
    </div>
    <!-- Footer/Button -->
    <div class="
            ap-qatc__footer p-0 relative bg-white translate-y-[calc(100%+1rem+2px)]
            duration-300 ease-out
            [[data-product-item]:hover_&amp;]:translate-y-0 [[data-home-page-product-item]:hover_&amp;]:translate-y-0
            [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0 pointer-events-auto
          "><input class="hidden" aria-hidden="true" type="radio" name="id" checked="" disabled=""><button data-qatc-button="" class="
              ap-qatc__button
              h-10 w-full bg-black text-white relative border-0 font-medium overflow-hidden uppercase text-sm
              transition-opacity duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;:disabled]:opacity-[0.36] " data-product-handle="patta-femme-ruched-t-shirt-dress-black" data-product-id="8781007192395"
        data-variant-id="47484099854667" data-collection-handle="" type="submit" disabled="">
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--toggle [[data-qatc-visibility-input]:checked+form_&amp;]:-translate-y-full"> Quick shop </span>
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--submit translate-y-full [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">Add to
          cart</span>
        <span data-qatc-hide="" class="absolute top-0 left-0 h-full w-full"></span>
      </button><label class="absolute inset-0 w-full h-full cursor-pointer [[data-qatc-visibility-input]:checked+form_&amp;]:hidden" data-qtc-toggle="" for="qatc-toggle-8781007192395" aria-hidden="true"></label></div>
  </div>
</form>

<form class="hidden lg:block absolute z-10 bottom-0 w-full  overflow-hidden pointer-events-none [[data-qatc-visibility-input]:checked+&amp;]:pointer-events-auto" id="quick-add-to-cart-8781007421771">
  <input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="form_type" value="product">
  <input type="hidden" name="quantity" value="1">
  <div data-qatc-form="" class="relative flex flex-col justify-end w-full p-4 overflow-hidden">
    <!-- Content/Size Options -->
    <div class="overflow-hidden">
      <div class="ap-qatc__content-wrapper flex flex-col gap-2 p-2 h-full bg-white translate-y-[calc(100%+1px)] transition-transform duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">
        <div class="flex gap-x-4 qatc__tabs">
        </div>
        <div data-qatc-options-container="" class="qatc__options-container">
          <div class="ap-grid grid-cols-6 auto-rows-[minmax(32px,_48px)] gap-[1px] h-full">
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484100510027" id="XS-8781007421771">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XS-8781007421771">
              <span class="flex items-center justify-center w-full h-full">XS</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484100706635" id="S-8781007421771">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="S-8781007421771">
              <span class="flex items-center justify-center w-full h-full">S</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484102541643" id="M-8781007421771">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="M-8781007421771">
              <span class="flex items-center justify-center w-full h-full">M</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484102672715" id="L-8781007421771">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="L-8781007421771">
              <span class="flex items-center justify-center w-full h-full">L</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484102705483" id="XL-8781007421771">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XL-8781007421771">
              <span class="flex items-center justify-center w-full h-full">XL</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484102738251" id="XXL-8781007421771">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XXL-8781007421771">
              <span class="flex items-center justify-center w-full h-full">XXL</span>
            </label>
          </div>
        </div>
      </div>
    </div>
    <!-- Footer/Button -->
    <div class="
            ap-qatc__footer p-0 relative bg-white translate-y-[calc(100%+1rem+2px)]
            duration-300 ease-out
            [[data-product-item]:hover_&amp;]:translate-y-0 [[data-home-page-product-item]:hover_&amp;]:translate-y-0
            [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0 pointer-events-auto
          "><input class="hidden" aria-hidden="true" type="radio" name="id" checked="" disabled=""><button data-qatc-button="" class="
              ap-qatc__button
              h-10 w-full bg-black text-white relative border-0 font-medium overflow-hidden uppercase text-sm
              transition-opacity duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;:disabled]:opacity-[0.36] " data-product-handle="patta-femme-leopard-cropped-hooded-sweater-dusty-olive" data-product-id="8781007421771"
        data-variant-id="47484100510027" data-collection-handle="" type="submit" disabled="">
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--toggle [[data-qatc-visibility-input]:checked+form_&amp;]:-translate-y-full"> Quick shop </span>
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--submit translate-y-full [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">Add to
          cart</span>
        <span data-qatc-hide="" class="absolute top-0 left-0 h-full w-full"></span>
      </button><label class="absolute inset-0 w-full h-full cursor-pointer [[data-qatc-visibility-input]:checked+form_&amp;]:hidden" data-qtc-toggle="" for="qatc-toggle-8781007421771" aria-hidden="true"></label></div>
  </div>
</form>

<form class="hidden lg:block absolute z-10 bottom-0 w-full  overflow-hidden pointer-events-none [[data-qatc-visibility-input]:checked+&amp;]:pointer-events-auto" id="quick-add-to-cart-8781007749451">
  <input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="form_type" value="product">
  <input type="hidden" name="quantity" value="1">
  <div data-qatc-form="" class="relative flex flex-col justify-end w-full p-4 overflow-hidden">
    <!-- Content/Size Options -->
    <div class="overflow-hidden">
      <div class="ap-qatc__content-wrapper flex flex-col gap-2 p-2 h-full bg-white translate-y-[calc(100%+1px)] transition-transform duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">
        <div class="flex gap-x-4 qatc__tabs">
        </div>
        <div data-qatc-options-container="" class="qatc__options-container">
          <div class="ap-grid grid-cols-6 auto-rows-[minmax(32px,_48px)] gap-[1px] h-full">
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484102934859" id="XS-8781007749451">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XS-8781007749451">
              <span class="flex items-center justify-center w-full h-full">XS</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484103033163" id="S-8781007749451">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="S-8781007749451">
              <span class="flex items-center justify-center w-full h-full">S</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484103065931" id="M-8781007749451">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="M-8781007749451">
              <span class="flex items-center justify-center w-full h-full">M</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484103131467" id="L-8781007749451">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="L-8781007749451">
              <span class="flex items-center justify-center w-full h-full">L</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484103229771" id="XL-8781007749451">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XL-8781007749451">
              <span class="flex items-center justify-center w-full h-full">XL</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47484103262539" id="XXL-8781007749451">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XXL-8781007749451">
              <span class="flex items-center justify-center w-full h-full">XXL</span>
            </label>
          </div>
        </div>
      </div>
    </div>
    <!-- Footer/Button -->
    <div class="
            ap-qatc__footer p-0 relative bg-white translate-y-[calc(100%+1rem+2px)]
            duration-300 ease-out
            [[data-product-item]:hover_&amp;]:translate-y-0 [[data-home-page-product-item]:hover_&amp;]:translate-y-0
            [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0 pointer-events-auto
          "><input class="hidden" aria-hidden="true" type="radio" name="id" checked="" disabled=""><button data-qatc-button="" class="
              ap-qatc__button
              h-10 w-full bg-black text-white relative border-0 font-medium overflow-hidden uppercase text-sm
              transition-opacity duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;:disabled]:opacity-[0.36] " data-product-handle="patta-femme-leopard-jogging-pants-dusty-olive" data-product-id="8781007749451"
        data-variant-id="47484102934859" data-collection-handle="" type="submit" disabled="">
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--toggle [[data-qatc-visibility-input]:checked+form_&amp;]:-translate-y-full"> Quick shop </span>
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--submit translate-y-full [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">Add to
          cart</span>
        <span data-qatc-hide="" class="absolute top-0 left-0 h-full w-full"></span>
      </button><label class="absolute inset-0 w-full h-full cursor-pointer [[data-qatc-visibility-input]:checked+form_&amp;]:hidden" data-qtc-toggle="" for="qatc-toggle-8781007749451" aria-hidden="true"></label></div>
  </div>
</form>

<form class="hidden lg:block absolute z-10 bottom-0 w-full  overflow-hidden pointer-events-none [[data-qatc-visibility-input]:checked+&amp;]:pointer-events-auto" id="quick-add-to-cart-8733010100555">
  <input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="form_type" value="product">
  <input type="hidden" name="quantity" value="1">
  <div data-qatc-form="" class="relative flex flex-col justify-end w-full p-4 overflow-hidden">
    <!-- Content/Size Options -->
    <div class="overflow-hidden">
      <div class="ap-qatc__content-wrapper flex flex-col gap-2 p-2 h-full bg-white translate-y-[calc(100%+1px)] transition-transform duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">
        <input aria-hidden="true" class="qatc__tab-input qatc__tab-input--0" type="radio" id="size-switch--US-8733010100555" name="size-switch--8733010100555" value="US">
        <input aria-hidden="true" class="qatc__tab-input qatc__tab-input--1" type="radio" id="size-switch--EU-8733010100555" name="size-switch--8733010100555" value="EU" checked="">
        <input aria-hidden="true" class="qatc__tab-input qatc__tab-input--2" type="radio" id="size-switch--UK-8733010100555" name="size-switch--8733010100555" value="UK">
        <div class="flex gap-x-4 qatc__tabs">
          <label class="cursor-pointer text-xs font-bold text-[#969696] m-0 block qatc__tab-label--0" for="size-switch--US-8733010100555">US</label>
          <label class="cursor-pointer text-xs font-bold text-[#969696] m-0 block qatc__tab-label--1" for="size-switch--EU-8733010100555">EU</label>
          <label class="cursor-pointer text-xs font-bold text-[#969696] m-0 block qatc__tab-label--2" for="size-switch--UK-8733010100555">UK</label>
        </div>
        <div data-qatc-options-container="" class="qatc__options-container">
          <div class="ap-grid grid-cols-6 auto-rows-[minmax(32px,_48px)] gap-[1px] h-full">
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47330667430219" id="US3.0,EU35.0,UK3.0-8733010100555">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="US3.0,EU35.0,UK3.0-8733010100555">
              <span class="qatc__size-translation qatc__size-translation--0"> 3.0 </span>
              <span class="qatc__size-translation qatc__size-translation--1"> 35.0 </span>
              <span class="qatc__size-translation qatc__size-translation--2"> 3.0 </span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47330667462987" id="US3.5,EU36.0,UK3.5-8733010100555">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="US3.5,EU36.0,UK3.5-8733010100555">
              <span class="qatc__size-translation qatc__size-translation--0"> 3.5 </span>
              <span class="qatc__size-translation qatc__size-translation--1"> 36.0 </span>
              <span class="qatc__size-translation qatc__size-translation--2"> 3.5 </span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47330667495755" id="US4.0,EU36.5,UK4.0-8733010100555">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="US4.0,EU36.5,UK4.0-8733010100555">
              <span class="qatc__size-translation qatc__size-translation--0"> 4.0 </span>
              <span class="qatc__size-translation qatc__size-translation--1"> 36.5 </span>
              <span class="qatc__size-translation qatc__size-translation--2"> 4.0 </span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47330667528523" id="US4.5,EU37.0,UK4.5-8733010100555">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="US4.5,EU37.0,UK4.5-8733010100555">
              <span class="qatc__size-translation qatc__size-translation--0"> 4.5 </span>
              <span class="qatc__size-translation qatc__size-translation--1"> 37.0 </span>
              <span class="qatc__size-translation qatc__size-translation--2"> 4.5 </span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47330667561291" id="US5.0,EU37.5,UK5.0-8733010100555">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="US5.0,EU37.5,UK5.0-8733010100555">
              <span class="qatc__size-translation qatc__size-translation--0"> 5.0 </span>
              <span class="qatc__size-translation qatc__size-translation--1"> 37.5 </span>
              <span class="qatc__size-translation qatc__size-translation--2"> 5.0 </span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47330667594059" id="US5.5,EU38.0,UK5.5-8733010100555">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="US5.5,EU38.0,UK5.5-8733010100555">
              <span class="qatc__size-translation qatc__size-translation--0"> 5.5 </span>
              <span class="qatc__size-translation qatc__size-translation--1"> 38.0 </span>
              <span class="qatc__size-translation qatc__size-translation--2"> 5.5 </span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47323091403083" id="US6.0,EU39.0,UK6.0-8733010100555">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="US6.0,EU39.0,UK6.0-8733010100555">
              <span class="qatc__size-translation qatc__size-translation--0"> 6.0 </span>
              <span class="qatc__size-translation qatc__size-translation--1"> 39.0 </span>
              <span class="qatc__size-translation qatc__size-translation--2"> 6.0 </span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47330667790667" id="US6.5,EU39.5,UK6.5-8733010100555">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="US6.5,EU39.5,UK6.5-8733010100555">
              <span class="qatc__size-translation qatc__size-translation--0"> 6.5 </span>
              <span class="qatc__size-translation qatc__size-translation--1"> 39.5 </span>
              <span class="qatc__size-translation qatc__size-translation--2"> 6.5 </span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47323091435851" id="US7.0,EU40.0,UK7.0-8733010100555">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="US7.0,EU40.0,UK7.0-8733010100555">
              <span class="qatc__size-translation qatc__size-translation--0"> 7.0 </span>
              <span class="qatc__size-translation qatc__size-translation--1"> 40.0 </span>
              <span class="qatc__size-translation qatc__size-translation--2"> 7.0 </span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47330667823435" id="US7.5,EU41.0,UK7.5-8733010100555">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="US7.5,EU41.0,UK7.5-8733010100555">
              <span class="qatc__size-translation qatc__size-translation--0"> 7.5 </span>
              <span class="qatc__size-translation qatc__size-translation--1"> 41.0 </span>
              <span class="qatc__size-translation qatc__size-translation--2"> 7.5 </span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47323091566923" id="US8.0,EU41.5,UK8.0-8733010100555">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="US8.0,EU41.5,UK8.0-8733010100555">
              <span class="qatc__size-translation qatc__size-translation--0"> 8.0 </span>
              <span class="qatc__size-translation qatc__size-translation--1"> 41.5 </span>
              <span class="qatc__size-translation qatc__size-translation--2"> 8.0 </span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47323092975947" id="US8.5,EU42.0,UK8.5-8733010100555">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="US8.5,EU42.0,UK8.5-8733010100555">
              <span class="qatc__size-translation qatc__size-translation--0"> 8.5 </span>
              <span class="qatc__size-translation qatc__size-translation--1"> 42.0 </span>
              <span class="qatc__size-translation qatc__size-translation--2"> 8.5 </span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47323094319435" id="US9.0,EU42.5,UK9.0-8733010100555">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="US9.0,EU42.5,UK9.0-8733010100555">
              <span class="qatc__size-translation qatc__size-translation--0"> 9.0 </span>
              <span class="qatc__size-translation qatc__size-translation--1"> 42.5 </span>
              <span class="qatc__size-translation qatc__size-translation--2"> 9.0 </span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47323094352203" id="US9.5,EU43.0,UK9.5-8733010100555">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="US9.5,EU43.0,UK9.5-8733010100555">
              <span class="qatc__size-translation qatc__size-translation--0"> 9.5 </span>
              <span class="qatc__size-translation qatc__size-translation--1"> 43.0 </span>
              <span class="qatc__size-translation qatc__size-translation--2"> 9.5 </span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47323094942027" id="US10.0,EU44.0,UK10.0-8733010100555" disabled="">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="US10.0,EU44.0,UK10.0-8733010100555">
              <span class="qatc__size-translation qatc__size-translation--0"> 10.0 </span>
              <span class="qatc__size-translation qatc__size-translation--1"> 44.0 </span>
              <span class="qatc__size-translation qatc__size-translation--2"> 10.0 </span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47330668511563" id="US10.5,EU44.5,UK10.5-8733010100555" disabled="">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="US10.5,EU44.5,UK10.5-8733010100555">
              <span class="qatc__size-translation qatc__size-translation--0"> 10.5 </span>
              <span class="qatc__size-translation qatc__size-translation--1"> 44.5 </span>
              <span class="qatc__size-translation qatc__size-translation--2"> 10.5 </span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47323096449355" id="US11.0,EU45.0,UK11.0-8733010100555" disabled="">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="US11.0,EU45.0,UK11.0-8733010100555">
              <span class="qatc__size-translation qatc__size-translation--0"> 11.0 </span>
              <span class="qatc__size-translation qatc__size-translation--1"> 45.0 </span>
              <span class="qatc__size-translation qatc__size-translation--2"> 11.0 </span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47330668544331" id="US11.5,EU46.0,UK11.5-8733010100555" disabled="">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="US11.5,EU46.0,UK11.5-8733010100555">
              <span class="qatc__size-translation qatc__size-translation--0"> 11.5 </span>
              <span class="qatc__size-translation qatc__size-translation--1"> 46.0 </span>
              <span class="qatc__size-translation qatc__size-translation--2"> 11.5 </span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47323097203019" id="US12.0,EU46.5,UK12.0-8733010100555">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="US12.0,EU46.5,UK12.0-8733010100555">
              <span class="qatc__size-translation qatc__size-translation--0"> 12.0 </span>
              <span class="qatc__size-translation qatc__size-translation--1"> 46.5 </span>
              <span class="qatc__size-translation qatc__size-translation--2"> 12.0 </span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47330668577099" id="US13.0,EU48.0,UK13.0-8733010100555" disabled="">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="US13.0,EU48.0,UK13.0-8733010100555">
              <span class="qatc__size-translation qatc__size-translation--0"> 13.0 </span>
              <span class="qatc__size-translation qatc__size-translation--1"> 48.0 </span>
              <span class="qatc__size-translation qatc__size-translation--2"> 13.0 </span>
            </label>
          </div>
        </div>
      </div>
    </div>
    <!-- Footer/Button -->
    <div class="
            ap-qatc__footer p-0 relative bg-white translate-y-[calc(100%+1rem+2px)]
            duration-300 ease-out
            [[data-product-item]:hover_&amp;]:translate-y-0 [[data-home-page-product-item]:hover_&amp;]:translate-y-0
            [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0 pointer-events-auto
          "><input class="hidden" aria-hidden="true" type="radio" name="id" checked="" disabled=""><button data-qatc-button="" class="
              ap-qatc__button
              h-10 w-full bg-black text-white relative border-0 font-medium overflow-hidden uppercase text-sm
              transition-opacity duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;:disabled]:opacity-[0.36] " data-product-handle="converse-chuck-70-marquis-hi-black-mineral-gray" data-product-id="8733010100555"
        data-variant-id="47330667430219" data-collection-handle="" type="submit" disabled="">
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--toggle [[data-qatc-visibility-input]:checked+form_&amp;]:-translate-y-full"> Quick shop </span>
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--submit translate-y-full [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">Add to
          cart</span>
        <span data-qatc-hide="" class="absolute top-0 left-0 h-full w-full"></span>
      </button><label class="absolute inset-0 w-full h-full cursor-pointer [[data-qatc-visibility-input]:checked+form_&amp;]:hidden" data-qtc-toggle="" for="qatc-toggle-8733010100555" aria-hidden="true"></label></div>
  </div>
</form>

<form class="hidden lg:block absolute z-10 bottom-0 w-full  overflow-hidden pointer-events-none [[data-qatc-visibility-input]:checked+&amp;]:pointer-events-auto" id="quick-add-to-cart-8786922176843">
  <input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="form_type" value="product">
  <input type="hidden" name="quantity" value="1">
  <div data-qatc-form="" class="relative flex flex-col justify-end w-full p-4 overflow-hidden">
    <!-- Content/Size Options -->
    <div class="overflow-hidden">
      <div class="ap-qatc__content-wrapper flex flex-col gap-2 p-2 h-full bg-white translate-y-[calc(100%+1px)] transition-transform duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">
        <div class="flex gap-x-4 qatc__tabs">
        </div>
        <div data-qatc-options-container="" class="qatc__options-container">
          <div class="ap-grid grid-cols-6 auto-rows-[minmax(32px,_48px)] gap-[1px] h-full">
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47577263440203" id="XXS-8786922176843">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XXS-8786922176843">
              <span class="flex items-center justify-center w-full h-full">XXS</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47533925531979" id="XS-8786922176843">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XS-8786922176843">
              <span class="flex items-center justify-center w-full h-full">XS</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47533925564747" id="S-8786922176843">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="S-8786922176843">
              <span class="flex items-center justify-center w-full h-full">S</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47533925597515" id="M-8786922176843">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="M-8786922176843">
              <span class="flex items-center justify-center w-full h-full">M</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47533925630283" id="L-8786922176843">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="L-8786922176843">
              <span class="flex items-center justify-center w-full h-full">L</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47533925663051" id="XL-8786922176843">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XL-8786922176843">
              <span class="flex items-center justify-center w-full h-full">XL</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47533925695819" id="XXL-8786922176843">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XXL-8786922176843">
              <span class="flex items-center justify-center w-full h-full">XXL</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47577263472971" id="XXXL-8786922176843">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XXXL-8786922176843">
              <span class="flex items-center justify-center w-full h-full">XXXL</span>
            </label>
          </div>
        </div>
      </div>
    </div>
    <!-- Footer/Button -->
    <div class="
            ap-qatc__footer p-0 relative bg-white translate-y-[calc(100%+1rem+2px)]
            duration-300 ease-out
            [[data-product-item]:hover_&amp;]:translate-y-0 [[data-home-page-product-item]:hover_&amp;]:translate-y-0
            [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0 pointer-events-auto
          "><input class="hidden" aria-hidden="true" type="radio" name="id" checked="" disabled=""><button data-qatc-button="" class="
              ap-qatc__button
              h-10 w-full bg-black text-white relative border-0 font-medium overflow-hidden uppercase text-sm
              transition-opacity duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;:disabled]:opacity-[0.36] " data-product-handle="patta-x-converse-rain-or-shine-pant-utility-green-heather" data-product-id="8786922176843"
        data-variant-id="47577263440203" data-collection-handle="" type="submit" disabled="">
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--toggle [[data-qatc-visibility-input]:checked+form_&amp;]:-translate-y-full"> Quick shop </span>
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--submit translate-y-full [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">Add to
          cart</span>
        <span data-qatc-hide="" class="absolute top-0 left-0 h-full w-full"></span>
      </button><label class="absolute inset-0 w-full h-full cursor-pointer [[data-qatc-visibility-input]:checked+form_&amp;]:hidden" data-qtc-toggle="" for="qatc-toggle-8786922176843" aria-hidden="true"></label></div>
  </div>
</form>

<form class="hidden lg:block absolute z-10 bottom-0 w-full  overflow-hidden pointer-events-none [[data-qatc-visibility-input]:checked+&amp;]:pointer-events-auto" id="quick-add-to-cart-8786922209611">
  <input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="form_type" value="product">
  <input type="hidden" name="quantity" value="1">
  <div data-qatc-form="" class="relative flex flex-col justify-end w-full p-4 overflow-hidden">
    <!-- Content/Size Options -->
    <div class="overflow-hidden">
      <div class="ap-qatc__content-wrapper flex flex-col gap-2 p-2 h-full bg-white translate-y-[calc(100%+1px)] transition-transform duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">
        <div class="flex gap-x-4 qatc__tabs">
        </div>
        <div data-qatc-options-container="" class="qatc__options-container">
          <div class="ap-grid grid-cols-6 auto-rows-[minmax(32px,_48px)] gap-[1px] h-full">
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47577250758987" id="XXS-8786922209611">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XXS-8786922209611">
              <span class="flex items-center justify-center w-full h-full">XXS</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47533884440907" id="XS-8786922209611">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XS-8786922209611">
              <span class="flex items-center justify-center w-full h-full">XS</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47533884211531" id="S-8786922209611">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="S-8786922209611">
              <span class="flex items-center justify-center w-full h-full">S</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47533884244299" id="M-8786922209611">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="M-8786922209611">
              <span class="flex items-center justify-center w-full h-full">M</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47533884277067" id="L-8786922209611">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="L-8786922209611">
              <span class="flex items-center justify-center w-full h-full">L</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47533884309835" id="XL-8786922209611">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XL-8786922209611">
              <span class="flex items-center justify-center w-full h-full">XL</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47533884342603" id="XXL-8786922209611">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XXL-8786922209611">
              <span class="flex items-center justify-center w-full h-full">XXL</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47577250791755" id="XXXL-8786922209611">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XXXL-8786922209611">
              <span class="flex items-center justify-center w-full h-full">XXXL</span>
            </label>
          </div>
        </div>
      </div>
    </div>
    <!-- Footer/Button -->
    <div class="
            ap-qatc__footer p-0 relative bg-white translate-y-[calc(100%+1rem+2px)]
            duration-300 ease-out
            [[data-product-item]:hover_&amp;]:translate-y-0 [[data-home-page-product-item]:hover_&amp;]:translate-y-0
            [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0 pointer-events-auto
          "><input class="hidden" aria-hidden="true" type="radio" name="id" checked="" disabled=""><button data-qatc-button="" class="
              ap-qatc__button
              h-10 w-full bg-black text-white relative border-0 font-medium overflow-hidden uppercase text-sm
              transition-opacity duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;:disabled]:opacity-[0.36] " data-product-handle="patta-x-converse-rain-or-shine-hooded-sweater-utility-green-heather"
        data-product-id="8786922209611" data-variant-id="47577250758987" data-collection-handle="" type="submit" disabled="">
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--toggle [[data-qatc-visibility-input]:checked+form_&amp;]:-translate-y-full"> Quick shop </span>
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--submit translate-y-full [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">Add to
          cart</span>
        <span data-qatc-hide="" class="absolute top-0 left-0 h-full w-full"></span>
      </button><label class="absolute inset-0 w-full h-full cursor-pointer [[data-qatc-visibility-input]:checked+form_&amp;]:hidden" data-qtc-toggle="" for="qatc-toggle-8786922209611" aria-hidden="true"></label></div>
  </div>
</form>

<form class="hidden lg:block absolute z-10 bottom-0 w-full  overflow-hidden pointer-events-none [[data-qatc-visibility-input]:checked+&amp;]:pointer-events-auto" id="quick-add-to-cart-8786922963275">
  <input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="form_type" value="product">
  <input type="hidden" name="quantity" value="1">
  <div data-qatc-form="" class="relative flex flex-col justify-end w-full p-4 overflow-hidden">
    <!-- Content/Size Options -->
    <div class="overflow-hidden">
      <div class="ap-qatc__content-wrapper flex flex-col gap-2 p-2 h-full bg-white translate-y-[calc(100%+1px)] transition-transform duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">
        <input aria-hidden="true" class="qatc__tab-input qatc__tab-input--0" type="radio" id="size-switch--US-8786922963275" name="size-switch--8786922963275" value="US">
        <input aria-hidden="true" class="qatc__tab-input qatc__tab-input--1" type="radio" id="size-switch--EU-8786922963275" name="size-switch--8786922963275" value="EU" checked="">
        <input aria-hidden="true" class="qatc__tab-input qatc__tab-input--2" type="radio" id="size-switch--UK-8786922963275" name="size-switch--8786922963275" value="UK">
        <div class="flex gap-x-4 qatc__tabs">
          <label class="cursor-pointer text-xs font-bold text-[#969696] m-0 block qatc__tab-label--0" for="size-switch--US-8786922963275">US</label>
          <label class="cursor-pointer text-xs font-bold text-[#969696] m-0 block qatc__tab-label--1" for="size-switch--EU-8786922963275">EU</label>
          <label class="cursor-pointer text-xs font-bold text-[#969696] m-0 block qatc__tab-label--2" for="size-switch--UK-8786922963275">UK</label>
        </div>
        <div data-qatc-options-container="" class="qatc__options-container">
          <div class="ap-grid grid-cols-6 auto-rows-[minmax(32px,_48px)] gap-[1px] h-full">
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47502223343947" id="US3.0,EU35.0,UK3.0-8786922963275">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="US3.0,EU35.0,UK3.0-8786922963275">
              <span class="qatc__size-translation qatc__size-translation--0"> 3.0 </span>
              <span class="qatc__size-translation qatc__size-translation--1"> 35.0 </span>
              <span class="qatc__size-translation qatc__size-translation--2"> 3.0 </span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47502223442251" id="US3.5,EU36.0,UK3.5-8786922963275" disabled="">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="US3.5,EU36.0,UK3.5-8786922963275">
              <span class="qatc__size-translation qatc__size-translation--0"> 3.5 </span>
              <span class="qatc__size-translation qatc__size-translation--1"> 36.0 </span>
              <span class="qatc__size-translation qatc__size-translation--2"> 3.5 </span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47502223475019" id="US4.0,EU36.5,UK4.0-8786922963275">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="US4.0,EU36.5,UK4.0-8786922963275">
              <span class="qatc__size-translation qatc__size-translation--0"> 4.0 </span>
              <span class="qatc__size-translation qatc__size-translation--1"> 36.5 </span>
              <span class="qatc__size-translation qatc__size-translation--2"> 4.0 </span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47502223540555" id="US4.5,EU37.0,UK4.5-8786922963275">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="US4.5,EU37.0,UK4.5-8786922963275">
              <span class="qatc__size-translation qatc__size-translation--0"> 4.5 </span>
              <span class="qatc__size-translation qatc__size-translation--1"> 37.0 </span>
              <span class="qatc__size-translation qatc__size-translation--2"> 4.5 </span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47502223573323" id="US5.0,EU37.5,UK5.0-8786922963275">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="US5.0,EU37.5,UK5.0-8786922963275">
              <span class="qatc__size-translation qatc__size-translation--0"> 5.0 </span>
              <span class="qatc__size-translation qatc__size-translation--1"> 37.5 </span>
              <span class="qatc__size-translation qatc__size-translation--2"> 5.0 </span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47502223638859" id="US5.5,EU38.0,UK5.5-8786922963275">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="US5.5,EU38.0,UK5.5-8786922963275">
              <span class="qatc__size-translation qatc__size-translation--0"> 5.5 </span>
              <span class="qatc__size-translation qatc__size-translation--1"> 38.0 </span>
              <span class="qatc__size-translation qatc__size-translation--2"> 5.5 </span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47533967638859" id="US6.0,EU38.5,UK5.5-8786922963275">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="US6.0,EU38.5,UK5.5-8786922963275">
              <span class="qatc__size-translation qatc__size-translation--0"> 6.0 </span>
              <span class="qatc__size-translation qatc__size-translation--1"> 38.5 </span>
              <span class="qatc__size-translation qatc__size-translation--2"> 5.5 </span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47533967671627" id="US6.5,EU39.0,UK5.5-8786922963275">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="US6.5,EU39.0,UK5.5-8786922963275">
              <span class="qatc__size-translation qatc__size-translation--0"> 6.5 </span>
              <span class="qatc__size-translation qatc__size-translation--1"> 39.0 </span>
              <span class="qatc__size-translation qatc__size-translation--2"> 5.5 </span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47533967704395" id="US7.0,EU40.0,UK6.0-8786922963275">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="US7.0,EU40.0,UK6.0-8786922963275">
              <span class="qatc__size-translation qatc__size-translation--0"> 7.0 </span>
              <span class="qatc__size-translation qatc__size-translation--1"> 40.0 </span>
              <span class="qatc__size-translation qatc__size-translation--2"> 6.0 </span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47533967737163" id="US7.5,EU40.5,UK6.5-8786922963275">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="US7.5,EU40.5,UK6.5-8786922963275">
              <span class="qatc__size-translation qatc__size-translation--0"> 7.5 </span>
              <span class="qatc__size-translation qatc__size-translation--1"> 40.5 </span>
              <span class="qatc__size-translation qatc__size-translation--2"> 6.5 </span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47533967769931" id="US8.0,EU41.0,UK7.0-8786922963275">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="US8.0,EU41.0,UK7.0-8786922963275">
              <span class="qatc__size-translation qatc__size-translation--0"> 8.0 </span>
              <span class="qatc__size-translation qatc__size-translation--1"> 41.0 </span>
              <span class="qatc__size-translation qatc__size-translation--2"> 7.0 </span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47533967802699" id="US8.5,EU42.0,UK7.5-8786922963275">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="US8.5,EU42.0,UK7.5-8786922963275">
              <span class="qatc__size-translation qatc__size-translation--0"> 8.5 </span>
              <span class="qatc__size-translation qatc__size-translation--1"> 42.0 </span>
              <span class="qatc__size-translation qatc__size-translation--2"> 7.5 </span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47533967835467" id="US9.0,EU42.5,UK8.0-8786922963275">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="US9.0,EU42.5,UK8.0-8786922963275">
              <span class="qatc__size-translation qatc__size-translation--0"> 9.0 </span>
              <span class="qatc__size-translation qatc__size-translation--1"> 42.5 </span>
              <span class="qatc__size-translation qatc__size-translation--2"> 8.0 </span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47571262374219" id="US9.5,EU43.0,UK8.5-8786922963275">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="US9.5,EU43.0,UK8.5-8786922963275">
              <span class="qatc__size-translation qatc__size-translation--0"> 9.5 </span>
              <span class="qatc__size-translation qatc__size-translation--1"> 43.0 </span>
              <span class="qatc__size-translation qatc__size-translation--2"> 8.5 </span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47533967868235" id="US10.0,EU44.0,UK9.0-8786922963275">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="US10.0,EU44.0,UK9.0-8786922963275">
              <span class="qatc__size-translation qatc__size-translation--0"> 10.0 </span>
              <span class="qatc__size-translation qatc__size-translation--1"> 44.0 </span>
              <span class="qatc__size-translation qatc__size-translation--2"> 9.0 </span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47533967901003" id="US10.5,EU44.5,UK9.5-8786922963275">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="US10.5,EU44.5,UK9.5-8786922963275">
              <span class="qatc__size-translation qatc__size-translation--0"> 10.5 </span>
              <span class="qatc__size-translation qatc__size-translation--1"> 44.5 </span>
              <span class="qatc__size-translation qatc__size-translation--2"> 9.5 </span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47533967933771" id="US11.0,EU45.0,UK10.0-8786922963275" disabled="">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="US11.0,EU45.0,UK10.0-8786922963275">
              <span class="qatc__size-translation qatc__size-translation--0"> 11.0 </span>
              <span class="qatc__size-translation qatc__size-translation--1"> 45.0 </span>
              <span class="qatc__size-translation qatc__size-translation--2"> 10.0 </span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47533967966539" id="US11.5,EU46.0,UK10.5-8786922963275" disabled="">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="US11.5,EU46.0,UK10.5-8786922963275">
              <span class="qatc__size-translation qatc__size-translation--0"> 11.5 </span>
              <span class="qatc__size-translation qatc__size-translation--1"> 46.0 </span>
              <span class="qatc__size-translation qatc__size-translation--2"> 10.5 </span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47533967999307" id="US12.0,EU46.5,UK11.0-8786922963275" disabled="">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="US12.0,EU46.5,UK11.0-8786922963275">
              <span class="qatc__size-translation qatc__size-translation--0"> 12.0 </span>
              <span class="qatc__size-translation qatc__size-translation--1"> 46.5 </span>
              <span class="qatc__size-translation qatc__size-translation--2"> 11.0 </span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47502224392523" id="US13.0,EU48.0,UK13.0-8786922963275" disabled="">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="US13.0,EU48.0,UK13.0-8786922963275">
              <span class="qatc__size-translation qatc__size-translation--0"> 13.0 </span>
              <span class="qatc__size-translation qatc__size-translation--1"> 48.0 </span>
              <span class="qatc__size-translation qatc__size-translation--2"> 13.0 </span>
            </label>
          </div>
        </div>
      </div>
    </div>
    <!-- Footer/Button -->
    <div class="
            ap-qatc__footer p-0 relative bg-white translate-y-[calc(100%+1rem+2px)]
            duration-300 ease-out
            [[data-product-item]:hover_&amp;]:translate-y-0 [[data-home-page-product-item]:hover_&amp;]:translate-y-0
            [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0 pointer-events-auto
          "><input class="hidden" aria-hidden="true" type="radio" name="id" checked="" disabled=""><button data-qatc-button="" class="
              ap-qatc__button
              h-10 w-full bg-black text-white relative border-0 font-medium overflow-hidden uppercase text-sm
              transition-opacity duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;:disabled]:opacity-[0.36] " data-product-handle="patta-x-converse-rain-or-shine-weapon-black-gray-multi" data-product-id="8786922963275"
        data-variant-id="47502223343947" data-collection-handle="" type="submit" disabled="">
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--toggle [[data-qatc-visibility-input]:checked+form_&amp;]:-translate-y-full"> Quick shop </span>
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--submit translate-y-full [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">Add to
          cart</span>
        <span data-qatc-hide="" class="absolute top-0 left-0 h-full w-full"></span>
      </button><label class="absolute inset-0 w-full h-full cursor-pointer [[data-qatc-visibility-input]:checked+form_&amp;]:hidden" data-qtc-toggle="" for="qatc-toggle-8786922963275" aria-hidden="true"></label></div>
  </div>
</form>

<form class="hidden lg:block absolute z-10 bottom-0 w-full  overflow-hidden pointer-events-none [[data-qatc-visibility-input]:checked+&amp;]:pointer-events-auto" id="quick-add-to-cart-8786922275147">
  <input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="form_type" value="product">
  <input type="hidden" name="quantity" value="1">
  <div data-qatc-form="" class="relative flex flex-col justify-end w-full p-4 overflow-hidden">
    <!-- Content/Size Options -->
    <div class="overflow-hidden">
      <div class="ap-qatc__content-wrapper flex flex-col gap-2 p-2 h-full bg-white translate-y-[calc(100%+1px)] transition-transform duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">
        <div class="flex gap-x-4 qatc__tabs">
        </div>
        <div data-qatc-options-container="" class="qatc__options-container">
          <div class="ap-grid grid-cols-6 auto-rows-[minmax(32px,_48px)] gap-[1px] h-full">
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47577248989515" id="XXS-8786922275147">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XXS-8786922275147">
              <span class="flex items-center justify-center w-full h-full">XXS</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47506501239115" id="XS-8786922275147" disabled="">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XS-8786922275147">
              <span class="flex items-center justify-center w-full h-full">XS</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47506501271883" id="S-8786922275147" disabled="">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="S-8786922275147">
              <span class="flex items-center justify-center w-full h-full">S</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47506501304651" id="M-8786922275147" disabled="">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="M-8786922275147">
              <span class="flex items-center justify-center w-full h-full">M</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47506501337419" id="L-8786922275147" disabled="">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="L-8786922275147">
              <span class="flex items-center justify-center w-full h-full">L</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47506501370187" id="XL-8786922275147" disabled="">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XL-8786922275147">
              <span class="flex items-center justify-center w-full h-full">XL</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47506501402955" id="XXL-8786922275147" disabled="">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XXL-8786922275147">
              <span class="flex items-center justify-center w-full h-full">XXL</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47577249022283" id="XXXL-8786922275147" disabled="">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XXXL-8786922275147">
              <span class="flex items-center justify-center w-full h-full">XXXL</span>
            </label>
          </div>
        </div>
      </div>
    </div>
    <!-- Footer/Button -->
    <div class="
            ap-qatc__footer p-0 relative bg-white translate-y-[calc(100%+1rem+2px)]
            duration-300 ease-out
            [[data-product-item]:hover_&amp;]:translate-y-0 [[data-home-page-product-item]:hover_&amp;]:translate-y-0
            [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0 pointer-events-auto
          "><input class="hidden" aria-hidden="true" type="radio" name="id" checked="" disabled=""><button data-qatc-button="" class="
              ap-qatc__button
              h-10 w-full bg-black text-white relative border-0 font-medium overflow-hidden uppercase text-sm
              transition-opacity duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;:disabled]:opacity-[0.36] " data-product-handle="patta-x-converse-rain-or-shine-jacket-black-gradient" data-product-id="8786922275147"
        data-variant-id="47577248989515" data-collection-handle="" type="submit" disabled="">
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--toggle [[data-qatc-visibility-input]:checked+form_&amp;]:-translate-y-full"> Quick shop </span>
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--submit translate-y-full [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">Add to
          cart</span>
        <span data-qatc-hide="" class="absolute top-0 left-0 h-full w-full"></span>
      </button><label class="absolute inset-0 w-full h-full cursor-pointer [[data-qatc-visibility-input]:checked+form_&amp;]:hidden" data-qtc-toggle="" for="qatc-toggle-8786922275147" aria-hidden="true"></label></div>
  </div>
</form>

<form class="hidden lg:block absolute z-10 bottom-0 w-full  overflow-hidden pointer-events-none [[data-qatc-visibility-input]:checked+&amp;]:pointer-events-auto" id="quick-add-to-cart-8786923454795">
  <input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="form_type" value="product">
  <input type="hidden" name="quantity" value="1">
  <div data-qatc-form="" class="relative flex flex-col justify-end w-full p-4 overflow-hidden">
    <!-- Content/Size Options -->
    <div class="overflow-hidden">
      <div class="ap-qatc__content-wrapper flex flex-col gap-2 p-2 h-full bg-white translate-y-[calc(100%+1px)] transition-transform duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">
        <div class="flex gap-x-4 qatc__tabs">
        </div>
        <div data-qatc-options-container="" class="qatc__options-container">
          <div class="ap-grid grid-cols-6 auto-rows-[minmax(32px,_48px)] gap-[1px] h-full">
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47577268814155" id="XXS-8786923454795">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XXS-8786923454795">
              <span class="flex items-center justify-center w-full h-full">XXS</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47502224982347" id="XS-8786923454795">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XS-8786923454795">
              <span class="flex items-center justify-center w-full h-full">XS</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47502225015115" id="S-8786923454795">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="S-8786923454795">
              <span class="flex items-center justify-center w-full h-full">S</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47502225047883" id="M-8786923454795">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="M-8786923454795">
              <span class="flex items-center justify-center w-full h-full">M</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47502225080651" id="L-8786923454795">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="L-8786923454795">
              <span class="flex items-center justify-center w-full h-full">L</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47502225146187" id="XL-8786923454795" disabled="">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XL-8786923454795">
              <span class="flex items-center justify-center w-full h-full">XL</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47502225178955" id="XXL-8786923454795" disabled="">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XXL-8786923454795">
              <span class="flex items-center justify-center w-full h-full">XXL</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="47577268846923" id="XXXL-8786923454795">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XXXL-8786923454795">
              <span class="flex items-center justify-center w-full h-full">XXXL</span>
            </label>
          </div>
        </div>
      </div>
    </div>
    <!-- Footer/Button -->
    <div class="
            ap-qatc__footer p-0 relative bg-white translate-y-[calc(100%+1rem+2px)]
            duration-300 ease-out
            [[data-product-item]:hover_&amp;]:translate-y-0 [[data-home-page-product-item]:hover_&amp;]:translate-y-0
            [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0 pointer-events-auto
          "><input class="hidden" aria-hidden="true" type="radio" name="id" checked="" disabled=""><button data-qatc-button="" class="
              ap-qatc__button
              h-10 w-full bg-black text-white relative border-0 font-medium overflow-hidden uppercase text-sm
              transition-opacity duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;:disabled]:opacity-[0.36] " data-product-handle="patta-x-converse-rain-or-shine-t-shirt-patta-gradient" data-product-id="8786923454795"
        data-variant-id="47577268814155" data-collection-handle="" type="submit" disabled="">
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--toggle [[data-qatc-visibility-input]:checked+form_&amp;]:-translate-y-full"> Quick shop </span>
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--submit translate-y-full [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">Add to
          cart</span>
        <span data-qatc-hide="" class="absolute top-0 left-0 h-full w-full"></span>
      </button><label class="absolute inset-0 w-full h-full cursor-pointer [[data-qatc-visibility-input]:checked+form_&amp;]:hidden" data-qtc-toggle="" for="qatc-toggle-8786923454795" aria-hidden="true"></label></div>
  </div>
</form>

<form class="hidden lg:block absolute z-10 bottom-0 w-full  overflow-hidden pointer-events-none [[data-qatc-visibility-input]:checked+&amp;]:pointer-events-auto" id="quick-add-to-cart-8524081398091">
  <input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="form_type" value="product">
  <input type="hidden" name="quantity" value="1">
  <div data-qatc-form="" class="relative flex flex-col justify-end w-full p-4 overflow-hidden">
    <!-- Content/Size Options -->
    <div class="overflow-hidden">
      <div class="ap-qatc__content-wrapper flex flex-col gap-2 p-2 h-full bg-white translate-y-[calc(100%+1px)] transition-transform duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">
        <div class="flex gap-x-4 qatc__tabs">
        </div>
        <div data-qatc-options-container="" class="qatc__options-container">
          <div class="ap-grid grid-cols-6 auto-rows-[minmax(32px,_48px)] gap-[1px] h-full">
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="46675810156875" id="XS-8524081398091">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XS-8524081398091">
              <span class="flex items-center justify-center w-full h-full">XS</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="46675810189643" id="S-8524081398091">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="S-8524081398091">
              <span class="flex items-center justify-center w-full h-full">S</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="46675810222411" id="M-8524081398091">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="M-8524081398091">
              <span class="flex items-center justify-center w-full h-full">M</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="46675810255179" id="L-8524081398091">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="L-8524081398091">
              <span class="flex items-center justify-center w-full h-full">L</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="46675810287947" id="XL-8524081398091">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XL-8524081398091">
              <span class="flex items-center justify-center w-full h-full">XL</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="46675810320715" id="XXL-8524081398091">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XXL-8524081398091">
              <span class="flex items-center justify-center w-full h-full">XXL</span>
            </label>
          </div>
        </div>
      </div>
    </div>
    <!-- Footer/Button -->
    <div class="
            ap-qatc__footer p-0 relative bg-white translate-y-[calc(100%+1rem+2px)]
            duration-300 ease-out
            [[data-product-item]:hover_&amp;]:translate-y-0 [[data-home-page-product-item]:hover_&amp;]:translate-y-0
            [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0 pointer-events-auto
          "><input class="hidden" aria-hidden="true" type="radio" name="id" checked="" disabled=""><button data-qatc-button="" class="
              ap-qatc__button
              h-10 w-full bg-black text-white relative border-0 font-medium overflow-hidden uppercase text-sm
              transition-opacity duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;:disabled]:opacity-[0.36] " data-product-handle="patta-always-on-top-hooded-sweater-multi" data-product-id="8524081398091"
        data-variant-id="46675810156875" data-collection-handle="" type="submit" disabled="">
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--toggle [[data-qatc-visibility-input]:checked+form_&amp;]:-translate-y-full"> Quick shop </span>
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--submit translate-y-full [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">Add to
          cart</span>
        <span data-qatc-hide="" class="absolute top-0 left-0 h-full w-full"></span>
      </button><label class="absolute inset-0 w-full h-full cursor-pointer [[data-qatc-visibility-input]:checked+form_&amp;]:hidden" data-qtc-toggle="" for="qatc-toggle-8524081398091" aria-hidden="true"></label></div>
  </div>
</form>

<form class="hidden lg:block absolute z-10 bottom-0 w-full  overflow-hidden pointer-events-none [[data-qatc-visibility-input]:checked+&amp;]:pointer-events-auto" id="quick-add-to-cart-8524082938187">
  <input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="form_type" value="product">
  <input type="hidden" name="quantity" value="1">
  <div data-qatc-form="" class="relative flex flex-col justify-end w-full p-4 overflow-hidden">
    <!-- Content/Size Options -->
    <div class="overflow-hidden">
      <div class="ap-qatc__content-wrapper flex flex-col gap-2 p-2 h-full bg-white translate-y-[calc(100%+1px)] transition-transform duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">
        <div class="flex gap-x-4 qatc__tabs">
        </div>
        <div data-qatc-options-container="" class="qatc__options-container">
          <div class="ap-grid grid-cols-6 auto-rows-[minmax(32px,_48px)] gap-[1px] h-full">
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="46675815366987" id="XS-8524082938187">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XS-8524082938187">
              <span class="flex items-center justify-center w-full h-full">XS</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="46675815399755" id="S-8524082938187" disabled="">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="S-8524082938187">
              <span class="flex items-center justify-center w-full h-full">S</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="46675815432523" id="M-8524082938187">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="M-8524082938187">
              <span class="flex items-center justify-center w-full h-full">M</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="46675815465291" id="L-8524082938187">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="L-8524082938187">
              <span class="flex items-center justify-center w-full h-full">L</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="46675815498059" id="XL-8524082938187">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XL-8524082938187">
              <span class="flex items-center justify-center w-full h-full">XL</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="46675815530827" id="XXL-8524082938187">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XXL-8524082938187">
              <span class="flex items-center justify-center w-full h-full">XXL</span>
            </label>
          </div>
        </div>
      </div>
    </div>
    <!-- Footer/Button -->
    <div class="
            ap-qatc__footer p-0 relative bg-white translate-y-[calc(100%+1rem+2px)]
            duration-300 ease-out
            [[data-product-item]:hover_&amp;]:translate-y-0 [[data-home-page-product-item]:hover_&amp;]:translate-y-0
            [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0 pointer-events-auto
          "><input class="hidden" aria-hidden="true" type="radio" name="id" checked="" disabled=""><button data-qatc-button="" class="
              ap-qatc__button
              h-10 w-full bg-black text-white relative border-0 font-medium overflow-hidden uppercase text-sm
              transition-opacity duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;:disabled]:opacity-[0.36] " data-product-handle="patta-classic-knitted-sweater-lotus" data-product-id="8524082938187"
        data-variant-id="46675815366987" data-collection-handle="" type="submit" disabled="">
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--toggle [[data-qatc-visibility-input]:checked+form_&amp;]:-translate-y-full"> Quick shop </span>
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--submit translate-y-full [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">Add to
          cart</span>
        <span data-qatc-hide="" class="absolute top-0 left-0 h-full w-full"></span>
      </button><label class="absolute inset-0 w-full h-full cursor-pointer [[data-qatc-visibility-input]:checked+form_&amp;]:hidden" data-qtc-toggle="" for="qatc-toggle-8524082938187" aria-hidden="true"></label></div>
  </div>
</form>

<form class="hidden lg:block absolute z-10 bottom-0 w-full  overflow-hidden pointer-events-none [[data-qatc-visibility-input]:checked+&amp;]:pointer-events-auto" id="quick-add-to-cart-8524082446667">
  <input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="form_type" value="product">
  <input type="hidden" name="quantity" value="1">
  <div data-qatc-form="" class="relative flex flex-col justify-end w-full p-4 overflow-hidden">
    <!-- Content/Size Options -->
    <div class="overflow-hidden">
      <div class="ap-qatc__content-wrapper flex flex-col gap-2 p-2 h-full bg-white translate-y-[calc(100%+1px)] transition-transform duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">
        <div class="flex gap-x-4 qatc__tabs">
        </div>
        <div data-qatc-options-container="" class="qatc__options-container">
          <div class="ap-grid grid-cols-6 auto-rows-[minmax(32px,_48px)] gap-[1px] h-full">
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="46675813859659" id="28-8524082446667" disabled="">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="28-8524082446667">
              <span class="flex items-center justify-center w-full h-full">28</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="46675813892427" id="30-8524082446667" disabled="">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="30-8524082446667">
              <span class="flex items-center justify-center w-full h-full">30</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="46675813925195" id="32-8524082446667" disabled="">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="32-8524082446667">
              <span class="flex items-center justify-center w-full h-full">32</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="46675813957963" id="34-8524082446667" disabled="">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="34-8524082446667">
              <span class="flex items-center justify-center w-full h-full">34</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="46675813990731" id="36-8524082446667">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="36-8524082446667">
              <span class="flex items-center justify-center w-full h-full">36</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="46675814023499" id="38-8524082446667" disabled="">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="38-8524082446667">
              <span class="flex items-center justify-center w-full h-full">38</span>
            </label>
          </div>
        </div>
      </div>
    </div>
    <!-- Footer/Button -->
    <div class="
            ap-qatc__footer p-0 relative bg-white translate-y-[calc(100%+1rem+2px)]
            duration-300 ease-out
            [[data-product-item]:hover_&amp;]:translate-y-0 [[data-home-page-product-item]:hover_&amp;]:translate-y-0
            [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0 pointer-events-auto
          "><input class="hidden" aria-hidden="true" type="radio" name="id" checked="" disabled=""><button data-qatc-button="" class="
              ap-qatc__button
              h-10 w-full bg-black text-white relative border-0 font-medium overflow-hidden uppercase text-sm
              transition-opacity duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;:disabled]:opacity-[0.36] " data-product-handle="patta-whiskers-jeans-vintage-blue" data-product-id="8524082446667"
        data-variant-id="46675813859659" data-collection-handle="" type="submit" disabled="">
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--toggle [[data-qatc-visibility-input]:checked+form_&amp;]:-translate-y-full"> Quick shop </span>
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--submit translate-y-full [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">Add to
          cart</span>
        <span data-qatc-hide="" class="absolute top-0 left-0 h-full w-full"></span>
      </button><label class="absolute inset-0 w-full h-full cursor-pointer [[data-qatc-visibility-input]:checked+form_&amp;]:hidden" data-qtc-toggle="" for="qatc-toggle-8524082446667" aria-hidden="true"></label></div>
  </div>
</form>

<form class="hidden lg:block absolute z-10 bottom-0 w-full  overflow-hidden pointer-events-none [[data-qatc-visibility-input]:checked+&amp;]:pointer-events-auto" id="quick-add-to-cart-8524081725771">
  <input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="form_type" value="product">
  <input type="hidden" name="quantity" value="1">
  <div data-qatc-form="" class="relative flex flex-col justify-end w-full p-4 overflow-hidden">
    <!-- Content/Size Options -->
    <div class="overflow-hidden">
      <div class="ap-qatc__content-wrapper flex flex-col gap-2 p-2 h-full bg-white translate-y-[calc(100%+1px)] transition-transform duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">
        <div class="flex gap-x-4 qatc__tabs">
        </div>
        <div data-qatc-options-container="" class="qatc__options-container">
          <div class="ap-grid grid-cols-6 auto-rows-[minmax(32px,_48px)] gap-[1px] h-full">
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="46675811336523" id="XS-8524081725771" disabled="">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XS-8524081725771">
              <span class="flex items-center justify-center w-full h-full">XS</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="46675811402059" id="S-8524081725771" disabled="">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="S-8524081725771">
              <span class="flex items-center justify-center w-full h-full">S</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="46675811434827" id="M-8524081725771">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="M-8524081725771">
              <span class="flex items-center justify-center w-full h-full">M</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="46675811467595" id="L-8524081725771">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="L-8524081725771">
              <span class="flex items-center justify-center w-full h-full">L</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="46675811500363" id="XL-8524081725771">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XL-8524081725771">
              <span class="flex items-center justify-center w-full h-full">XL</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="46675811533131" id="XXL-8524081725771">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XXL-8524081725771">
              <span class="flex items-center justify-center w-full h-full">XXL</span>
            </label>
          </div>
        </div>
      </div>
    </div>
    <!-- Footer/Button -->
    <div class="
            ap-qatc__footer p-0 relative bg-white translate-y-[calc(100%+1rem+2px)]
            duration-300 ease-out
            [[data-product-item]:hover_&amp;]:translate-y-0 [[data-home-page-product-item]:hover_&amp;]:translate-y-0
            [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0 pointer-events-auto
          "><input class="hidden" aria-hidden="true" type="radio" name="id" checked="" disabled=""><button data-qatc-button="" class="
              ap-qatc__button
              h-10 w-full bg-black text-white relative border-0 font-medium overflow-hidden uppercase text-sm
              transition-opacity duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;:disabled]:opacity-[0.36] " data-product-handle="patta-classic-washed-hooded-sweater-fuchsia-red" data-product-id="8524081725771"
        data-variant-id="46675811336523" data-collection-handle="" type="submit" disabled="">
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--toggle [[data-qatc-visibility-input]:checked+form_&amp;]:-translate-y-full"> Quick shop </span>
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--submit translate-y-full [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">Add to
          cart</span>
        <span data-qatc-hide="" class="absolute top-0 left-0 h-full w-full"></span>
      </button><label class="absolute inset-0 w-full h-full cursor-pointer [[data-qatc-visibility-input]:checked+form_&amp;]:hidden" data-qtc-toggle="" for="qatc-toggle-8524081725771" aria-hidden="true"></label></div>
  </div>
</form>

<form class="hidden lg:block absolute z-10 bottom-0 w-full  overflow-hidden pointer-events-none [[data-qatc-visibility-input]:checked+&amp;]:pointer-events-auto" id="quick-add-to-cart-8524081987915">
  <input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="form_type" value="product">
  <input type="hidden" name="quantity" value="1">
  <div data-qatc-form="" class="relative flex flex-col justify-end w-full p-4 overflow-hidden">
    <!-- Content/Size Options -->
    <div class="overflow-hidden">
      <div class="ap-qatc__content-wrapper flex flex-col gap-2 p-2 h-full bg-white translate-y-[calc(100%+1px)] transition-transform duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">
        <div class="flex gap-x-4 qatc__tabs">
        </div>
        <div data-qatc-options-container="" class="qatc__options-container">
          <div class="ap-grid grid-cols-6 auto-rows-[minmax(32px,_48px)] gap-[1px] h-full">
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="46675812254027" id="XS-8524081987915">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XS-8524081987915">
              <span class="flex items-center justify-center w-full h-full">XS</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="46675812319563" id="S-8524081987915">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="S-8524081987915">
              <span class="flex items-center justify-center w-full h-full">S</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="46675812352331" id="M-8524081987915">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="M-8524081987915">
              <span class="flex items-center justify-center w-full h-full">M</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="46675812385099" id="L-8524081987915">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="L-8524081987915">
              <span class="flex items-center justify-center w-full h-full">L</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="46675812450635" id="XL-8524081987915">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XL-8524081987915">
              <span class="flex items-center justify-center w-full h-full">XL</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="46675812483403" id="XXL-8524081987915">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XXL-8524081987915">
              <span class="flex items-center justify-center w-full h-full">XXL</span>
            </label>
          </div>
        </div>
      </div>
    </div>
    <!-- Footer/Button -->
    <div class="
            ap-qatc__footer p-0 relative bg-white translate-y-[calc(100%+1rem+2px)]
            duration-300 ease-out
            [[data-product-item]:hover_&amp;]:translate-y-0 [[data-home-page-product-item]:hover_&amp;]:translate-y-0
            [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0 pointer-events-auto
          "><input class="hidden" aria-hidden="true" type="radio" name="id" checked="" disabled=""><button data-qatc-button="" class="
              ap-qatc__button
              h-10 w-full bg-black text-white relative border-0 font-medium overflow-hidden uppercase text-sm
              transition-opacity duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;:disabled]:opacity-[0.36] " data-product-handle="patta-insulated-quilted-hooded-jacket-gray-dawn" data-product-id="8524081987915"
        data-variant-id="46675812254027" data-collection-handle="" type="submit" disabled="">
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--toggle [[data-qatc-visibility-input]:checked+form_&amp;]:-translate-y-full"> Quick shop </span>
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--submit translate-y-full [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">Add to
          cart</span>
        <span data-qatc-hide="" class="absolute top-0 left-0 h-full w-full"></span>
      </button><label class="absolute inset-0 w-full h-full cursor-pointer [[data-qatc-visibility-input]:checked+form_&amp;]:hidden" data-qtc-toggle="" for="qatc-toggle-8524081987915" aria-hidden="true"></label></div>
  </div>
</form>

<form class="hidden lg:block absolute z-10 bottom-0 w-full  overflow-hidden pointer-events-none [[data-qatc-visibility-input]:checked+&amp;]:pointer-events-auto" id="quick-add-to-cart-8524082086219">
  <input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="form_type" value="product">
  <input type="hidden" name="quantity" value="1">
  <div data-qatc-form="" class="relative flex flex-col justify-end w-full p-4 overflow-hidden">
    <!-- Content/Size Options -->
    <div class="overflow-hidden">
      <div class="ap-qatc__content-wrapper flex flex-col gap-2 p-2 h-full bg-white translate-y-[calc(100%+1px)] transition-transform duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">
        <div class="flex gap-x-4 qatc__tabs">
        </div>
        <div data-qatc-options-container="" class="qatc__options-container">
          <div class="ap-grid grid-cols-6 auto-rows-[minmax(32px,_48px)] gap-[1px] h-full">
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="46675812516171" id="XS-8524082086219">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XS-8524082086219">
              <span class="flex items-center justify-center w-full h-full">XS</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="46675812548939" id="S-8524082086219">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="S-8524082086219">
              <span class="flex items-center justify-center w-full h-full">S</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="46675812581707" id="M-8524082086219">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="M-8524082086219">
              <span class="flex items-center justify-center w-full h-full">M</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="46675812614475" id="L-8524082086219">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="L-8524082086219">
              <span class="flex items-center justify-center w-full h-full">L</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="46675812647243" id="XL-8524082086219">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XL-8524082086219">
              <span class="flex items-center justify-center w-full h-full">XL</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="46675812680011" id="XXL-8524082086219">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XXL-8524082086219">
              <span class="flex items-center justify-center w-full h-full">XXL</span>
            </label>
          </div>
        </div>
      </div>
    </div>
    <!-- Footer/Button -->
    <div class="
            ap-qatc__footer p-0 relative bg-white translate-y-[calc(100%+1rem+2px)]
            duration-300 ease-out
            [[data-product-item]:hover_&amp;]:translate-y-0 [[data-home-page-product-item]:hover_&amp;]:translate-y-0
            [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0 pointer-events-auto
          "><input class="hidden" aria-hidden="true" type="radio" name="id" checked="" disabled=""><button data-qatc-button="" class="
              ap-qatc__button
              h-10 w-full bg-black text-white relative border-0 font-medium overflow-hidden uppercase text-sm
              transition-opacity duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;:disabled]:opacity-[0.36] " data-product-handle="patta-insulated-quilted-pants-gray-dawn" data-product-id="8524082086219"
        data-variant-id="46675812516171" data-collection-handle="" type="submit" disabled="">
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--toggle [[data-qatc-visibility-input]:checked+form_&amp;]:-translate-y-full"> Quick shop </span>
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--submit translate-y-full [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">Add to
          cart</span>
        <span data-qatc-hide="" class="absolute top-0 left-0 h-full w-full"></span>
      </button><label class="absolute inset-0 w-full h-full cursor-pointer [[data-qatc-visibility-input]:checked+form_&amp;]:hidden" data-qtc-toggle="" for="qatc-toggle-8524082086219" aria-hidden="true"></label></div>
  </div>
</form>

<form class="hidden lg:block absolute z-10 bottom-0 w-full  overflow-hidden pointer-events-none [[data-qatc-visibility-input]:checked+&amp;]:pointer-events-auto" id="quick-add-to-cart-8524082151755">
  <input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="form_type" value="product">
  <input type="hidden" name="quantity" value="1">
  <div data-qatc-form="" class="relative flex flex-col justify-end w-full p-4 overflow-hidden">
    <!-- Content/Size Options -->
    <div class="overflow-hidden">
      <div class="ap-qatc__content-wrapper flex flex-col gap-2 p-2 h-full bg-white translate-y-[calc(100%+1px)] transition-transform duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">
        <div class="flex gap-x-4 qatc__tabs">
        </div>
        <div data-qatc-options-container="" class="qatc__options-container">
          <div class="ap-grid grid-cols-6 auto-rows-[minmax(32px,_48px)] gap-[1px] h-full">
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="46675812745547" id="XS-8524082151755" disabled="">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XS-8524082151755">
              <span class="flex items-center justify-center w-full h-full">XS</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="46675812811083" id="S-8524082151755">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="S-8524082151755">
              <span class="flex items-center justify-center w-full h-full">S</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="46675812843851" id="M-8524082151755">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="M-8524082151755">
              <span class="flex items-center justify-center w-full h-full">M</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="46675812909387" id="L-8524082151755">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="L-8524082151755">
              <span class="flex items-center justify-center w-full h-full">L</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="46675812942155" id="XL-8524082151755">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XL-8524082151755">
              <span class="flex items-center justify-center w-full h-full">XL</span>
            </label>
            <input class="hidden" aria-hidden="true" data-qatc-size-input="" type="radio" name="id" value="46675813171531" id="XXL-8524082151755">
            <label
              class="w-full h-full text-xs text-black relative font-bold bg-white outline outline-1 outline-[#E5E5E5] hover:outline-black hover:z-1 [[data-qatc-size-input]:checked+&amp;]:outline-black [[data-qatc-size-input]:checked+&amp;]:z-1 [input:disabled+&amp;]:text-black/20"
              type="radio" for="XXL-8524082151755">
              <span class="flex items-center justify-center w-full h-full">XXL</span>
            </label>
          </div>
        </div>
      </div>
    </div>
    <!-- Footer/Button -->
    <div class="
            ap-qatc__footer p-0 relative bg-white translate-y-[calc(100%+1rem+2px)]
            duration-300 ease-out
            [[data-product-item]:hover_&amp;]:translate-y-0 [[data-home-page-product-item]:hover_&amp;]:translate-y-0
            [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0 pointer-events-auto
          "><input class="hidden" aria-hidden="true" type="radio" name="id" checked="" disabled=""><button data-qatc-button="" class="
              ap-qatc__button
              h-10 w-full bg-black text-white relative border-0 font-medium overflow-hidden uppercase text-sm
              transition-opacity duration-300 ease-out [[data-qatc-visibility-input]:checked+form_&amp;:disabled]:opacity-[0.36] " data-product-handle="patta-jet-bomber-jacket-black" data-product-id="8524082151755" data-variant-id="46675812745547"
        data-collection-handle="" type="submit" disabled="">
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--toggle [[data-qatc-visibility-input]:checked+form_&amp;]:-translate-y-full"> Quick shop </span>
        <span class="w-full h-full flex  justify-center items-center absolute top-0 transition-transform duration-300 ease-out ap-qatc__button-text--submit translate-y-full [[data-qatc-visibility-input]:checked+form_&amp;]:translate-y-0">Add to
          cart</span>
        <span data-qatc-hide="" class="absolute top-0 left-0 h-full w-full"></span>
      </button><label class="absolute inset-0 w-full h-full cursor-pointer [[data-qatc-visibility-input]:checked+form_&amp;]:hidden" data-qtc-toggle="" for="qatc-toggle-8524082151755" aria-hidden="true"></label></div>
  </div>
</form>

POST /contact#sections--19717884739915__footer

<form method="post" action="/contact#sections--19717884739915__footer" id="sections--19717884739915__footer" accept-charset="UTF-8" class="flex flex-col gap-y-3" novalidate="novalidate"><input type="hidden" name="form_type" value="customer"><input
    type="hidden" name="utf8" value="✓">
  <div class="border-b border-b-[#383838]"><input type="hidden" name="contact[tags]" value="newsletter">
    <div class="relative  flex flex-row justify-between">
      <input data-input="" type="email" name="contact[email]" id="sections--19717884739915__footer-email"
        class="text-grey pl-0 pt-0 pr-0 pb-2.5 bg-transparent outline-none text-sm leading-4 mb-0 rounded-none border-none h-[42px] placeholder:text-sm placeholder:leading-4 placeholder:text-grey lg:placeholder:text-base lg:text-base lg:leading-4 newsletter__input  [&amp;.input--error]:text-[#d20000] [&amp;.input--error]:border [&amp;.input--error]:border-[#d20000] [&amp;.input--error]:bg-transparent [&amp;.input--error]:border-none [&amp;.input--error]:mb-0"
        value="" placeholder="Email address" aria-label="Email address" aria-required="true" required="" autocorrect="off" autocapitalize="off">
      <button data-submit="" type="submit" disabled="" class="h-[42px] flex justify-center items-center py-2 px-4 lg:absolute lg:right-0 lg:top-0 lg:px-[18px] lg:py-2.5 opacity-0 pointer-events-none">
        <svg width="14px" height="14px" viewBox="0 0 14 14" class="arrow text-white">
          <g id="Group" fill="currentColor" transform="translate(0.000000, -0.000000)" stroke="none" stroke-width="1" fill-rule="evenodd">
            <polygon id="Path" points="11.7238576 6.78235144 6.19526972 0.988152279 7.13806361 -1.24344979e-14 13.6094757 6.78231968 7.13807876 13.5650595 6.19525457 12.576939"></polygon>
            <polygon id="Path" points="12 6.08381973 12 7.48125563 0 7.48125563 0 6.08381973"></polygon>
          </g>
        </svg>
      </button>
    </div>
  </div>
</form>

Text Content

Accept all Decline

Skip to content
Skip to text
FREE SHIPPING ON EU ORDERS ABOVE 250,-
Download the patta app for exclusive releases and special deals.
0
Coming soon
Coming soon


PATTA TIGER STRIPE CAMO RIPSTOP JACKET (MULTI)



PATTA AGATHE FOOTBALL JERSEY (WM) (MULTI)

New Arrivals
New Arrivals
 * Patta Femme 24
 * Latest Footwear
 * Patta Spring Summer 2024
 * byParra SS24
 * adidas x Fear of God Athletics

PATTA FEMME BASIC CROP ZIP UP HOODED SWEATER (BLUE BELL)



PATTA FEMME RUCHED TIE DYE T-SHIRT DRESS (QUARRY)

PATTa Femme
PATTa Femme


PATTA FEMME TIE DYE CROPPED RUCHED T-SHIRT (QUARRY)



PATTA FEMME BABY T-SHIRT (BLUE BELL)

Patta x Converse
Patta x Converse


PATTA X CONVERSE RAIN OR SHINE CHUCK 70 MARQUIS (BLACK/MINERAL GRAY/ROSIN)



PATTA X CONVERSE RAIN OR SHINE WEAPON (BLACK/GRAY/MULTI)

Spring Summer 2024
Spring Summer 2024
 * T-Shirts
 * Basics
 * Tops
 * Bottoms
 * Outerwear
 * Accessories

PATTA JET BOMBER JACKET (DEEP DEPTHS)



PATTA SOME LIKE IT HOT BOXY HOODED SWEATER (BLUE RADIANCE)

Apparel
Apparel
 * T-Shirts
 * Basics
 * Tops
 * Bottoms
 * Shorts
 * Outerwear
 * M2 Tracksuits
 * Apparel Deals

BYPARRA STUPID STRAWBERRY KNITTED PULLOVER (YELLOW)



NIKE ACG "LUNAR LAKE" PUFFER (OIL GREEN/MEDIUM OLIVE/REFLECTIVE SILVER)

Footwear
Footwear
 * New Footwear
 * Footwear Deals
 * Nike Footwear
 * adidas Footwear
 * New Balance Footwear
 * Kids Releases

NIKE WMNS AIR MAX 1 '86 PREMIUM (WHITE/ROYAL BLUE-LT NEUTRAL GREY-BLACK)



NEW BALANCE M1906RRC (NEW SPRUCE/MOONBEAM/DRIFTWOOD)

Accessories
Accessories
 * Bags
 * Headwear
 * Footwear Cleaner
 * Underwear & Socks
 * Patta Soundsystem
 * Homeware & Accessories

PATTA DIGI CAMO HUNTING FLAP CAP (MULTI/DIGI CAMO)



PATTA RIBBED KNITTED BEANIE (WINETASTING)

Collections
Collections
 * Patta x Marshall
 * Patta x Danner
 * Patta x New Balance
 * Patta Kids
 * Patta Autumn Winter 2023
 * Patta Femme 23
 * Patta x Best Company
 * Patta x Order
 * Patta Soundsystem

PATTA X BEST COMPANY BUSBUSI CREWNECK SWEATER (NAVY)



PATTA X ANDY WAHLOO (HASSAN HAJJAJ) HAMSA HAND T-SHIRT (BLACK)

Brands
Brands
 * Adidas
 * Asics
 * Awake NY
 * ByParra
 * Converse
 * DFNS
 * Karhu
 * Mizuno
 * New Balance
 * Nike
 * Patta
 * Reebok
 * Salomon
 * Vans

SALOMON ACS PRO (WHITE/VANILLA ICE/LUNAR ROCK)



ADIDAS SAMBA OG (CORE BLACK/CLOUD WHITE/GUM)

Blog
Blog



Search
 * New Arrivals
 * Latest Footwear
 * Patta Femme
 * Patta x Converse
 * Spring Summer 2024
   
    * View All
    * Basics
    * Tops
    * T-Shirts
    * Bottoms
    * Outerwear
    * Accessories

 * Apparel
   
    * Headwear
    * T-Shirts
    * Track Suits
    * Tops
    * Bottoms
    * Shorts
    * Outerwear
    * Apparel Deals

 * Footwear
   
    * New Footwear
    * Kids Releases
    * Collaboration Releases
    * Sandals and Sliders
    * Footwear Deals

 * Collections
   
    * Patta x Converse
    * Patta x Marshall
    * Patta x Danner
    * Patta x New Balance
    * Autumn Winter 2023
    * Spring Summer 2023
    * Patta Soundsystem
    * In-Store Exclusives

 * Accessories
 * Brands
   
    * Adidas
    * ASICS
    * Awake NY
    * ByParra
    * Converse
    * DFNS
    * Karhu
    * New Balance
    * Nike
    * Patta
    * Puma
    * Reebok
    * Vans

 * Jobs
 * Lookbooks
 * Blog
 * Patta Mobile App
 * In-Store Exclusives

Newsletter

Subscribe to our newsletter





Your cart

0

Your bag is empty

Continue shopping
Shop Blog


NO PRODUCT RESULTS FOR ""


NO ARTICLE RESULTS FOR ""


XS S M L XL XXL
Quick shop Add to cart

Patta Femme Baby T-Shirt (White)

Regular price €45,00
New
XS S M L XL XXL
Quick shop Add to cart

Patta Femme Baby T-Shirt (Blue Bell)

Regular price €45,00
New


PHOTOGRAPHY

PATTA
X
CONVERSE
'RAIN
OR
SHINE'
LOOKBOOK


PHOTOGRAPHY


PATTA X CONVERSE 'RAIN OR SHINE' LOOKBOOK




XS S M L XL XXL
Quick shop Add to cart

Patta Femme Basic Crop Zip Up Hooded Sweater (Blue Bell)

Regular price €105,00
New
XS S M L XL XXL
Quick shop Add to cart

Patta Femme Basic Jogging Pants (Blue Bell)

Regular price €90,00
New
XS S M L XL XXL
Quick shop Add to cart

Patta Femme Cropped Waffle Tank Top (White)

Regular price €40,00
New
XS S M L XL XXL
Quick shop Add to cart

Patta Femme Cropped Waffle Tank Top (Black)

Regular price €40,00
New
XS S M L XL XXL
Quick shop Add to cart

Patta Femme Bikershorts (Black)

Regular price €50,00
New
XS S M L XL XXL
Quick shop Add to cart

Patta Femme Tie Dye Cropped Ruched T-Shirt (Quarry)

Regular price €60,00
New
XS S M L XL XXL
Quick shop Add to cart

Patta Femme Tie Dye Bikershorts (Quarry)

Regular price €50,00
New


NEWS

GET
FAMILIAR:
CHINNAMASTA


NEWS


GET FAMILIAR: CHINNAMASTA

XS S M L XL XXL
Quick shop Add to cart

Patta Femme Ruched Tie Dye T-Shirt Dress (Quarry)

Regular price €75,00
New




XS S M L XL XXL
Quick shop Add to cart

Patta Femme Ruched T-Shirt Dress (Black)

Regular price €75,00
New
XS S M L XL XXL
Quick shop Add to cart

Patta Femme Leopard Cropped Hooded Sweater (Dusty Olive)

Regular price €100,00
New
XS S M L XL XXL
Quick shop Add to cart

Patta Femme Leopard Jogging Pants (Dusty Olive)

Regular price €100,00
New
US EU UK
3.0 35.0 3.0 3.5 36.0 3.5 4.0 36.5 4.0 4.5 37.0 4.5 5.0 37.5 5.0 5.5 38.0 5.5
6.0 39.0 6.0 6.5 39.5 6.5 7.0 40.0 7.0 7.5 41.0 7.5 8.0 41.5 8.0 8.5 42.0 8.5
9.0 42.5 9.0 9.5 43.0 9.5 10.0 44.0 10.0 10.5 44.5 10.5 11.0 45.0 11.0 11.5 46.0
11.5 12.0 46.5 12.0 13.0 48.0 13.0
Quick shop Add to cart

Patta x Converse Rain or Shine Chuck 70 Marquis (Black/Mineral Gray/Rosin)

Regular price €130,00
New


NEWS

GET
FAMILIAR:
REBECA
BOMANI


NEWS


GET FAMILIAR: REBECA BOMANI

XXS XS S M L XL XXL XXXL
Quick shop Add to cart

Patta x Converse Rain or Shine Pant (Utility Green Heather)

Regular price €110,00
New
XXS XS S M L XL XXL XXXL
Quick shop Add to cart

Patta x Converse Rain or Shine Hooded Sweater (Utility Green Heather)

Regular price €120,00
New


NEWS

MAD
CITY
AT
LOFI


NEWS


MAD CITY AT LOFI

US EU UK
3.0 35.0 3.0 3.5 36.0 3.5 4.0 36.5 4.0 4.5 37.0 4.5 5.0 37.5 5.0 5.5 38.0 5.5
6.0 38.5 5.5 6.5 39.0 5.5 7.0 40.0 6.0 7.5 40.5 6.5 8.0 41.0 7.0 8.5 42.0 7.5
9.0 42.5 8.0 9.5 43.0 8.5 10.0 44.0 9.0 10.5 44.5 9.5 11.0 45.0 10.0 11.5 46.0
10.5 12.0 46.5 11.0 13.0 48.0 13.0
Quick shop Add to cart

Patta x Converse Rain or Shine Weapon (Black/Gray/Multi)

Regular price €140,00
New
XXS XS S M L XL XXL XXXL
Quick shop Add to cart

Patta x Converse Rain or Shine Jacket (Black Gradient)

Regular price €200,00
New
XXS XS S M L XL XXL XXXL
Quick shop Add to cart

Patta x Converse Rain or Shine T-Shirt (Patta Gradient)

Regular price €60,00
New


NEWS

GET
FAMILIAR:
SAM
AKPRO


NEWS


GET FAMILIAR: SAM AKPRO

XS S M L XL XXL
Quick shop Add to cart

Patta Always On Top Hooded Sweater (Multi)

Regular price €145,00

XS S M L XL XXL
Quick shop Add to cart

Patta Classic Knitted Sweater (Lotus)

Regular price €145,00

28 30 32 34 36 38
Quick shop Add to cart

Patta Whiskers Denim Pants (Vintage Blue)

Regular price €160,00
Few Left


NEWS

GET
FAMILIAR:
NEW
STYLE


NEWS


GET FAMILIAR: NEW STYLE

XS S M L XL XXL
Quick shop Add to cart

Patta Classic Washed Hooded Sweater (Fuchsia Red)

Regular price €135,00

XS S M L XL XXL
Quick shop Add to cart

Patta Insulated Quilted Hooded Jacket (Gray Dawn)

Regular price €220,00

XS S M L XL XXL
Quick shop Add to cart

Patta Insulated Nylon Pants (Gray Dawn)

Regular price €180,00

XS S M L XL XXL
Quick shop Add to cart

Patta Jet Bomber Jacket (Black)

Regular price €250,00



BE THE FIRST TO KNOW

Download our exclusive Patta App and keep up to date about new arrivals,
collections, sales and raffles.



Out of love and necessity rather than profit and novelty, Patta opened its doors
in 2004. Situated right in the city heart of Amsterdam, the store became the
centre of attention by bringing new excitement to the Dutch streetwear scene…

Read more

Subscribe to our newsletter


 * Terms and Conditions
 * Privacy Policy
 * Refund Policy
 * Returns
 * Support
 * Stores
 * Jobs
 * Patta Mobile App

 * Patta Foundation
 * Patta Running Team
 * Patta Cycling Team

 * Choosing a selection results in a full page refresh.
 * Press the space key then arrow keys to make a selection.


1