byfamelli.com.br Open in urlscan Pro
185.133.35.22  Public Scan

URL: https://byfamelli.com.br/
Submission: On February 06 via api from US — Scanned from US

Form analysis 84 forms found in the DOM

GET /search/

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

GET /search/

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

GET /search/

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

POST /winnie-pooh

<form id="news-popup-form" method="post" action="/winnie-pooh" data-store="newsletter-form-popup">
  <div class="form-group">
    <input type="text" class="js-mandatory-field form-control" name="name" onfocus="if (this.value == 'Nome Completo') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Nome Completo';}" value="Nome Completo"
      aria-label="Nome Completo">
  </div>
  <div class="form-group">
    <input type="email" class="js-mandatory-field form-control" onfocus="if (this.value == 'Seu E-mail') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Seu E-mail';}" value="Seu E-mail" name="email" aria-label="Seu E-mail">
  </div>
  <div class="form-group winnie-pooh hidden">
    <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="message" value="Pedido de inscrição na newsletter">
  <input type="hidden" name="type" value="newsletter-popup">
  <input type="submit" name="contact" class="js-news-popup-submit btn btn-secondary center-block" value="Inscrever-se">
</form>

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /winnie-pooh

<form role="form" method="post" action="/winnie-pooh" onsubmit="$(this).attr('action', '');" data-store="newsletter-form">
  <div class="form-group">
    <input type="text" class="form-control" name="name" onfocus="if (this.value == 'Nome Completo') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Nome Completo';}" value="Nome Completo" aria-label="Nome Completo">
  </div>
  <div class="form-group">
    <input type="email" class="form-control" onfocus="if (this.value == 'Seu E-mail') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Seu E-mail';}" value="Seu E-mail" name="email" aria-label="Seu E-mail">
  </div>
  <div class="form-group winnie-pooh hidden">
    <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="message" value="Pedido de inscrição na newsletter">
  <input type="hidden" name="type" value="newsletter">
  <input type="submit" name="contact" class="btn btn-secondary center-block" value="Inscrever-se">
</form>

POST /comprar/

<form action="/comprar/" method="post" id="ajax-cart-details" class="js-ajax-cart-panel js-fullscreen-modal modal-right modal-xs modal-xs-right modal-xs-right-out" style="display: none;" data-store="cart-form">
  <div class="modal-xs-dialog">
    <div id="store-curr" class="hidden">BRL</div>
    <div class="subtotal-price hidden" data-priceraw="0"></div>
    <a class="js-toggle-cart js-fullscreen-modal-close modal-xs-header visible-xs" href="#">
	        <svg class="svg-inline--fa fa-2x modal-xs-header-icon modal-xs-right-header-icon" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1792 1792"><path d="M1203 544q0 13-10 23l-393 393 393 393q10 10 10 23t-10 23l-50 50q-10 10-23 10t-23-10l-466-466q-10-10-10-23t10-23l466-466q10-10 23-10t23 10l50 50q10 10 10 23z"></path></svg>	        <span class="modal-xs-header-text modal-xs-right-header-text">Carrinho de compras</span>
	    </a>
    <div class="modal-right-header hidden-xs">
      <a href="#" class="js-toggle-cart m-bottom">
		 		<svg class="svg-inline--fa fa-2x svg-text-fill opacity-50" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg>		 	</a>
    </div>
    <div class="modal-content">
      <div class="ajax-cart-body modal-right-body modal-xs-body">
        <div class="cart-table container-fluid">
          <div class="ajax-cart-table-header cart-table-header hidden-xs row">
            <div class="pull-left p-left-half">
              <h5>Produto</h5>
            </div>
            <div class="pull-right text-right p-right-half m-right-double">
              <h5>Subtotal</h5>
            </div>
          </div>
          <div class="js-ajax-cart-list ajax-cart">
          </div>
          <div class="js-empty-ajax-cart clear-both alert alert-info m-top"> O carrinho de compras está vazio. </div>
        </div>
        <div class="js-visible-on-cart-filled cart-subtotal cart-totals" style="display:none;" data-store="cart-subtotal">
          <span> Subtotal <small class="js-subtotal-shipping-wording"> (sem frete)</small> : </span>
          <span class="js-ajax-cart-total js-cart-subtotal" data-priceraw="0">R$0,00</span>
        </div>
        <div class="js-total-promotions total-promotions full-width pull-left text-right ajax-cart-promotions">
          <span class="js-promo-title" style="display:none;">Promoção</span>
          <span class="js-promo-in" style="display:none;">em</span>
          <span class="js-promo-all" style="display:none;">todos os produtos</span>
          <span class="js-promo-buying" style="display:none;"> comprando</span>
          <span class="js-promo-units-or-more" style="display:none;"> ou mais un.</span>
        </div>
        <div class="js-fulfillment-info js-allows-non-shippable" style="display: none">
          <div class="js-visible-on-cart-filled js-has-new-shipping js-shipping-calculator-container">
            <div class="js-shipping-method-unavailable alert alert-warning clear-both m-top" style="display: none;">
              <div><strong>O frete escolhido não está mais disponível para este carrinho. </strong></div>
              <div>Mas não se preocupe! Você pode escolher outro.</div>
            </div>
            <div id="cart-shipping-container" class="row clear-both" style="display: none;" data-shipping-url="/frete/">
              <span id="cart-selected-shipping-method" data-code="" class="hide"></span>
              <div class="container-fluid m-bottom-half m-top-half border-top border-bottom p-top p-bottom-half">
                <div class="shipping-calculator row visible-when-content-ready  m-bottom-none" data-store="shipping-calculator">
                  <div class="js-shipping-calculator-head shipping-calculator-head p-relative transition-soft with-form with-free-shipping">
                    <div class="js-shipping-calculator-with-zipcode  p-absolute  transition-up container-fluid full-width">
                      <div class="free-shipping-title text-center transition-soft">
                        <div class="js-free-shipping-title p-absolute transition-up full-width font-medium text-uppercase ">
                          <span class="weight-strong">Sucesso! Você <strong class="text-primary">tem frete grátis</strong></span>
                        </div>
                        <div class="js-free-shipping-title-min-cost p-absolute transition-up full-width font-medium text-uppercase transition-up-active">
                          <strong class="text-primary">Frete grátis</strong> a partir de <span>R$399,90</span>
                        </div>
                      </div>
                      <div class="container-fluid">
                        <div class="row-flex align-items-center">
                          <span class="col p-right-none">
                            <span class="d-table">
                              <span>Entregas para o CEP:</span>
                              <strong class="js-shipping-calculator-current-zip m-left-quarter"></strong>
                            </span>
                          </span>
                          <div class="col-auto p-left-none">
                            <a class="js-shipping-calculator-change-zipcode btn btn-secondary btn-small" href="#">Alterar CEP</a>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="js-shipping-calculator-form shipping-calculator-form  col-xs-12 transition-up p-absolute transition-up-active">
                      <div class="row">
                        <p class="col-xs-12">
                          <svg class="shipping-truck m-right-quarter svg-primary-fill" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
                            <path
                              d="M1238 931.9c0-34.7-12.7-64.7-38-90s-55.3-38-90-38-64.7 12.7-90 38-38 55.3-38 90 12.7 64.7 38 90 55.3 38 90 38 64.7-12.7 90-38 38-55.3 38-90zm-384-512h384v-256h-158c-8.7 0-16 3-22 9l-195 195c-6 6-9 13.3-9 22v30zm1280 512c0-34.7-12.7-64.7-38-90s-55.3-38-90-38-64.7 12.7-90 38-38 55.3-38 90 12.7 64.7 38 90 55.3 38 90 38 64.7-12.7 90-38 38-55.3 38-90zm256-1088v1024c0 10-1.3 18.8-4 26.5s-7.2 13.8-13.5 18.5-11.8 8.5-16.5 11.5-12.5 5-23.5 6-18.5 1.7-22.5 2-12.5.3-25.5 0-20.5-.5-22.5-.5c0 70.7-25 131-75 181s-110.3 75-181 75-131-25-181-75-75-110.3-75-181h-384c0 70.7-25 131-75 181s-110.3 75-181 75-131-25-181-75-75-110.3-75-181h-64c-2 0-9.5.2-22.5.5s-21.5.3-25.5 0-11.5-1-22.5-2-18.8-3-23.5-6-10.2-6.8-16.5-11.5-10.8-10.8-13.5-18.5-4-16.5-4-26.5c0-17.3 6.3-32.3 19-45s27.7-19 45-19v-320c0-5.3-.2-17-.5-35s-.3-30.7 0-38 1.2-18.8 2.5-34.5 3.5-28 6.5-37 7.7-19.2 14-30.5 13.8-21.3 22.5-30l198-198c12.7-12.7 29.5-23.3 50.5-32s40.5-13 58.5-13h160v-192c0-17.3 6.3-32.3 19-45s27.7-19 45-19h1024c17.3 0 32.3 6.3 45 19s19 27.7 19 45z">
                            </path>
                          </svg>
                          <span>
                            <span class="js-free-shipping-message" style="display: none;"> Sucesso! Você <strong class="text-primary">tem frete grátis</strong>
                            </span>
                            <span class="js-shipping-calculator-label">
                              <strong class="text-primary">Frete grátis</strong> a partir de <span>R$399,90</span>
                            </span>
                            <span class="js-shipping-calculator-label-default" style="display: none;"> Meios de envio </span>
                          </span>
                        </p>
                        <div class="col-xs-6 col-sm-6 p-right-none">
                          <input type="tel" placeholder="Seu CEP" aria-label="Seu CEP" name="zipcode" autocorrect="off" autocomplete="postal-code" class="js-shipping-input form-control form-control-small input-prepend shipping-zipcode" value="">
                        </div>
                        <div class="col-xs-6 col-sm-6 p-left-none">
                          <button class="js-calculate-shipping btn btn-secondary btn-append btn-small btn-block" aria-label="Calcular frete">
                            <span class="js-calculate-shipping-wording">Calcular</span>
                            <span class="js-calculating-shipping-wording" style="display: none;">Calculando</span>
                          </button>
                        </div>
                        <div class="col-xs-12 m-top-quarter text-left">
                          <a class=" btn-link btn-link-small-extra text-foreground m-left-quarter" href="http://www.buscacep.correios.com.br/sistemas/buscacep/" target="_blank">Não sei meu CEP</a>
                        </div>
                      </div>
                      <div class="row">
                        <div class="col-xs-12 m-top-half">
                          <div class="js-ship-calculator-error invalid-zipcode alert alert-danger" style="display: none;"> Não conseguimos encontrar esse CEP. Está bem escrito? </div>
                          <div class="js-ship-calculator-error js-ship-calculator-common-error alert alert-danger" style="display: none;">Erro no cálculo. Por favor, tente novamente em alguns segundos.</div>
                          <div class="js-ship-calculator-error js-ship-calculator-external-error alert alert-danger" style="display: none;">Erro no meio de envio. Por favor, tente novamente em alguns segundos.</div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="js-shipping-calculator-spinner pull-left shipping-calculator-spinner full-width transition-soft p-top-xs p-bottom-xs m-top-half m-bottom-half" style="display: none;">
                    <div class="spinner-bar opacity-50 m-all m-auto-xs"></div>
                  </div>
                  <div class="js-shipping-calculator-response shipping-calculator-response col-xs-12 m-top-half" style="display: none;"></div>
                </div>
                <div href="#" class="js-toggle-branches link-module no-border m-top-half p-bottom-half border-top" data-store="branches">
                  <span class="link-module-icon d-inline-block pull-left">
                    <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="-287 164.9 616 512">
                      <path
                        d="M315 283.5l-64.9-103.6a32 32 0 0 0-27.1-15h-404a32 32 0 0 0-27.1 15L-273 283.5c-33.5 53.5-3.8 127.9 58.8 136.4a98.7 98.7 0 0 0 87.5-32.2 99 99 0 0 0 147.6 0 99 99 0 0 0 147.6 0 99 99 0 0 0 87.5 32.2c62.8-8.4 92.6-82.8 59-136.4zm-72.5 169.4c-10 0-19.9-1.5-29.5-3.8v99.8h-384v-99.8c-9.6 2.2-19.5 3.8-29.5 3.8a125.8 125.8 0 0 1-34.4-4.8v196.8a32 32 0 0 0 32 32h448a32 32 0 0 0 32-32V448.1c-5.4 1.6-10.8 2.9-16.4 3.6a139 139 0 0 1-18.2 1.2z">
                      </path>
                    </svg> </span>
                  <span class="d-inline-block">
                    <div class="link-module-content link-module-text font-body align-top"> Nossas lojas </div>
                    <div class="btn-link btn-link-primary btn-link-small">
                      <span class="js-see-branches"> Ver opções <svg class="svg-inline--fa m-left-quarter" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
                          <path
                            d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z">
                          </path>
                        </svg>
                      </span>
                      <span class="js-hide-branches" style="display: none;"> Esconder opções <svg class="svg-inline--fa  m-left-quarter" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
                          <path d="M207 130.5c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9l-22.7 22.7c-9.4 9.4-24.5 9.4-33.9 0L224 227.5l-154.7 154c-9.4 9.3-24.5 9.3-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.6 0-33.9L207 130.5z"></path>
                        </svg> </span>
                    </div>
                  </span>
                </div>
                <ul class="js-store-branches-container list-unstyled full-width-container radio-button-container m-bottom-half m-top-half" style="display: none;">
                  <li class="radio-button-item" data-store="branch-item-branch_166912">
                    <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_166912" data-name="RETIRA BIRIGUI FAMELLI STORE - - Retira em Birigui a combinar no wpp dia/hora marcada.
WPP 18 997352379 " data-code="branch_166912" data-cost="Grátis" name="option" style="display:none">
                      <div class="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="radio-button-label">
                          <div class="radio-button-text row">
                            <div class="col-xs-8 font-small p-right-none">
                              <div class="opacity-80"> RETIRA BIRIGUI FAMELLI STORE <span class="m-left-quarter">- Retira em Birigui a combinar no wpp dia/hora marcada. WPP 18 997352379 </span>
                              </div>
                            </div>
                            <div class="col-xs-4 text-right p-right-none">
                              <strong class="shipping-price d-inline-block font-medium font-bold text-primary"> Grátis </strong>
                            </div>
                          </div>
                        </div>
                      </div>
                    </label>
                  </li>
                  <li class="radio-button-item" data-store="branch-item-branch_262667">
                    <label class="js-shipping-radio js-branch-radio radio-button" data-loop="branch-radio-2">
                      <input class="js-branch-method  shipping-method" data-price="0" type="radio" value="branch_262667" data-name="ENTREGA MOTOBOY ARAÇATUBA R$10,00 - ENTREGA VIA MOTOBOY EM ARAÇATUBA/SP - R$10,00
PAGAMENTO VIA PIX

DATA E HORA A COMBINAR NO WPP 1899735-2379" data-code="branch_262667" data-cost="Grátis" name="option" style="display:none">
                      <div class="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="radio-button-label">
                          <div class="radio-button-text row">
                            <div class="col-xs-8 font-small p-right-none">
                              <div class="opacity-80"> ENTREGA MOTOBOY ARAÇATUBA R$10,00 <span class="m-left-quarter">ENTREGA VIA MOTOBOY EM ARAÇATUBA/SP - R$10,00 PAGAMENTO VIA PIX DATA E HORA A COMBINAR NO WPP 1899735-2379</span>
                              </div>
                            </div>
                            <div class="col-xs-4 text-right p-right-none">
                              <strong class="shipping-price d-inline-block font-medium font-bold text-primary"> Grátis </strong>
                            </div>
                          </div>
                        </div>
                      </div>
                    </label>
                  </li>
                  <li class="radio-button-item" data-store="branch-item-branch_262668">
                    <label class="js-shipping-radio js-branch-radio radio-button" data-loop="branch-radio-3">
                      <input class="js-branch-method  shipping-method" data-price="0" type="radio" value="branch_262668" data-name="ENTREGA VIA MOTOBOY EM BIRIGUI/SP - R$5,00 - ENTREGA VIA MOTOBOY EM BIRIGUI/SP - R$5,00
PAGAMENTO VIA PIX

DATA E HORA A COMBINAR NO WPP 1899735-2379" data-code="branch_262668" data-cost="Grátis" name="option" style="display:none">
                      <div class="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="radio-button-label">
                          <div class="radio-button-text row">
                            <div class="col-xs-8 font-small p-right-none">
                              <div class="opacity-80"> ENTREGA VIA MOTOBOY EM BIRIGUI/SP - R$5,00 <span class="m-left-quarter">ENTREGA VIA MOTOBOY EM BIRIGUI/SP - R$5,00 PAGAMENTO VIA PIX DATA E HORA A COMBINAR NO WPP 1899735-2379</span>
                              </div>
                            </div>
                            <div class="col-xs-4 text-right p-right-none">
                              <strong class="shipping-price d-inline-block font-medium font-bold text-primary"> Grátis </strong>
                            </div>
                          </div>
                        </div>
                      </div>
                    </label>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <div class="js-visible-on-cart-filled cart-totals cart-total" style="display:none;" data-store="cart-total">
          <div id="error-ajax-stock" class="row" style="display:none;">
            <div class="alert alert-warning" role="alert"> Oops! Não temos mais estoque para incluir este produto ao carrinho. Se você quiser, pode <a href="/produtos/" class="btn-link m-left-quarter">ver outros aquí</a>
            </div>
          </div>
          <span class="text-secondary">Total: </span>
          <span class="js-cart-total   text-secondary">R$0,00</span>
          <div class="total-price hidden"> Total R$0,00 </div>
          <div style="display: none;" data-interest="0" data-cart-installment="1" class="js-installments-cart-total font-body"> Ou até <span class="js-cart-installments-amount">1</span>x de <span
              class="js-cart-installments installment-price">R$0,00</span>
          </div>
        </div>
        <div class="js-visible-on-cart-filled full-width pull-left" style="display:none;">
          <div class="js-ajax-cart-submit m-bottom" id="ajax-cart-submit-div">
            <input class="btn btn-primary btn-block" type="submit" name="go_to_checkout" value="Finalizar Compra">
          </div>
          <div class="js-ajax-cart-minimum clear-both p-top-half" style="display:none" id="ajax-cart-minumum-div">
            <div class="alert alert-warning" role="alert"> O valor mínimo de compra é de R$0,00 sem considerar o custo de frete </div>
          </div>
          <div class="text-center">
            <a href="#" class="js-toggle-cart js-fullscreen-modal-close btn btn-link m-bottom p-none">Ver mais produtos</a>
          </div>
          <input type="hidden" id="ajax-cart-minimum-value" value="0">
        </div>
      </div>
    </div>
  </div>
</form>

POST /account/login/

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

Text Content

   
 * Cadastre-se
 * Login

 * Contato



Início


Início

Produtos

Carrinho
0


 * Ver todos os produtos
 * CAMISETAS FAMELLI STORE
 * ACESSÓRIOS
   
 * BIQUÍNIS
 * BLUSAS/BODYS
 * CALÇAS
 * CORTA VENTO
 * CROPPEDS/TOPS
 * MOLETOM
 * SAIAS
 * SHORTS
 * VESTIDOS
 * Camisetas

CAMISETAS FAMELLI STORE
Ver tudo desta categoria

ACESSÓRIOS
Ver tudo desta categoria BUCKETS ÓCULOS POCHETES SHOULDER BAGS MEIAS CINTOS
Oculos

BUCKETS
Ver tudo desta categoria

ÓCULOS
Ver tudo desta categoria

POCHETES
Ver tudo desta categoria

SHOULDER BAGS
Ver tudo desta categoria

MEIAS
Ver tudo desta categoria

CINTOS
Ver tudo desta categoria

Oculos
Ver tudo desta categoria

BIQUÍNIS
Ver tudo desta categoria

BLUSAS/BODYS
Ver tudo desta categoria

CALÇAS
Ver tudo desta categoria

CORTA VENTO
Ver tudo desta categoria

CROPPEDS/TOPS
Ver tudo desta categoria

MOLETOM
Ver tudo desta categoria

SAIAS
Ver tudo desta categoria

SHORTS
Ver tudo desta categoria

VESTIDOS
Ver tudo desta categoria

Camisetas
Ver tudo desta categoria

Compre mais rápido e acompanhe seus pedidos!
Iniciar sessão
Ao navegar por este site você aceita o uso de cookies para agilizar a sua
experiência de compra.
Entendi

Famelli Store
 * Início
 * Produtos
   * CAMISETAS FAMELLI STORE
   * ACESSÓRIOS
     * BUCKETS
     * ÓCULOS
     * POCHETES
     * SHOULDER BAGS
     * MEIAS
     * CINTOS
     * Oculos
   * BIQUÍNIS
   * BLUSAS/BODYS
   * CALÇAS
   * CORTA VENTO
   * CROPPEDS/TOPS
   * MOLETOM
   * SAIAS
   * SHORTS
   * VESTIDOS
   * Camisetas
 * Contato

0

R$0,00
 * 18 99735-2379
 * famelli.store@gmail.com

 * Cadastre-se
 * Login


FAMELLI STORE

 * Início
 * Produtos
   * CAMISETAS FAMELLI STORE
   * ACESSÓRIOS
     * BUCKETS
     * ÓCULOS
     * POCHETES
     * SHOULDER BAGS
     * MEIAS
     * CINTOS
     * Oculos
   * BIQUÍNIS
   * BLUSAS/BODYS
   * CALÇAS
   * CORTA VENTO
   * CROPPEDS/TOPS
   * MOLETOM
   * SAIAS
   * SHORTS
   * VESTIDOS
   * Camisetas
 * Contato

0

R$0,00

Famelli Store

Hey manaaa! Inscreva-se na nossa Newsletter!

Não preencher este campo
Confirmando inscrição...
Sua inscrição na newsletter foi realizada com sucesso
Digite seu e-mail aqui




CATEGORIAS PRINCIPAIS

 * CAMISETAS FAMELLI STORE
 * ACESSÓRIOS
 * BIQUÍNIS
 * BLUSAS/BODYS
 * CALÇAS
 * CORTA VENTO
 * CROPPEDS/TOPS
 * MOLETOM
 * SAIAS
 * SHORTS
 * VESTIDOS
 * Camisetas


DESTAQUES

Sem Estoque
Tamanho: P
P M G
Tamanho:
P M G

Comprar Pronto!
Incluindo...


VESTIDO PAETÊ ABERTURA FRONTAL

0% OFF
R$199,90
12x de R$19,33
Comprar
Sem Estoque
Tamanho: M
M P G
Tamanho:
M P G

Comprar Pronto!
Incluindo...


BODY LAMINADO HOLOGRÁFICO

0% OFF
R$99,90
12x de R$9,66
Comprar
Oferta
Sem Estoque
Tamanho: M
P M G
Tamanho:
P M G

Comprar Pronto!
Incluindo...


CALÇA FLARE ELASTIC BEWARE ROXA

R$129,90 34% OFF
R$85,90
12x de R$8,31
Comprar
Sem Estoque
Tamanho: P
P M G
Tamanho:
P M G

Comprar Pronto!
Incluindo...


SAIA PLASTIC TRANSPARENTE W/ ZIPER

0% OFF
R$139,90
12x de R$13,53
Comprar
Sem Estoque
Tamanho: P
P M G
Tamanho:
P M G

Comprar Pronto!
Incluindo...


SAIA CARGO LAMINADO W/ CINTO

0% OFF
R$154,90
12x de R$14,98
Comprar
Sem Estoque
Tamanho: P
P M G
Tamanho:
P M G

Comprar Pronto!
Incluindo...


TOP ARGOLA LAMINADO

0% OFF
R$84,90
12x de R$8,21
Comprar
Sem Estoque
2 cores


Cor: Rosa

Tamanho: 36
34 36 38 40 42 44
Cor:
Rosa Bege
Tamanho:
34 36 38 40 42 44

Comprar Pronto!
Incluindo...


SAIA CARGO TECIDO TECNOLÓGICO

0% OFF
R$149,90
12x de R$14,50
Comprar
Sem Estoque
TAMANHO:
P M G

Comprar Pronto!
Incluindo...


VESTIDO FENDA SCARLETT ROSA CHICLETE

0% OFF
R$154,90
12x de R$14,98
Comprar
Sem Estoque
Tamanho: M
P M G
Tamanho:
P M G

Comprar Pronto!
Incluindo...


VESTIDO BABE ABERTURA COSTAS MIDI

0% OFF
R$149,90
12x de R$14,50
Comprar
Sem Estoque
Tamanho: P
P M G
Tamanho:
P M G

Comprar Pronto!
Incluindo...


CROPPED HOLOGRAFICO LACE UP

0% OFF
R$89,90
12x de R$8,69
Comprar
Sem Estoque
2 cores


Cor: Pink

Tamanho: P
P M G
Cor:
Pink Azul
Tamanho:
P M G

Comprar Pronto!
Incluindo...


VESTIDO CURTO DE ALCINHA

0% OFF
R$129,90
12x de R$12,56
Comprar
Sem Estoque
Tamanho: M
M
Tamanho:

M


Comprar Pronto!
Incluindo...


CINTO FIVELA ILHÓS

0% OFF
R$49,90
11x de R$5,25
Comprar
Sem Estoque
TAMANHO:
P M G

Comprar Pronto!
Incluindo...


MINI SAIA PAETÊ PRATA

0% OFF
R$174,90
12x de R$16,91
Comprar
Sem Estoque
TAMANHO:
P M G

Comprar Pronto!
Incluindo...


VESTIDO FENDA SCARLETT PRETO

0% OFF
R$154,90
12x de R$14,98
Comprar
Oferta
Sem Estoque
Tamanho: M
G M P
Tamanho:
G M P

Comprar Pronto!
Incluindo...


HOTPANTS LAMINADO PINK

R$94,90 16% OFF
R$79,90
12x de R$7,73
Comprar
Sem Estoque
Tamanho: M
P M G
Tamanho:
P M G

Comprar Pronto!
Incluindo...


CONJUNTO BABADO PRETO

0% OFF
R$144,90
12x de R$14,01
Comprar
Sem Estoque
Tamanho: M
M
Tamanho:

M


Comprar Pronto!
Incluindo...


CINTO FIVELA ILHÓS DOURADO

0% OFF
R$49,90
11x de R$5,25
Comprar
Sem Estoque
3 cores
+1

Cor: Preto
LILAS
Tamanho: M
P M G
Cor:
Preto Azul LILAS
Tamanho:
P M G

Comprar Pronto!
Incluindo...


CROPPED CORSET SOPHIA

0% OFF
R$139,90
12x de R$13,53
Comprar
Sem Estoque
Tamanho: M
M
Tamanho:

M


Comprar Pronto!
Incluindo...


CINTO ILHÓS TRANSPARENTE

0% OFF
R$49,90
11x de R$5,25
Comprar
Sem Estoque
4 cores

Tamanho: M
M
Cor: Rosa

Tamanho:

M

Cor:
Branco Rosa Preto Vermelho

Comprar Pronto!
Incluindo...


CROPPED PLS NO PHOTOS

0% OFF
R$78,00
12x de R$7,54
Comprar
Sem Estoque
Tamanho: M
M
Tamanho:

M


Comprar Pronto!
Incluindo...


CINTO CORRENTE ELYS

0% OFF
R$59,90
12x de R$5,79
Comprar
Oferta
Sem Estoque
Tamanho: 36
34 36 38 40 42 44
Tamanho:
34 36 38 40 42 44

Comprar Pronto!
Incluindo...


CALÇA CARGO BRANCO PEROLADO

R$199,90 10% OFF
R$179,91
12x de R$17,40
Comprar
Sem Estoque
Tamanho: M
P M G
Tamanho:
P M G

Comprar Pronto!
Incluindo...


CONJUNTO GRÉCIA CETIM PINK

0% OFF
R$189,90
12x de R$18,36
Comprar
Sem Estoque
2 cores

Tamanho: P
P M G
Cor: Verde

Tamanho:
P M G
Cor:
Preto Verde

Comprar Pronto!
Incluindo...


CALÇA CARGO TECIDO TECNOLÓGICO

0% OFF
R$199,90
12x de R$19,33
Comprar
Sem Estoque
2 cores


Cor: Preto

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

Comprar Pronto!
Incluindo...


CORSET SEM ALÇA ABERTURA COLCHETES

0% OFF
R$129,90
12x de R$12,56
Comprar
Sem Estoque
Tamanho: 34
34 36 38 40 42 44
Tamanho:
34 36 38 40 42 44

Comprar Pronto!
Incluindo...


SHORT MOM JEANS

0% OFF
R$159,90
12x de R$15,46
Comprar
Oferta
Sem Estoque
2 cores


Cor: Cinza

Tamanho: P
P M G
Cor:
Cinza Verde
Tamanho:
P M G

Comprar Pronto!
Incluindo...


BLUSA CROPPED BUTTERFLY CANELADO

R$79,90 25% OFF
R$59,90
12x de R$5,79
Comprar
Sem Estoque
Tamanho: M
M
Tamanho:

M


Comprar Pronto!
Incluindo...


TSHIRT CHAMPS JAZZ RED

0% OFF
R$79,90
12x de R$7,73
Comprar
Oferta
Sem Estoque
Tamanho: P
P M G
Tamanho:
P M G

Comprar Pronto!
Incluindo...


BIQUÍNI TOP FAIXA LASTEX ASADELTA

R$95,90 38% OFF
R$59,90
12x de R$5,79
Comprar
Sem Estoque
Tamanho: P
P M G
Tamanho:
P M G

Comprar Pronto!
Incluindo...


CALÇA CARGO ALFAIATARIA STREET VERDE

0% OFF
R$129,90
12x de R$12,56
Comprar
Oferta
Sem Estoque
Tamanho: P
P M G
Tamanho:
P M G

Comprar Pronto!
Incluindo...


CROPPED PSICODELARIO TULE

R$99,90 41% OFF
R$58,90
12x de R$5,70
Comprar
Oferta
Sem Estoque
2 cores

Cor: Branco

Cor:
Preto Branco

Comprar Pronto!
Incluindo...


BAG PUFFER CORRENTE OFF

R$139,90 36% OFF
R$89,90
12x de R$8,69
Comprar
Oferta
Sem Estoque
Tamanho: M
M
Tamanho:

M


Comprar Pronto!
Incluindo...


CROPPED MANGA LONGA FRUFRU TULE

R$119,90 25% OFF
R$89,90
12x de R$8,69
Comprar
Oferta
Sem Estoque
2 cores

Tamanho: P
P M G
Cor: Roxo

Tamanho:
P M G
Cor:
Preto Roxo

Comprar Pronto!
Incluindo...


TOP BASIC ALÇA

R$69,90 21% OFF
R$54,90
12x de R$5,31
Comprar
Oferta
Sem Estoque
Tamanho: G
P M G
Tamanho:
P M G

Comprar Pronto!
Incluindo...


BIQUÍNI TOP FAIXA PINK LASTEX ASADELTA

R$89,90 33% OFF
R$59,90
12x de R$5,79
Comprar
Oferta
Sem Estoque
Tamanho: P
P M G
Tamanho:
P M G

Comprar Pronto!
Incluindo...


CALÇA FLARE ELASTIC BEWARE AZUL ESMERALDA

R$129,90 34% OFF
R$85,90
12x de R$8,31
Comprar
Sem Estoque
Tamanho: M
P M G
Tamanho:
P M G

Comprar Pronto!
Incluindo...


CALÇA PARACHUTES CORDÃO TACTEL VERDE

0% OFF
R$159,90
12x de R$15,46
Comprar
Sem Estoque
Tamanho: G
P M G
Tamanho:
P M G

Comprar Pronto!
Incluindo...


CROPPED LAMINADO W/ LUVAS

0% OFF
R$119,90
12x de R$11,59
Comprar
Sem Estoque
Tamanho: M
M
Tamanho:

M


Comprar Pronto!
Incluindo...


CINTO CORRENTE DOURADO

0% OFF
R$55,90
12x de R$5,41
Comprar
Sem Estoque
TAMANHO:
P M G

Comprar Pronto!
Incluindo...


VESTIDO FENDA SCARLETT VERMELHO

0% OFF
R$154,90
12x de R$14,98
Ver todos os produtos


MAIS VENDIDOS

Oferta
Sem Estoque
Tamanho: G
P M G
Tamanho:
P M G

Comprar Pronto!
Incluindo...


TOP TRIANGULO BABADO

R$59,90 42% OFF
R$34,90
7x de R$5,65
Comprar
Oferta
Sem Estoque
3 cores

Tamanho: unico
unico
Cor: Pink

Tamanho:

unico

Cor:
Pink Laranja Prata

Comprar Pronto!
Incluindo...


TOP SHINE CORTININHA

R$59,90 33% OFF
R$39,90
9x de R$5,08
Comprar
Oferta
Sem Estoque
4 cores


Cor: Amarelo

Tamanho: P
M P G
Cor:
Amarelo Azul Branco Verde
Tamanho:
M P G

Comprar Pronto!
Incluindo...


TOP CORTININHA BRASIL

R$59,90 58% OFF
R$24,99
5x de R$5,63
Comprar
Oferta
Sem Estoque
2 cores

Cor: Branco

Cor:
Preto Branco

Comprar Pronto!
Incluindo...


BAG PUFFER CORRENTE OFF

R$139,90 36% OFF
R$89,90
12x de R$8,69
Comprar
Oferta
Sem Estoque
Tamanho: M
M
Tamanho:

M


Comprar Pronto!
Incluindo...


VESTIDO CLOE SUPLEX

R$159,90 38% OFF
R$99,90
12x de R$9,66
Comprar
Oferta
Sem Estoque
Tamanho: P
P M G
Tamanho:
P M G

Comprar Pronto!
Incluindo...


BLUSA ML CORSET EM TULE COM STRASS

R$84,90 29% OFF
R$59,90
12x de R$5,79
Comprar
Sem Estoque
Tamanho: G
P M G
Tamanho:
P M G

Comprar Pronto!
Incluindo...


CALÇA CARGO ALFAIATARIA XADREZ

0% OFF
R$159,90
12x de R$15,46
Comprar
Oferta
Sem Estoque
Tamanho: M
P M G
Tamanho:
P M G

Comprar Pronto!
Incluindo...


CALÇA PANTACOURT FLOW

R$139,90 64% OFF
R$49,90
11x de R$5,25
Comprar
Oferta
Sem Estoque
Tamanho: M
M
Tamanho:

M


Comprar Pronto!
Incluindo...


MACACÃO LONDRES SUPLEX

R$159,90 38% OFF
R$99,90
12x de R$9,66
Comprar
Oferta
Sem Estoque
2 cores

Tamanho: M
M
Cor: Bege

Tamanho:

M

Cor:
Bege Preto

Comprar Pronto!
Incluindo...


CONJUNTO MOLETINHO PREMIUM

R$159,90 44% OFF
R$89,90
12x de R$8,69
Comprar
Oferta
Sem Estoque
2 cores


Cor: Azul

Tamanho: M
M p g
Cor:
Azul Verde
Tamanho:
M p g

Comprar Pronto!
Incluindo...


CORSET TOMARA QUE CAIA AMARRAÇÃO BRASIL

R$89,90 50% OFF
R$44,90
10x de R$5,17
Comprar
Oferta
Sem Estoque
Tamanho: M
P M G
Tamanho:
P M G

Comprar Pronto!
Incluindo...


CROPPED ANNA

R$119,90 54% OFF
R$54,90
12x de R$5,31
Comprar
Sem Estoque
Tamanho: P
P M G
Tamanho:
P M G

Comprar Pronto!
Incluindo...


CROPPED CANELADO BRUNA

0% OFF
R$59,90
12x de R$5,79
Comprar
Oferta
Sem Estoque
2 cores


Cor: Branco

Tamanho: M
P M G
Cor:
Branco Marrom
Tamanho:
P M G

Comprar Pronto!
Incluindo...


CROPPED ML MOLETOM YOU MATTER

R$167,90 41% OFF
R$99,90
12x de R$9,66
Comprar
Oferta
Sem Estoque
Tamanho: P
P G M
Tamanho:
P G M

Comprar Pronto!
Incluindo...


CROPPED LETS OMBRO SÓ PINK

R$169,90 53% OFF
R$79,90
12x de R$7,73
Comprar
Oferta
Sem Estoque
Tamanho: P
P G M
Tamanho:
P G M

Comprar Pronto!
Incluindo...


CROPPED LETS OMBRO SÓ

R$169,90 53% OFF
R$79,90
12x de R$7,73
Comprar
Sem Estoque
3 cores

Tamanho: P
P M G
Cor: Branco

Tamanho:
P M G
Cor:
Branco Preto Roxo

Comprar Pronto!
Incluindo...


CROPPED TRANSPASSADO

0% OFF
R$54,90
12x de R$5,31
Comprar
Oferta
Sem Estoque
Tamanho: M
P M
Tamanho:
P M

Comprar Pronto!
Incluindo...


CROPPED TURQUESA

R$84,90 65% OFF
R$29,90
6x de R$5,64
Comprar
Oferta
Sem Estoque
Tamanho: M
M
Tamanho:

M


Comprar Pronto!
Incluindo...


KIMONO OVER LUREX SPONGE FRANJAS PINK

R$159,90 51% OFF
R$78,90
12x de R$7,63
Comprar
Oferta
Sem Estoque
Tamanho: M
M
Tamanho:

M


Comprar Pronto!
Incluindo...


MACACÃO SASHA LONGO SUPLEX

R$169,90 41% OFF
R$99,90
12x de R$9,66
Comprar
Oferta
Sem Estoque
Tamanho: 38
34 36 38 40 42 44
Tamanho:
34 36 38 40 42 44

Comprar Pronto!
Incluindo...


MINI SAIA CYS

R$149,90 47% OFF
R$79,90
12x de R$7,73
Comprar
Oferta
Sem Estoque
Tamanho: M
P M G
Tamanho:
P M G

Comprar Pronto!
Incluindo...


MOLETOM KINDER PLANET

R$159,90 31% OFF
R$109,90
12x de R$10,63
Comprar
Oferta
Sem Estoque
2 cores


Cor: Preto

Tamanho: P
P M G
Cor:
Preto Verde
Tamanho:
P M G

Comprar Pronto!
Incluindo...


SAIA CINTURA ALTA CUT OUT LATERAL

R$119,90 50% OFF
R$59,95
12x de R$5,80
Comprar
Sem Estoque
Tamanho: P
P M G
Tamanho:
P M G

Comprar Pronto!
Incluindo...


SAIA MINI FRANZIDA CANELADO

0% OFF
R$71,90
12x de R$6,95
Comprar
Oferta
Sem Estoque
2 cores

Tamanho: P
P M G
Cor: Roxo

Tamanho:
P M G
Cor:
Preto Roxo

Comprar Pronto!
Incluindo...


TOP BASIC ALÇA

R$69,90 21% OFF
R$54,90
12x de R$5,31
Comprar
Oferta
Sem Estoque
Tamanho: M
M
Tamanho:

M


Comprar Pronto!
Incluindo...


TOP FAIXA PINK NEON

R$29,90 50% OFF
R$14,90
3x de R$5,51
Comprar
Oferta
Sem Estoque
Tamanho: G
G M P
Tamanho:
G M P

Comprar Pronto!
Incluindo...


TOP SHINE PATCH CORAÇÃO

R$119,90 33% OFF
R$79,90
12x de R$7,73
Comprar
Sem Estoque
Tamanho: P
P M G
Tamanho:
P M G

Comprar Pronto!
Incluindo...


VESTIDO BASIC CANELADO

0% OFF
R$129,90
12x de R$12,56
Comprar
Oferta
Sem Estoque
2 cores

Tamanho: M
M
Cor: Pink

Tamanho:

M

Cor:
Pink Preto

Comprar Pronto!
Incluindo...


VESTIDO CANELADO BÁSICO

R$79,90 31% OFF
R$54,90
12x de R$5,31
Comprar
Oferta
Sem Estoque
Tamanho: G
P M G
Tamanho:
P M G

Comprar Pronto!
Incluindo...


TOP TRIANGULO BABADO

R$59,90 42% OFF
R$34,90
7x de R$5,65
Comprar
Oferta
Sem Estoque
3 cores

Tamanho: unico
unico
Cor: Pink

Tamanho:

unico

Cor:
Pink Laranja Prata

Comprar Pronto!
Incluindo...


TOP SHINE CORTININHA

R$59,90 33% OFF
R$39,90
9x de R$5,08
Comprar
Oferta
Sem Estoque
4 cores


Cor: Amarelo

Tamanho: P
M P G
Cor:
Amarelo Azul Branco Verde
Tamanho:
M P G

Comprar Pronto!
Incluindo...


TOP CORTININHA BRASIL

R$59,90 58% OFF
R$24,99
5x de R$5,63
Comprar
Oferta
Sem Estoque
2 cores

Cor: Branco

Cor:
Preto Branco

Comprar Pronto!
Incluindo...


BAG PUFFER CORRENTE OFF

R$139,90 36% OFF
R$89,90
12x de R$8,69
Comprar
Oferta
Sem Estoque
Tamanho: M
M
Tamanho:

M


Comprar Pronto!
Incluindo...


VESTIDO CLOE SUPLEX

R$159,90 38% OFF
R$99,90
12x de R$9,66
Comprar
Oferta
Sem Estoque
Tamanho: P
P M G
Tamanho:
P M G

Comprar Pronto!
Incluindo...


BLUSA ML CORSET EM TULE COM STRASS

R$84,90 29% OFF
R$59,90
12x de R$5,79
Comprar
Sem Estoque
Tamanho: G
P M G
Tamanho:
P M G

Comprar Pronto!
Incluindo...


CALÇA CARGO ALFAIATARIA XADREZ

0% OFF
R$159,90
12x de R$15,46
Comprar
Oferta
Sem Estoque
Tamanho: M
P M G
Tamanho:
P M G

Comprar Pronto!
Incluindo...


CALÇA PANTACOURT FLOW

R$139,90 64% OFF
R$49,90
11x de R$5,25
Comprar





NOSSO NEWSLETTER

Hey mana!! Inscreva-se para receber as últimas novidades e promoções.

Não preencher este campo


@FAMELLI.STORE

Nosso instagram
Ver perfil

SIGA-NOS

 * 
 * 

ENVIAMOS SUAS COMPRAS

Entrega em todo o país

PAGUE COMO QUISER

Cartões de crédito ou à vista

COMPRE COM SEGURANÇA

Seus dados sempre protegidos

ENVIAMOS SUAS COMPRAS

Entrega em todo o país

PAGUE COMO QUISER

Cartões de crédito ou à vista

COMPRE COM SEGURANÇA

Seus dados sempre protegidos




NAVEGAÇÃO

 * Início
 * Produtos
 * Contato

FORMAS DE PAGAMENTO



FORMAS DE ENVIO



CONTATO

 * 18 99735-2379
 * famelli.store@gmail.com
 * Birigui/SP

INFORMAÇÃO LEGAL



Copyright Famelli Store - 2024. Todos os direitos reservados.


BRL

Carrinho de compras


PRODUTO

SUBTOTAL


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

Sucesso! Você tem frete grátis Frete grátis a partir de R$399,90 Meios de envio


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


Nossas lojas
Ver opções Esconder opções
 * RETIRA BIRIGUI FAMELLI STORE - Retira em Birigui a combinar no wpp dia/hora
   marcada. WPP 18 997352379
   Grátis
 * ENTREGA MOTOBOY ARAÇATUBA R$10,00 ENTREGA VIA MOTOBOY EM ARAÇATUBA/SP -
   R$10,00 PAGAMENTO VIA PIX DATA E HORA A COMBINAR NO WPP 1899735-2379
   Grátis
 * ENTREGA VIA MOTOBOY EM BIRIGUI/SP - R$5,00 ENTREGA VIA MOTOBOY EM BIRIGUI/SP
   - R$5,00 PAGAMENTO VIA PIX DATA E HORA A COMBINAR NO WPP 1899735-2379
   Grátis

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



QUE BOM VER VOCÊ DE VOLTA!

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

E-mail
Senha