consulotagora.site Open in urlscan Pro
2606:4700:3034::ac43:a421  Public Scan

URL: https://consulotagora.site/
Submission: On September 20 via api from CA — Scanned from US

Form analysis 92 forms found in the DOM

GET /search/

<form class="js-search-container js-search-form search-container " action="/search/" method="get">
  <div class="form-group m-0">
    <input class="js-search-input form-control form-control-rounded search-input " autocomplete="off" type="search" name="q" placeholder="O que você está buscando?" aria-label="O que você está buscando?">
    <button type="submit" class="search-input-submit" value="Buscar" aria-label="Buscar">
      <svg class="icon-inline icon-lg svg-icon-text" viewBox="0 0 512 512">
        <path
          d="M496.37,453.94l-94.53-94.53c25.99-35.85,41.49-79.79,41.49-127.45,0-120.18-97.42-217.6-217.6-217.6S8.13,111.78,8.13,231.96s97.42,217.6,217.6,217.6c54.04,0,103.38-19.82,141.42-52.43l93.01,93.02c10,10,26.21,10,36.2,0,10-10,10-26.21,0-36.2Zm-270.64-55.59c-91.9,0-166.4-74.5-166.4-166.4S133.83,65.56,225.73,65.56s166.4,74.5,166.4,166.4-74.5,166.4-166.4,166.4Z">
        </path>
      </svg> </button>
  </div>
</form>

GET /search/

<form class="js-search-container js-search-form search-container " action="/search/" method="get">
  <div class="form-group m-0">
    <input class="js-search-input form-control form-control-rounded search-input " autocomplete="off" type="search" name="q" placeholder="O que você está buscando?" aria-label="O que você está buscando?">
    <button type="submit" class="search-input-submit" value="Buscar" aria-label="Buscar">
      <svg class="icon-inline icon-lg svg-icon-text" viewBox="0 0 512 512">
        <path
          d="M496.37,453.94l-94.53-94.53c25.99-35.85,41.49-79.79,41.49-127.45,0-120.18-97.42-217.6-217.6-217.6S8.13,111.78,8.13,231.96s97.42,217.6,217.6,217.6c54.04,0,103.38-19.82,141.42-52.43l93.01,93.02c10,10,26.21,10,36.2,0,10-10,10-26.21,0-36.2Zm-270.64-55.59c-91.9,0-166.4-74.5-166.4-166.4S133.83,65.56,225.73,65.56s166.4,74.5,166.4,166.4-74.5,166.4-166.4,166.4Z">
        </path>
      </svg> </button>
  </div>
</form>

POST /comprar/

<form action="/comprar/" method="post" class="js-ajax-cart-panel " data-store="cart-form">
  <div class="js-modal-close js-fullscreen-modal-close  modal-header  ">
    <div class="row">
      <div class="col"> Carrinho de compras </div>
      <div class="col-2 text-right">
        <a class="js-modal-close">
                                    <svg class="icon-inline  svg-icon-text" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256,274.92,72.67,458.25l-18.1-18.1L237.9,256.82,54.57,73.49l18.1-18.11L256,238.72,439.33,55.38l18.1,18.11L274.1,256.82,457.43,440.15l-18.1,18.1Z"></path></svg>                                </a>
      </div>
    </div>
  </div>
  <div class="modal-body ">
    <div class="js-ajax-cart-list container-fluid">
    </div>
    <div class="js-empty-ajax-cart">
      <div class="alert alert-info" data-component="cart.empty-message">O carrinho de compras está vazio. </div>
    </div>
    <div id="error-ajax-stock" class="row" style="display: none;">
      <div class="alert alert-warning"> Oops! Não temos mais estoque para incluir este produto ao carrinho. Se você quiser, pode<a href="/produtos/" class="btn-link font-small ml-1">ver outros aquí</a>
      </div>
    </div>
    <div class="cart-row">
      <div class="subtotal-price hidden" data-priceraw="0"></div>
      <div id="store-curr" class="hidden">BRL</div>
      <h5 class="js-visible-on-cart-filled row mb-1" style="display:none;" data-store="cart-subtotal">
        <span class="col-7"> Subtotal <small class="js-subtotal-shipping-wording"> (sem frete)</small> : </span>
        <span class="js-ajax-cart-total js-cart-subtotal col text-right" data-priceraw="0" data-component="cart.subtotal" data-component-value="0">R$0,00</span>
      </h5>
      <div class="js-total-promotions text-accent">
        <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</span>
      </div>
      <div class="js-fulfillment-info js-allows-non-shippable cart-fulfillment-info" style="display: none">
        <div class="js-visible-on-cart-filled divider mb-0" style="display:none;"></div>
        <div class="js-visible-on-cart-filled js-has-new-shipping js-shipping-calculator-container">
          <div class="js-shipping-method-unavailable alert alert-warning row row mx-0 mb-3" style="display: none;">
            <div class="col-11 text-left pl-1 pr-0">
              <div class="mb-1">O frete escolhido não está mais disponível para este carrinho. </div>
              <div>Mas não se preocupe! Você pode escolher outro.</div>
            </div>
          </div>
          <div id="cart-shipping-container" style="display: none;" data-shipping-url="/frete/">
            <span id="cart-selected-shipping-method" data-code="" class="hidden"></span>
            <div class="js-accordion-container js-toggle-shipping px-3 p-md-0">
              <a href="#" class="js-accordion-toggle py-3 row">
        <div class="col">
            <span class="h5">Meios de envio</span>
        </div>
        <div class="col-auto">
            <span class="js-accordion-toggle-inactive">
                <svg class="icon-inline svg-icon-text" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path></svg>            </span>
            <span class="js-accordion-toggle-active" style="display: none;">
                <svg class="icon-inline svg-icon-text" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M486.4,269.27H25.6v-25.6H486.4Z"></path></svg>
            </span>
        </div>
    </a>
              <div class="js-accordion-content" style="display: none;">
                <div class="mb-4 pb-1" data-store="shipping-calculator">
                  <div class="js-shipping-calculator-head shipping-calculator-head position-relative transition-soft with-form">
                    <div class="js-shipping-calculator-with-zipcode  mb-4 w-100 transition-up position-absolute mt-2">
                      <div class="container p-0">
                        <div class="row align-items-center">
                          <span class="col pr-0">
                            <span class="font-small align-bottom">
                              <span>Entregas para o CEP:</span>
                              <strong class="js-shipping-calculator-current-zip"></strong>
                            </span>
                          </span>
                          <div class="col-auto pl-0">
                            <a class="js-shipping-calculator-change-zipcode btn btn-secondary btn-small float-right" href="#">Alterar CEP</a>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="js-shipping-calculator-form mt-2 shipping-calculator-form transition-up position-absolute w-100 transition-up-active">
                      <div class="form-group mb-3">
                        <div class="position-relative row">
                          <div class="col pr-0">
                            <div class="form-control-container ">
                              <input type="tel" class=" form-control js-shipping-input form-control-small form-control-rounded form-control-inline" autocorrect="off" autocapitalize="off" name="zipcode" placeholder="Seu CEP" aria-label="Seu CEP"
                                data-component="cart">
                            </div>
                          </div>
                          <div class="col-auto pl-2">
                            <button class="js-calculate-shipping btn btn-secondary btn-medium px-4" aria-label="Calcular frete">
                              <span class="js-calculate-shipping-wording"> OK </span>
                              <span class="float-right loading" style="display: none;">
                                <svg class="icon-inline btn-icon icon-spin" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
                                  <path
                                    d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
                                  </path>
                                </svg> </span>
                            </button>
                          </div>
                        </div>
                        <a class="btn-link font-small ml-1 mt-2 mb-2 d-inline-block " href="http://www.buscacep.correios.com.br/sistemas/buscacep/" target="_blank">Não sei meu CEP</a>
                        <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 class="js-shipping-calculator-spinner shipping-spinner-container my-4 transition-soft text-center" style="display: none;">
                    <i class="spinner col-6 offset-3"></i>
                  </div>
                  <div class="js-shipping-calculator-response transition-soft  radio-buttons-group mb-3" style="display: none;"></div>
                </div>
              </div>
            </div>
            <div class="js-accordion-container js-toggle-branches accordion px-3 p-md-0">
              <a href="#" class="js-accordion-toggle py-3 row">
        <div class="col">
            <span class="h5">
                                    Nossa loja
                            </span>
        </div>
        <div class="col-auto">
            <span class="js-accordion-toggle-inactive">
                <svg class="icon-inline svg-icon-text" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path></svg>            </span>
            <span class="js-accordion-toggle-active" style="display: none;">
                <svg class="icon-inline svg-icon-text" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M486.4,269.27H25.6v-25.6H486.4Z"></path></svg>
            </span>
        </div>
    </a>
              <div class="js-accordion-content" style="display: none;">
                <div class="radio-buttons-group">
                  <ul class="radio-button-container list-unstyled ">
                    <li class="radio-button-item" data-store="branch-item-branch_424949">
                      <label class="js-shipping-radio js-branch-radio radio-button" data-loop="branch-radio-1">
                        <input class="js-branch-method  shipping-method" data-price="0" type="radio" value="branch_424949" data-name="Poli Boutique - Quadra 4 conjunto 9 lote 31 Setor leste - Cidade estrutural, Brasília - DF
CEP: 71261-500

Horário de retirada | Segunda à Sábado - 12h30 às 19h30" data-code="branch_424949" data-cost="Grátis" name="option" style="display:none">
                        <div class="shipping-option row-fluid radio-button-content">
                          <div class="radio-button-icons-container">
                            <span class="radio-button-icons">
                              <span class="radio-button-icon unchecked"></span>
                              <span class="radio-button-icon checked"></span>
                            </span>
                          </div>
                          <div class="list-item-icon-container">
                            <span class="list-item-icon"></span>
                          </div>
                          <div class="radio-button-label">
                            <div class="row">
                              <div class="col font-small px-0">
                                <div>Poli Boutique - Quadra 4 conjunto 9 lote 31 Setor leste - Cidade estrutural, Brasília - DF CEP: 71261-500 Horário de retirada | Segunda à Sábado - 12h30 às 19h30</div>
                              </div>
                              <div class="col-auto text-right">
                                <p class="text-accent mb-0 d-inline-block">Grátis</p>
                              </div>
                            </div>
                          </div>
                        </div>
                      </label>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="js-cart-total-container js-visible-on-cart-filled mb-4 float-left w-100 pt-3" style="display:none;" data-store="cart-total">
        <h2 class="row mb-0">
          <span class="col">Total:</span>
          <span class="js-cart-total   col text-right" data-component="cart.total" data-component-value="0">R$0,00</span>
        </h2>
        <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 mt-2 text-right "> Ou até <span class="js-cart-installments-amount cart-installments-amount ">1</span>
          <span>
            <span class="installment-short-separator"> x </span> de </span>
          <span class="js-cart-installments cart-installments-money ">R$0,00</span>
        </div>
      </div>
      <div class="js-visible-on-cart-filled container-fluid" style="display:none;">
        <div class="js-ajax-cart-submit row mb-3" 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="row">
          <div class="js-ajax-cart-minimum alert alert-warning mt-4" style="display:none" id="ajax-cart-minumum-div"> O valor mínimo de compra é de R$0,00 sem considerar o custo de frete </div>
        </div>
        <input type="hidden" id="ajax-cart-minimum-value" value="0">
        <div class="row mb-2">
          <div class="text-center w-100">
            <a href="#" class="js-modal-close js-fullscreen-modal-close btn-link">Ver mais produtos</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="227515655">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Tamanho</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="P" selected="selected">P</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
    </div>
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Cor</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="Combo collor" selected="selected">Combo collor</option>
          <option value="Combo neutro">Combo neutro</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Combo collor" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="Combo collor">Combo collor</span>
					</a>
      <a data-option="Combo neutro" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="Combo neutro">Combo neutro</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="227578064">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Tamanho</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="GG" selected="selected">GG</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="GG" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Cor</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="Combo collor" selected="selected">Combo collor</option>
          <option value="Combo neutro">Combo neutro</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Combo collor" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="Combo collor">Combo collor</span>
					</a>
      <a data-option="Combo neutro" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="Combo neutro">Combo neutro</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="227693932">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Combo collor" selected="selected">Combo collor</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Combo collor" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="Combo collor">Combo collor</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="228352064">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Preta, azul marinho e cobre" selected="selected">Preta, azul marinho e cobre</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Preta, azul marinho e cobre" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="Preta, azul marinho e cobre">Preta, azul marinho e cobre</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="M">M</option>
          <option value="G" selected="selected">G</option>
          <option value="GG">GG</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="227578064">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Tamanho</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="GG" selected="selected">GG</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="GG" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Cor</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="Combo collor" selected="selected">Combo collor</option>
          <option value="Combo neutro">Combo neutro</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Combo collor" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="Combo collor">Combo collor</span>
					</a>
      <a data-option="Combo neutro" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="Combo neutro">Combo neutro</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="228352064">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Preta, azul marinho e cobre" selected="selected">Preta, azul marinho e cobre</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Preta, azul marinho e cobre" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="Preta, azul marinho e cobre">Preta, azul marinho e cobre</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="M">M</option>
          <option value="G" selected="selected">G</option>
          <option value="GG">GG</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="211629323">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Tamanho</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="P" selected="selected">P</option>
          <option value="M">M</option>
          <option value="G">G</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
    </div>
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Cor</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="Preto" selected="selected">Preto</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Preto" class="js-insta-variant btn btn-variant selected btn-variant-color p-0" title="Preto" data-variation-id="1">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="211629563">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Tamanho</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="P">P</option>
          <option value="M" selected="selected">M</option>
          <option value="G">G</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
    </div>
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Cor</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="OFF" selected="selected">OFF</option>
          <option value="PRETA">PRETA</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="OFF" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="OFF">OFF</span>
					</a>
      <a data-option="PRETA" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="PRETA">PRETA</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="211629923">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Tamanho</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " 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 class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Cor</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="caramelo" selected="selected">caramelo</option>
          <option value="azul marinho">azul marinho</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="caramelo" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="caramelo">caramelo</span>
					</a>
      <a data-option="azul marinho" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="azul marinho">azul marinho</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="212187164">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Branco" selected="selected">Branco</option>
          <option value="Preto">Preto</option>
          <option value="bege">bege</option>
          <option value="roxo">roxo</option>
          <option value="azul marinho">azul marinho</option>
          <option value="caramelo">caramelo</option>
          <option value="bege claro">bege claro</option>
          <option value="chumbo">chumbo</option>
          <option value="oliva">oliva</option>
          <option value="rosa goiaba">rosa goiaba</option>
          <option value="amarelo">amarelo</option>
          <option value="verde lima">verde lima</option>
          <option value="Vermelho">Vermelho</option>
          <option value="Lilás">Lilás</option>
          <option value="Verde">Verde</option>
          <option value="Cinza">Cinza</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Branco" class="js-insta-variant btn btn-variant selected btn-variant-color p-0" title="Branco" data-variation-id="0">
						<span class="btn-variant-content" style="background: #FFFFFF; border: 1px solid #eee" data-name="Branco">
												</span>
					</a>
      <a data-option="Preto" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Preto" data-variation-id="0">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
      <a data-option="Vermelho" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Vermelho" data-variation-id="0">
						<span class="btn-variant-content" style="background: #DC0000; border: 1px solid #eee" data-name="Vermelho">
												</span>
					</a>
      <a data-option="Lilás" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Lilás" data-variation-id="0">
						<span class="btn-variant-content" style="background: #8A2BE2; border: 1px solid #eee" data-name="Lilás">
												</span>
					</a>
      <a data-option="Verde" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Verde" data-variation-id="0">
						<span class="btn-variant-content" style="background: #00DC00; border: 1px solid #eee" data-name="Verde">
												</span>
					</a>
      <a data-option="Cinza" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Cinza" data-variation-id="0">
						<span class="btn-variant-content" style="background: #AAAAAA; border: 1px solid #eee" data-name="Cinza">
												</span>
					</a>
      <a data-option="bege" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="bege">bege</span>
					</a>
      <a data-option="roxo" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="roxo">roxo</span>
					</a>
      <a data-option="azul marinho" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="azul marinho">azul marinho</span>
					</a>
      <a data-option="caramelo" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="caramelo">caramelo</span>
					</a>
      <a data-option="bege claro" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="bege claro">bege claro</span>
					</a>
      <a data-option="chumbo" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="chumbo">chumbo</span>
					</a>
      <a data-option="oliva" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="oliva">oliva</span>
					</a>
      <a data-option="rosa goiaba" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="rosa goiaba">rosa goiaba</span>
					</a>
      <a data-option="amarelo" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="amarelo">amarelo</span>
					</a>
      <a data-option="verde lima" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="verde lima">verde lima</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " 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>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="p" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="p">p</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="212439240">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Cinza" selected="selected">Cinza</option>
          <option value="Preto">Preto</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Cinza" class="js-insta-variant btn btn-variant selected btn-variant-color p-0" title="Cinza" data-variation-id="0">
						<span class="btn-variant-content" style="background: #AAAAAA; border: 1px solid #eee" data-name="Cinza">
												</span>
					</a>
      <a data-option="Preto" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Preto" data-variation-id="0">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="PP">PP</option>
          <option value="P" selected="selected">P</option>
          <option value="M">M</option>
          <option value="G">G</option>
          <option value="GG">GG</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="PP" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="PP">PP</span>
					</a>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="212445651">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="OFF" selected="selected">OFF</option>
          <option value="caramelo">caramelo</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="OFF" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="OFF">OFF</span>
					</a>
      <a data-option="caramelo" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="caramelo">caramelo</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " 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>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="212460335">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Preto" selected="selected">Preto</option>
          <option value="Branco">Branco</option>
          <option value="Cinza">Cinza</option>
          <option value="Chumbo">Chumbo</option>
          <option value="Bege">Bege</option>
          <option value="Bege claro">Bege claro</option>
          <option value="Oliva">Oliva</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Preto" class="js-insta-variant btn btn-variant selected btn-variant-color p-0" title="Preto" data-variation-id="0">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
      <a data-option="Branco" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Branco" data-variation-id="0">
						<span class="btn-variant-content" style="background: #FFFFFF; border: 1px solid #eee" data-name="Branco">
												</span>
					</a>
      <a data-option="Cinza" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Cinza" data-variation-id="0">
						<span class="btn-variant-content" style="background: #AAAAAA; border: 1px solid #eee" data-name="Cinza">
												</span>
					</a>
      <a data-option="Chumbo" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Chumbo" data-variation-id="0">
						<span class="btn-variant-content" style="background: #4E5355; border: 1px solid #eee" data-name="Chumbo">
												</span>
					</a>
      <a data-option="Bege" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Bege" data-variation-id="0">
						<span class="btn-variant-content" style="background: #F5F5DC; border: 1px solid #eee" data-name="Bege">
												</span>
					</a>
      <a data-option="Oliva" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Oliva" data-variation-id="0">
						<span class="btn-variant-content" style="background: #808000; border: 1px solid #eee" data-name="Oliva">
												</span>
					</a>
      <a data-option="Bege claro" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="Bege claro">Bege claro</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="P">P</option>
          <option value="M" selected="selected">M</option>
          <option value="G">G</option>
          <option value="GG">GG</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="212473048">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="AZUL" selected="selected">AZUL</option>
          <option value="nude">nude</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="AZUL" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="AZUL">AZUL</span>
					</a>
      <a data-option="nude" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="nude">nude</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="P" selected="selected">P</option>
          <option value="G">G</option>
          <option value="M">M</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="212481307">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="bege claro" selected="selected">bege claro</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="bege claro" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="bege claro">bege claro</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="GG" selected="selected">GG</option>
          <option value="G">G</option>
          <option value="M">M</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="GG" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="212482591">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Cinza" selected="selected">Cinza</option>
          <option value="Preto">Preto</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Cinza" class="js-insta-variant btn btn-variant selected btn-variant-color p-0" title="Cinza" data-variation-id="0">
						<span class="btn-variant-content" style="background: #AAAAAA; border: 1px solid #eee" data-name="Cinza">
												</span>
					</a>
      <a data-option="Preto" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Preto" data-variation-id="0">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="PP">PP</option>
          <option value="P" selected="selected">P</option>
          <option value="M">M</option>
          <option value="G">G</option>
          <option value="GG">GG</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="PP" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="PP">PP</span>
					</a>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="212486868">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="caramelo" selected="selected">caramelo</option>
          <option value="OFF">OFF</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="caramelo" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="caramelo">caramelo</span>
					</a>
      <a data-option="OFF" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="OFF">OFF</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " 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>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="212620805">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Preto" selected="selected">Preto</option>
          <option value="Cinza">Cinza</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Preto" class="js-insta-variant btn btn-variant selected btn-variant-color p-0" title="Preto" data-variation-id="0">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
      <a data-option="Cinza" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Cinza" data-variation-id="0">
						<span class="btn-variant-content" style="background: #AAAAAA; border: 1px solid #eee" data-name="Cinza">
												</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="PP">PP</option>
          <option value="P">P</option>
          <option value="G">G</option>
          <option value="M" selected="selected">M</option>
          <option value="GG">GG</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="PP" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="PP">PP</span>
					</a>
      <a data-option="P" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="212915474">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Preto">Preto</option>
          <option value="Terra cota">Terra cota</option>
          <option value="Marrom bordô" selected="selected">Marrom bordô</option>
          <option value="Marrom amendoado">Marrom amendoado</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Preto" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Preto" data-variation-id="0">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
      <a data-option="Terra cota" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="Terra cota">Terra cota</span>
					</a>
      <a data-option="Marrom bordô" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="Marrom bordô">Marrom bordô</span>
					</a>
      <a data-option="Marrom amendoado" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="Marrom amendoado">Marrom amendoado</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="M" selected="selected">M</option>
          <option value="G">G</option>
          <option value="GG">GG</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="M" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="213423786">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Preto" selected="selected">Preto</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Preto" class="js-insta-variant btn btn-variant selected btn-variant-color p-0" title="Preto" data-variation-id="0">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="M" selected="selected">M</option>
          <option value="G">G</option>
          <option value="GG">GG</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="M" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="213580917">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Rosa bebê">Rosa bebê</option>
          <option value="Preto" selected="selected">Preto</option>
          <option value="Off">Off</option>
          <option value="Marrom castanho">Marrom castanho</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Rosa bebê" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Rosa bebê" data-variation-id="0">
						<span class="btn-variant-content" style="background: #F4C2C2; border: 1px solid #eee" data-name="Rosa bebê">
												</span>
					</a>
      <a data-option="Preto" class="js-insta-variant btn btn-variant selected btn-variant-color p-0" title="Preto" data-variation-id="0">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
      <a data-option="Off" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="Off">Off</span>
					</a>
      <a data-option="Marrom castanho" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="Marrom castanho">Marrom castanho</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="M">M</option>
          <option value="G">G</option>
          <option value="GG" selected="selected">GG</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="213956196">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Tamanho</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="P" selected="selected">P</option>
          <option value="M">M</option>
          <option value="G">G</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
    </div>
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Cor</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="Branco" selected="selected">Branco</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Branco" class="js-insta-variant btn btn-variant selected btn-variant-color p-0" title="Branco" data-variation-id="1">
						<span class="btn-variant-content" style="background: #FFFFFF; border: 1px solid #eee" data-name="Branco">
												</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="214624025">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Tamanho</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="M" selected="selected">M</option>
          <option value="G+">G+</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="M" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G+" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="G+">G+</span>
					</a>
    </div>
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Cor</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="chumbo" selected="selected">chumbo</option>
          <option value="bege">bege</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="chumbo" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="chumbo">chumbo</span>
					</a>
      <a data-option="bege" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="bege">bege</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="216201203">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="azul marinho" selected="selected">azul marinho</option>
          <option value="Cinza">Cinza</option>
          <option value="Marrom">Marrom</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Cinza" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Cinza" data-variation-id="0">
						<span class="btn-variant-content" style="background: #AAAAAA; border: 1px solid #eee" data-name="Cinza">
												</span>
					</a>
      <a data-option="Marrom" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Marrom" data-variation-id="0">
						<span class="btn-variant-content" style="background: #A57D38; border: 1px solid #eee" data-name="Marrom">
												</span>
					</a>
      <a data-option="azul marinho" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="azul marinho">azul marinho</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="P" selected="selected">P</option>
          <option value="M">M</option>
          <option value="G">G</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="216344190">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="PRETO" selected="selected">PRETO</option>
          <option value="OFF">OFF</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="PRETO" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="PRETO">PRETO</span>
					</a>
      <a data-option="OFF" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="OFF">OFF</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="PP" selected="selected">PP</option>
          <option value="P">P</option>
          <option value="M">M</option>
          <option value="G">G</option>
          <option value="GG">GG</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="PP" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="PP">PP</span>
					</a>
      <a data-option="P" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="216354242">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Preto" selected="selected">Preto</option>
          <option value="Azul marinho">Azul marinho</option>
          <option value="Verde militar">Verde militar</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Preto" class="js-insta-variant btn btn-variant selected btn-variant-color p-0" title="Preto" data-variation-id="0">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
      <a data-option="Azul marinho" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Azul marinho" data-variation-id="0">
						<span class="btn-variant-content" style="background: #000080; border: 1px solid #eee" data-name="Azul marinho">
												</span>
					</a>
      <a data-option="Verde militar" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Verde militar" data-variation-id="0">
						<span class="btn-variant-content" style="background: #355E3B; border: 1px solid #eee" data-name="Verde militar">
												</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="P" selected="selected">P</option>
          <option value="M">M</option>
          <option value="G">G</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="216227457">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Marrom" selected="selected">Marrom</option>
          <option value="Cinza">Cinza</option>
          <option value="Bege">Bege</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Marrom" class="js-insta-variant btn btn-variant selected btn-variant-color p-0" title="Marrom" data-variation-id="0">
						<span class="btn-variant-content" style="background: #A57D38; border: 1px solid #eee" data-name="Marrom">
												</span>
					</a>
      <a data-option="Cinza" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Cinza" data-variation-id="0">
						<span class="btn-variant-content" style="background: #AAAAAA; border: 1px solid #eee" data-name="Cinza">
												</span>
					</a>
      <a data-option="Bege" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Bege" data-variation-id="0">
						<span class="btn-variant-content" style="background: #F5F5DC; border: 1px solid #eee" data-name="Bege">
												</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="U" selected="selected">U</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="U" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="U">U</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="216599060">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="OFF" selected="selected">OFF</option>
          <option value="Verde militar">Verde militar</option>
          <option value="Preto">Preto</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Verde militar" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Verde militar" data-variation-id="0">
						<span class="btn-variant-content" style="background: #355E3B; border: 1px solid #eee" data-name="Verde militar">
												</span>
					</a>
      <a data-option="Preto" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Preto" data-variation-id="0">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
      <a data-option="OFF" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="OFF">OFF</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="P" selected="selected">P</option>
          <option value="M">M</option>
          <option value="G">G</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="217049408">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Bege" selected="selected">Bege</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Bege" class="js-insta-variant btn btn-variant selected btn-variant-color p-0" title="Bege" data-variation-id="0">
						<span class="btn-variant-content" style="background: #F5F5DC; border: 1px solid #eee" data-name="Bege">
												</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " 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>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="217374213">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Nude" selected="selected">Nude</option>
          <option value="Azul">Azul</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Nude" class="js-insta-variant btn btn-variant selected btn-variant-color p-0" title="Nude" data-variation-id="0">
						<span class="btn-variant-content" style="background: #EBC8B2; border: 1px solid #eee" data-name="Nude">
												</span>
					</a>
      <a data-option="Azul" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Azul" data-variation-id="0">
						<span class="btn-variant-content" style="background: #0000DC; border: 1px solid #eee" data-name="Azul">
												</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="P" selected="selected">P</option>
          <option value="M">M</option>
          <option value="G">G</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="217869473">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Preto" selected="selected">Preto</option>
          <option value="Fucsia">Fucsia</option>
          <option value="Rosa claro">Rosa claro</option>
          <option value="Verde paraíso">Verde paraíso</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Preto" class="js-insta-variant btn btn-variant selected btn-variant-color p-0" title="Preto" data-variation-id="0">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
      <a data-option="Rosa claro" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Rosa claro" data-variation-id="0">
						<span class="btn-variant-content" style="background: #FFB6C1; border: 1px solid #eee" data-name="Rosa claro">
												</span>
					</a>
      <a data-option="Fucsia" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="Fucsia">Fucsia</span>
					</a>
      <a data-option="Verde paraíso" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="Verde paraíso">Verde paraíso</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " 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>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="218961661">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Preto">Preto</option>
          <option value="Branca" selected="selected">Branca</option>
          <option value="Cinza">Cinza</option>
          <option value="vermelho">vermelho</option>
          <option value="Bege">Bege</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Preto" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Preto" data-variation-id="0">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
      <a data-option="Cinza" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Cinza" data-variation-id="0">
						<span class="btn-variant-content" style="background: #AAAAAA; border: 1px solid #eee" data-name="Cinza">
												</span>
					</a>
      <a data-option="Bege" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Bege" data-variation-id="0">
						<span class="btn-variant-content" style="background: #F5F5DC; border: 1px solid #eee" data-name="Bege">
												</span>
					</a>
      <a data-option="Branca" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="Branca">Branca</span>
					</a>
      <a data-option="vermelho" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="vermelho">vermelho</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="P/M" selected="selected">P/M</option>
          <option value="G/GG">G/GG</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P/M" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P/M">P/M</span>
					</a>
      <a data-option="G/GG" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G/GG">G/GG</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="221138843">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Bege" selected="selected">Bege</option>
          <option value="Preto">Preto</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Bege" class="js-insta-variant btn btn-variant selected btn-variant-color p-0" title="Bege" data-variation-id="0">
						<span class="btn-variant-content" style="background: #F5F5DC; border: 1px solid #eee" data-name="Bege">
												</span>
					</a>
      <a data-option="Preto" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Preto" data-variation-id="0">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " 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>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="221141275">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Rosé" selected="selected">Rosé</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Rosé" class="js-insta-variant btn btn-variant selected btn-variant-color p-0" title="Rosé" data-variation-id="0">
						<span class="btn-variant-content" style="background: #B76E79; border: 1px solid #eee" data-name="Rosé">
												</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="PP">PP</option>
          <option value="P">P</option>
          <option value="M" selected="selected">M</option>
          <option value="G">G</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="PP" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="PP">PP</span>
					</a>
      <a data-option="P" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="221330509">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Terra cota" selected="selected">Terra cota</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Terra cota" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="Terra cota">Terra cota</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " 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>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="221601393">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Off" selected="selected">Off</option>
          <option value="Amarelo">Amarelo</option>
          <option value="Pink">Pink</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Amarelo" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Amarelo" data-variation-id="0">
						<span class="btn-variant-content" style="background: #FFEE02; border: 1px solid #eee" data-name="Amarelo">
												</span>
					</a>
      <a data-option="Pink" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Pink" data-variation-id="0">
						<span class="btn-variant-content" style="background: #FF69B4; border: 1px solid #eee" data-name="Pink">
												</span>
					</a>
      <a data-option="Off" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="Off">Off</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="PP" selected="selected">PP</option>
          <option value="P">P</option>
          <option value="M">M</option>
          <option value="G">G</option>
          <option value="GG">GG</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="PP" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="PP">PP</span>
					</a>
      <a data-option="P" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="221781596">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Branca" selected="selected">Branca</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Branca" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="Branca">Branca</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="P">P</option>
          <option value="M" selected="selected">M</option>
          <option value="G">G</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="221789708">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Preto" selected="selected">Preto</option>
          <option value="Nude">Nude</option>
          <option value="Roxo">Roxo</option>
          <option value="Violeta">Violeta</option>
          <option value="Pink">Pink</option>
          <option value="Rosa chá">Rosa chá</option>
          <option value="Uva">Uva</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Preto" class="js-insta-variant btn btn-variant selected btn-variant-color p-0" title="Preto" data-variation-id="0">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
      <a data-option="Nude" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Nude" data-variation-id="0">
						<span class="btn-variant-content" style="background: #EBC8B2; border: 1px solid #eee" data-name="Nude">
												</span>
					</a>
      <a data-option="Roxo" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Roxo" data-variation-id="0">
						<span class="btn-variant-content" style="background: #800080; border: 1px solid #eee" data-name="Roxo">
												</span>
					</a>
      <a data-option="Violeta" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Violeta" data-variation-id="0">
						<span class="btn-variant-content" style="background: #663399; border: 1px solid #eee" data-name="Violeta">
												</span>
					</a>
      <a data-option="Pink" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Pink" data-variation-id="0">
						<span class="btn-variant-content" style="background: #FF69B4; border: 1px solid #eee" data-name="Pink">
												</span>
					</a>
      <a data-option="Uva" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Uva" data-variation-id="0">
						<span class="btn-variant-content" style="background: #663399; border: 1px solid #eee" data-name="Uva">
												</span>
					</a>
      <a data-option="Rosa chá" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="Rosa chá">Rosa chá</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="PP">PP</option>
          <option value="P">P</option>
          <option value="M" selected="selected">M</option>
          <option value="G">G</option>
          <option value="GG">GG</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="PP" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="PP">PP</span>
					</a>
      <a data-option="P" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="222189461">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Marrom" selected="selected">Marrom</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Marrom" class="js-insta-variant btn btn-variant selected btn-variant-color p-0" title="Marrom" data-variation-id="0">
						<span class="btn-variant-content" style="background: #A57D38; border: 1px solid #eee" data-name="Marrom">
												</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="P" selected="selected">P</option>
          <option value="M">M</option>
          <option value="G">G</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="222216252">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Preto" selected="selected">Preto</option>
          <option value="Off">Off</option>
          <option value="Nude">Nude</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Preto" class="js-insta-variant btn btn-variant selected btn-variant-color p-0" title="Preto" data-variation-id="0">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
      <a data-option="Nude" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Nude" data-variation-id="0">
						<span class="btn-variant-content" style="background: #EBC8B2; border: 1px solid #eee" data-name="Nude">
												</span>
					</a>
      <a data-option="Off" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="Off">Off</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="P">P</option>
          <option value="M" selected="selected">M</option>
          <option value="G">G</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="227515655">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Tamanho</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="P" selected="selected">P</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
    </div>
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Cor</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="Combo collor" selected="selected">Combo collor</option>
          <option value="Combo neutro">Combo neutro</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Combo collor" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="Combo collor">Combo collor</span>
					</a>
      <a data-option="Combo neutro" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="Combo neutro">Combo neutro</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="227578064">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Tamanho</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="GG" selected="selected">GG</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="GG" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Cor</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="Combo collor" selected="selected">Combo collor</option>
          <option value="Combo neutro">Combo neutro</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Combo collor" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="Combo collor">Combo collor</span>
					</a>
      <a data-option="Combo neutro" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="Combo neutro">Combo neutro</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="228352064">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Preta, azul marinho e cobre" selected="selected">Preta, azul marinho e cobre</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Preta, azul marinho e cobre" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="Preta, azul marinho e cobre">Preta, azul marinho e cobre</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="M">M</option>
          <option value="G" selected="selected">G</option>
          <option value="GG">GG</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="211629323">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Tamanho</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="P" selected="selected">P</option>
          <option value="M">M</option>
          <option value="G">G</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
    </div>
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Cor</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="Preto" selected="selected">Preto</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Preto" class="js-insta-variant btn btn-variant selected btn-variant-color p-0" title="Preto" data-variation-id="1">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="211629563">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Tamanho</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="P">P</option>
          <option value="M" selected="selected">M</option>
          <option value="G">G</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
    </div>
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Cor</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="OFF" selected="selected">OFF</option>
          <option value="PRETA">PRETA</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="OFF" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="OFF">OFF</span>
					</a>
      <a data-option="PRETA" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="PRETA">PRETA</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="211629923">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Tamanho</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " 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 class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Cor</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="caramelo" selected="selected">caramelo</option>
          <option value="azul marinho">azul marinho</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="caramelo" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="caramelo">caramelo</span>
					</a>
      <a data-option="azul marinho" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="azul marinho">azul marinho</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="212187164">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Branco" selected="selected">Branco</option>
          <option value="Preto">Preto</option>
          <option value="bege">bege</option>
          <option value="roxo">roxo</option>
          <option value="azul marinho">azul marinho</option>
          <option value="caramelo">caramelo</option>
          <option value="bege claro">bege claro</option>
          <option value="chumbo">chumbo</option>
          <option value="oliva">oliva</option>
          <option value="rosa goiaba">rosa goiaba</option>
          <option value="amarelo">amarelo</option>
          <option value="verde lima">verde lima</option>
          <option value="Vermelho">Vermelho</option>
          <option value="Lilás">Lilás</option>
          <option value="Verde">Verde</option>
          <option value="Cinza">Cinza</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Branco" class="js-insta-variant btn btn-variant selected btn-variant-color p-0" title="Branco" data-variation-id="0">
						<span class="btn-variant-content" style="background: #FFFFFF; border: 1px solid #eee" data-name="Branco">
												</span>
					</a>
      <a data-option="Preto" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Preto" data-variation-id="0">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
      <a data-option="Vermelho" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Vermelho" data-variation-id="0">
						<span class="btn-variant-content" style="background: #DC0000; border: 1px solid #eee" data-name="Vermelho">
												</span>
					</a>
      <a data-option="Lilás" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Lilás" data-variation-id="0">
						<span class="btn-variant-content" style="background: #8A2BE2; border: 1px solid #eee" data-name="Lilás">
												</span>
					</a>
      <a data-option="Verde" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Verde" data-variation-id="0">
						<span class="btn-variant-content" style="background: #00DC00; border: 1px solid #eee" data-name="Verde">
												</span>
					</a>
      <a data-option="Cinza" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Cinza" data-variation-id="0">
						<span class="btn-variant-content" style="background: #AAAAAA; border: 1px solid #eee" data-name="Cinza">
												</span>
					</a>
      <a data-option="bege" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="bege">bege</span>
					</a>
      <a data-option="roxo" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="roxo">roxo</span>
					</a>
      <a data-option="azul marinho" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="azul marinho">azul marinho</span>
					</a>
      <a data-option="caramelo" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="caramelo">caramelo</span>
					</a>
      <a data-option="bege claro" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="bege claro">bege claro</span>
					</a>
      <a data-option="chumbo" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="chumbo">chumbo</span>
					</a>
      <a data-option="oliva" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="oliva">oliva</span>
					</a>
      <a data-option="rosa goiaba" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="rosa goiaba">rosa goiaba</span>
					</a>
      <a data-option="amarelo" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="amarelo">amarelo</span>
					</a>
      <a data-option="verde lima" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="verde lima">verde lima</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " 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>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="p" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="p">p</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="211629923">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Tamanho</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " 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 class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Cor</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="caramelo" selected="selected">caramelo</option>
          <option value="azul marinho">azul marinho</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="caramelo" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="caramelo">caramelo</span>
					</a>
      <a data-option="azul marinho" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="azul marinho">azul marinho</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="211629563">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Tamanho</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="P">P</option>
          <option value="M" selected="selected">M</option>
          <option value="G">G</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
    </div>
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Cor</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="OFF" selected="selected">OFF</option>
          <option value="PRETA">PRETA</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="OFF" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="OFF">OFF</span>
					</a>
      <a data-option="PRETA" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="PRETA">PRETA</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="211629323">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Tamanho</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="P" selected="selected">P</option>
          <option value="M">M</option>
          <option value="G">G</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
    </div>
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Cor</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="Preto" selected="selected">Preto</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Preto" class="js-insta-variant btn btn-variant selected btn-variant-color p-0" title="Preto" data-variation-id="1">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="212187164">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Branco" selected="selected">Branco</option>
          <option value="Preto">Preto</option>
          <option value="bege">bege</option>
          <option value="roxo">roxo</option>
          <option value="azul marinho">azul marinho</option>
          <option value="caramelo">caramelo</option>
          <option value="bege claro">bege claro</option>
          <option value="chumbo">chumbo</option>
          <option value="oliva">oliva</option>
          <option value="rosa goiaba">rosa goiaba</option>
          <option value="amarelo">amarelo</option>
          <option value="verde lima">verde lima</option>
          <option value="Vermelho">Vermelho</option>
          <option value="Lilás">Lilás</option>
          <option value="Verde">Verde</option>
          <option value="Cinza">Cinza</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Branco" class="js-insta-variant btn btn-variant selected btn-variant-color p-0" title="Branco" data-variation-id="0">
						<span class="btn-variant-content" style="background: #FFFFFF; border: 1px solid #eee" data-name="Branco">
												</span>
					</a>
      <a data-option="Preto" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Preto" data-variation-id="0">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
      <a data-option="Vermelho" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Vermelho" data-variation-id="0">
						<span class="btn-variant-content" style="background: #DC0000; border: 1px solid #eee" data-name="Vermelho">
												</span>
					</a>
      <a data-option="Lilás" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Lilás" data-variation-id="0">
						<span class="btn-variant-content" style="background: #8A2BE2; border: 1px solid #eee" data-name="Lilás">
												</span>
					</a>
      <a data-option="Verde" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Verde" data-variation-id="0">
						<span class="btn-variant-content" style="background: #00DC00; border: 1px solid #eee" data-name="Verde">
												</span>
					</a>
      <a data-option="Cinza" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Cinza" data-variation-id="0">
						<span class="btn-variant-content" style="background: #AAAAAA; border: 1px solid #eee" data-name="Cinza">
												</span>
					</a>
      <a data-option="bege" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="bege">bege</span>
					</a>
      <a data-option="roxo" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="roxo">roxo</span>
					</a>
      <a data-option="azul marinho" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="azul marinho">azul marinho</span>
					</a>
      <a data-option="caramelo" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="caramelo">caramelo</span>
					</a>
      <a data-option="bege claro" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="bege claro">bege claro</span>
					</a>
      <a data-option="chumbo" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="chumbo">chumbo</span>
					</a>
      <a data-option="oliva" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="oliva">oliva</span>
					</a>
      <a data-option="rosa goiaba" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="rosa goiaba">rosa goiaba</span>
					</a>
      <a data-option="amarelo" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="amarelo">amarelo</span>
					</a>
      <a data-option="verde lima" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="verde lima">verde lima</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " 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>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="p" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="p">p</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="212439240">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Cinza" selected="selected">Cinza</option>
          <option value="Preto">Preto</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Cinza" class="js-insta-variant btn btn-variant selected btn-variant-color p-0" title="Cinza" data-variation-id="0">
						<span class="btn-variant-content" style="background: #AAAAAA; border: 1px solid #eee" data-name="Cinza">
												</span>
					</a>
      <a data-option="Preto" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Preto" data-variation-id="0">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="PP">PP</option>
          <option value="P" selected="selected">P</option>
          <option value="M">M</option>
          <option value="G">G</option>
          <option value="GG">GG</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="PP" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="PP">PP</span>
					</a>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="212445651">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="OFF" selected="selected">OFF</option>
          <option value="caramelo">caramelo</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="OFF" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="OFF">OFF</span>
					</a>
      <a data-option="caramelo" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="caramelo">caramelo</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " 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>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="212460335">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Preto" selected="selected">Preto</option>
          <option value="Branco">Branco</option>
          <option value="Cinza">Cinza</option>
          <option value="Chumbo">Chumbo</option>
          <option value="Bege">Bege</option>
          <option value="Bege claro">Bege claro</option>
          <option value="Oliva">Oliva</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Preto" class="js-insta-variant btn btn-variant selected btn-variant-color p-0" title="Preto" data-variation-id="0">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
      <a data-option="Branco" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Branco" data-variation-id="0">
						<span class="btn-variant-content" style="background: #FFFFFF; border: 1px solid #eee" data-name="Branco">
												</span>
					</a>
      <a data-option="Cinza" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Cinza" data-variation-id="0">
						<span class="btn-variant-content" style="background: #AAAAAA; border: 1px solid #eee" data-name="Cinza">
												</span>
					</a>
      <a data-option="Chumbo" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Chumbo" data-variation-id="0">
						<span class="btn-variant-content" style="background: #4E5355; border: 1px solid #eee" data-name="Chumbo">
												</span>
					</a>
      <a data-option="Bege" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Bege" data-variation-id="0">
						<span class="btn-variant-content" style="background: #F5F5DC; border: 1px solid #eee" data-name="Bege">
												</span>
					</a>
      <a data-option="Oliva" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Oliva" data-variation-id="0">
						<span class="btn-variant-content" style="background: #808000; border: 1px solid #eee" data-name="Oliva">
												</span>
					</a>
      <a data-option="Bege claro" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="Bege claro">Bege claro</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="P">P</option>
          <option value="M" selected="selected">M</option>
          <option value="G">G</option>
          <option value="GG">GG</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="212473048">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="AZUL" selected="selected">AZUL</option>
          <option value="nude">nude</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="AZUL" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="AZUL">AZUL</span>
					</a>
      <a data-option="nude" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="nude">nude</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="P" selected="selected">P</option>
          <option value="G">G</option>
          <option value="M">M</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="212481307">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="bege claro" selected="selected">bege claro</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="bege claro" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="bege claro">bege claro</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="GG" selected="selected">GG</option>
          <option value="G">G</option>
          <option value="M">M</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="GG" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="212482591">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Cinza" selected="selected">Cinza</option>
          <option value="Preto">Preto</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Cinza" class="js-insta-variant btn btn-variant selected btn-variant-color p-0" title="Cinza" data-variation-id="0">
						<span class="btn-variant-content" style="background: #AAAAAA; border: 1px solid #eee" data-name="Cinza">
												</span>
					</a>
      <a data-option="Preto" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Preto" data-variation-id="0">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="PP">PP</option>
          <option value="P" selected="selected">P</option>
          <option value="M">M</option>
          <option value="G">G</option>
          <option value="GG">GG</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="PP" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="PP">PP</span>
					</a>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="212486868">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="caramelo" selected="selected">caramelo</option>
          <option value="OFF">OFF</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="caramelo" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="caramelo">caramelo</span>
					</a>
      <a data-option="OFF" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="OFF">OFF</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " 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>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="212620805">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Preto" selected="selected">Preto</option>
          <option value="Cinza">Cinza</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Preto" class="js-insta-variant btn btn-variant selected btn-variant-color p-0" title="Preto" data-variation-id="0">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
      <a data-option="Cinza" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Cinza" data-variation-id="0">
						<span class="btn-variant-content" style="background: #AAAAAA; border: 1px solid #eee" data-name="Cinza">
												</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="PP">PP</option>
          <option value="P">P</option>
          <option value="G">G</option>
          <option value="M" selected="selected">M</option>
          <option value="GG">GG</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="PP" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="PP">PP</span>
					</a>
      <a data-option="P" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="212915474">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Preto">Preto</option>
          <option value="Terra cota">Terra cota</option>
          <option value="Marrom bordô" selected="selected">Marrom bordô</option>
          <option value="Marrom amendoado">Marrom amendoado</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Preto" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Preto" data-variation-id="0">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
      <a data-option="Terra cota" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="Terra cota">Terra cota</span>
					</a>
      <a data-option="Marrom bordô" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="Marrom bordô">Marrom bordô</span>
					</a>
      <a data-option="Marrom amendoado" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="Marrom amendoado">Marrom amendoado</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="M" selected="selected">M</option>
          <option value="G">G</option>
          <option value="GG">GG</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="M" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="213423786">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Preto" selected="selected">Preto</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Preto" class="js-insta-variant btn btn-variant selected btn-variant-color p-0" title="Preto" data-variation-id="0">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="M" selected="selected">M</option>
          <option value="G">G</option>
          <option value="GG">GG</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="M" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="213580917">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Rosa bebê">Rosa bebê</option>
          <option value="Preto" selected="selected">Preto</option>
          <option value="Off">Off</option>
          <option value="Marrom castanho">Marrom castanho</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Rosa bebê" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Rosa bebê" data-variation-id="0">
						<span class="btn-variant-content" style="background: #F4C2C2; border: 1px solid #eee" data-name="Rosa bebê">
												</span>
					</a>
      <a data-option="Preto" class="js-insta-variant btn btn-variant selected btn-variant-color p-0" title="Preto" data-variation-id="0">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
      <a data-option="Off" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="Off">Off</span>
					</a>
      <a data-option="Marrom castanho" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="Marrom castanho">Marrom castanho</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="M">M</option>
          <option value="G">G</option>
          <option value="GG" selected="selected">GG</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="213956196">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Tamanho</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="P" selected="selected">P</option>
          <option value="M">M</option>
          <option value="G">G</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
    </div>
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Cor</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="Branco" selected="selected">Branco</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Branco" class="js-insta-variant btn btn-variant selected btn-variant-color p-0" title="Branco" data-variation-id="1">
						<span class="btn-variant-content" style="background: #FFFFFF; border: 1px solid #eee" data-name="Branco">
												</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="214624025">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Tamanho</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="M" selected="selected">M</option>
          <option value="G+">G+</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="M" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G+" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="G+">G+</span>
					</a>
    </div>
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Cor</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="chumbo" selected="selected">chumbo</option>
          <option value="bege">bege</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="chumbo" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="chumbo">chumbo</span>
					</a>
      <a data-option="bege" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="bege">bege</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="216201203">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="azul marinho" selected="selected">azul marinho</option>
          <option value="Cinza">Cinza</option>
          <option value="Marrom">Marrom</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Cinza" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Cinza" data-variation-id="0">
						<span class="btn-variant-content" style="background: #AAAAAA; border: 1px solid #eee" data-name="Cinza">
												</span>
					</a>
      <a data-option="Marrom" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Marrom" data-variation-id="0">
						<span class="btn-variant-content" style="background: #A57D38; border: 1px solid #eee" data-name="Marrom">
												</span>
					</a>
      <a data-option="azul marinho" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="azul marinho">azul marinho</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="P" selected="selected">P</option>
          <option value="M">M</option>
          <option value="G">G</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="216225003">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="bege claro" selected="selected">bege claro</option>
          <option value="chumbo">chumbo</option>
          <option value="Cinza">Cinza</option>
          <option value="Preto">Preto</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Cinza" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Cinza" data-variation-id="0">
						<span class="btn-variant-content" style="background: #AAAAAA; border: 1px solid #eee" data-name="Cinza">
												</span>
					</a>
      <a data-option="Preto" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Preto" data-variation-id="0">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
      <a data-option="bege claro" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="bege claro">bege claro</span>
					</a>
      <a data-option="chumbo" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="chumbo">chumbo</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="P" selected="selected">P</option>
          <option value="M">M</option>
          <option value="G">G</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="216344190">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="PRETO" selected="selected">PRETO</option>
          <option value="OFF">OFF</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="PRETO" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="PRETO">PRETO</span>
					</a>
      <a data-option="OFF" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="OFF">OFF</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="PP" selected="selected">PP</option>
          <option value="P">P</option>
          <option value="M">M</option>
          <option value="G">G</option>
          <option value="GG">GG</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="PP" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="PP">PP</span>
					</a>
      <a data-option="P" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="216354242">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Preto" selected="selected">Preto</option>
          <option value="Azul marinho">Azul marinho</option>
          <option value="Verde militar">Verde militar</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Preto" class="js-insta-variant btn btn-variant selected btn-variant-color p-0" title="Preto" data-variation-id="0">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
      <a data-option="Azul marinho" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Azul marinho" data-variation-id="0">
						<span class="btn-variant-content" style="background: #000080; border: 1px solid #eee" data-name="Azul marinho">
												</span>
					</a>
      <a data-option="Verde militar" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Verde militar" data-variation-id="0">
						<span class="btn-variant-content" style="background: #355E3B; border: 1px solid #eee" data-name="Verde militar">
												</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="P" selected="selected">P</option>
          <option value="M">M</option>
          <option value="G">G</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="216227457">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Marrom" selected="selected">Marrom</option>
          <option value="Cinza">Cinza</option>
          <option value="Bege">Bege</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Marrom" class="js-insta-variant btn btn-variant selected btn-variant-color p-0" title="Marrom" data-variation-id="0">
						<span class="btn-variant-content" style="background: #A57D38; border: 1px solid #eee" data-name="Marrom">
												</span>
					</a>
      <a data-option="Cinza" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Cinza" data-variation-id="0">
						<span class="btn-variant-content" style="background: #AAAAAA; border: 1px solid #eee" data-name="Cinza">
												</span>
					</a>
      <a data-option="Bege" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Bege" data-variation-id="0">
						<span class="btn-variant-content" style="background: #F5F5DC; border: 1px solid #eee" data-name="Bege">
												</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="U" selected="selected">U</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="U" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="U">U</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="216599060">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="OFF" selected="selected">OFF</option>
          <option value="Verde militar">Verde militar</option>
          <option value="Preto">Preto</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Verde militar" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Verde militar" data-variation-id="0">
						<span class="btn-variant-content" style="background: #355E3B; border: 1px solid #eee" data-name="Verde militar">
												</span>
					</a>
      <a data-option="Preto" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Preto" data-variation-id="0">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
      <a data-option="OFF" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="OFF">OFF</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="P" selected="selected">P</option>
          <option value="M">M</option>
          <option value="G">G</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="217049408">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Bege" selected="selected">Bege</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Bege" class="js-insta-variant btn btn-variant selected btn-variant-color p-0" title="Bege" data-variation-id="0">
						<span class="btn-variant-content" style="background: #F5F5DC; border: 1px solid #eee" data-name="Bege">
												</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " 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>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="217052750">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Preta">Preta</option>
          <option value="Cinza" selected="selected">Cinza</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Cinza" class="js-insta-variant btn btn-variant selected btn-variant-color p-0" title="Cinza" data-variation-id="0">
						<span class="btn-variant-content" style="background: #AAAAAA; border: 1px solid #eee" data-name="Cinza">
												</span>
					</a>
      <a data-option="Preta" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="Preta">Preta</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="P" selected="selected">P</option>
          <option value="M">M</option>
          <option value="G">G</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="217062893">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Caramelo" selected="selected">Caramelo</option>
          <option value="azul marinho">azul marinho</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Caramelo" class="js-insta-variant btn btn-variant selected btn-variant-color p-0" title="Caramelo" data-variation-id="0">
						<span class="btn-variant-content" style="background: #883801; border: 1px solid #eee" data-name="Caramelo">
												</span>
					</a>
      <a data-option="azul marinho" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="azul marinho">azul marinho</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="P">P</option>
          <option value="M" selected="selected">M</option>
          <option value="G">G</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="217064450">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Marrom" selected="selected">Marrom</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Marrom" class="js-insta-variant btn btn-variant selected btn-variant-color p-0" title="Marrom" data-variation-id="0">
						<span class="btn-variant-content" style="background: #A57D38; border: 1px solid #eee" data-name="Marrom">
												</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " 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>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="217112078">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Tamanho</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="P" selected="selected">P</option>
          <option value="G">G</option>
          <option value="M">M</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
    </div>
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Cor</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="Off" selected="selected">Off</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Off" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="Off">Off</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="217374213">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Nude" selected="selected">Nude</option>
          <option value="Azul">Azul</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Nude" class="js-insta-variant btn btn-variant selected btn-variant-color p-0" title="Nude" data-variation-id="0">
						<span class="btn-variant-content" style="background: #EBC8B2; border: 1px solid #eee" data-name="Nude">
												</span>
					</a>
      <a data-option="Azul" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Azul" data-variation-id="0">
						<span class="btn-variant-content" style="background: #0000DC; border: 1px solid #eee" data-name="Azul">
												</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="P" selected="selected">P</option>
          <option value="M">M</option>
          <option value="G">G</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="217869473">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Preto" selected="selected">Preto</option>
          <option value="Fucsia">Fucsia</option>
          <option value="Rosa claro">Rosa claro</option>
          <option value="Verde paraíso">Verde paraíso</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Preto" class="js-insta-variant btn btn-variant selected btn-variant-color p-0" title="Preto" data-variation-id="0">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
      <a data-option="Rosa claro" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Rosa claro" data-variation-id="0">
						<span class="btn-variant-content" style="background: #FFB6C1; border: 1px solid #eee" data-name="Rosa claro">
												</span>
					</a>
      <a data-option="Fucsia" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="Fucsia">Fucsia</span>
					</a>
      <a data-option="Verde paraíso" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="Verde paraíso">Verde paraíso</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " 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>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="217893617">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="jeans médio" selected="selected">jeans médio</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="jeans médio" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="jeans médio">jeans médio</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="36" selected="selected">36</option>
          <option value="38">38</option>
          <option value="40">40</option>
          <option value="42">42</option>
          <option value="44">44</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="36" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="36">36</span>
					</a>
      <a data-option="38" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="38">38</span>
					</a>
      <a data-option="40" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="40">40</span>
					</a>
      <a data-option="42" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="42">42</span>
					</a>
      <a data-option="44" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="44">44</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="218961661">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Preto">Preto</option>
          <option value="Branca" selected="selected">Branca</option>
          <option value="Cinza">Cinza</option>
          <option value="vermelho">vermelho</option>
          <option value="Bege">Bege</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Preto" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Preto" data-variation-id="0">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
      <a data-option="Cinza" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Cinza" data-variation-id="0">
						<span class="btn-variant-content" style="background: #AAAAAA; border: 1px solid #eee" data-name="Cinza">
												</span>
					</a>
      <a data-option="Bege" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Bege" data-variation-id="0">
						<span class="btn-variant-content" style="background: #F5F5DC; border: 1px solid #eee" data-name="Bege">
												</span>
					</a>
      <a data-option="Branca" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="Branca">Branca</span>
					</a>
      <a data-option="vermelho" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="vermelho">vermelho</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="P/M" selected="selected">P/M</option>
          <option value="G/GG">G/GG</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P/M" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P/M">P/M</span>
					</a>
      <a data-option="G/GG" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G/GG">G/GG</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="221138843">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Bege" selected="selected">Bege</option>
          <option value="Preto">Preto</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Bege" class="js-insta-variant btn btn-variant selected btn-variant-color p-0" title="Bege" data-variation-id="0">
						<span class="btn-variant-content" style="background: #F5F5DC; border: 1px solid #eee" data-name="Bege">
												</span>
					</a>
      <a data-option="Preto" class="js-insta-variant btn btn-variant btn-variant-color p-0" title="Preto" data-variation-id="0">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " 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>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="221141275">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Rosé" selected="selected">Rosé</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Rosé" class="js-insta-variant btn btn-variant selected btn-variant-color p-0" title="Rosé" data-variation-id="0">
						<span class="btn-variant-content" style="background: #B76E79; border: 1px solid #eee" data-name="Rosé">
												</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="PP">PP</option>
          <option value="P">P</option>
          <option value="M" selected="selected">M</option>
          <option value="G">G</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="PP" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="PP">PP</span>
					</a>
      <a data-option="P" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="221330509">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Terra cota" selected="selected">Terra cota</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Terra cota" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="Terra cota">Terra cota</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " 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>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="222189461">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Marrom" selected="selected">Marrom</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Marrom" class="js-insta-variant btn btn-variant selected btn-variant-color p-0" title="Marrom" data-variation-id="0">
						<span class="btn-variant-content" style="background: #A57D38; border: 1px solid #eee" data-name="Marrom">
												</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="P" selected="selected">P</option>
          <option value="M">M</option>
          <option value="G">G</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="227515655">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Tamanho</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="P" selected="selected">P</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
    </div>
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Cor</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="Combo collor" selected="selected">Combo collor</option>
          <option value="Combo neutro">Combo neutro</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Combo collor" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="Combo collor">Combo collor</span>
					</a>
      <a data-option="Combo neutro" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="Combo neutro">Combo neutro</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="211629923">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Tamanho</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " 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 class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
    </div>
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Cor</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="caramelo" selected="selected">caramelo</option>
          <option value="azul marinho">azul marinho</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="caramelo" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="caramelo">caramelo</span>
					</a>
      <a data-option="azul marinho" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="azul marinho">azul marinho</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="211629563">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Tamanho</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="P">P</option>
          <option value="M" selected="selected">M</option>
          <option value="G">G</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
    </div>
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Cor</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="OFF" selected="selected">OFF</option>
          <option value="PRETA">PRETA</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="OFF" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="OFF">OFF</span>
					</a>
      <a data-option="PRETA" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="PRETA">PRETA</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="211629323">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Tamanho</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="P" selected="selected">P</option>
          <option value="M">M</option>
          <option value="G">G</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
    </div>
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Cor</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="Preto" selected="selected">Preto</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Preto" class="js-insta-variant btn btn-variant selected btn-variant-color p-0" title="Preto" data-variation-id="1">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /winnie-pooh

<form class="mt-4" method="post" action="/winnie-pooh" onsubmit="this.setAttribute('action', '');" data-store="home-newsletter-form">
  <div class="input-append">
    <div class="form-group px-1 mb-2">
      <input type="email" id="email" class=" form-control form-control-big " autocorrect="off" autocapitalize="off" name="email" placeholder="E-mail" aria-label="E-mail">
    </div>
    <div class="winnie-pooh" style="display: none;">
      <label for="winnie-pooh-newsletter">Não preencher este campo</label>
      <input id="winnie-pooh-newsletter" type="text" name="winnie-pooh">
    </div>
    <input type="hidden" name="name" value="Sem nome">
    <input type="hidden" name="message" value="Pedido de inscrição na newsletter">
    <input type="hidden" name="type" value="newsletter">
    <input type="submit" name="contact" class="btn btn-primary btn-block" value="Enviar">
  </div>
</form>

POST /winnie-pooh

<form method="post" action="/winnie-pooh" onsubmit="this.setAttribute('action', '');" data-store="newsletter-form">
  <div class="newsletter-form input-append">
    <div class="row">
      <div class="col pr-2">
        <div class="form-group ">
          <input type="email" id="email" class=" form-control form-control-rounded " autocorrect="off" autocapitalize="off" name="email" placeholder="E-mail" aria-label="E-mail">
        </div>
      </div>
      <div class="col-auto pl-0">
        <div class="winnie-pooh" style="display: none;">
          <label for="winnie-pooh-newsletter">Não preencher este campo</label>
          <input id="winnie-pooh-newsletter" type="text" name="winnie-pooh">
        </div>
        <input type="hidden" name="name" value="Sem nome">
        <input type="hidden" name="message" value="Pedido de inscrição na newsletter">
        <input type="hidden" name="type" value="newsletter">
        <input type="submit" name="contact" class="btn btn-medium btn-primary" value="Enviar">
      </div>
    </div>
  </div>
</form>

Text Content

Frete grátis para compras acima de R$ 399,99
Seja bem-vinda ao nosso site!
5% de desconto para pagamento via pix ou boleto
Frete grátis para compras acima de R$ 399,99
Seja bem-vinda ao nosso site!




POLI BOUTIQUE

R$0,00 ( 0 )
()
x
Adicionado ao carrinho com sucesso!

Total ( 0 produtos): produto): R$0,00
Ver carrinho

   
 * Blazers
 * Blusas
 * Calças
 * Camisas
 * Casacos
 * Cintos
 * Conjuntos
 * Jeans
 * Saias
 * Vestidos
 * Acessórios
    * cintos

   

Ao navegar por este site você aceita o uso de cookies para agilizar a sua
experiência de compra.
Entendi
()
x
Adicionado ao carrinho com sucesso!

Total ( 0 produtos): produto): R$0,00
Ver carrinho
 * Blazers
 * Blusas
 * Calças
 * Camisas
 * Casacos
 * Cintos
 * Conjuntos
 * Jeans
 * Saias
 * Vestidos
 * Acessórios
     Acessórios
     
   * Ver tudo em Acessórios
   * cintos

Iniciar sessão |Criar uma conta

Carrinho de compras

O carrinho de compras está vazio.
Oops! Não temos mais estoque para incluir este produto ao carrinho. Se você
quiser, podever outros aquí
BRL

SUBTOTAL (SEM FRETE) : R$0,00

em todos os produtos comprando ou mais
O frete escolhido não está mais disponível para este carrinho.
Mas não se preocupe! Você pode escolher outro.
Meios de envio

Entregas para o CEP:
Alterar CEP
OK
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.


Nossa loja

 * Poli Boutique - Quadra 4 conjunto 9 lote 31 Setor leste - Cidade estrutural,
   Brasília - DF CEP: 71261-500 Horário de retirada | Segunda à Sábado - 12h30
   às 19h30
   
   Grátis


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



FRETE FIXO

Para todo o estado de Brasília R$ 15


PAGAMENTO FACILITADO

aceitamos crédito e pix


ATENDIMENTO

contamos com um time de especialistas para atender você!




NAVEGUE POR CATEGORIAS


Blazers
Blusas
Calças
Camisas
Casacos
cintos
Conjuntos
Jeans
Saias
Vestidos


PROMOÇÕES

Ver todos
Tamanho P

Tamanho P
Cor Combo collor Combo neutro

Cor Combo collor Combo neutro
Comprar Pronto!

-23%
Combo básico P
R$297,00 R$384,95
2 x de R$148,50 sem juros
Comprar
Combo básico G

Tamanho GG

Tamanho GG
Cor Combo collor Combo neutro

Cor Combo collor Combo neutro
Comprar Pronto!

-23%
Combo básico GG
R$297,00 R$385,00
2 x de R$148,50 sem juros
Comprar
Cor Combo collor

Cor Combo collor
Comprar Pronto!

-23%
Combo básico M
R$297,00 R$385,00
2 x de R$148,50 sem juros
Comprar
Cor Preta, azul marinho e cobre

Cor Preta, azul marinho e cobre
Tamanho M G GG

Tamanho M G GG
Comprar Pronto!

-19%
Combo alfaiataria-
R$383,97 R$472,97
2 x de R$191,99 sem juros
Comprar


ESSENCIAIS PARA VOCÊ!




LOOKS PENSADOS EM VOCÊ!

Ver todos

Tamanho GG

Tamanho GG
Cor Combo collor Combo neutro

Cor Combo collor Combo neutro
Comprar Pronto!

-23%
Combo básico GG
R$297,00 R$385,00
2 x de R$148,50 sem juros
Comprar
Cor Preta, azul marinho e cobre

Cor Preta, azul marinho e cobre
Tamanho M G GG

Tamanho M G GG
Comprar Pronto!

-19%
Combo alfaiataria-
R$383,97 R$472,97
2 x de R$191,99 sem juros
Comprar
Esgotado
Blusa Mag
R$139,99 R$0,00
2 x de R$70,00 sem juros

Esgotado
Blusa Elô
R$149,99 R$0,00
2 x de R$75,00 sem juros

Tamanho P M G

Tamanho P M G
Cor Preto

Cor
Comprar Pronto!

Camisa Social
R$139,99 R$0,00
2 x de R$70,00 sem juros
Comprar
Tamanho P M G

Tamanho P M G
Cor OFF PRETA

Cor OFF PRETA
Comprar Pronto!

Blusa Ruby
R$139,99 R$0,00
2 x de R$70,00 sem juros
Comprar
Tamanho P M G GG

Tamanho P M G GG
Cor caramelo azul marinho

Cor caramelo azul marinho
Comprar Pronto!

Calça ANA
R$189,99 R$0,00
2 x de R$95,00 sem juros
Comprar
Cor Branco Preto bege roxo azul marinho caramelo bege claro chumbo oliva rosa
goiaba amarelo verde lima Vermelho Lilás Verde Cinza

Cor bege roxo azul marinho caramelo bege claro chumbo oliva rosa goiaba amarelo
verde lima
Tamanho p M G GG

Tamanho p M G GG
Comprar Pronto!

T-shirt liza
R$76,99 R$0,00
2 x de R$38,50 sem juros
Comprar
Cor Cinza Preto

Cor
Tamanho PP P M G GG

Tamanho PP P M G GG
Comprar Pronto!

Conjunto colete/calça
R$389,98 R$0,00
2 x de R$194,99 sem juros
Comprar
Cor OFF caramelo

Cor OFF caramelo
Tamanho P M G GG

Tamanho P M G GG
Comprar Pronto!

CASACO MIA
R$219,99 R$0,00
2 x de R$110,00 sem juros
Comprar
Cor Preto Branco Cinza Chumbo Bege Bege claro Oliva

Cor Bege claro
Tamanho P M G GG

Tamanho P M G GG
Comprar Pronto!

TSHIRT GOLA O
R$69,99 R$0,00
2 x de R$35,00 sem juros
Comprar
Cor AZUL nude

Cor AZUL nude
Tamanho P G M

Tamanho P G M
Comprar Pronto!

Blusa Débora
R$139,99 R$0,00
2 x de R$70,00 sem juros
Comprar
Cor bege claro

Cor bege claro
Tamanho GG G M

Tamanho GG G M
Comprar Pronto!

Blusa angel
R$149,99 R$0,00
2 x de R$75,00 sem juros
Comprar
Cor Cinza Preto

Cor
Tamanho PP P M G GG

Tamanho PP P M G GG
Comprar Pronto!

calça jade
R$199,99 R$0,00
2 x de R$100,00 sem juros
Comprar
Cor caramelo OFF

Cor caramelo OFF
Tamanho P M G GG

Tamanho P M G GG
Comprar Pronto!

Saia mídi Bru
R$219,99 R$0,00
2 x de R$110,00 sem juros
Comprar
Cor Preto Cinza

Cor
Tamanho PP P G M GG

Tamanho PP P G M GG
Comprar Pronto!

Colete Jade
R$189,99 R$0,00
2 x de R$95,00 sem juros
Comprar
Cor Preto Terra cota Marrom bordô Marrom amendoado

Cor Terra cota Marrom bordô Marrom amendoado
Tamanho M G GG

Tamanho M G GG
Comprar Pronto!

Regata raquel
R$74,99 R$0,00
2 x de R$37,50 sem juros
Comprar
Cor Preto

Cor
Tamanho M G GG

Tamanho M G GG
Comprar Pronto!

Regata Eva
R$149,99 R$0,00
2 x de R$75,00 sem juros
Comprar
Cor Rosa bebê Preto Off Marrom castanho

Cor Off Marrom castanho
Tamanho M G GG

Tamanho M G GG
Comprar Pronto!

Blusa kim
R$94,99 R$0,00
2 x de R$47,50 sem juros
Comprar
Tamanho P M G

Tamanho P M G
Cor Branco

Cor
Comprar Pronto!

Blusa Isis
R$139,99 R$0,00
2 x de R$70,00 sem juros
Comprar
Tamanho M G+

Tamanho M G+
Cor chumbo bege

Cor chumbo bege
Comprar Pronto!

Blusa Ivy
R$139,99 R$0,00
2 x de R$70,00 sem juros
Comprar
Cor azul marinho Cinza Marrom

Cor azul marinho
Tamanho P M G

Tamanho P M G
Comprar Pronto!

Cinto 100% couro
R$74,99 R$0,00
2 x de R$37,50 sem juros
Comprar
Cor PRETO OFF

Cor PRETO OFF
Tamanho PP P M G GG

Tamanho PP P M G GG
Comprar Pronto!

Blazer capa vicky
R$299,99 R$0,00
2 x de R$150,00 sem juros
Comprar
Cor Preto Azul marinho Verde militar

Cor
Tamanho P M G

Tamanho P M G
Comprar Pronto!

Blusa juh
R$154,99 R$0,00
2 x de R$77,50 sem juros
Comprar
Cor Marrom Cinza Bege

Cor
Tamanho U

Tamanho U
Comprar Pronto!

cardigan helena
R$189,99 R$0,00
2 x de R$95,00 sem juros
Comprar
Cor OFF Verde militar Preto

Cor OFF
Tamanho P M G

Tamanho P M G
Comprar Pronto!

T-shirt Lice
R$89,99 R$0,00
2 x de R$45,00 sem juros
Comprar
Cor Bege

Cor
Tamanho P M G GG

Tamanho P M G GG
Comprar Pronto!

Blazer Mariah
R$299,99 R$0,00
2 x de R$150,00 sem juros
Comprar
Cor Nude Azul

Cor
Tamanho P M G

Tamanho P M G
Comprar Pronto!

Blusa Cloe
R$169,99 R$0,00
2 x de R$85,00 sem juros
Comprar
Cor Preto Fucsia Rosa claro Verde paraíso

Cor Fucsia Verde paraíso
Tamanho P M G GG

Tamanho P M G GG
Comprar Pronto!

T-shirt Luna
R$89,99 R$0,00
2 x de R$45,00 sem juros
Comprar
Cor Preto Branca Cinza vermelho Bege

Cor Branca vermelho
Tamanho P/M G/GG

Tamanho P/M G/GG
Comprar Pronto!

Blusa Yara
R$89,99 R$0,00
2 x de R$45,00 sem juros
Comprar
Cor Bege Preto

Cor
Tamanho P M G GG

Tamanho P M G GG
Comprar Pronto!

Blusa Any
R$169,97 R$0,00
2 x de R$84,99 sem juros
Comprar
Cor Rosé

Cor
Tamanho PP P M G

Tamanho PP P M G
Comprar Pronto!

Vestido Lívia
R$269,97 R$0,00
2 x de R$134,99 sem juros
Comprar
Cor Terra cota

Cor Terra cota
Tamanho P M G GG

Tamanho P M G GG
Comprar Pronto!

Blusa leia
R$119,97 R$0,00
2 x de R$59,99 sem juros
Comprar
Cor Off Amarelo Pink

Cor Off
Tamanho PP P M G GG

Tamanho PP P M G GG
Comprar Pronto!

Blusa Gabi
R$94,97 R$0,00
2 x de R$47,49 sem juros
Comprar
Cor Branca

Cor Branca
Tamanho P M G

Tamanho P M G
Comprar Pronto!

Blusa Cíntia
R$129,97 R$0,00
2 x de R$64,99 sem juros
Comprar
Cor Preto Nude Roxo Violeta Pink Rosa chá Uva

Cor Rosa chá
Tamanho PP P M G GG

Tamanho PP P M G GG
Comprar Pronto!

Calça Lana
R$159,97 R$0,00
2 x de R$79,99 sem juros
Comprar
Cor Marrom

Cor
Tamanho P M G

Tamanho P M G
Comprar Pronto!

Calça Eliza
R$189,97 R$0,00
2 x de R$94,99 sem juros
Comprar
Cor Preto Off Nude

Cor Off
Tamanho P M G

Tamanho P M G
Comprar Pronto!

Calça Mel
R$189,99 R$0,00
2 x de R$95,00 sem juros
Comprar
Tamanho P

Tamanho P
Cor Combo collor Combo neutro

Cor Combo collor Combo neutro
Comprar Pronto!

-23%
Combo básico P
R$297,00 R$384,95
2 x de R$148,50 sem juros
Comprar
Combo básico G

Tamanho GG

Tamanho GG
Cor Combo collor Combo neutro

Cor Combo collor Combo neutro
Comprar Pronto!

-23%
Combo básico GG
R$297,00 R$385,00
2 x de R$148,50 sem juros
Comprar
Cor Preta, azul marinho e cobre

Cor Preta, azul marinho e cobre
Tamanho M G GG

Tamanho M G GG
Comprar Pronto!

-19%
Combo alfaiataria-
R$383,97 R$472,97
2 x de R$191,99 sem juros
Comprar
Esgotado
Blusa Mag
R$139,99 R$0,00
2 x de R$70,00 sem juros

Esgotado
Blusa Elô
R$149,99 R$0,00
2 x de R$75,00 sem juros

Tamanho P M G

Tamanho P M G
Cor Preto

Cor
Comprar Pronto!

Camisa Social
R$139,99 R$0,00
2 x de R$70,00 sem juros
Comprar
Tamanho P M G

Tamanho P M G
Cor OFF PRETA

Cor OFF PRETA
Comprar Pronto!

Blusa Ruby
R$139,99 R$0,00
2 x de R$70,00 sem juros
Comprar
Tamanho P M G GG

Tamanho P M G GG
Cor caramelo azul marinho

Cor caramelo azul marinho
Comprar Pronto!

Calça ANA
R$189,99 R$0,00
2 x de R$95,00 sem juros
Comprar
Cor Branco Preto bege roxo azul marinho caramelo bege claro chumbo oliva rosa
goiaba amarelo verde lima Vermelho Lilás Verde Cinza

Cor bege roxo azul marinho caramelo bege claro chumbo oliva rosa goiaba amarelo
verde lima
Tamanho p M G GG

Tamanho p M G GG
Comprar Pronto!

T-shirt liza
R$76,99 R$0,00
2 x de R$38,50 sem juros
Comprar


LANÇAMENTOS

Ver todos

Esgotado
Blusa Mag
R$139,99 R$0,00
2 x de R$70,00 sem juros

Esgotado
Regata ruth
R$74,99 R$0,00
2 x de R$37,50 sem juros

Esgotado
Blusa Elô
R$149,99 R$0,00
2 x de R$75,00 sem juros

Tamanho P M G GG

Tamanho P M G GG
Cor caramelo azul marinho

Cor caramelo azul marinho
Comprar Pronto!

Calça ANA
R$189,99 R$0,00
2 x de R$95,00 sem juros
Comprar
Tamanho P M G

Tamanho P M G
Cor OFF PRETA

Cor OFF PRETA
Comprar Pronto!

Blusa Ruby
R$139,99 R$0,00
2 x de R$70,00 sem juros
Comprar
Tamanho P M G

Tamanho P M G
Cor Preto

Cor
Comprar Pronto!

Camisa Social
R$139,99 R$0,00
2 x de R$70,00 sem juros
Comprar
Cor Branco Preto bege roxo azul marinho caramelo bege claro chumbo oliva rosa
goiaba amarelo verde lima Vermelho Lilás Verde Cinza

Cor bege roxo azul marinho caramelo bege claro chumbo oliva rosa goiaba amarelo
verde lima
Tamanho p M G GG

Tamanho p M G GG
Comprar Pronto!

T-shirt liza
R$76,99 R$0,00
2 x de R$38,50 sem juros
Comprar
Cor Cinza Preto

Cor
Tamanho PP P M G GG

Tamanho PP P M G GG
Comprar Pronto!

Conjunto colete/calça
R$389,98 R$0,00
2 x de R$194,99 sem juros
Comprar
Cor OFF caramelo

Cor OFF caramelo
Tamanho P M G GG

Tamanho P M G GG
Comprar Pronto!

CASACO MIA
R$219,99 R$0,00
2 x de R$110,00 sem juros
Comprar
Cor Preto Branco Cinza Chumbo Bege Bege claro Oliva

Cor Bege claro
Tamanho P M G GG

Tamanho P M G GG
Comprar Pronto!

TSHIRT GOLA O
R$69,99 R$0,00
2 x de R$35,00 sem juros
Comprar
Cor AZUL nude

Cor AZUL nude
Tamanho P G M

Tamanho P G M
Comprar Pronto!

Blusa Débora
R$139,99 R$0,00
2 x de R$70,00 sem juros
Comprar
Cor bege claro

Cor bege claro
Tamanho GG G M

Tamanho GG G M
Comprar Pronto!

Blusa angel
R$149,99 R$0,00
2 x de R$75,00 sem juros
Comprar
Cor Cinza Preto

Cor
Tamanho PP P M G GG

Tamanho PP P M G GG
Comprar Pronto!

calça jade
R$199,99 R$0,00
2 x de R$100,00 sem juros
Comprar
Cor caramelo OFF

Cor caramelo OFF
Tamanho P M G GG

Tamanho P M G GG
Comprar Pronto!

Saia mídi Bru
R$219,99 R$0,00
2 x de R$110,00 sem juros
Comprar
Cor Preto Cinza

Cor
Tamanho PP P G M GG

Tamanho PP P G M GG
Comprar Pronto!

Colete Jade
R$189,99 R$0,00
2 x de R$95,00 sem juros
Comprar
Cor Preto Terra cota Marrom bordô Marrom amendoado

Cor Terra cota Marrom bordô Marrom amendoado
Tamanho M G GG

Tamanho M G GG
Comprar Pronto!

Regata raquel
R$74,99 R$0,00
2 x de R$37,50 sem juros
Comprar
Cor Preto

Cor
Tamanho M G GG

Tamanho M G GG
Comprar Pronto!

Regata Eva
R$149,99 R$0,00
2 x de R$75,00 sem juros
Comprar
Cor Rosa bebê Preto Off Marrom castanho

Cor Off Marrom castanho
Tamanho M G GG

Tamanho M G GG
Comprar Pronto!

Blusa kim
R$94,99 R$0,00
2 x de R$47,50 sem juros
Comprar
Tamanho P M G

Tamanho P M G
Cor Branco

Cor
Comprar Pronto!

Blusa Isis
R$139,99 R$0,00
2 x de R$70,00 sem juros
Comprar
Tamanho M G+

Tamanho M G+
Cor chumbo bege

Cor chumbo bege
Comprar Pronto!

Blusa Ivy
R$139,99 R$0,00
2 x de R$70,00 sem juros
Comprar
Cor azul marinho Cinza Marrom

Cor azul marinho
Tamanho P M G

Tamanho P M G
Comprar Pronto!

Cinto 100% couro
R$74,99 R$0,00
2 x de R$37,50 sem juros
Comprar
Cor bege claro chumbo Cinza Preto

Cor bege claro chumbo
Tamanho P M G

Tamanho P M G
Comprar Pronto!

Calça cenoura Éloa
R$189,99 R$0,00
2 x de R$95,00 sem juros
Comprar
Cor PRETO OFF

Cor PRETO OFF
Tamanho PP P M G GG

Tamanho PP P M G GG
Comprar Pronto!

Blazer capa vicky
R$299,99 R$0,00
2 x de R$150,00 sem juros
Comprar
Cor Preto Azul marinho Verde militar

Cor
Tamanho P M G

Tamanho P M G
Comprar Pronto!

Blusa juh
R$154,99 R$0,00
2 x de R$77,50 sem juros
Comprar
Cor Marrom Cinza Bege

Cor
Tamanho U

Tamanho U
Comprar Pronto!

cardigan helena
R$189,99 R$0,00
2 x de R$95,00 sem juros
Comprar
Cor OFF Verde militar Preto

Cor OFF
Tamanho P M G

Tamanho P M G
Comprar Pronto!

T-shirt Lice
R$89,99 R$0,00
2 x de R$45,00 sem juros
Comprar
Cor Bege

Cor
Tamanho P M G GG

Tamanho P M G GG
Comprar Pronto!

Blazer Mariah
R$299,99 R$0,00
2 x de R$150,00 sem juros
Comprar
Cor Preta Cinza

Cor Preta
Tamanho P M G

Tamanho P M G
Comprar Pronto!

Blusa Mika
R$89,99 R$0,00
2 x de R$45,00 sem juros
Comprar
Cor Caramelo azul marinho

Cor azul marinho
Tamanho P M G

Tamanho P M G
Comprar Pronto!

Blusa Helen
R$154,99 R$0,00
2 x de R$77,50 sem juros
Comprar
Cor Marrom

Cor
Tamanho P M G GG

Tamanho P M G GG
Comprar Pronto!

Calça Iumy
R$169,99 R$0,00
2 x de R$85,00 sem juros
Comprar
Tamanho P G M

Tamanho P G M
Cor Off

Cor Off
Comprar Pronto!

Camiseta YSL
R$99,99 R$0,00
2 x de R$50,00 sem juros
Comprar
Cor Nude Azul

Cor
Tamanho P M G

Tamanho P M G
Comprar Pronto!

Blusa Cloe
R$169,99 R$0,00
2 x de R$85,00 sem juros
Comprar
Cor Preto Fucsia Rosa claro Verde paraíso

Cor Fucsia Verde paraíso
Tamanho P M G GG

Tamanho P M G GG
Comprar Pronto!

T-shirt Luna
R$89,99 R$0,00
2 x de R$45,00 sem juros
Comprar
Cor jeans médio

Cor jeans médio
Tamanho 36 38 40 42 44

Tamanho 36 38 40 42 44
Comprar Pronto!

Calça Maví
R$169,99 R$0,00
2 x de R$85,00 sem juros
Comprar
Cor Preto Branca Cinza vermelho Bege

Cor Branca vermelho
Tamanho P/M G/GG

Tamanho P/M G/GG
Comprar Pronto!

Blusa Yara
R$89,99 R$0,00
2 x de R$45,00 sem juros
Comprar
Cor Bege Preto

Cor
Tamanho P M G GG

Tamanho P M G GG
Comprar Pronto!

Blusa Any
R$169,97 R$0,00
2 x de R$84,99 sem juros
Comprar
Cor Rosé

Cor
Tamanho PP P M G

Tamanho PP P M G
Comprar Pronto!

Vestido Lívia
R$269,97 R$0,00
2 x de R$134,99 sem juros
Comprar
Cor Terra cota

Cor Terra cota
Tamanho P M G GG

Tamanho P M G GG
Comprar Pronto!

Blusa leia
R$119,97 R$0,00
2 x de R$59,99 sem juros
Comprar
Cor Marrom

Cor
Tamanho P M G

Tamanho P M G
Comprar Pronto!

Calça Eliza
R$189,97 R$0,00
2 x de R$94,99 sem juros
Comprar
Tamanho P

Tamanho P
Cor Combo collor Combo neutro

Cor Combo collor Combo neutro
Comprar Pronto!

-23%
Combo básico P
R$297,00 R$384,95
2 x de R$148,50 sem juros
Comprar
Esgotado
Blusa Mag
R$139,99 R$0,00
2 x de R$70,00 sem juros

Esgotado
Regata ruth
R$74,99 R$0,00
2 x de R$37,50 sem juros

Esgotado
Blusa Elô
R$149,99 R$0,00
2 x de R$75,00 sem juros

Tamanho P M G GG

Tamanho P M G GG
Cor caramelo azul marinho

Cor caramelo azul marinho
Comprar Pronto!

Calça ANA
R$189,99 R$0,00
2 x de R$95,00 sem juros
Comprar
Tamanho P M G

Tamanho P M G
Cor OFF PRETA

Cor OFF PRETA
Comprar Pronto!

Blusa Ruby
R$139,99 R$0,00
2 x de R$70,00 sem juros
Comprar
Tamanho P M G

Tamanho P M G
Cor Preto

Cor
Comprar Pronto!

Camisa Social
R$139,99 R$0,00
2 x de R$70,00 sem juros
Comprar


NEWS POLI BOUTIQUE

Fique por dentro de todas as promoções e novidades

Não preencher este campo


Siga-nos
Departamentos
 * Início
 * Produtos
 * Quem Somos
 * Trocas e Devoluções
 * Contato

Entre em contato
 * 5561984416361
 * pollynyffaa@gmail.com

Assine nossa newsletter
Não preencher este campo
Iniciar sessão |Criar uma conta

Copyright Poli Boutique - 2024. Todos os direitos reservados.