burjclothing.com.br Open in urlscan Pro
185.133.35.21  Public Scan

Submitted URL: http://burjclothing.com.br/
Effective URL: https://burjclothing.com.br/
Submission: On April 17 via api from US — Scanned from DE

Form analysis 89 forms found in the DOM

GET /search/

<form action="/search/" method="get" class="js-search-form mobile-search-form">
  <div class="mobile-search-input-container">
    <span class="js-search-back-btn js-toggle-mobile-search mobile-search-input-back m-top-half p-left-half">
      <svg class="svg-inline--fa fa-lg mobile-search-input-icon svg-text-fill" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
        <path d="M1427 301l-531 531 531 531q19 19 19 45t-19 45l-166 166q-19 19-45 19t-45-19l-742-742q-19-19-19-45t19-45l742-742q19-19 45-19t45 19l166 166q19 19 19 45t-19 45z"></path>
      </svg> </span>
    <input class="h6 js-mobile-search-input js-search-input mobile-search-input" autocomplete="off" type="search" name="q" placeholder="Buscar" aria-label="Barra de pesquisa">
    <button type="submit" class="mobile-search-input-submit" value="" aria-label="Buscar">
      <svg class="svg-inline--fa fa-lg mobile-search-input-icon svg-text-fill" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
        <path
          d="M1814 355.9c0-123.3-43.8-228.8-131.5-316.5-87.7-87.7-193.2-131.5-316.5-131.5s-228.8 43.8-316.5 131.5C961.8 127.1 918 232.6 918 355.9s43.8 228.8 131.5 316.5c87.7 87.7 193.2 131.5 316.5 131.5s228.8-43.8 316.5-131.5c87.7-87.7 131.5-193.2 131.5-316.5zm512 832c0 34.7-12.7 64.7-38 90s-55.3 38-90 38c-36 0-66-12.7-90-38l-343-342c-119.3 82.7-252.3 124-399 124-95.3 0-186.5-18.5-273.5-55.5s-162-87-225-150-113-138-150-225S662 451.2 662 355.9s18.5-186.5 55.5-273.5 87-162 150-225 138-113 225-150 178.2-55.5 273.5-55.5 186.5 18.5 273.5 55.5 162 87 225 150 113 138 150 225 55.5 178.2 55.5 273.5c0 146.7-41.3 279.7-124 399l343 343c24.7 24.7 37 54.7 37 90z">
        </path>
      </svg> </button>
  </div>
</form>

GET /search/

<form action="/search/" class="js-search-form" method="get" role="form">
  <div class="form-group">
    <input class="js-search-input form-control desktop-search-input" type="search" autocomplete="off" name="q" placeholder="Buscar" aria-label="Barra de pesquisa">
    <button class="desktop-search-submit submit-button" type="submit" aria-label="Buscar">
      <div class="desktop-search-icon">
        <svg class="svg-inline--fa svg-search-icon" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M1814 355.9c0-123.3-43.8-228.8-131.5-316.5-87.7-87.7-193.2-131.5-316.5-131.5s-228.8 43.8-316.5 131.5C961.8 127.1 918 232.6 918 355.9s43.8 228.8 131.5 316.5c87.7 87.7 193.2 131.5 316.5 131.5s228.8-43.8 316.5-131.5c87.7-87.7 131.5-193.2 131.5-316.5zm512 832c0 34.7-12.7 64.7-38 90s-55.3 38-90 38c-36 0-66-12.7-90-38l-343-342c-119.3 82.7-252.3 124-399 124-95.3 0-186.5-18.5-273.5-55.5s-162-87-225-150-113-138-150-225S662 451.2 662 355.9s18.5-186.5 55.5-273.5 87-162 150-225 138-113 225-150 178.2-55.5 273.5-55.5 186.5 18.5 273.5 55.5 162 87 225 150 113 138 150 225 55.5 178.2 55.5 273.5c0 146.7-41.3 279.7-124 399l343 343c24.7 24.7 37 54.7 37 90z">
          </path>
        </svg>
      </div>
    </button>
  </div>
</form>

GET /search/

<form action="/search/" class="js-search-form" method="get" role="form">
  <div class="form-group">
    <input class="js-search-input form-control desktop-search-input" type="search" autocomplete="off" name="q" placeholder="Buscar" aria-label="Barra de pesquisa">
    <button class="desktop-search-submit submit-button" type="submit" aria-label="Buscar">
      <div class="desktop-search-icon">
        <svg class="svg-inline--fa svg-search-icon" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M1814 355.9c0-123.3-43.8-228.8-131.5-316.5-87.7-87.7-193.2-131.5-316.5-131.5s-228.8 43.8-316.5 131.5C961.8 127.1 918 232.6 918 355.9s43.8 228.8 131.5 316.5c87.7 87.7 193.2 131.5 316.5 131.5s228.8-43.8 316.5-131.5c87.7-87.7 131.5-193.2 131.5-316.5zm512 832c0 34.7-12.7 64.7-38 90s-55.3 38-90 38c-36 0-66-12.7-90-38l-343-342c-119.3 82.7-252.3 124-399 124-95.3 0-186.5-18.5-273.5-55.5s-162-87-225-150-113-138-150-225S662 451.2 662 355.9s18.5-186.5 55.5-273.5 87-162 150-225 138-113 225-150 178.2-55.5 273.5-55.5 186.5 18.5 273.5 55.5 162 87 225 150 113 138 150 225 55.5 178.2 55.5 273.5c0 146.7-41.3 279.7-124 399l343 343c24.7 24.7 37 54.7 37 90z">
          </path>
        </svg>
      </div>
    </button>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="206641364">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Preto</span>
      </label>
      <div class="full-width">
        <a data-option="Preto" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">M</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <p>Preto</p>
          <input type="hidden" name="variation[0]" value="Preto">
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="M" selected="selected">M</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="206641364">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="206639332">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Azul</span>
      </label>
      <div class="full-width">
        <a data-option="Azul" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #0000DC" data-name="Azul">
                          </span>
          </a>
        <a data-option="Branco" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
        <a data-option="Preto" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">P</span>
      </label>
      <div class="full-width">
        <a data-option="P" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="P">P</span>
          </a>
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
        <a data-option="XG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="XG">XG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="Azul" selected="selected">Azul</option>
            <option value="Branco">Branco</option>
            <option value="Preto">Preto</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="P" selected="selected">P</option>
            <option value="M">M</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
            <option value="XG">XG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="206639332">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="205362428">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Tamanho" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">P</span>
      </label>
      <div class="full-width">
        <a data-option="P" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="P">P</span>
          </a>
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
        <a data-option="XG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="XG">XG</span>
          </a>
      </div>
    </div>
    <div data-variant="Cor" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Preto</span>
      </label>
      <div class="full-width">
        <a data-option="Preto" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
        <a data-option="Branco" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="P" selected="selected">P</option>
            <option value="M">M</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
            <option value="XG">XG</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="Preto" selected="selected">Preto</option>
            <option value="Branco">Branco</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="205362428">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="198728427">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Tamanho" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">ÚNICO</span>
      </label>
      <div class="full-width">
        <a data-option="ÚNICO" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="ÚNICO">ÚNICO</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <p>ÚNICO</p>
          <input type="hidden" name="variation[0]" value="ÚNICO">
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="198728427">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="192803058">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">CAMISETA PRETA/BERMUDA PRETA</span>
      </label>
      <div class="full-width">
        <a data-option="CAMISETA PRETA/BERMUDA PRETA" class="js-insta-variations btn-variant btn-variant-custom Cor selected">
            <span class="btn-variant-content" data-name="CAMISETA PRETA/BERMUDA PRETA">CAMISETA PRETA/BERMUDA PRETA</span>
          </a>
        <a data-option="CAMISETA BRANCA/BERMUDA PRETA" class="js-insta-variations btn-variant btn-variant-custom Cor ">
            <span class="btn-variant-content" data-name="CAMISETA BRANCA/BERMUDA PRETA">CAMISETA BRANCA/BERMUDA PRETA</span>
          </a>
        <a data-option="CAMISETA BRANCA/BERMUDA BRANCA" class="js-insta-variations btn-variant btn-variant-custom Cor ">
            <span class="btn-variant-content" data-name="CAMISETA BRANCA/BERMUDA BRANCA">CAMISETA BRANCA/BERMUDA BRANCA</span>
          </a>
        <a data-option="CAMISETA PRETA/BERMUDA BRANCA" class="js-insta-variations btn-variant btn-variant-custom Cor ">
            <span class="btn-variant-content" data-name="CAMISETA PRETA/BERMUDA BRANCA">CAMISETA PRETA/BERMUDA BRANCA</span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">M</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="CAMISETA PRETA/BERMUDA PRETA" selected="selected">CAMISETA PRETA/BERMUDA PRETA</option>
            <option value="CAMISETA BRANCA/BERMUDA PRETA">CAMISETA BRANCA/BERMUDA PRETA</option>
            <option value="CAMISETA BRANCA/BERMUDA BRANCA">CAMISETA BRANCA/BERMUDA BRANCA</option>
            <option value="CAMISETA PRETA/BERMUDA BRANCA">CAMISETA PRETA/BERMUDA BRANCA</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="M" selected="selected">M</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="192803058">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="190422374">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Branco</span>
      </label>
      <div class="full-width">
        <a data-option="Branco" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
        <a data-option="Bege" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #F5F5DC" data-name="Bege">
                          </span>
          </a>
        <a data-option="Preto" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">P</span>
      </label>
      <div class="full-width">
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
        <a data-option="P" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="P">P</span>
          </a>
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="XG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="XG">XG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="Branco" selected="selected">Branco</option>
            <option value="Bege">Bege</option>
            <option value="Preto">Preto</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="GG">GG</option>
            <option value="P" selected="selected">P</option>
            <option value="M">M</option>
            <option value="G">G</option>
            <option value="XG">XG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="190422374">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="192459121">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Bege</span>
      </label>
      <div class="full-width">
        <a data-option="Bege" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #F5F5DC" data-name="Bege">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">M</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
        <a data-option="P" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="P">P</span>
          </a>
        <a data-option="XG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="XG">XG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <p>Bege</p>
          <input type="hidden" name="variation[0]" value="Bege">
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="M" selected="selected">M</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
            <option value="P">P</option>
            <option value="XG">XG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="192459121">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="198564473">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Branco</span>
      </label>
      <div class="full-width">
        <a data-option="Branco" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">P</span>
      </label>
      <div class="full-width">
        <a data-option="P" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="P">P</span>
          </a>
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
        <a data-option="XG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="XG">XG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <p>Branco</p>
          <input type="hidden" name="variation[0]" value="Branco">
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="P" selected="selected">P</option>
            <option value="M">M</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
            <option value="XG">XG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="198564473">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="188405651">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Preto</span>
      </label>
      <div class="full-width">
        <a data-option="Preto" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">P</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="P" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="P">P</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
        <a data-option="XG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="XG">XG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <p>Preto</p>
          <input type="hidden" name="variation[0]" value="Preto">
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="M">M</option>
            <option value="P" selected="selected">P</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
            <option value="XG">XG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="188405651">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="192805171">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Branco</span>
      </label>
      <div class="full-width">
        <a data-option="Branco" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">M</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <p>Branco</p>
          <input type="hidden" name="variation[0]" value="Branco">
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="M" selected="selected">M</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="192805171">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="197180084">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Preto</span>
      </label>
      <div class="full-width">
        <a data-option="Preto" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">M</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <p>Preto</p>
          <input type="hidden" name="variation[0]" value="Preto">
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="M" selected="selected">M</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="197180084">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="190510026">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Branco</span>
      </label>
      <div class="full-width">
        <a data-option="Branco" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">M</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <p>Branco</p>
          <input type="hidden" name="variation[0]" value="Branco">
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="M" selected="selected">M</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="190510026">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="198899321">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Preto</span>
      </label>
      <div class="full-width">
        <a data-option="Branco" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
        <a data-option="Preto" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">M</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="Branco">Branco</option>
            <option value="Preto" selected="selected">Preto</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="M" selected="selected">M</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="198899321">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="192948347">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Marrom</span>
      </label>
      <div class="full-width">
        <a data-option="Marrom" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #A57D38" data-name="Marrom">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">M</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <p>Marrom</p>
          <input type="hidden" name="variation[0]" value="Marrom">
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="M" selected="selected">M</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="192948347">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="194207345">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Bege</span>
      </label>
      <div class="full-width">
        <a data-option="Bege" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #F5F5DC" data-name="Bege">
                          </span>
          </a>
        <a data-option="Branco" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
        <a data-option="Preto" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">XG</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
        <a data-option="XG" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="XG">XG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="Bege" selected="selected">Bege</option>
            <option value="Branco">Branco</option>
            <option value="Preto">Preto</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="M">M</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
            <option value="XG" selected="selected">XG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="194207345">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="192882258">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Branco</span>
      </label>
      <div class="full-width">
        <a data-option="Branco" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">P</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
        <a data-option="P" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="P">P</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <p>Branco</p>
          <input type="hidden" name="variation[0]" value="Branco">
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="M">M</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
            <option value="P" selected="selected">P</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="192882258">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="190113130">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Cinza</span>
      </label>
      <div class="full-width">
        <a data-option="Cinza" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #AAAAAA" data-name="Cinza">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">M</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
        <a data-option="P" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="P">P</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <p>Cinza</p>
          <input type="hidden" name="variation[0]" value="Cinza">
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="M" selected="selected">M</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
            <option value="P">P</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="190113130">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="193403085">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Branco</span>
      </label>
      <div class="full-width">
        <a data-option="Branco" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">XG</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="XG" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="XG">XG</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <p>Branco</p>
          <input type="hidden" name="variation[0]" value="Branco">
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="M">M</option>
            <option value="G">G</option>
            <option value="XG" selected="selected">XG</option>
            <option value="GG">GG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="193403085">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="194198773">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Preto</span>
      </label>
      <div class="full-width">
        <a data-option="Preto" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">M</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <p>Preto</p>
          <input type="hidden" name="variation[0]" value="Preto">
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="M" selected="selected">M</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="194198773">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="196052963">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Tamanho" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">P</span>
      </label>
      <div class="full-width">
        <a data-option="P" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="P">P</span>
          </a>
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
        <a data-option="XG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="XG">XG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="P" selected="selected">P</option>
            <option value="M">M</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
            <option value="XG">XG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="196052963">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="194948632">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Tamanho" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">GG</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
        <a data-option="P" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="P">P</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="M">M</option>
            <option value="G">G</option>
            <option value="GG" selected="selected">GG</option>
            <option value="P">P</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="194948632">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="201104926">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Branco</span>
      </label>
      <div class="full-width">
        <a data-option="Branco" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
        <a data-option="Preto" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">M</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
        <a data-option="P" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="P">P</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="Branco" selected="selected">Branco</option>
            <option value="Preto">Preto</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="M" selected="selected">M</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
            <option value="P">P</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="201104926">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="199181539">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Branco</span>
      </label>
      <div class="full-width">
        <a data-option="Branco" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">ÚNICO/UNISSEX</span>
      </label>
      <div class="full-width">
        <a data-option="ÚNICO/UNISSEX" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="ÚNICO/UNISSEX">ÚNICO/UNISSEX</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <p>Branco</p>
          <input type="hidden" name="variation[0]" value="Branco">
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <p>ÚNICO/UNISSEX</p>
          <input type="hidden" name="variation[1]" value="ÚNICO/UNISSEX">
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="199181539">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="198756890">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Tamanho" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">37/38</span>
      </label>
      <div class="full-width">
        <a data-option="43/44" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="43/44">43/44</span>
          </a>
        <a data-option="37/38" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="37/38">37/38</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="43/44">43/44</option>
            <option value="37/38" selected="selected">37/38</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="198756890">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="195573632">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Tamanho" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">37/38</span>
      </label>
      <div class="full-width">
        <a data-option="39/40" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="39/40">39/40</span>
          </a>
        <a data-option="41/42" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="41/42">41/42</span>
          </a>
        <a data-option="43/44" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="43/44">43/44</span>
          </a>
        <a data-option="37/38" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="37/38">37/38</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="39/40">39/40</option>
            <option value="41/42">41/42</option>
            <option value="43/44">43/44</option>
            <option value="37/38" selected="selected">37/38</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="195573632">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="197768668">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Verde</span>
      </label>
      <div class="full-width">
        <a data-option="Verde" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #00DC00" data-name="Verde">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">G</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <p>Verde</p>
          <input type="hidden" name="variation[0]" value="Verde">
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="M">M</option>
            <option value="G" selected="selected">G</option>
            <option value="GG">GG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="197768668">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="200077994">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Preto</span>
      </label>
      <div class="full-width">
        <a data-option="Preto" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">GG</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <p>Preto</p>
          <input type="hidden" name="variation[0]" value="Preto">
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="M">M</option>
            <option value="G">G</option>
            <option value="GG" selected="selected">GG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="200077994">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="206403440">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Preto</span>
      </label>
      <div class="full-width">
        <a data-option="Preto" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">G</span>
      </label>
      <div class="full-width">
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <p>Preto</p>
          <input type="hidden" name="variation[0]" value="Preto">
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="G" selected="selected">G</option>
            <option value="GG">GG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="206403440">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="199239342">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Tamanho" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">XG</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
        <a data-option="XG" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="XG">XG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="M">M</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
            <option value="XG" selected="selected">XG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="199239342">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="200107349">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Branco</span>
      </label>
      <div class="full-width">
        <a data-option="Branco" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">GG</span>
      </label>
      <div class="full-width">
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
        <a data-option="XG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="XG">XG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <p>Branco</p>
          <input type="hidden" name="variation[0]" value="Branco">
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="GG" selected="selected">GG</option>
            <option value="XG">XG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="200107349">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="205368894">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Preto</span>
      </label>
      <div class="full-width">
        <a data-option="Preto" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
        <a data-option="Branco" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">P</span>
      </label>
      <div class="full-width">
        <a data-option="P" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="P">P</span>
          </a>
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
        <a data-option="XG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="XG">XG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="Preto" selected="selected">Preto</option>
            <option value="Branco">Branco</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="P" selected="selected">P</option>
            <option value="M">M</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
            <option value="XG">XG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="205368894">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="191941185">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Branco</span>
      </label>
      <div class="full-width">
        <a data-option="Branco" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">P</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="P" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="P">P</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <p>Branco</p>
          <input type="hidden" name="variation[0]" value="Branco">
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="M">M</option>
            <option value="G">G</option>
            <option value="P" selected="selected">P</option>
            <option value="GG">GG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="191941185">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="192882521">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Branco</span>
      </label>
      <div class="full-width">
        <a data-option="Branco" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">G</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <p>Branco</p>
          <input type="hidden" name="variation[0]" value="Branco">
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="M">M</option>
            <option value="G" selected="selected">G</option>
            <option value="GG">GG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="192882521">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="200375812">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Preto</span>
      </label>
      <div class="full-width">
        <a data-option="Preto" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
        <a data-option="Bege" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #F5F5DC" data-name="Bege">
                          </span>
          </a>
        <a data-option="Branco" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">GG</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="Preto" selected="selected">Preto</option>
            <option value="Bege">Bege</option>
            <option value="Branco">Branco</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="M">M</option>
            <option value="G">G</option>
            <option value="GG" selected="selected">GG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="200375812">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="207627262">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Preto</span>
      </label>
      <div class="full-width">
        <a data-option="Preto" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
        <a data-option="Cinza" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #AAAAAA" data-name="Cinza">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">M</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="Preto" selected="selected">Preto</option>
            <option value="Cinza">Cinza</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="M" selected="selected">M</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="207627262">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="207472411">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Branco</span>
      </label>
      <div class="full-width">
        <a data-option="Branco" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
        <a data-option="Preto" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">M</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
        <a data-option="XG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="XG">XG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="Branco" selected="selected">Branco</option>
            <option value="Preto">Preto</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="M" selected="selected">M</option>
            <option value="GG">GG</option>
            <option value="XG">XG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="207472411">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="207470794">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Branco</span>
      </label>
      <div class="full-width">
        <a data-option="Branco" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
        <a data-option="Preto" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">GG</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="Branco" selected="selected">Branco</option>
            <option value="Preto">Preto</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="M">M</option>
            <option value="G">G</option>
            <option value="GG" selected="selected">GG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="207470794">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="206668059">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Preto</span>
      </label>
      <div class="full-width">
        <a data-option="Preto" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
        <a data-option="Branco" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">39/40</span>
      </label>
      <div class="full-width">
        <a data-option="39/40" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="39/40">39/40</span>
          </a>
        <a data-option="41/42" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="41/42">41/42</span>
          </a>
        <a data-option="43/44" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="43/44">43/44</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="Preto" selected="selected">Preto</option>
            <option value="Branco">Branco</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="39/40" selected="selected">39/40</option>
            <option value="41/42">41/42</option>
            <option value="43/44">43/44</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="206668059">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="206666687">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Branco</span>
      </label>
      <div class="full-width">
        <a data-option="Branco" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
        <a data-option="Preto" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">39/40</span>
      </label>
      <div class="full-width">
        <a data-option="39/40" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="39/40">39/40</span>
          </a>
        <a data-option="41/42" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="41/42">41/42</span>
          </a>
        <a data-option="43/44" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="43/44">43/44</span>
          </a>
        <a data-option="37/38" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="37/38">37/38</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="Branco" selected="selected">Branco</option>
            <option value="Preto">Preto</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="39/40" selected="selected">39/40</option>
            <option value="41/42">41/42</option>
            <option value="43/44">43/44</option>
            <option value="37/38">37/38</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="206666687">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="206641364">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Preto</span>
      </label>
      <div class="full-width">
        <a data-option="Preto" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">M</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <p>Preto</p>
          <input type="hidden" name="variation[0]" value="Preto">
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="M" selected="selected">M</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="206641364">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="206639332">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Azul</span>
      </label>
      <div class="full-width">
        <a data-option="Azul" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #0000DC" data-name="Azul">
                          </span>
          </a>
        <a data-option="Branco" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
        <a data-option="Preto" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">P</span>
      </label>
      <div class="full-width">
        <a data-option="P" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="P">P</span>
          </a>
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
        <a data-option="XG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="XG">XG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="Azul" selected="selected">Azul</option>
            <option value="Branco">Branco</option>
            <option value="Preto">Preto</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="P" selected="selected">P</option>
            <option value="M">M</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
            <option value="XG">XG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="206639332">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="205362428">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Tamanho" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">P</span>
      </label>
      <div class="full-width">
        <a data-option="P" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="P">P</span>
          </a>
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
        <a data-option="XG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="XG">XG</span>
          </a>
      </div>
    </div>
    <div data-variant="Cor" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Preto</span>
      </label>
      <div class="full-width">
        <a data-option="Preto" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
        <a data-option="Branco" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="P" selected="selected">P</option>
            <option value="M">M</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
            <option value="XG">XG</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="Preto" selected="selected">Preto</option>
            <option value="Branco">Branco</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="205362428">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="198728427">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Tamanho" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">ÚNICO</span>
      </label>
      <div class="full-width">
        <a data-option="ÚNICO" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="ÚNICO">ÚNICO</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <p>ÚNICO</p>
          <input type="hidden" name="variation[0]" value="ÚNICO">
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="198728427">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="192803058">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">CAMISETA PRETA/BERMUDA PRETA</span>
      </label>
      <div class="full-width">
        <a data-option="CAMISETA PRETA/BERMUDA PRETA" class="js-insta-variations btn-variant btn-variant-custom Cor selected">
            <span class="btn-variant-content" data-name="CAMISETA PRETA/BERMUDA PRETA">CAMISETA PRETA/BERMUDA PRETA</span>
          </a>
        <a data-option="CAMISETA BRANCA/BERMUDA PRETA" class="js-insta-variations btn-variant btn-variant-custom Cor ">
            <span class="btn-variant-content" data-name="CAMISETA BRANCA/BERMUDA PRETA">CAMISETA BRANCA/BERMUDA PRETA</span>
          </a>
        <a data-option="CAMISETA BRANCA/BERMUDA BRANCA" class="js-insta-variations btn-variant btn-variant-custom Cor ">
            <span class="btn-variant-content" data-name="CAMISETA BRANCA/BERMUDA BRANCA">CAMISETA BRANCA/BERMUDA BRANCA</span>
          </a>
        <a data-option="CAMISETA PRETA/BERMUDA BRANCA" class="js-insta-variations btn-variant btn-variant-custom Cor ">
            <span class="btn-variant-content" data-name="CAMISETA PRETA/BERMUDA BRANCA">CAMISETA PRETA/BERMUDA BRANCA</span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">M</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="CAMISETA PRETA/BERMUDA PRETA" selected="selected">CAMISETA PRETA/BERMUDA PRETA</option>
            <option value="CAMISETA BRANCA/BERMUDA PRETA">CAMISETA BRANCA/BERMUDA PRETA</option>
            <option value="CAMISETA BRANCA/BERMUDA BRANCA">CAMISETA BRANCA/BERMUDA BRANCA</option>
            <option value="CAMISETA PRETA/BERMUDA BRANCA">CAMISETA PRETA/BERMUDA BRANCA</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="M" selected="selected">M</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="192803058">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="190422374">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Branco</span>
      </label>
      <div class="full-width">
        <a data-option="Branco" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
        <a data-option="Bege" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #F5F5DC" data-name="Bege">
                          </span>
          </a>
        <a data-option="Preto" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">P</span>
      </label>
      <div class="full-width">
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
        <a data-option="P" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="P">P</span>
          </a>
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="XG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="XG">XG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="Branco" selected="selected">Branco</option>
            <option value="Bege">Bege</option>
            <option value="Preto">Preto</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="GG">GG</option>
            <option value="P" selected="selected">P</option>
            <option value="M">M</option>
            <option value="G">G</option>
            <option value="XG">XG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="190422374">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="192459121">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Bege</span>
      </label>
      <div class="full-width">
        <a data-option="Bege" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #F5F5DC" data-name="Bege">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">M</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
        <a data-option="P" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="P">P</span>
          </a>
        <a data-option="XG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="XG">XG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <p>Bege</p>
          <input type="hidden" name="variation[0]" value="Bege">
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="M" selected="selected">M</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
            <option value="P">P</option>
            <option value="XG">XG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="192459121">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="198564473">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Branco</span>
      </label>
      <div class="full-width">
        <a data-option="Branco" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">P</span>
      </label>
      <div class="full-width">
        <a data-option="P" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="P">P</span>
          </a>
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
        <a data-option="XG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="XG">XG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <p>Branco</p>
          <input type="hidden" name="variation[0]" value="Branco">
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="P" selected="selected">P</option>
            <option value="M">M</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
            <option value="XG">XG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="198564473">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="204928359">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Tamanho" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">P</span>
      </label>
      <div class="full-width">
        <a data-option="P" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="P">P</span>
          </a>
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
      </div>
    </div>
    <div data-variant="Cor" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Branco</span>
      </label>
      <div class="full-width">
        <a data-option="Branco" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
        <a data-option="Preto" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="P" selected="selected">P</option>
            <option value="M">M</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="Branco" selected="selected">Branco</option>
            <option value="Preto">Preto</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="204928359">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="192803058">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">CAMISETA PRETA/BERMUDA PRETA</span>
      </label>
      <div class="full-width">
        <a data-option="CAMISETA PRETA/BERMUDA PRETA" class="js-insta-variations btn-variant btn-variant-custom Cor selected">
            <span class="btn-variant-content" data-name="CAMISETA PRETA/BERMUDA PRETA">CAMISETA PRETA/BERMUDA PRETA</span>
          </a>
        <a data-option="CAMISETA BRANCA/BERMUDA PRETA" class="js-insta-variations btn-variant btn-variant-custom Cor ">
            <span class="btn-variant-content" data-name="CAMISETA BRANCA/BERMUDA PRETA">CAMISETA BRANCA/BERMUDA PRETA</span>
          </a>
        <a data-option="CAMISETA BRANCA/BERMUDA BRANCA" class="js-insta-variations btn-variant btn-variant-custom Cor ">
            <span class="btn-variant-content" data-name="CAMISETA BRANCA/BERMUDA BRANCA">CAMISETA BRANCA/BERMUDA BRANCA</span>
          </a>
        <a data-option="CAMISETA PRETA/BERMUDA BRANCA" class="js-insta-variations btn-variant btn-variant-custom Cor ">
            <span class="btn-variant-content" data-name="CAMISETA PRETA/BERMUDA BRANCA">CAMISETA PRETA/BERMUDA BRANCA</span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">M</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="CAMISETA PRETA/BERMUDA PRETA" selected="selected">CAMISETA PRETA/BERMUDA PRETA</option>
            <option value="CAMISETA BRANCA/BERMUDA PRETA">CAMISETA BRANCA/BERMUDA PRETA</option>
            <option value="CAMISETA BRANCA/BERMUDA BRANCA">CAMISETA BRANCA/BERMUDA BRANCA</option>
            <option value="CAMISETA PRETA/BERMUDA BRANCA">CAMISETA PRETA/BERMUDA BRANCA</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="M" selected="selected">M</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="192803058">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="206190678">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Branco</span>
      </label>
      <div class="full-width">
        <a data-option="Branco" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
        <a data-option="Preto" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">M</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
        <a data-option="P" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="P">P</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="Branco" selected="selected">Branco</option>
            <option value="Preto">Preto</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="M" selected="selected">M</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
            <option value="P">P</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="206190678">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="204354660">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Preto</span>
      </label>
      <div class="full-width">
        <a data-option="Preto" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
        <a data-option="Branco" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">M</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="Preto" selected="selected">Preto</option>
            <option value="Branco">Branco</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="M" selected="selected">M</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="204354660">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="190422374">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Branco</span>
      </label>
      <div class="full-width">
        <a data-option="Branco" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
        <a data-option="Bege" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #F5F5DC" data-name="Bege">
                          </span>
          </a>
        <a data-option="Preto" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">P</span>
      </label>
      <div class="full-width">
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
        <a data-option="P" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="P">P</span>
          </a>
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="XG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="XG">XG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="Branco" selected="selected">Branco</option>
            <option value="Bege">Bege</option>
            <option value="Preto">Preto</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="GG">GG</option>
            <option value="P" selected="selected">P</option>
            <option value="M">M</option>
            <option value="G">G</option>
            <option value="XG">XG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="190422374">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="198564473">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Branco</span>
      </label>
      <div class="full-width">
        <a data-option="Branco" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">P</span>
      </label>
      <div class="full-width">
        <a data-option="P" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="P">P</span>
          </a>
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
        <a data-option="XG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="XG">XG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <p>Branco</p>
          <input type="hidden" name="variation[0]" value="Branco">
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="P" selected="selected">P</option>
            <option value="M">M</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
            <option value="XG">XG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="198564473">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="188405651">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Preto</span>
      </label>
      <div class="full-width">
        <a data-option="Preto" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">P</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="P" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="P">P</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
        <a data-option="XG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="XG">XG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <p>Preto</p>
          <input type="hidden" name="variation[0]" value="Preto">
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="M">M</option>
            <option value="P" selected="selected">P</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
            <option value="XG">XG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="188405651">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="190508536">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Preto</span>
      </label>
      <div class="full-width">
        <a data-option="Preto" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
        <a data-option="Branco" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">M</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="Preto" selected="selected">Preto</option>
            <option value="Branco">Branco</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="M" selected="selected">M</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="190508536">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="200544978">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Preto</span>
      </label>
      <div class="full-width">
        <a data-option="Preto" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">40</span>
      </label>
      <div class="full-width">
        <a data-option="39" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="39">39</span>
          </a>
        <a data-option="40" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="40">40</span>
          </a>
        <a data-option="41" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="41">41</span>
          </a>
        <a data-option="42" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="42">42</span>
          </a>
        <a data-option="43" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="43">43</span>
          </a>
        <a data-option="38" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="38">38</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <p>Preto</p>
          <input type="hidden" name="variation[0]" value="Preto">
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="39">39</option>
            <option value="40" selected="selected">40</option>
            <option value="41">41</option>
            <option value="42">42</option>
            <option value="43">43</option>
            <option value="38">38</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="200544978">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="200375812">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Preto</span>
      </label>
      <div class="full-width">
        <a data-option="Preto" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
        <a data-option="Bege" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #F5F5DC" data-name="Bege">
                          </span>
          </a>
        <a data-option="Branco" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">GG</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="Preto" selected="selected">Preto</option>
            <option value="Bege">Bege</option>
            <option value="Branco">Branco</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="M">M</option>
            <option value="G">G</option>
            <option value="GG" selected="selected">GG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="200375812">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="197849171">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Branco</span>
      </label>
      <div class="full-width">
        <a data-option="Branco" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">39</span>
      </label>
      <div class="full-width">
        <a data-option="40" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="40">40</span>
          </a>
        <a data-option="41" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="41">41</span>
          </a>
        <a data-option="42" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="42">42</span>
          </a>
        <a data-option="39" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="39">39</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <p>Branco</p>
          <input type="hidden" name="variation[0]" value="Branco">
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="40">40</option>
            <option value="41">41</option>
            <option value="42">42</option>
            <option value="39" selected="selected">39</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="197849171">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="196053027">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Tamanho" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">XG</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
        <a data-option="XG" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="XG">XG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="M">M</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
            <option value="XG" selected="selected">XG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="196053027">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="196053111">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Tamanho" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">XGG</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
        <a data-option="XGG" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="XGG">XGG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="M">M</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
            <option value="XGG" selected="selected">XGG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="196053111">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="192597298">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Azul</span>
      </label>
      <div class="full-width">
        <a data-option="Azul" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #0000DC" data-name="Azul">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">40</span>
      </label>
      <div class="full-width">
        <a data-option="38" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="38">38</span>
          </a>
        <a data-option="39" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="39">39</span>
          </a>
        <a data-option="40" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="40">40</span>
          </a>
        <a data-option="41" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="41">41</span>
          </a>
        <a data-option="42" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="42">42</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <p>Azul</p>
          <input type="hidden" name="variation[0]" value="Azul">
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="38">38</option>
            <option value="39">39</option>
            <option value="40" selected="selected">40</option>
            <option value="41">41</option>
            <option value="42">42</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="192597298">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="196562252">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Cinza</span>
      </label>
      <div class="full-width">
        <a data-option="Cinza" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #AAAAAA" data-name="Cinza">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">40</span>
      </label>
      <div class="full-width">
        <a data-option="40" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="40">40</span>
          </a>
        <a data-option="41" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="41">41</span>
          </a>
        <a data-option="39" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="39">39</span>
          </a>
        <a data-option="42" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="42">42</span>
          </a>
        <a data-option="37" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="37">37</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <p>Cinza</p>
          <input type="hidden" name="variation[0]" value="Cinza">
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="40" selected="selected">40</option>
            <option value="41">41</option>
            <option value="39">39</option>
            <option value="42">42</option>
            <option value="37">37</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="196562252">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="192947980">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Branco</span>
      </label>
      <div class="full-width">
        <a data-option="Branco" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">M</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <p>Branco</p>
          <input type="hidden" name="variation[0]" value="Branco">
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="M" selected="selected">M</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="192947980">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="190508235">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Preto</span>
      </label>
      <div class="full-width">
        <a data-option="Preto" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">M</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <p>Preto</p>
          <input type="hidden" name="variation[0]" value="Preto">
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="M" selected="selected">M</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="190508235">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="192167283">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Branco</span>
      </label>
      <div class="full-width">
        <a data-option="Branco" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">M</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <p>Branco</p>
          <input type="hidden" name="variation[0]" value="Branco">
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="M" selected="selected">M</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="192167283">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="188559761">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Cinza</span>
      </label>
      <div class="full-width">
        <a data-option="Cinza" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #AAAAAA" data-name="Cinza">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">G</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <p>Cinza</p>
          <input type="hidden" name="variation[0]" value="Cinza">
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="M">M</option>
            <option value="G" selected="selected">G</option>
            <option value="GG">GG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="188559761">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="180505640">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Tamanho" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">M</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="M" selected="selected">M</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="180505640">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="195051920">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Branco</span>
      </label>
      <div class="full-width">
        <a data-option="Branco" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
        <a data-option="Azul" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #0000DC" data-name="Azul">
                          </span>
          </a>
        <a data-option="Azul claro" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #00BFFF" data-name="Azul claro">
                          </span>
          </a>
        <a data-option="Vermelho" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #DC0000" data-name="Vermelho">
                          </span>
          </a>
        <a data-option="Verde" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #00DC00" data-name="Verde">
                          </span>
          </a>
        <a data-option="Preto" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
        <a data-option="Azul marinho" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #000080" data-name="Azul marinho">
                          </span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="Branco" selected="selected">Branco</option>
            <option value="Azul">Azul</option>
            <option value="Azul claro">Azul claro</option>
            <option value="Vermelho">Vermelho</option>
            <option value="Verde">Verde</option>
            <option value="Preto">Preto</option>
            <option value="Azul marinho">Azul marinho</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="195051920">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="197130580">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Preto</span>
      </label>
      <div class="full-width">
        <a data-option="Branco" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
        <a data-option="Preto" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="Branco">Branco</option>
            <option value="Preto" selected="selected">Preto</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="197130580">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="205382163">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Preto</span>
      </label>
      <div class="full-width">
        <a data-option="Preto" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
        <a data-option="Branco" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">G</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="Preto" selected="selected">Preto</option>
            <option value="Branco">Branco</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="M">M</option>
            <option value="G" selected="selected">G</option>
            <option value="GG">GG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="205382163">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="205368894">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Preto</span>
      </label>
      <div class="full-width">
        <a data-option="Preto" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
        <a data-option="Branco" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">P</span>
      </label>
      <div class="full-width">
        <a data-option="P" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="P">P</span>
          </a>
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
        <a data-option="XG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="XG">XG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="Preto" selected="selected">Preto</option>
            <option value="Branco">Branco</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="P" selected="selected">P</option>
            <option value="M">M</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
            <option value="XG">XG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="205368894">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="205362428">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Tamanho" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">P</span>
      </label>
      <div class="full-width">
        <a data-option="P" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="P">P</span>
          </a>
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
        <a data-option="XG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="XG">XG</span>
          </a>
      </div>
    </div>
    <div data-variant="Cor" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Preto</span>
      </label>
      <div class="full-width">
        <a data-option="Preto" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
        <a data-option="Branco" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="P" selected="selected">P</option>
            <option value="M">M</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
            <option value="XG">XG</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="Preto" selected="selected">Preto</option>
            <option value="Branco">Branco</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="205362428">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="205317536">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Preto/Roxo</span>
      </label>
      <div class="full-width">
        <a data-option="Preto/Roxo" class="js-insta-variations btn-variant btn-variant-custom Cor selected">
            <span class="btn-variant-content" data-name="Preto/Roxo">Preto/Roxo</span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">GG</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <p>Preto/Roxo</p>
          <input type="hidden" name="variation[0]" value="Preto/Roxo">
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="M">M</option>
            <option value="G">G</option>
            <option value="GG" selected="selected">GG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="205317536">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="204751863">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Branco</span>
      </label>
      <div class="full-width">
        <a data-option="Branco" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">M</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <p>Branco</p>
          <input type="hidden" name="variation[0]" value="Branco">
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="M" selected="selected">M</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="204751863">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="206646156">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Preto/ Azul</span>
      </label>
      <div class="full-width">
        <a data-option="Preto/ Azul" class="js-insta-variations btn-variant btn-variant-custom Cor selected">
            <span class="btn-variant-content" data-name="Preto/ Azul">Preto/ Azul</span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">M</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="G2" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G2">G2</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <p>Preto/ Azul</p>
          <input type="hidden" name="variation[0]" value="Preto/ Azul">
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="M" selected="selected">M</option>
            <option value="G">G</option>
            <option value="G2">G2</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="206646156">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="204605286">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Roxo</span>
      </label>
      <div class="full-width">
        <a data-option="Roxo" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #800080" data-name="Roxo">
                          </span>
          </a>
        <a data-option="Bege" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #F5F5DC" data-name="Bege">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">G</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="Roxo" selected="selected">Roxo</option>
            <option value="Bege">Bege</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="M">M</option>
            <option value="G" selected="selected">G</option>
            <option value="GG">GG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="204605286">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="206647038">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Branco</span>
      </label>
      <div class="full-width">
        <a data-option="Branco" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">M</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <p>Branco</p>
          <input type="hidden" name="variation[0]" value="Branco">
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="M" selected="selected">M</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="206647038">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="207475750">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Cinza</span>
      </label>
      <div class="full-width">
        <a data-option="Cinza" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #AAAAAA" data-name="Cinza">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">39/40</span>
      </label>
      <div class="full-width">
        <a data-option="39/40" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="39/40">39/40</span>
          </a>
        <a data-option="41/42" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="41/42">41/42</span>
          </a>
        <a data-option="43/44" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="43/44">43/44</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <p>Cinza</p>
          <input type="hidden" name="variation[0]" value="Cinza">
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="39/40" selected="selected">39/40</option>
            <option value="41/42">41/42</option>
            <option value="43/44">43/44</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="207475750">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="206999846">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Preto</span>
      </label>
      <div class="full-width">
        <a data-option="Preto" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">39</span>
      </label>
      <div class="full-width">
        <a data-option="39" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="39">39</span>
          </a>
        <a data-option="40" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="40">40</span>
          </a>
        <a data-option="41" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="41">41</span>
          </a>
        <a data-option="42" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="42">42</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <p>Preto</p>
          <input type="hidden" name="variation[0]" value="Preto">
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="39" selected="selected">39</option>
            <option value="40">40</option>
            <option value="41">41</option>
            <option value="42">42</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="206999846">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="206999574">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">PRETO</span>
      </label>
      <div class="full-width">
        <a data-option="PRETO" class="js-insta-variations btn-variant btn-variant-custom Cor selected">
            <span class="btn-variant-content" data-name="PRETO">PRETO</span>
          </a>
        <a data-option="PRETO/BRANCO" class="js-insta-variations btn-variant btn-variant-custom Cor ">
            <span class="btn-variant-content" data-name="PRETO/BRANCO">PRETO/BRANCO</span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">39</span>
      </label>
      <div class="full-width">
        <a data-option="39" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="39">39</span>
          </a>
        <a data-option="40" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="40">40</span>
          </a>
        <a data-option="41" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="41">41</span>
          </a>
        <a data-option="42" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="42">42</span>
          </a>
        <a data-option="43" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="43">43</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="PRETO" selected="selected">PRETO</option>
            <option value="PRETO/BRANCO">PRETO/BRANCO</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="39" selected="selected">39</option>
            <option value="40">40</option>
            <option value="41">41</option>
            <option value="42">42</option>
            <option value="43">43</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="206999574">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="206982715">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Preto</span>
      </label>
      <div class="full-width">
        <a data-option="Preto" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">GG</span>
      </label>
      <div class="full-width">
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <p>Preto</p>
          <input type="hidden" name="variation[0]" value="Preto">
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="M">M</option>
            <option value="G">G</option>
            <option value="GG" selected="selected">GG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="206982715">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="206674706">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Preto</span>
      </label>
      <div class="full-width">
        <a data-option="Preto" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">39/40</span>
      </label>
      <div class="full-width">
        <a data-option="39/40" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="39/40">39/40</span>
          </a>
        <a data-option="41/42" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="41/42">41/42</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <p>Preto</p>
          <input type="hidden" name="variation[0]" value="Preto">
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="39/40" selected="selected">39/40</option>
            <option value="41/42">41/42</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="206674706">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="206666687">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Branco</span>
      </label>
      <div class="full-width">
        <a data-option="Branco" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
        <a data-option="Preto" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">39/40</span>
      </label>
      <div class="full-width">
        <a data-option="39/40" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="39/40">39/40</span>
          </a>
        <a data-option="41/42" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="41/42">41/42</span>
          </a>
        <a data-option="43/44" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="43/44">43/44</span>
          </a>
        <a data-option="37/38" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="37/38">37/38</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="Branco" selected="selected">Branco</option>
            <option value="Preto">Preto</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="39/40" selected="selected">39/40</option>
            <option value="41/42">41/42</option>
            <option value="43/44">43/44</option>
            <option value="37/38">37/38</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="206666687">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="206640533">
  <div class="js-product-variants js-product-quickshop-variants product-variants m-bottom">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Vermelho</span>
      </label>
      <div class="full-width">
        <a data-option="Vermelho" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #DC0000" data-name="Vermelho">
                          </span>
          </a>
        <a data-option="Preto" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
        <a data-option="Branco" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
      </div>
    </div>
    <div data-variant="Tamanho" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">P</span>
      </label>
      <div class="full-width">
        <a data-option="P" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="P">P</span>
          </a>
        <a data-option="M" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="M">M</span>
          </a>
        <a data-option="G" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="G">G</span>
          </a>
        <a data-option="GG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="GG">GG</span>
          </a>
        <a data-option="XG" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="XG">XG</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="Vermelho" selected="selected">Vermelho</option>
            <option value="Preto">Preto</option>
            <option value="Branco">Branco</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="P" selected="selected">P</option>
            <option value="M">M</option>
            <option value="G">G</option>
            <option value="GG">GG</option>
            <option value="XG">XG</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="206640533">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form action="/comprar/" method="post" id="ajax-cart-details" class="js-ajax-cart-panel js-fullscreen-modal modal-right modal-xs modal-xs-right modal-xs-right-out" style="display: none;" data-store="cart-form" data-component="cart">
  <div class="modal-xs-dialog">
    <div id="store-curr" class="hidden">BRL</div>
    <div class="subtotal-price hidden" data-priceraw="0"></div>
    <a class="js-toggle-cart js-fullscreen-modal-close modal-xs-header visible-xs" href="#">
	        <svg class="svg-inline--fa fa-2x modal-xs-header-icon modal-xs-right-header-icon" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1792 1792"><path d="M1203 544q0 13-10 23l-393 393 393 393q10 10 10 23t-10 23l-50 50q-10 10-23 10t-23-10l-466-466q-10-10-10-23t10-23l466-466q10-10 23-10t23 10l50 50q10 10 10 23z"></path></svg>	        <span class="modal-xs-header-text modal-xs-right-header-text">Carrinho de compras</span>
	    </a>
    <div class="modal-right-header hidden-xs">
      <a href="#" class="js-toggle-cart m-bottom">
		 		<svg class="svg-inline--fa fa-2x svg-text-fill opacity-50" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg>		 	</a>
    </div>
    <div class="modal-content">
      <div class="ajax-cart-body modal-right-body modal-xs-body">
        <div class="cart-table container-fluid">
          <div class="ajax-cart-table-header cart-table-header hidden-xs row">
            <div class="pull-left p-left-half">
              <h5>Produto</h5>
            </div>
            <div class="pull-right text-right p-right-half m-right-double">
              <h5>Subtotal</h5>
            </div>
          </div>
          <div class="js-ajax-cart-list ajax-cart">
          </div>
          <div class="js-empty-ajax-cart clear-both alert alert-info m-top" data-component="cart.empty-message"> O carrinho de compras está vazio. </div>
        </div>
        <div class="js-fulfillment-info js-allows-non-shippable m-bottom" style="display: none">
          <div class="js-ship-free-rest">
            <div class="js-bar-progress bar-progress">
              <div class="js-bar-progress-active bar-progress-active transition-soft" style="width: 0%;"></div>
              <div class="js-bar-progress-check bar-progress-check transition-soft">
                <svg class="svg-inline--fa" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                  <path
                    d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
                  </path>
                </svg>
              </div>
            </div>
            <div class="js-ship-free-rest-message ship-free-rest-message condition">
              <div class="ship-free-rest-text bar-progress-success text-accent transition-soft"> Sucesso! Você tem frete grátis </div>
              <div class="ship-free-rest-text bar-progress-amount transition-soft">
                <strong class="text-accent">Ganhe frete grátis</strong> com mais <strong class="js-ship-free-dif"></strong>
              </div>
              <div class="ship-free-rest-text bar-progress-condition transition-soft">
                <strong class="text-accent">Frete grátis</strong> a partir de <span>R$299,90</span>
              </div>
            </div>
          </div>
        </div>
        <div class="js-visible-on-cart-filled cart-subtotal cart-totals" style="display:none;" data-store="cart-subtotal">
          <span> Subtotal <small class="js-subtotal-shipping-wording"> (sem frete)</small> : </span>
          <span class="js-ajax-cart-total js-cart-subtotal" data-priceraw="0" data-component="cart.subtotal" data-component-value="0">R$0,00</span>
        </div>
        <div class="js-total-promotions total-promotions text-accent full-width pull-left text-right ajax-cart-promotions">
          <span class="js-promo-in" style="display:none;">em</span>
          <span class="js-promo-all" style="display:none;">todos os produtos</span>
          <span class="js-promo-buying" style="display:none;"> comprando</span>
          <span class="js-promo-units-or-more" style="display:none;"> ou mais un.</span>
        </div>
        <div class="js-fulfillment-info js-allows-non-shippable" style="display: none">
          <div class="js-visible-on-cart-filled js-has-new-shipping js-shipping-calculator-container">
            <div class="js-shipping-method-unavailable alert alert-warning clear-both m-top" style="display: none;">
              <div><strong>O frete escolhido não está mais disponível para este carrinho. </strong></div>
              <div>Mas não se preocupe! Você pode escolher outro.</div>
            </div>
            <div id="cart-shipping-container" class="row clear-both" style="display: none;" data-shipping-url="/frete/">
              <span id="cart-selected-shipping-method" data-code="" class="hide"></span>
              <div class="container-fluid m-bottom-half m-top-half border-top border-bottom p-top p-bottom-half">
                <div class="shipping-calculator row visible-when-content-ready  m-bottom-none" data-store="shipping-calculator">
                  <div class="js-shipping-calculator-head shipping-calculator-head p-relative transition-soft with-form ">
                    <div class="js-shipping-calculator-with-zipcode  p-absolute  transition-up container-fluid full-width">
                      <div class="container-fluid">
                        <div class="row-flex align-items-center">
                          <span class="col p-right-none">
                            <span class="d-table">
                              <span>Entregas para o CEP:</span>
                              <strong class="js-shipping-calculator-current-zip m-left-quarter"></strong>
                            </span>
                          </span>
                          <div class="col-auto p-left-none">
                            <a class="js-shipping-calculator-change-zipcode btn btn-secondary btn-small" href="#">Alterar CEP</a>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="js-shipping-calculator-form shipping-calculator-form col-xs-12 transition-up p-absolute transition-up-active">
                      <div class="row">
                        <p class="col-xs-12">
                          <svg class="shipping-truck m-right-quarter svg-text-fill" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
                            <path
                              d="M1238 931.9c0-34.7-12.7-64.7-38-90s-55.3-38-90-38-64.7 12.7-90 38-38 55.3-38 90 12.7 64.7 38 90 55.3 38 90 38 64.7-12.7 90-38 38-55.3 38-90zm-384-512h384v-256h-158c-8.7 0-16 3-22 9l-195 195c-6 6-9 13.3-9 22v30zm1280 512c0-34.7-12.7-64.7-38-90s-55.3-38-90-38-64.7 12.7-90 38-38 55.3-38 90 12.7 64.7 38 90 55.3 38 90 38 64.7-12.7 90-38 38-55.3 38-90zm256-1088v1024c0 10-1.3 18.8-4 26.5s-7.2 13.8-13.5 18.5-11.8 8.5-16.5 11.5-12.5 5-23.5 6-18.5 1.7-22.5 2-12.5.3-25.5 0-20.5-.5-22.5-.5c0 70.7-25 131-75 181s-110.3 75-181 75-131-25-181-75-75-110.3-75-181h-384c0 70.7-25 131-75 181s-110.3 75-181 75-131-25-181-75-75-110.3-75-181h-64c-2 0-9.5.2-22.5.5s-21.5.3-25.5 0-11.5-1-22.5-2-18.8-3-23.5-6-10.2-6.8-16.5-11.5-10.8-10.8-13.5-18.5-4-16.5-4-26.5c0-17.3 6.3-32.3 19-45s27.7-19 45-19v-320c0-5.3-.2-17-.5-35s-.3-30.7 0-38 1.2-18.8 2.5-34.5 3.5-28 6.5-37 7.7-19.2 14-30.5 13.8-21.3 22.5-30l198-198c12.7-12.7 29.5-23.3 50.5-32s40.5-13 58.5-13h160v-192c0-17.3 6.3-32.3 19-45s27.7-19 45-19h1024c17.3 0 32.3 6.3 45 19s19 27.7 19 45z">
                            </path>
                          </svg>
                          <span> Meios de envio </span>
                        </p>
                        <div class="col-xs-6 col-sm-6 p-right-none">
                          <input type="tel" placeholder="Seu CEP" aria-label="Seu CEP" name="zipcode" autocorrect="off" autocomplete="postal-code" class="js-shipping-input form-control form-control-small input-prepend shipping-zipcode" value="">
                        </div>
                        <div class="col-xs-6 col-sm-6 p-left-none">
                          <button class="js-calculate-shipping btn btn-secondary btn-append btn-small btn-block" aria-label="Calcular frete">
                            <span class="js-calculate-shipping-wording">Calcular</span>
                            <span class="js-calculating-shipping-wording" style="display: none;">Calculando</span>
                          </button>
                        </div>
                        <div class="col-xs-12 m-top-quarter text-left">
                          <a class=" btn-link btn-link-small-extra text-foreground m-left-quarter" href="http://www.buscacep.correios.com.br/sistemas/buscacep/" target="_blank">Não sei meu CEP</a>
                        </div>
                      </div>
                      <div class="row">
                        <div class="col-xs-12 m-top-half">
                          <div class="js-ship-calculator-error invalid-zipcode alert alert-danger" style="display: none;"> Não conseguimos encontrar esse CEP. Está bem escrito? </div>
                          <div class="js-ship-calculator-error js-ship-calculator-common-error alert alert-danger" style="display: none;">Erro no cálculo. Por favor, tente novamente em alguns segundos.</div>
                          <div class="js-ship-calculator-error js-ship-calculator-external-error alert alert-danger" style="display: none;">Erro no meio de envio. Por favor, tente novamente em alguns segundos.</div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="js-shipping-calculator-spinner pull-left shipping-calculator-spinner full-width transition-soft p-top-xs p-bottom-xs m-top-half m-bottom-half" style="display: none;">
                    <div class="spinner-bar opacity-50 m-all m-auto-xs"></div>
                  </div>
                  <div class="js-shipping-calculator-response shipping-calculator-response col-xs-12 m-top-half" style="display: none;"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="js-visible-on-cart-filled cart-totals cart-total" style="display:none;" data-store="cart-total">
          <div id="error-ajax-stock" class="row" style="display:none;">
            <div class="alert alert-warning" role="alert"> Oops! Não temos mais estoque para incluir este produto ao carrinho. Se você quiser, pode <a href="/produtos/" class="btn-link m-left-quarter">ver outros aquí</a>
            </div>
          </div>
          <span class="text-secondary">Total: </span>
          <span class="js-cart-total   text-secondary" data-component="cart.total" data-component-value="0">R$0,00</span>
          <div class="total-price hidden"> Total R$0,00 </div>
          <div style="display: none;" data-interest="0" data-cart-installment="1" class="js-installments-cart-total cart-installments font-small "> Ou até <span class="js-cart-installments-amount cart-installments-amount ">1</span>
            <span> x de </span>
            <span class="js-cart-installments cart-installments-money ">R$0,00</span>
          </div>
        </div>
        <div class="js-visible-on-cart-filled full-width pull-left" style="display:none;">
          <div class="js-ajax-cart-submit m-bottom" id="ajax-cart-submit-div">
            <input class="btn btn-primary btn-block" type="submit" name="go_to_checkout" value="Iniciar Compra" data-component="cart.checkout-button">
          </div>
          <div class="js-ajax-cart-minimum clear-both p-top-half" style="display:none" id="ajax-cart-minumum-div">
            <div class="alert alert-warning" role="alert"> O valor mínimo de compra é de R$0,00 sem considerar o custo de frete </div>
          </div>
          <div class="text-center">
            <a href="#" class="js-toggle-cart js-fullscreen-modal-close btn btn-link m-bottom p-none">Ver mais produtos</a>
          </div>
          <input type="hidden" id="ajax-cart-minimum-value" value="0">
        </div>
      </div>
    </div>
  </div>
</form>

POST /account/login/

<form id="login-form" action="/account/login/" method="post" class="m-top" data-store="account-login">
  <input type="hidden" class="hidden" name="from" value="quick-login">
  <input type="hidden" class="hidden" autocorrect="off" autocapitalize="off" name="redirect_to" value="/">
  <div class="form-group">
    <label for="email">E-mail</label>
    <input class="form-control" autocorrect="off" autocapitalize="off" type="email" name="email" value="">
  </div>
  <div class="form-group">
    <label for="password">Senha</label>
    <div class="p-relative">
      <input class="js-password-input form-control" type="password" name="password" autocomplete="off">
      <a aria-label="Ver senha" class="js-password-view btn form-toggle-eye p-absolute">
                                    <span class="js-eye-open" style="display: none;">
                                        <svg class="svg-inline--fa svg-text-fill" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M572.52 241.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400a144 144 0 1 1 144-144 143.93 143.93 0 0 1-144 144zm0-240a95.31 95.31 0 0 0-25.31 3.79 47.85 47.85 0 0 1-66.9 66.9A95.78 95.78 0 1 0 288 160z"></path></svg>
                                    </span>
                                    <span class="js-eye-closed">
                                        <svg class="svg-inline--fa svg-text-fill" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M320 400c-75.85 0-137.25-58.71-142.9-133.11L72.2 185.82c-13.79 17.3-26.48 35.59-36.72 55.59a32.35 32.35 0 0 0 0 29.19C89.71 376.41 197.07 448 320 448c26.91 0 52.87-4 77.89-10.46L346 397.39a144.13 144.13 0 0 1-26 2.61zm313.82 58.1l-110.55-85.44a331.25 331.25 0 0 0 81.25-102.07 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64a308.15 308.15 0 0 0-147.32 37.7L45.46 3.37A16 16 0 0 0 23 6.18L3.37 31.45A16 16 0 0 0 6.18 53.9l588.36 454.73a16 16 0 0 0 22.46-2.81l19.64-25.27a16 16 0 0 0-2.82-22.45zm-183.72-142l-39.3-30.38A94.75 94.75 0 0 0 416 256a94.76 94.76 0 0 0-121.31-92.21A47.65 47.65 0 0 1 304 192a46.64 46.64 0 0 1-1.54 10l-73.61-56.89A142.31 142.31 0 0 1 320 112a143.92 143.92 0 0 1 144 144c0 21.63-5.29 41.79-13.9 60.11z"></path></svg>
                                    </span>
                                </a>
    </div>
  </div>
  <input class="btn btn-primary full-width-xs pull-right" type="submit" value="Login">
</form>

Text Content

   
 * Cadastre-se
 * Login

 * CONTATO
   * Atendimento
   * Instagram
   * WhatsApp
 * QUEM SOMOS
 * GUIA DE MEDIDAS
 * FEEDBACK DE CLIENTE



Frete grátis em compras acima de R$299,90 (Parcele em até 12x ou 5% off no pix)
Início


Início

Produtos

Carrinho
0


 * Ver todos os produtos
 * Marcas
   
 * Camisetas
   
 * Calças
   
 * Bermudas
   
 * Conjuntos
   
 * Acessórios
   
 * Tênis
   
 * Corta Vento
 * Chinelo Slide
 * Camisetas de Time

Marcas
Ver tudo desta categoria Nike/Jordan Lacoste Emporio Armani Diesel Hugo Boss

Nike/Jordan
Ver tudo desta categoria

Lacoste
Ver tudo desta categoria

Emporio Armani
Ver tudo desta categoria

Diesel
Ver tudo desta categoria

Hugo Boss
Ver tudo desta categoria

Camisetas
Ver tudo desta categoria Camisetas Nike Camisas Polo Camisas Griffe

Camisas Oversized Regatas DryFit Regatas Basquete

Camisetas Nike
Ver tudo desta categoria

Camisas Polo
Ver tudo desta categoria

Camisas Griffe
Ver tudo desta categoria Lacoste Emporio Armani Hugo Boss Diesel

Lacoste
Ver tudo desta categoria

Emporio Armani
Ver tudo desta categoria

Hugo Boss
Ver tudo desta categoria

Diesel
Ver tudo desta categoria

Camisas Oversized
Ver tudo desta categoria

Regatas DryFit
Ver tudo desta categoria

Regatas Basquete
Ver tudo desta categoria

Calças
Ver tudo desta categoria Calças Jeans Calças Moletom Calças Dryfit Calças Cargo

Calças Jeans
Ver tudo desta categoria

Calças Moletom
Ver tudo desta categoria

Calças Dryfit
Ver tudo desta categoria

Calças Cargo
Ver tudo desta categoria

Bermudas
Ver tudo desta categoria Bermuda Sarja Bermuda Jeans Bermuda Moletom Bermudas
Dryfit Bermuda Nike Bermuda Cargo Bermuda Griffe

Bermuda Sarja
Ver tudo desta categoria

Bermuda Jeans
Ver tudo desta categoria

Bermuda Moletom
Ver tudo desta categoria

Bermudas Dryfit
Ver tudo desta categoria

Bermuda Nike
Ver tudo desta categoria

Bermuda Cargo
Ver tudo desta categoria

Bermuda Griffe
Ver tudo desta categoria

Conjuntos
Ver tudo desta categoria Conjunto Verão Conjunto Inverno

Conjunto Verão
Ver tudo desta categoria

Conjunto Inverno
Ver tudo desta categoria

Acessórios
Ver tudo desta categoria Bonés Óculos Meia Relógio Carteira Cueca Bucket
Balaclava Cinto Shoulder Bag

Bonés
Ver tudo desta categoria

Óculos
Ver tudo desta categoria

Meia
Ver tudo desta categoria

Relógio
Ver tudo desta categoria

Carteira
Ver tudo desta categoria

Cueca
Ver tudo desta categoria

Bucket
Ver tudo desta categoria

Balaclava
Ver tudo desta categoria

Cinto
Ver tudo desta categoria

Shoulder Bag
Ver tudo desta categoria

Tênis
Ver tudo desta categoria Dunk Tn Jordan AirForce Adidas Puma Vans AirMax
NewBalance

Dunk
Ver tudo desta categoria

Tn
Ver tudo desta categoria

Jordan
Ver tudo desta categoria

AirForce
Ver tudo desta categoria

Adidas
Ver tudo desta categoria

Puma
Ver tudo desta categoria

Vans
Ver tudo desta categoria

AirMax
Ver tudo desta categoria

NewBalance
Ver tudo desta categoria

Corta Vento
Ver tudo desta categoria

Chinelo Slide
Ver tudo desta categoria

Camisetas de Time
Ver tudo desta categoria

Compre mais rápido e acompanhe seus pedidos!
Iniciar sessão
Ao navegar por este site você aceita o uso de cookies para agilizar a sua
experiência de compra.
Entendi
Frete grátis em compras acima de R$299,90 (Parcele em até 12x ou 5% off no pix)

Burj Clothing
 * INÍCIO
 * PRODUTOS
   * Marcas
     * Nike/Jordan
     * Lacoste
     * Emporio Armani
     * Diesel
     * Hugo Boss
   * Camisetas
     * Camisetas Nike
     * Camisas Polo
     * Camisas Griffe
       * Lacoste
       * Emporio Armani
       * Hugo Boss
       * Diesel
     * Camisas Oversized
     * Regatas DryFit
     * Regatas Basquete
   * Calças
     * Calças Jeans
     * Calças Moletom
     * Calças Dryfit
     * Calças Cargo
   * Bermudas
     * Bermuda Sarja
     * Bermuda Jeans
     * Bermuda Moletom
     * Bermudas Dryfit
     * Bermuda Nike
     * Bermuda Cargo
     * Bermuda Griffe
   * Conjuntos
     * Conjunto Verão
     * Conjunto Inverno
   * Acessórios
     * Bonés
     * Óculos
     * Meia
     * Relógio
     * Carteira
     * Cueca
     * Bucket
     * Balaclava
     * Cinto
     * Shoulder Bag
   * Tênis
     * Dunk
     * Tn
     * Jordan
     * AirForce
     * Adidas
     * Puma
     * Vans
     * AirMax
     * NewBalance
   * Corta Vento
   * Chinelo Slide
   * Camisetas de Time
 * CONTATO
   * Atendimento
   * Instagram
   * WhatsApp
 * QUEM SOMOS
 * GUIA DE MEDIDAS
 * FEEDBACK DE CLIENTE

0

R$0,00
 * (47) 98428-4949
 * burjclothinng@gmail.com

 * Cadastre-se
 * Login


BURJ CLOTHING

 * INÍCIO
 * PRODUTOS
   * Marcas
     * Nike/Jordan
     * Lacoste
     * Emporio Armani
     * Diesel
     * Hugo Boss
   * Camisetas
     * Camisetas Nike
     * Camisas Polo
     * Camisas Griffe
       * Lacoste
       * Emporio Armani
       * Hugo Boss
       * Diesel
     * Camisas Oversized
     * Regatas DryFit
     * Regatas Basquete
   * Calças
     * Calças Jeans
     * Calças Moletom
     * Calças Dryfit
     * Calças Cargo
   * Bermudas
     * Bermuda Sarja
     * Bermuda Jeans
     * Bermuda Moletom
     * Bermudas Dryfit
     * Bermuda Nike
     * Bermuda Cargo
     * Bermuda Griffe
   * Conjuntos
     * Conjunto Verão
     * Conjunto Inverno
   * Acessórios
     * Bonés
     * Óculos
     * Meia
     * Relógio
     * Carteira
     * Cueca
     * Bucket
     * Balaclava
     * Cinto
     * Shoulder Bag
   * Tênis
     * Dunk
     * Tn
     * Jordan
     * AirForce
     * Adidas
     * Puma
     * Vans
     * AirMax
     * NewBalance
   * Corta Vento
   * Chinelo Slide
   * Camisetas de Time
 * CONTATO
   * Atendimento
   * Instagram
   * WhatsApp
 * QUEM SOMOS
 * GUIA DE MEDIDAS
 * FEEDBACK DE CLIENTE

0

R$0,00




CATEGORIAS PRINCIPAIS

 * Marcas
 * Camisetas
 * Calças
 * Bermudas
 * Conjuntos
 * Acessórios
 * Tênis
 * Corta Vento
 * Chinelo Slide
 * Camisetas de Time


PROMOÇÕES

Sem Estoque
Envio grátis
Cor: Preto

Tamanho: M
M G GG
Cor:

Preto

Tamanho:
M G GG

Comprar Pronto!
Incluindo...
BERMUDA SWOOSH
0% OFF
R$99,90
12 x de R$9,66
Comprar
34% OFF
Comprando 1 ou mais un.
Sem Estoque
Envio grátis
Cor: Azul

Tamanho: P
P M G GG XG
Cor:
Azul Branco Preto
Tamanho:
P M G GG XG

Comprar Pronto!
Incluindo...
CAMISETA EMPORIO ARMANI BORDADO
0% OFF
R$150,00
12 x de R$14,51
Comprar
34% OFF
Comprando 1 ou mais un.
Sem Estoque
Envio grátis
Tamanho: P
P M G GG XG
Cor: Preto

Tamanho:
P M G GG XG
Cor:
Preto Branco

Comprar Pronto!
Incluindo...
CAMISETA LACOSTE
0% OFF
R$150,00
12 x de R$14,51
Comprar
Oferta
Sem Estoque
Envio grátis
Tamanho: ÚNICO
ÚNICO
Tamanho:

ÚNICO


Comprar Pronto!
Incluindo...
BONÉ JORDAN H86 (ORIGINAL)
R$199,90 15% OFF
R$169,90
12 x de R$16,43
Comprar
Oferta
Sem Estoque
Envio grátis
Cor: CAMISETA PRETA/BERMUDA PRETA
CAMISETA PRETA/BERMUDA PRETA CAMISETA BRANCA/BERMUDA PRETA CAMISETA
BRANCA/BERMUDA BRANCA CAMISETA PRETA/BERMUDA BRANCA
Tamanho: M
M G GG
Cor:
CAMISETA PRETA/BERMUDA PRETA CAMISETA BRANCA/BERMUDA PRETA CAMISETA
BRANCA/BERMUDA BRANCA CAMISETA PRETA/BERMUDA BRANCA
Tamanho:
M G GG

Comprar Pronto!
Incluindo...
CONJUNTO NIKExSTUSSY
R$199,90 25% OFF
R$149,90
12 x de R$14,50
Comprar
34% OFF
Comprando 1 ou mais un.
Sem Estoque
Envio grátis
Cor: Branco

Tamanho: P
GG P M G XG
Cor:
Branco Bege Preto
Tamanho:
GG P M G XG

Comprar Pronto!
Incluindo...
CAMISETA HUGO BOSS (BÁSICA)
0% OFF
R$150,00
12 x de R$14,51
Comprar
34% OFF
Comprando 1 ou mais un.
Sem Estoque
Envio grátis
Cor: Bege

Tamanho: M
M G GG P XG
Cor:

Bege

Tamanho:
M G GG P XG

Comprar Pronto!
Incluindo...
CAMISETA LACOSTE
0% OFF
R$150,00
12 x de R$14,51
Comprar
34% OFF
Comprando 1 ou mais un.
Sem Estoque
Envio grátis
Cor: Branco

Tamanho: P
P M G GG XG
Cor:

Branco

Tamanho:
P M G GG XG

Comprar Pronto!
Incluindo...
CAMISETA LACOSTE BÁSICA
0% OFF
R$150,00
12 x de R$14,51
Comprar
34% OFF
Comprando 1 ou mais un.
Sem Estoque
Envio grátis
Cor: Preto

Tamanho: P
M P G GG XG
Cor:

Preto

Tamanho:
M P G GG XG

Comprar Pronto!
Incluindo...
CAMISETA LACOSTE (BÁSICA)
0% OFF
R$150,00
12 x de R$14,51
Comprar
Sem Estoque
Envio grátis
Cor: Branco

Tamanho: M
M G GG
Cor:

Branco

Tamanho:
M G GG

Comprar Pronto!
Incluindo...
CAMISETA NIKExSTUSSY OVERSIZED
0% OFF
R$119,90
12 x de R$11,59
Comprar
Sem Estoque
Envio grátis
Cor: Preto

Tamanho: M
M G GG
Cor:

Preto

Tamanho:
M G GG

Comprar Pronto!
Incluindo...
CAMISETA NIKExSTUSSY OVERSIZED
0% OFF
R$119,90
12 x de R$11,59
Comprar
Sem Estoque
Envio grátis
Cor: Branco

Tamanho: M
M G GG
Cor:

Branco

Tamanho:
M G GG

Comprar Pronto!
Incluindo...
OVERSIZED NIKE BY SWOOSH
0% OFF
R$119,90
12 x de R$11,59
Comprar
Sem Estoque
Envio grátis
Cor: Preto

Tamanho: M
M G GG
Cor:
Branco Preto
Tamanho:
M G GG

Comprar Pronto!
Incluindo...
CAMISA NIKExNOCTA OVERSIZED
0% OFF
R$119,90
12 x de R$11,59
Comprar
Sem Estoque
Envio grátis
Cor: Marrom

Tamanho: M
M G GG
Cor:

Marrom

Tamanho:
M G GG

Comprar Pronto!
Incluindo...
CAMISETA OVERSIZED PALM ANGELS
0% OFF
R$119,90
12 x de R$11,59
Comprar
34% OFF
Comprando 1 ou mais un.
Sem Estoque
Envio grátis
Cor: Bege

Tamanho: XG
M G GG XG
Cor:
Bege Branco Preto
Tamanho:
M G GG XG

Comprar Pronto!
Incluindo...
CAMISETA IMPORTADA HUGO BOSS
0% OFF
R$150,00
12 x de R$14,51
Comprar
34% OFF
Comprando 1 ou mais un.
Sem Estoque
Envio grátis
Cor: Branco

Tamanho: P
M G GG P
Cor:

Branco

Tamanho:
M G GG P

Comprar Pronto!
Incluindo...
CAMISETA HUGO BOSS
0% OFF
R$150,00
12 x de R$14,51
Comprar
34% OFF
Comprando 1 ou mais un.
Sem Estoque
Envio grátis
Cor: Cinza

Tamanho: M
M G GG P
Cor:

Cinza

Tamanho:
M G GG P

Comprar Pronto!
Incluindo...
CAMISETA HUGO BOSS
0% OFF
R$150,00
12 x de R$14,51
Comprar
34% OFF
Comprando 1 ou mais un.
Sem Estoque
Envio grátis
Cor: Branco

Tamanho: XG
M G XG GG
Cor:

Branco

Tamanho:
M G XG GG

Comprar Pronto!
Incluindo...
CAMISETA ARMANI
0% OFF
R$150,00
12 x de R$14,51
Comprar
34% OFF
Comprando 1 ou mais un.
Sem Estoque
Envio grátis
Cor: Preto

Tamanho: M
M G GG
Cor:

Preto

Tamanho:
M G GG

Comprar Pronto!
Incluindo...
CAMISETA IMPORTADA HUGO BOSS
0% OFF
R$150,00
12 x de R$14,51
Comprar
34% OFF
Comprando 1 ou mais un.
Sem Estoque
Envio grátis
Tamanho: P
P M G GG XG
Tamanho:
P M G GG XG

Comprar Pronto!
Incluindo...
CAMISETA IMPORTADA HUGO BOSS
0% OFF
R$150,00
12 x de R$14,51
Comprar
34% OFF
Comprando 1 ou mais un.
Sem Estoque
Envio grátis
Tamanho: GG
M G GG P
Tamanho:
M G GG P

Comprar Pronto!
Incluindo...
CAMISETA ARMANI IMPORTADA
0% OFF
R$150,00
12 x de R$14,51
Comprar
Oferta
Sem Estoque
Envio grátis
Cor: Branco

Tamanho: M
M G GG P
Cor:
Branco Preto
Tamanho:
M G GG P

Comprar Pronto!
Incluindo...
CAMISETA NIKE FANTASY
R$99,90 30% OFF
R$69,90
12 x de R$6,76
Comprar
Oferta
Sem Estoque
Envio grátis
Cor: Branco

Tamanho: ÚNICO/UNISSEX
ÚNICO/UNISSEX
Cor:

Branco

Tamanho:

ÚNICO/UNISSEX


Comprar Pronto!
Incluindo...
BUCKET NIKE APEX ORIGINAL
R$299,90 33% OFF
R$199,90
12 x de R$19,33
Comprar
50% OFF
Comprando 1 ou mais un.
Sem Estoque
Envio grátis
Tamanho: 37/38
43/44 37/38
Tamanho:
43/44 37/38

Comprar Pronto!
Incluindo...
SLIDE NIKE ASUNA 2.0
R$249,90 20% OFF
R$199,90
12 x de R$19,33
Comprar
25% OFF
Comprando 1 ou mais un.
Sem Estoque
Envio grátis
Tamanho: 37/38
39/40 41/42 43/44 37/38
Tamanho:
39/40 41/42 43/44 37/38

Comprar Pronto!
Incluindo...
CHINELO SLIDE NIKE
0% OFF
R$79,90
12 x de R$7,73
Comprar
20% OFF
Comprando 1 ou mais un.
Sem Estoque
Envio grátis
Cor: Verde

Tamanho: G
M G GG
Cor:

Verde

Tamanho:
M G GG

Comprar Pronto!
Incluindo...
BERMUDA HIGH PREMIUM
R$119,90 17% OFF
R$99,90
12 x de R$9,66
Comprar
Sem Estoque
Envio grátis
Cor: Preto

Tamanho: GG
M G GG
Cor:

Preto

Tamanho:
M G GG

Comprar Pronto!
Incluindo...
BERMUDA HIGH PREMIUM
0% OFF
R$99,90
12 x de R$9,66
Comprar
Sem Estoque
Envio grátis
Cor: Preto

Tamanho: G
G GG
Cor:

Preto

Tamanho:
G GG

Comprar Pronto!
Incluindo...
CAMISETA LACOSTE
0% OFF
R$150,00
12 x de R$14,51
Comprar
34% OFF
Comprando 1 ou mais un.
Sem Estoque
Envio grátis
Tamanho: XG
M G GG XG
Tamanho:
M G GG XG

Comprar Pronto!
Incluindo...
CAMISETA LACOSTE GLOBAL
0% OFF
R$150,00
12 x de R$14,51
Comprar
34% OFF
Comprando 1 ou mais un.
Sem Estoque
Envio grátis
Cor: Branco

Tamanho: GG
GG XG
Cor:

Branco

Tamanho:
GG XG

Comprar Pronto!
Incluindo...
CAMISETA LACOSTE BIG CROC
0% OFF
R$150,00
12 x de R$14,51
Comprar
34% OFF
Comprando 1 ou mais un.
Sem Estoque
Envio grátis
Cor: Preto

Tamanho: P
P M G GG XG
Cor:
Preto Branco
Tamanho:
P M G GG XG

Comprar Pronto!
Incluindo...
CAMISETA LACOSTE RELAXED FIT
0% OFF
R$150,00
12 x de R$14,51
Comprar
34% OFF
Comprando 1 ou mais un.
Sem Estoque
Envio grátis
Cor: Branco

Tamanho: P
M G P GG
Cor:

Branco

Tamanho:
M G P GG

Comprar Pronto!
Incluindo...
CAMISETA HUGO BOSS
0% OFF
R$150,00
12 x de R$14,51
Comprar
34% OFF
Comprando 1 ou mais un.
Sem Estoque
Envio grátis
Cor: Branco

Tamanho: G
M G GG
Cor:

Branco

Tamanho:
M G GG

Comprar Pronto!
Incluindo...
CAMISETA HUGO BOSS
0% OFF
R$150,00
12 x de R$14,51
Comprar
Oferta
Sem Estoque
Envio grátis
Cor: Preto

Tamanho: GG
M G GG
Cor:
Preto Bege Branco
Tamanho:
M G GG

Comprar Pronto!
Incluindo...
POLO NIKE SPORTSWEAR
R$119,90 33% OFF
R$79,90
12 x de R$7,73
Comprar
Oferta
Sem Estoque
Envio grátis
Cor: Preto

Tamanho: M
M G GG
Cor:
Preto Cinza
Tamanho:
M G GG

Comprar Pronto!
Incluindo...
CAMISETA TRAPSTAR
R$119,90 42% OFF
R$69,90
12 x de R$6,76
Comprar
Sem Estoque
Envio grátis
Cor: Branco

Tamanho: M
M GG XG
Cor:
Branco Preto
Tamanho:
M GG XG

Comprar Pronto!
Incluindo...
CAMISETA DIESEL
0% OFF
R$150,00
12 x de R$14,51
Comprar
Sem Estoque
Envio grátis
Cor: Branco

Tamanho: GG
M G GG
Cor:
Branco Preto
Tamanho:
M G GG

Comprar Pronto!
Incluindo...
BERMUDA JORDAN
0% OFF
R$99,90
12 x de R$9,66
Comprar
Oferta
Sem Estoque
Envio grátis
Cor: Preto

Tamanho: 39/40
39/40 41/42 43/44
Cor:
Preto Branco
Tamanho:
39/40 41/42 43/44

Comprar Pronto!
Incluindo...
CHINELO SLIDE ARMANI EXCHANGE
R$149,90 33% OFF
R$99,90
12 x de R$9,66
Comprar
Oferta
Sem Estoque
Envio grátis
Cor: Branco

Tamanho: 39/40
39/40 41/42 43/44 37/38
Cor:
Branco Preto
Tamanho:
39/40 41/42 43/44 37/38

Comprar Pronto!
Incluindo...
CHINELO SLIDE HUGO BOSS
R$149,90 33% OFF
R$99,90
12 x de R$9,66
Comprar
Sem Estoque
Envio grátis
Cor: Preto

Tamanho: M
M G GG
Cor:

Preto

Tamanho:
M G GG

Comprar Pronto!
Incluindo...
BERMUDA SWOOSH
0% OFF
R$99,90
12 x de R$9,66
Comprar
34% OFF
Comprando 1 ou mais un.
Sem Estoque
Envio grátis
Cor: Azul

Tamanho: P
P M G GG XG
Cor:
Azul Branco Preto
Tamanho:
P M G GG XG

Comprar Pronto!
Incluindo...
CAMISETA EMPORIO ARMANI BORDADO
0% OFF
R$150,00
12 x de R$14,51
Comprar
34% OFF
Comprando 1 ou mais un.
Sem Estoque
Envio grátis
Tamanho: P
P M G GG XG
Cor: Preto

Tamanho:
P M G GG XG
Cor:
Preto Branco

Comprar Pronto!
Incluindo...
CAMISETA LACOSTE
0% OFF
R$150,00
12 x de R$14,51
Comprar
Oferta
Sem Estoque
Envio grátis
Tamanho: ÚNICO
ÚNICO
Tamanho:

ÚNICO


Comprar Pronto!
Incluindo...
BONÉ JORDAN H86 (ORIGINAL)
R$199,90 15% OFF
R$169,90
12 x de R$16,43
Comprar
Oferta
Sem Estoque
Envio grátis
Cor: CAMISETA PRETA/BERMUDA PRETA
CAMISETA PRETA/BERMUDA PRETA CAMISETA BRANCA/BERMUDA PRETA CAMISETA
BRANCA/BERMUDA BRANCA CAMISETA PRETA/BERMUDA BRANCA
Tamanho: M
M G GG
Cor:
CAMISETA PRETA/BERMUDA PRETA CAMISETA BRANCA/BERMUDA PRETA CAMISETA
BRANCA/BERMUDA BRANCA CAMISETA PRETA/BERMUDA BRANCA
Tamanho:
M G GG

Comprar Pronto!
Incluindo...
CONJUNTO NIKExSTUSSY
R$199,90 25% OFF
R$149,90
12 x de R$14,50
Comprar
34% OFF
Comprando 1 ou mais un.
Sem Estoque
Envio grátis
Cor: Branco

Tamanho: P
GG P M G XG
Cor:
Branco Bege Preto
Tamanho:
GG P M G XG

Comprar Pronto!
Incluindo...
CAMISETA HUGO BOSS (BÁSICA)
0% OFF
R$150,00
12 x de R$14,51
Comprar
34% OFF
Comprando 1 ou mais un.
Sem Estoque
Envio grátis
Cor: Bege

Tamanho: M
M G GG P XG
Cor:

Bege

Tamanho:
M G GG P XG

Comprar Pronto!
Incluindo...
CAMISETA LACOSTE
0% OFF
R$150,00
12 x de R$14,51
Comprar
34% OFF
Comprando 1 ou mais un.
Sem Estoque
Envio grátis
Cor: Branco

Tamanho: P
P M G GG XG
Cor:

Branco

Tamanho:
P M G GG XG

Comprar Pronto!
Incluindo...
CAMISETA LACOSTE BÁSICA
0% OFF
R$150,00
12 x de R$14,51
Comprar





DESTAQUES

Oferta
Sem Estoque
Envio grátis
Tamanho: P
P M G GG
Cor: Branco

Tamanho:
P M G GG
Cor:
Branco Preto

Comprar Pronto!
Incluindo...
CAMISETA JORDAN JUMPMAN
R$99,90 30% OFF
R$69,90
12 x de R$6,76
Comprar
Oferta
Sem Estoque
Envio grátis
Cor: CAMISETA PRETA/BERMUDA PRETA
CAMISETA PRETA/BERMUDA PRETA CAMISETA BRANCA/BERMUDA PRETA CAMISETA
BRANCA/BERMUDA BRANCA CAMISETA PRETA/BERMUDA BRANCA
Tamanho: M
M G GG
Cor:
CAMISETA PRETA/BERMUDA PRETA CAMISETA BRANCA/BERMUDA PRETA CAMISETA
BRANCA/BERMUDA BRANCA CAMISETA PRETA/BERMUDA BRANCA
Tamanho:
M G GG

Comprar Pronto!
Incluindo...
CONJUNTO NIKExSTUSSY
R$199,90 25% OFF
R$149,90
12 x de R$14,50
Comprar
Oferta
Sem Estoque
Envio grátis
Cor: Branco

Tamanho: M
M G GG P
Cor:
Branco Preto
Tamanho:
M G GG P

Comprar Pronto!
Incluindo...
CAMISETA SWOOSH
R$99,90 30% OFF
R$69,90
12 x de R$6,76
Comprar
Oferta
Sem Estoque
Envio grátis
Cor: Preto

Tamanho: M
M G GG
Cor:
Preto Branco
Tamanho:
M G GG

Comprar Pronto!
Incluindo...
CAMISETA STUSSY 2
R$99,90 30% OFF
R$69,90
12 x de R$6,76
Comprar
34% OFF
Comprando 1 ou mais un.
Sem Estoque
Envio grátis
Cor: Branco

Tamanho: P
GG P M G XG
Cor:
Branco Bege Preto
Tamanho:
GG P M G XG

Comprar Pronto!
Incluindo...
CAMISETA HUGO BOSS (BÁSICA)
0% OFF
R$150,00
12 x de R$14,51
Comprar
34% OFF
Comprando 1 ou mais un.
Sem Estoque
Envio grátis
Cor: Branco

Tamanho: P
P M G GG XG
Cor:

Branco

Tamanho:
P M G GG XG

Comprar Pronto!
Incluindo...
CAMISETA LACOSTE BÁSICA
0% OFF
R$150,00
12 x de R$14,51
Comprar
34% OFF
Comprando 1 ou mais un.
Sem Estoque
Envio grátis
Cor: Preto

Tamanho: P
M P G GG XG
Cor:

Preto

Tamanho:
M P G GG XG

Comprar Pronto!
Incluindo...
CAMISETA LACOSTE (BÁSICA)
0% OFF
R$150,00
12 x de R$14,51
Comprar
Oferta
Sem Estoque
Envio grátis
Cor: Preto

Tamanho: M
M G GG
Cor:
Preto Branco
Tamanho:
M G GG

Comprar Pronto!
Incluindo...
CAMISETA NIKE BY SWOOSH
R$99,90 30% OFF
R$69,90
12 x de R$6,76
Comprar
Sem Estoque
Envio grátis
Cor: Preto

Tamanho: 40
39 40 41 42 43 38
Cor:

Preto

Tamanho:
39 40 41 42 43 38

Comprar Pronto!
Incluindo...
NIKE SLIDE ASUNA 3.0
0% OFF
R$249,90
12 x de R$24,17
Comprar
Oferta
Sem Estoque
Envio grátis
Cor: Preto

Tamanho: GG
M G GG
Cor:
Preto Bege Branco
Tamanho:
M G GG

Comprar Pronto!
Incluindo...
POLO NIKE SPORTSWEAR
R$119,90 33% OFF
R$79,90
12 x de R$7,73
Comprar
Sem Estoque
Envio grátis
Cor: Branco

Tamanho: 39
40 41 42 39
Cor:

Branco

Tamanho:
40 41 42 39

Comprar Pronto!
Incluindo...
NIKE DUNK LOW
0% OFF
R$199,90
12 x de R$19,33
Comprar
34% OFF
Comprando 1 ou mais un.
Sem Estoque
Envio grátis
Tamanho: XG
M G GG XG
Tamanho:
M G GG XG

Comprar Pronto!
Incluindo...
CAMISETA IMPORTADA ARMANI
0% OFF
R$150,00
12 x de R$14,51
Comprar
34% OFF
Comprando 1 ou mais un.
Sem Estoque
Envio grátis
Tamanho: XGG
M G GG XGG
Tamanho:
M G GG XGG

Comprar Pronto!
Incluindo...
CAMISETA IMPORTADA ARMANI
0% OFF
R$150,00
12 x de R$14,51
Comprar
Sem Estoque
Envio grátis
Cor: Azul

Tamanho: 40
38 39 40 41 42
Cor:

Azul

Tamanho:
38 39 40 41 42

Comprar Pronto!
Incluindo...
NIKE AIR MAX TN PLUS
0% OFF
R$399,90
12 x de R$38,67
Comprar
Sem Estoque
Envio grátis
Cor: Cinza

Tamanho: 40
40 41 39 42 37
Cor:

Cinza

Tamanho:
40 41 39 42 37

Comprar Pronto!
Incluindo...
TENIS DUNK LOW PRO
R$199,90 0% OFF
R$199,90
12 x de R$19,33
Comprar
Oferta
Sem Estoque
Envio grátis
Cor: Branco

Tamanho: M
M G GG
Cor:

Branco

Tamanho:
M G GG

Comprar Pronto!
Incluindo...
CAMISETA NIKE x NOCTA
R$84,90 18% OFF
R$69,90
12 x de R$6,76
Comprar
Sem Estoque
Envio grátis
Cor: Preto

Tamanho: M
M G GG
Cor:

Preto

Tamanho:
M G GG

Comprar Pronto!
Incluindo...
CAMISETA NIKE MOVING HYVERSE
0% OFF
R$69,90
12 x de R$6,76
Comprar
Sem Estoque
Envio grátis
Cor: Branco

Tamanho: M
M G GG
Cor:

Branco

Tamanho:
M G GG

Comprar Pronto!
Incluindo...
CAMISETA NIKE M90
0% OFF
R$69,90
12 x de R$6,76
Comprar
Sem Estoque
Envio grátis
Cor: Cinza

Tamanho: G
M G GG
Cor:

Cinza

Tamanho:
M G GG

Comprar Pronto!
Incluindo...
CORTA VENTO NIKE
0% OFF
R$299,90
12 x de R$29,00
Comprar
Sem Estoque
Envio grátis
Tamanho: M
M G GG
Tamanho:
M G GG

Comprar Pronto!
Incluindo...
JAQUETA CORTA VENTO NIKE
0% OFF
R$299,90
12 x de R$29,00
Comprar
Sem Estoque
Envio grátis
Cor: Branco

Cor:
Branco Azul Azul claro Vermelho Verde Preto Azul marinho

Comprar Pronto!
Incluindo...
BONÉ LACOSTE SPORT 2021
0% OFF
R$249,90
12 x de R$24,17
Comprar
Oferta
Sem Estoque
Envio grátis
Cor: Preto

Cor:
Branco Preto

Comprar Pronto!
Incluindo...
MEIA SPORTSWEAR 3D CANO ALTO
R$50,00 20% OFF
R$39,90
9 x de R$5,08
Comprar
Sem Estoque
Envio grátis
Cor: Preto

Tamanho: G
M G GG
Cor:
Preto Branco
Tamanho:
M G GG

Comprar Pronto!
Incluindo...
CAMISETA POLO LACOSTE SILVER CROC
0% OFF
R$150,00
12 x de R$14,51
Comprar
34% OFF
Comprando 1 ou mais un.
Sem Estoque
Envio grátis
Cor: Preto

Tamanho: P
P M G GG XG
Cor:
Preto Branco
Tamanho:
P M G GG XG

Comprar Pronto!
Incluindo...
CAMISETA LACOSTE RELAXED FIT
0% OFF
R$150,00
12 x de R$14,51
Comprar
34% OFF
Comprando 1 ou mais un.
Sem Estoque
Envio grátis
Tamanho: P
P M G GG XG
Cor: Preto

Tamanho:
P M G GG XG
Cor:
Preto Branco

Comprar Pronto!
Incluindo...
CAMISETA LACOSTE
0% OFF
R$150,00
12 x de R$14,51
Comprar
Sem Estoque
Envio grátis
Cor: Preto/Roxo
Preto/Roxo
Tamanho: GG
M G GG
Cor:

Preto/Roxo

Tamanho:
M G GG

Comprar Pronto!
Incluindo...
BERMUDA PURPLE HIGH
0% OFF
R$99,90
12 x de R$9,66
Comprar
Oferta
Sem Estoque
Envio grátis
Cor: Branco

Tamanho: M
M G GG
Cor:

Branco

Tamanho:
M G GG

Comprar Pronto!
Incluindo...
BERMUDA NIKE MOLETOM ICON FUTURA
R$119,90 17% OFF
R$99,90
12 x de R$9,66
Comprar
Sem Estoque
Envio grátis
Cor: Preto/ Azul
Preto/ Azul
Tamanho: M
M G G2
Cor:

Preto/ Azul

Tamanho:
M G G2

Comprar Pronto!
Incluindo...
CAMISETA INTER DE MILÃO 08/09 ADRIANO
0% OFF
R$249,90
12 x de R$24,17
Comprar
Sem Estoque
Envio grátis
Cor: Roxo

Tamanho: G
M G GG
Cor:
Roxo Bege
Tamanho:
M G GG

Comprar Pronto!
Incluindo...
BERMUDA NIKE SWOOSH
0% OFF
R$79,90
12 x de R$7,73
Comprar
Sem Estoque
Envio grátis
Cor: Branco

Tamanho: M
M G GG
Cor:

Branco

Tamanho:
M G GG

Comprar Pronto!
Incluindo...
CAMISETA RETRO FRANÇA 2006 ZIDANE
0% OFF
R$249,90
12 x de R$24,17
Comprar
Sem Estoque
Envio grátis
Cor: Cinza

Tamanho: 39/40
39/40 41/42 43/44
Cor:

Cinza

Tamanho:
39/40 41/42 43/44

Comprar Pronto!
Incluindo...
CHINELO SLIDE OFFLINE
0% OFF
R$249,90
12 x de R$24,17
Comprar
Sem Estoque
Envio grátis
Cor: Preto

Tamanho: 39
39 40 41 42
Cor:

Preto

Tamanho:
39 40 41 42

Comprar Pronto!
Incluindo...
TENIS PUMA SUEDE
0% OFF
R$299,90
12 x de R$29,00
Comprar
Sem Estoque
Envio grátis
Cor: PRETO
PRETO PRETO/BRANCO
Tamanho: 39
39 40 41 42 43
Cor:
PRETO PRETO/BRANCO
Tamanho:
39 40 41 42 43

Comprar Pronto!
Incluindo...
TENIS ADIDAS CAMPUS BAD BUNNY
0% OFF
R$349,90
12 x de R$33,84
Comprar
Sem Estoque
Envio grátis
Cor: Preto

Tamanho: GG
M G GG
Cor:

Preto

Tamanho:
M G GG

Comprar Pronto!
Incluindo...
CONJUNTO CORINTHIANS 23
0% OFF
R$399,90
12 x de R$38,67
Comprar
Oferta
Sem Estoque
Envio grátis
Cor: Preto

Tamanho: 39/40
39/40 41/42
Cor:

Preto

Tamanho:
39/40 41/42

Comprar Pronto!
Incluindo...
CHINELO SLIDE EMPORIO ARMANI
R$149,90 33% OFF
R$99,90
12 x de R$9,66
Comprar
Oferta
Sem Estoque
Envio grátis
Cor: Branco

Tamanho: 39/40
39/40 41/42 43/44 37/38
Cor:
Branco Preto
Tamanho:
39/40 41/42 43/44 37/38

Comprar Pronto!
Incluindo...
CHINELO SLIDE HUGO BOSS
R$149,90 33% OFF
R$99,90
12 x de R$9,66
Comprar
34% OFF
Comprando 1 ou mais un.
Sem Estoque
Envio grátis
Cor: Vermelho

Tamanho: P
P M G GG XG
Cor:
Vermelho Preto Branco
Tamanho:
P M G GG XG

Comprar Pronto!
Incluindo...
CAMISETA EMPÓRIO ARMANI MOSAIC
0% OFF
R$150,00
12 x de R$14,51
Comprar
Sem Estoque
CAMISETA NIKExSTUSSY
0% OFF
R$69,90
12 x de R$6,76
Ver todos os produtos




ENVIAMOS SUAS COMPRAS

Após finalização da compra, postaremos seu pedido em até 48hrs e seu código de
rastreio chegará em seu e-mail.


PARCELAMOS SUAS COMPRAS

Em até 12x no cartão de crédito ou 5% off no pix.


COMPRE COM SEGURANÇA

Diversas referências no nosso perfil do Instagram, acesse ele e tire todas as
dúvidas e insegurança no momento da compra.


ENVIAMOS SUAS COMPRAS

Após finalização da compra, postaremos seu pedido em até 48hrs e seu código de
rastreio chegará em seu e-mail.


PARCELAMOS SUAS COMPRAS

Em até 12x no cartão de crédito ou 5% off no pix.


COMPRE COM SEGURANÇA

Diversas referências no nosso perfil do Instagram, acesse ele e tire todas as
dúvidas e insegurança no momento da compra.




NAVEGAÇÃO

 * QUEM SOMOS
 * VÍDEO BURJ CLOTHING
 * FEEDBACK
 * TROCA E DEVOLUÇÃO

CONTATO

 * (47) 98428-4949
 * burjclothinng@gmail.com
 * Rua Domingos da Nova, 154 Jaraguá do Sul-SC

Copyright Burj Clothing - 46838094000173 - 2024. Todos os direitos reservados.


BRL

Carrinho de compras


PRODUTO

SUBTOTAL


O carrinho de compras está vazio.
Sucesso! Você tem frete grátis
Ganhe frete grátis com mais
Frete grátis a partir de R$299,90
Subtotal (sem frete) : R$0,00
em todos os produtos comprando ou mais un.
O frete escolhido não está mais disponível para este carrinho.
Mas não se preocupe! Você pode escolher outro.
Entregas para o CEP:
Alterar CEP

Meios de envio


Calcular Calculando
Não sei meu CEP
Não conseguimos encontrar esse CEP. Está bem escrito?
Erro no cálculo. Por favor, tente novamente em alguns segundos.
Erro no meio de envio. Por favor, tente novamente em alguns segundos.


Oops! Não temos mais estoque para incluir este produto ao carrinho. Se você
quiser, pode ver outros aquí
Total: R$0,00
Total R$0,00
Ou até 1 x de R$0,00
O valor mínimo de compra é de R$0,00 sem considerar o custo de frete
Ver mais produtos



QUE BOM VER VOCÊ DE VOLTA!

Faça login para comprar mais rápido e veja todos os seus pedidos.

E-mail
Senha