erro na configuração do produto
<script src="https://code.jquery.com/jquery-3.6.4.min.js" integrity="sha256-oP6HI9z1XaZNBrJURtCoUT5SUnxFr8s3BzRl+cbzUq8=" crossorigin="anonymous"></script>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" integrity="sha512-5A8nwdMOWrSz20fDsjczgUidUBR8liPYU+WymTZP1lmY9G6Oc7HlZv156XqnsgNUzTyMefFTcsFH/tnJE/+xBg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  
<link href="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/select2.min.js"></script>
  
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>

  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
  
<script src="https://tec9.com.br/novaead/sistema/vendor/jquery.validate/jquery.validate.min.js"></script>
<script src="https://tec9.com.br/novaead/sistema/vendor/bootstrap-notify/bootstrap-notify.js"></script>
<script src="https://tec9.com.br/novaead/sistema/vendor/jquery.mask/jquery.mask.js"></script>


<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/css/bootstrap-select.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/js/bootstrap-select.min.js"></script>

<style>
			.select2-container--default .select2-selection--multiple .select2-selection__choice {
    			padding-left: 19px !important;
				padding-right: 19px !important;
			}
			.select2-selection--multiple{
				/* width: max-content !important; */
			}

		.select2-search-field {
		color: #999 !important;
		width: auto !important;
		}
		.selection {
				width: 100% !important;
		}
		.select2-container--default .select2-selection--single {
			min-height: 40px !important;
		}

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
  background-image: url(https://tec9.com.br/novaead/sistema/ecomv3/busca/busca.svg);
  background-color: transparent;
  background-size: cover;
  border: none !important;
  height: 38px !important;
  width: 38px !important;
  margin: auto !important;
  top: auto !important;
  left: auto !important;
  border: 2px solid #dddddd !important;
    background-color: #373435;
    border-left: 0;
    border-radius: 30px 30px 30px 30px;
}



.dark {
  z-index: 777;
  background-color: #333;
  opacity: 0.5;
}

.form-group {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}
label{
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  
}
label.error{
  background-color: #cf1111 !important;
  color: #ffffff !important;
  padding-left: 3px !important;
  padding-right: 3px !important;
  right: -77% !important;
  bottom: 32px;
  position: relative;
  z-index: 3;
}
.nav.navbar {
  background-repeat: no-repeat !important;
    background-size: cover !important;
    background-image: url("https://tec9.com.br/novaead/sistema//upload/");
    z-index: 11 !important;
}
.btn_carrinho_topo{
  background-color: transparent;
  border: none;
}
.table th, .table td {
  padding: 0.2rem;
}
.grid-arr:hover {
  border: 2px solid #dddddd;
}

.grid-arr {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
/* grid-auto-rows: minmax(80px, 90px); */
column-gap: 10px;
row-gap: 1em;
border: 2px solid transparent;
}
.grid-arr-305 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(299px, 1fr));
grid-auto-rows: minmax(66px, auto);
column-gap: 10px;
row-gap: 1em;
}
.tamanhos{
  max-width: 331px;
  min-width: 320px;
  width: 317px;
}
.imagem_catalogo{
  max-width: 200px;
  max-height: 200px;
}
.nav .logo {
    align-items: center;
    display: flex;
    justify-content: flex-end !important;
}
.nav.navbar {
    background-color: #ffffff !important;
    }
.nav{
  }
.nav .logo img {
    max-width: 100px !important;
    width: 100vw !important;
}
.menu_usuario{
  border-radius: 5px 5px 5px 5px !important;
  padding: 2px 7px 2px 7px !important;
  background-color: #ffffff !important;
  color: #000000 !important;
  font-size: 70% !important;
  cursor: pointer;
}

/* css side nav */
.sidenav {
  padding: 0px;
  width: 0;
  height: 100%;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.05s;
}

.list-pages li+li {
  margin-top: 8px;
}

.menu {
  box-shadow: 0px 0px 6px 0px #ccc;
  padding: 15px;
  margin: 5px;
}

.card-view-value {
  width: 100%;
  text-align: right !important;
}

.menu-mobile {
  /* background-image: url(img/bg-produto.png); */
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  background-color: #f5f5f5;
  overflow-y: auto;
  height: 100%;
  padding: 20px;
  z-index: 999999;
}

.menu-mobile .user-infos {
  background-color: #ebebeb;
  border-radius: 6px;
  color: #4d4d4d;
  padding: 20px;
}

.menu-mobile .user-infos .actions-user {
  margin-top: 10px;
}

.menu-mobile .user-infos .actions-user .list-options {
  display: flex;
  justify-content: space-between;
}

.menu-mobile .user-infos .actions-user .list-options li:first-child {
  padding-left: 0;
}

.menu-mobile .user-infos .actions-user .list-options li {
  padding: 0 10px;
}

.menu-mobile .user-infos .name {
  font-size: 1rem;
  font-weight: 600;
  text-transform: capitalize;
}

.menu-mobile .user-infos .actions-user .list-options li a {
  color: #4d4d4d;
  font-size: 1rem !important;
  text-decoration: none;
}

.nav-pages>div .legend-page {
  color: #002a66;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 20px;
}

li .btn-outline-secondary {
  padding: 4px 0px 0px 0px;
  color: #868e96;
  background-color: transparent;
  background-image: none;
  border: 0;
}

li .btn-outline-secondary:hover {
  background-color: transparent;
}

li .btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show>.btn-outline-secondary.dropdown-toggle {
  color: color-yiq(#868e96);
  background-color: #fff;
  border: 0;
}

li .btn-outline-secondary i {
  font-size: 1.2rem;
  color: #868e96;
  background-color: transparent;
  background-image: none;
  border: 0;
}

.all-transition {
  transition: all .3s ease-in-out;
}

.all-transition:hover,
.all-transition a:hover {
  margin-left: 4px;
  color: #727b84;
}

.list-pages {
  padding: 0px;
}

.sideBack {
  height: 100vh;
  max-height: 100%;
  opacity: 1 !important;
  position: fixed;
  top: 0;
  z-index: -1;
  background-color: rgba(0, 0, 0, .8);
  transition: 0.05s;
}

.menu-mobile ul {
  padding: 0px;
  list-style: none;
}

.descricao .row div {
  margin: 0px;
  padding: 0px;
}

.quantidade_produto {
  text-align: center;
  display: flex;
  justify-content: center;
  padding-top: 21px !important;
  align-items: center;
  padding-bottom: 21px !important;
}

.quantidade_produto div {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border: 0px;
  width: 30px;
  height: 30px;
  background: #e33c35;
  cursor: pointer;
  border-radius: 4px;
  font-size: 18px;
}

#aviso-carrinho {
  font-size: 14px;
  -webkit-text-stroke-width: medium;
  color: red;
}
.excluir-item{
  cursor: pointer;
}

.btn .badge {
  position: relative;
  top: -13px;
  left: 13px;
}
.sidenav a {
font-size: 16px !important;
}
body{
overflow-x: hidden;
z-index: 0;
}
.imagem_center {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.login-container{
  margin-top: 5%;
  margin-bottom: 5%;
}
.login-logo{
  position: relative;
  margin-left: -41.5%;
}
.login-logo img{
  position: absolute;
  width: 20%;
  margin-top: 19%;
  background: #fff;
  border-radius: 4.5rem;
  padding: 5%;
  top: -25px;
}
.login-form-1{
  min-height: 400px;
  padding-left: 7%;
  padding-right: 7%;
  padding-bottom: 5px;
  background:#fff;
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
}
.login-form-1 h3{
  text-align: center;
  margin-bottom: 20px;
  margin-top: 20px;
  color:#ccc;
}
.login-form-2{
  min-height: 400px;
  padding-left: 7%;
  padding-right: 7%;
  padding-bottom: 5px;
  background: #282726;
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
}
.login-form-2 h3{
  text-align: center;
  margin-bottom: 20px;
  margin-top: 20px;
  color: #ccc;
}
.btnSubmit{
  font-weight: 600;
  width: 50%;
  color: #fff;
  background-color: #f11a27;
  border: none;
border-right: 10px orange solid;
  border-radius: 1.5rem;
  padding:2%;
}
.btnForgetPwd{
  color: #ccc;
  font-weight: 600;
  text-decoration: none;
}
.btnForgetPwd:hover{
  text-decoration:none;
  color:#ccc;
}
.login-page{
position: relative;
  display: flex;
  align-items: center;
  min-height: 100vh;
}
.login-page::before {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  z-index: -1;
  /* background: url(../img/bg.jpeg); */
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
}
body{
/* overflow-y: hidden; */
}
.container{
  width: 100%;
  height: 100%;
  min-height: 100% !important;
}
.navbar {
  display: block !important;
}
.fonte{
  font-size: clamp(0.5rem, 1.5vw, 1rem);
}
nav.navbar {
  padding-top: 0px;
  padding-bottom: 0px;
}
nav.navbar a {
    color: #ffffff !important;
}
h1{
  font-size: 2.5rem !important;
}

@media all and (max-width: 320px) { 
    .logo {max-width: 80px}
    .logo {max-height: 60px}
}
@media all and (min-width: 321px) and (max-width: 768px){
    .logo {max-width: 90px}
    .logo {max-height: 75px}
}
@media all and (min-width: 769px) and (max-width: 1200px){ 
    .logo {max-width: 140px}
    .logo {max-height: 90px}
}
@media all and (min-width: 1201px) { 
    .logo {max-width: 180px}
    .logo {max-height: 100px}
}


@media all and (max-width: 320px) { 
  .bannertopo {margin-top: 1.2em; margin-bottom: 0em;}
}
@media all and (min-width: 321px) and (max-width: 600px){
  .bannertopo {margin-top: 1.5em; margin-bottom: -0em;}
}
@media all and (min-width: 601px) and (max-width: 768px){
  .bannertopo {margin-top: 1.5em; margin-bottom: 0em;}
}
@media all and (min-width: 769px) and (max-width: 1200px){ 
  .bannertopo {margin-top: 2.0em; margin-bottom: 0em;}
}
@media all and (min-width: 1201px) { 
  .bannertopo {margin-top: 2.2em;}
}


@media all and (max-width: 320px) { 
  .texto_responsivo {font-size: 1.0rem;}
}
@media all and (min-width: 321px) and (max-width: 600px){
  .texto_responsivo {font-size: 1.2rem;}
}
@media all and (min-width: 601px) and (max-width: 768px){
  .texto_responsivo {font-size: 1.4rem;}
}
@media all and (min-width: 769px) and (max-width: 1200px){ 
  .texto_responsivo {font-size: 1.6rem;}
}
@media all and (min-width: 1201px) { 
  .texto_responsivo {font-size: 1.8rem;}
}


@media all and (max-width: 320px) { 
  .owl-prev svg, .owl-next svg { width: 28px; height: 28px;}
  .nav-button { padding: 1px !important;}
}
@media all and (min-width: 321px) and (max-width: 600px){
  .owl-prev svg, .owl-next svg { width: 28px; height: 28px;}
  .nav-button { padding: 2px !important;}
}
@media all and (min-width: 601px) and (max-width: 768px){
  .owl-prev svg, .owl-next svg { width: 26px; height: 26px;}
  .nav-button { padding: 3px !important;}
}
@media all and (min-width: 769px) and (max-width: 1200px){ 
  .owl-prev svg, .owl-next svg { width: 24px; height: 24px;}
  .nav-button { padding: 4px !important;}
}
@media all and (min-width: 1201px) { 
  .owl-prev svg, .owl-next svg { width: 22px; height: 22px;}
  .nav-button { padding: 5px !important;}
}


@media all and (max-width: 320px) { 
  .user_topo { font-size: 0.3rem;}
}
@media all and (min-width: 321px) and (max-width: 600px){
  .user_topo { font-size: 0.3rem;}
}
@media all and (min-width: 601px) and (max-width: 768px){
  .user_topo { font-size: 0.5rem;}
}
@media all and (min-width: 769px) and (max-width: 1200px){ 
  .user_topo { font-size: 0.6rem;}
}
@media all and (min-width: 1201px) { 
  .user_topo { font-size: 0.7rem;}
}

/* @media all and (max-width: 320px) { 
  .svgseta { width: 16px; height: 16px;}
}
@media all and (min-width: 321px) and (max-width: 600px){
  .svgseta { width: 16px; height: 16px;}
}
@media all and (min-width: 601px) and (max-width: 768px){
  .svgseta { width: 18px; height: 18px;}
}
@media all and (min-width: 769px) and (max-width: 1200px){ 
  .svgseta { width: 20px; height: 20px;}
}
@media all and (min-width: 1201px) { 
  .svgseta { width: 24px; height: 24px;}
} */


.container {
    height: auto !important;
    min-height: auto !important;
}

</style>

<div>


<nav id="topo_pagina" class="nav navbar fixed-top navbar-expand-lg shadow-sm" 
>


    <div id="topo_barra" class="container-fluid" style="width: 107%;
    position: relative;
    right: 3%;">
    &nbsp;&nbsp;<div class="d-flex justify-content-around">
        <a class="nav-link fonte text-white" aria-current="page" href="index.php">Home</a>
        <a target="_blank" class="nav-link fonte text-white" aria-current="page" href="https://pqex.com.br">Área do aluno</a>
      </div>    </div>



<style>
  .row {
    display: flex !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    margin-right: -5px !important;
    margin-left: -25px !important;
    flex-direction: row !important;
    align-content: center !important;
    justify-content: space-evenly !important;
    align-items: center !important;
}
</style>

  <div id="topo2" class="row align-items-center h-100 mt-1 mb-1">



    <div class="col-0">


                        <a href="https://curso.pqex.com.br/index.php?loja=url&ECOM_ID=556" aria-current="page" class="">
          <img class="ml-3 logo" style="width: 180px" src="https://tec9.com.br/novaead/sistema//upload/arquivos/30629_84d9ee44e457ddef7f2c4f25dc8fa86501-12-2023-08-08-56.png" alt="">
          </a>
                  </div>



    <!-- <div class="additional-options" style="" > -->


      <!-- <div class="search2" id="search" style="width: 30% !important" > -->
      <!-- <select class="selectpicker" data-live-search="true">
      <option data-content="<a href='produtos.php'>LINK</a>">teste1</option>
      <option data-tokens="ketchup mustard">teste2</option>
      <option data-tokens="mustard">teste3</option>
      <option data-tokens="frosting">teste4</option>
    </select> -->

      <!-- <div class="search">
          <input class="abre_busca" type="text" placeholder="Pesquisar" >
    </div> -->
 
    <!-- </div> -->

   


                  <div class="col-0">
            <div id="componente_busca" class="">

<div class="">
    <!-- <img class="btn btn-sm btn-dark abre_busca" src="https://tec9.com.br/novaead/sistema/ecomv3/busca/busca.svg"> -->
    <span style="cursor: pointer" class="abre_busca shadow-sm p-1 rounded">
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M15.5 14h-.79l-.28-.27c1.2-1.4 1.82-3.31 1.48-5.34-.47-2.78-2.79-5-5.59-5.34-4.23-.52-7.79 3.04-7.27 7.27.34 2.8 2.56 5.12 5.34 5.59 2.03.34 3.94-.28 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
  </span>
</div>


  <div class="div-overlay"></div>
  <!-- div oculta para mostrar a lista de produtos -->
  <div id="produto_busca" class="shadow bg-white rounded" style="
    top: 110px !important; 
    visibility: collapse;
    left:0 !important; 
    border: 14px solid #ffffff;
    border-radius: 30px !important;
    position: absolute;
    width: 96% !important; 
    height: 70vh !important;
    overflow-y: auto !important;
    margin-left: 2% !important;
    margin-right: 2% !important;
    z-index: 2;" >

  <div class="linha_fixa px-2 py-1">

  <div class="d-flex justify-content-between">
      <div>
        <span style="display: inline-block;" >Digite um termo: </span>
        <span style="display: inline-block;"><input class="input-field form-control" type="text" placeholder="Mínimo 3 caracteres" id="produto_busca_input2"></span>
      </div>
      <div>
        <span id="produto_busca_fechar" class="text-rigth btn btn-sm btn-dark" style="cursor: pointer;" > [x]</span>
      </div>
  </div>

</div>


  <div id="produto_busca_texto" class="col-md-12 mt-3"></div>

  </div>



  <script>
    function busca(nome, categoria, subcategoria){
    //  $("#produtos").html('<div class="d-flex justify-content-center"><div class="spinner-border" role="status"><span class="sr-only">Loading...</span></div></div>');   
    if( nome.length > 3){
    var datastring = [];
      datastring.push(
        { name: "PRODUTO_ID_DONO", value: 30629 }, 
        { name: "metodo", value: "BUSCA_PRODUTO" }, 
        { name: "searchTerm", value: nome },
        { name: "PRODUTO_CATEGORIA", value: categoria },
        { name: "PRODUTO_SUBCATEGORIA", value: subcategoria },
        { name: "ECOM_ID", value: 556 },
        { name: "HASH", value: "" },
      );
      $.ajax({
        type: 'post',
        url: "busca/api_busca.php",
				type: "post",
				dataType: 'json',
        data: datastring,
        success: function(html, status, response) {
           
            $('#produto_busca').show();
            $("#produto_busca").css("visibility","visible");
            $(".div-overlay").show();
   
            $('#produto_busca').find("#produto_busca_texto").empty();
            const data = response.responseJSON;
            data.forEach(function (el) {
                $('#produto_busca').find("#produto_busca_texto").append(el.html);
            });
           
            // $("#produto_busca").css("position","relative");
            // $("#produto_busca").css("z-index", 20);
            closeNav();
        
        }
      }); 
    } else{
        $('#produto_busca').show();
        $("#produto_busca").css("visibility","visible");
        $(".div-overlay").show();

        $('#produto_busca').find("#produto_busca_texto").empty();
        $('#produto_busca').find("#produto_busca_texto").html("Digite 3 caracteres ou mais");
      // $('#produto_busca').hide();
    }
 }

 $(document).ready(function() {
  $(document).on('change keydown paste input', '#produto_busca_input2', function(e) {
      // e.preventDefault()
      nome = $("#produto_busca_input2").val();
      busca(nome,"todos","todos");
  })



  $(document).on('click', '#produto_busca_fechar', function() {
    $('#produto_busca').hide();
    $(".div-overlay").hide();
    // $('#produto_busca_input2').val('');
  })

  $(document).on('click', '.abre_busca', function() {
    $('#produto_busca').show();
    $("#produto_busca").css("visibility","visible");
    $(".div-overlay").show();
  })

  $(document).on('click', '.btn_remove_lista', function() {
    $(this).parent().parent().remove();
    calcula_pedido()
  })

  $(document).on('change', '.contrato_produto_quantidade', function() {
    calcula_pedido()
  })

  $(document).on('change', '.contrato_produto_preco', function() {
    calcula_pedido()
  })


    $("#componente_busca_carrega").append($("#componente_busca") );
    $("#produto_busca").hide();
    $(".div-overlay").hide();
  })



  </script>
    <style>
    /* Estilo inicial do campo de entrada */
    .input-field {
      width: auto !important;
        transition: width 0.3s ease; /* transição suave para a mudança de largura */
        /* outros estilos que você desejar */
    }

    /* Estilo do campo de entrada quando focado */
    .input-field:focus {
      /* position: absolute; */
      /* width: auto !important; */
      /* position: fixed; */
    }
    .input-field, #produto_busca {
      /* position: relative; */
      /* z-index: 2; */
    }


    .div-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Preto com 50% de opacidade */
    z-index: 1; /* Garante que o overlay fique atrás da div branca */
}

.linha_fixa {
    position: sticky;
    top: 0; /* Define o ponto em que a div se torna fixa */
    z-index: 3; /* Assegura que a div fique acima do conteúdo rolável */
    background-color: #f1f3f3; /* Opcional: Define um fundo para a div */
}
    </style>
</div>          </div>
        
                  <div class="col-0">
              <span style="font-size: 150% !important;" onclick="openNav()" class="btn"><i class="fa fa-bars" aria-hidden="true"></i></span>
          </div>
        

        
                             <div  style="cursor:pointer" class="col-0 menu_usuario">
        <span class="text-center">
        &nbsp;
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-person-circle" viewBox="0 0 16 16">
          <path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/> <path fill-rule="evenodd" d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z"/>
          </svg>
        </span>
          <div class='text-center user_topo' style='font-size:0.8rem;' >Entrar ou <BR> Cadastrar</div>        </div>
        

          </a>
      

  
      <div class="col-0">

        <div class="right-menu list-inline no-margin-bottom" 
                  <!-- Megamenu-->
    <!-- Megamenu-->

    <span onclick="openNav2()" class="btn btn-outline-secondary btn_carrinho_topo"><svg xmlns="http://www.w3.org/2000/svg" width="25"
      height="25" fill="#000000" class="bi bi-cart" style="margin-right: -25px;" viewBox="0 0 16 16">
      <path d="M0 1.5A.5.5 0 0 1 .5 1H2a.5.5 0 0 1 .485.379L2.89 3H14.5a.5.5 0 0 1 .491.592l-1.5 8A.5.5 0 0 1 13 12H4a.5.5 0 0 1-.491-.408L2.01 3.607 1.61 2H.5a.5.5 0 0 1-.5-.5zM3.102 4l1.313 7h8.17l1.313-7H3.102zM5 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-7 1a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm7 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2z" />
    </svg>
    <span class="badge badge-danger contagem_itens" style="left: 7px !important;padding: 0.35em 0.65em !important;">0</span>
  </span>
  
        </div>
      </div>
      
      
<!-- Start sidenav -->
<div id="mySidenav2" class="sidenav">
  <span id="sideBackground2" onclick="closeNav2()" class="sideBack"></span>
  <section class="menu-mobile">
    <a href="javascript:void(0)" class="closebtn btn btn-dark btn-sm text-white" onclick="closeNav2()"><i class="fa fa-times"></i>Fechar</a>
	<BR>
    <!-- Sidebar Navigation-->
    <!-- Sidebar -->
    <br />
    <!-- CARRINHO -->
	<div class="retorno_sidenav">
    
    
    <!-- //FIM CARRINHO -->
    <!-- Sidebar Navigation end-->
	</div>
	
  </section>
</div>
<!-- End sidenav -->

</nav>
</div>



<script>
  function openNav2() {
    var porcent = 50;
    if ($(window).width() >= 0 && $(window).width() <= 350) {
      porcent = 95;
    } else if ($(window).width() > 350 && $(window).width() <= 500) {
      porcent = 85;
    } else {
      porcent = 50;
    }
    document.getElementById("mySidenav2").style.width = porcent + "%";
    document.getElementById("mySidenav2").style.left = "0px";
    document.getElementById("sideBackground2").style.width = "100%";

    // document.getElementById("main").style.marginLeft = "250px";
  }
  // Set the width of the side navigation to 0 and the left margin of the page content to 0 /
  function closeNav2() {
    document.getElementById("mySidenav2").style.width = "0";
    document.getElementById("mySidenav2").style.left = "-35px";
    document.getElementById("sideBackground2").style.width = "0";
  }


  function mensagem(texto, tipo) {
    var notify = $.notify('<div style="text-align:center">' + texto + '</div>', {
      type: tipo,
      allow_dismiss: false,
      showProgressbar: false,
      placement: {
        from: "top",
        align: "center"
      },
      offset: 20,
      spacing: 10,
      z_index: 1031,
      delay: 1500,
    });
  }


  //carrinho de download
  var quantity = 1;
  var preco_frete = $(".preco-frete").data('frete');
  var total_orcamento = $(".total-orcamento").data('orcamento');
  //parametros para orcamento
  var array_id = [];

  //funcao para calcular os valores do carrinho
  function calcular_carrinho() {
    var subtotal = 0;
    var quantidade_total = 0;
    var total_projeto = 0;
    var projeto_disponivel = 0;
    $('#carrinho > tbody  > tr').each(function(index, tr) {
      var quantidade = $(this).find('.quantidade').val();
      var preco = $(this).find('.quantidade').data('preco_produto');
      preco = preco.replace(".", "");
      preco = preco.replace(",", ".");

      preco = parseFloat(preco);
      if(preco>0){
        subtotal += parseInt(quantidade) * parseFloat(preco);
      }else{
        subtotal += parseInt(quantidade) * parseFloat(0);
      }
      
      quantidade_total += parseInt(quantidade);
    });
    total_projeto = parseFloat(subtotal) + parseFloat(preco_frete);
    projeto_disponivel = parseFloat(total_orcamento) - parseFloat(total_projeto);
    //formatar preço para reais
    total_projeto_formatado = total_projeto.toLocaleString('pt-br', {
      style: 'currency',
      currency: 'BRL'
    });
    sub_total_formatado = subtotal.toLocaleString('pt-br', {
      style: 'currency',
      currency: 'BRL'
    });
    projeto_disponivel_formatado = projeto_disponivel.toLocaleString('pt-br', {
      style: 'currency',
      currency: 'BRL'
    });
    //trocar o valor do elemento
    $(".projeto-disponivel").html(projeto_disponivel_formatado);
    $(".total-projeto").html(total_projeto_formatado);

    let sub_total_pontos = 0;

          $(".sub-total").html(sub_total_formatado);
    
    $('.contagem_itens').html(quantidade_total);
    return projeto_disponivel;
  }
  //fim funcao para calcular os valores do carrinho



  //adicionar itens no carrinho
  $(document.body).on('click', '.sku', function() {
    $preco = $(this).data('preco_produto');
    preco_formatado = $preco.toLocaleString('pt-br', {
      style: 'currency',
      currency: 'BRL'
    });
    $("#preco").html(preco_formatado);
    $("#comprar").html('<button style="padding: 10px 0.75rem;font-size:20px" class="btn btn-block btn-danger my-cart-btn"  data-name="' + $(this).data("name") + '" data-quantity="' + $(this).data("quantity") + '" data-image="' + $(this).data("image") + '" data-id="' + $(this).data("id") + '" data-altura="' + $(this).data("altura") + '" data-largura="' + $(this).data("largura") + '" data-preco_produto="' + $(this).data("preco_produto") + '">COMPRAR</button>');
  });

  //aumentar valor dos itens do carrinho
  $(document.body).on('click', '.aumenta', function() {
    produto_id = $(this).data("produto-id");
    mostra = $(this).data("mostra");
    quantidade = $(this).prev();
    quantity = quantidade.val();
    quantity = parseInt(quantity) + 1;
    // quantidade.val(quantity);
    //verificar se o limite foi atingido
    calcular_carrinho();
    if(mostra == 0){

    }else{
      mostra_carrinho("add",produto_id, 1,0);
    }

    //projeto_disponivel = calcular_carrinho();
	//alteração toklar
    projeto_disponivel = 9999999999;
    if (projeto_disponivel > 0) {
      $("#aviso-carrinho").show();
    } else {
      //trocar valor da quantidade se o limite for atingido
      quantity = parseInt(quantity) - 1;
      quantidade.val(quantity);
      mensagem("Você excedeu o seu limite.", "danger");
    };
    calcular_carrinho();

  });
  //aumentar valor dos itens do carrinho

  //diminuir valor dos itens do carrinho
  $(document.body).on('click', '.diminui', function() {
    produto_id = $(this).data("produto-id");
    mostra = $(this).data("mostra");
    quantidade = $(this).next();
    quantity = quantidade.val();
    if (quantity > 1) {
      quantity = parseInt(quantity) - 1;
      // quantidade.val(quantity);
      calcular_carrinho();
      if(mostra == 0){

      }else{
        mostra_carrinho("add",produto_id, -1,0);
      }
     
    } else {
      mensagem("Valor mínimo de 1 item", "danger");
    }
    $("#aviso-carrinho").show();
  });
  //fim diminuir valor dos itens do carrinho

 
  // remover itens
  $(document).on('click', '.excluir-item', function(event) {
    var SESSAO = $(this).data('sessao');
    var PRODUTO_ID = $(this).data('produto_id');
    var LOJA_HASH = "B2EuZp5w2J10n186srxV";
    var datastring = [];
    datastring.push(
      {name: "PRODUTO_ID",   value: PRODUTO_ID    }, 
	    {name: "SESSAO",        value: SESSAO      },
	    {name: "LOJA_HASH",        value: LOJA_HASH      },
	    {name: "ECOM_ID",        value: 556      },
       
	  {
        name: "PROJETO",
        value: ''
      });
    $.ajax({
      type: 'post',
      url: 'ajax_deleta.php',
      data: datastring,
      success: function(html, status, response) {
        //$('#retorno').html(html);
      }
    });

    $(this).parent().remove();
    calcular_carrinho();
  });
  //fim carrinho de download

  //funcao todos id da table

  function contar_ids() {
    $('#carrinho > tbody  > tr').each(function(index, tr) {
      var id = $(this).data('id');
      var quantidade = $(this).find('.quantidade').val();
      codigo = id + "QTD" + quantidade;
      array_id.push(codigo);
    });
    return array_id;
  };
  //fim funcao todos id da table

  //gerar orçamento do projeto
  function salvar_carrinho() {
    var projeto_hash = '';
    $('#carrinho > tbody  > tr').each(function(index, tr) {

      var cupom = $("#CUPOM").val();
      var quantidade = $(this).find('.quantidade').val();
      var codigo = $(this).data('id');
      var item = 0;
      //item = item[0];

      var datastring = [];
      datastring.push(
        { name: "ITEM", value: item }, 
        {name: "HASH", value: "" },
          
        {name: "QUANTIDADE", value: quantidade }, 
        {name: "CUPOM", value: cupom }, 
        {name: "CODIGO",  value: codigo }, 
        {name: "SESSAO", value: '' },
        {name: "ACAO",   value: 1  },
         
        {name: "PROJETO", value: ''}
      );
      $.ajax({
        type: 'post',
        url: '../orcamento/ajax_carrinho.php',
        data: datastring,
        success: function(html, status, response) {
          //window.location.replace("../orcamento/catalogo_loja.php?acao=1&PROJETO=");
        }
      });
    });
    // mensagem("Produtos salvos no seu carrinho", "success");
    $("#aviso-carrinho").hide();
  }
  //fim gerar orçamento do projeto


  //gerar orçamento do projeto

  
  $(document.body).on('click', '#finaliza_projeto', function() {
    login();
  });
  //fim gerar orçamento do projeto

  $(document).ready(function() {
    $("#aviso-carrinho").hide();
    var subtotal = 0;
    var quantidade_total = 0;
    var total_projeto = 0;
    var projeto_disponivel = 0;
    calcular_carrinho();
  });
  
    $(document.body).on('click', '#salvar_carrinho', function() {
	  salvar_carrinho();
  })


</script>      
<!-- Start sidenav -->
<div id="mySidenav" class="sidenav">
  <span id="sideBackground" onclick="closeNav()" class="sideBack"></span>
  <section class="menu-mobile">
    <a style="font-size: 13px !important;color:#000;position: initial;float:right" href="javascript:void(0)" class="closebtn" onclick="closeNav()"><i class="fa fa-times"></i> Fechar</a>
    <!-- Sidebar Navigation-->
    <!-- Sidebar -->
    <br />


    <!-- Acesso aos Menus -->
    <br />
    <nav class="nav-pages">
      <div><span class="legend-page">Categorias</span>
	  
  <ul class="list-pages" style="margin-bottom: -20px !important;" >
          <li class="text-dark all-transition">
          &nbsp;
            <a style="color: #000000" href="categorias.php?categoria=206&url/administrativo" class="filtro_cat" data-categoria="206" >
  <!-- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right-circle" viewBox="0 0 16 16">
    <path fill-rule="evenodd" d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z"/>
  </svg> -->
  <hr>
  <span style="margin-bottom:2px !important"><b>Administrativo</b></span>

  </a>
          </li>
          </ul>
  <ul class="list-pages" style="margin-bottom: -20px !important;" >
          <li class="text-dark all-transition">
          &nbsp;
            <a style="color: #000000" href="categorias.php?categoria=207&url/comportamental" class="filtro_cat" data-categoria="207" >
  <!-- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right-circle" viewBox="0 0 16 16">
    <path fill-rule="evenodd" d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z"/>
  </svg> -->
  <hr>
  <span style="margin-bottom:2px !important"><b>Comportamental</b></span>

  </a>
          </li>
          </ul>
  <ul class="list-pages" style="margin-bottom: -20px !important;" >
          <li class="text-dark all-transition">
          &nbsp;
            <a style="color: #000000" href="categorias.php?categoria=208&url/desenvolvimento-pessoal" class="filtro_cat" data-categoria="208" >
  <!-- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right-circle" viewBox="0 0 16 16">
    <path fill-rule="evenodd" d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z"/>
  </svg> -->
  <hr>
  <span style="margin-bottom:2px !important"><b>Desenvolvimento Pessoal</b></span>

  </a>
          </li>
          </ul>
  <ul class="list-pages" style="margin-bottom: -20px !important;" >
          <li class="text-dark all-transition">
          &nbsp;
            <a style="color: #000000" href="categorias.php?categoria=209&url/gestao-e-lideranca" class="filtro_cat" data-categoria="209" >
  <!-- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right-circle" viewBox="0 0 16 16">
    <path fill-rule="evenodd" d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z"/>
  </svg> -->
  <hr>
  <span style="margin-bottom:2px !important"><b>Gestão e Liderança</b></span>

  </a>
          </li>
          </ul>
  <ul class="list-pages" style="margin-bottom: -20px !important;" >
          <li class="text-dark all-transition">
          &nbsp;
            <a style="color: #000000" href="categorias.php?categoria=210&url/marketing-e-vendas" class="filtro_cat" data-categoria="210" >
  <!-- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right-circle" viewBox="0 0 16 16">
    <path fill-rule="evenodd" d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z"/>
  </svg> -->
  <hr>
  <span style="margin-bottom:2px !important"><b>Marketing e Vendas</b></span>

  </a>
          </li>
          </ul>
  <ul class="list-pages" style="margin-bottom: -20px !important;" >
          <li class="text-dark all-transition">
          &nbsp;
            <a style="color: #000000" href="categorias.php?categoria=211&url/meio-ambiente" class="filtro_cat" data-categoria="211" >
  <!-- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right-circle" viewBox="0 0 16 16">
    <path fill-rule="evenodd" d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z"/>
  </svg> -->
  <hr>
  <span style="margin-bottom:2px !important"><b>Meio Ambiente</b></span>

  </a>
          </li>
          </ul>
  <ul class="list-pages" style="margin-bottom: -20px !important;" >
          <li class="text-dark all-transition">
          &nbsp;
            <a style="color: #000000" href="categorias.php?categoria=212&url/tecnologia-e-informatica" class="filtro_cat" data-categoria="212" >
  <!-- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right-circle" viewBox="0 0 16 16">
    <path fill-rule="evenodd" d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z"/>
  </svg> -->
  <hr>
  <span style="margin-bottom:2px !important"><b>Tecnologia e Informática</b></span>

  </a>
          </li>
          </ul>
      </div>
    </nav>
    <!-- /#sidebar-wrapper -->
    <!-- Sidebar Navigation end-->
  </section>
</div>
<!-- End sidenav -->




<!-- Start sidenav -->
<div id="nav_usuario" class="sidenav">
  <span id="nav_usuario_background" onclick="close_nav_usuario()" class="sideBack"></span>
  <section class="menu-mobile">
    <a style="font-size: 13px !important;color:#000;position: initial;float:right" href="javascript:void(0)" class="closebtn" onclick="close_nav_usuario()"><i class="fa fa-times"></i> Fechar</a>
    <!-- Sidebar Navigation-->
    <!-- Sidebar -->
    <br />


    <!-- Acesso aos Menus -->
    <br />
    <nav class="nav-pages">
     
            <h6>Você não está logado(a). </h6><span><a href="#" onClick="login()">Entre ou Cadastre-se</a></span>
       
      
<ul class="list-pages">
<div><span class="legend-page"><b>Dados de Venda</b></span>
<li class="all-transition" style="font-size:90%"><a href="#" class="_close ver_pedidos" >&nbsp;&nbsp;&nbsp;Ver Pedidos</a></li>
<hr>
<div><span class="legend-page"><b>Dados de Wallet</b></span>
<li class="all-transition" style="font-size:90%"><a href="#" class="_close ver_wallet" >&nbsp;&nbsp;&nbsp;Ver Histórico Wallet</a></li>
<hr>
<div><span class="legend-page"><b>Dados da Conta</b></span>
<li class="all-transition" style="font-size:90%"><a href="#" class="_close alterar_dados" >&nbsp;&nbsp;&nbsp;Alterar Dados</a></li>
<li class="all-transition" style="font-size:90%"><a href="#" class="_close alterar_senha" >&nbsp;&nbsp;&nbsp;Alterar Senha</a></li>
 

</ul>

      </div>
    </nav>
    <!-- /#sidebar-wrapper -->
    <!-- Sidebar Navigation end-->
  </section>
</div>
<!-- End sidenav -->


</nav>
</div>
    </div>
  </div>
 
</nav>


</div>

<style>
      .select2-container{
        width: 100% !important;
      }
      .selection{
        width: 100% !important;
      }
    </style>




<script>

$("body").on('keyup', ".select2,.select2-dropdown", function (e) {
  busca_termos("#produto_busca_input", "BUSCA_PRODUTO","","" )
})

$(document).ready(function() {
  busca_termos("#produto_busca_input", "BUSCA_PRODUTO","","" )
  // $("#produto_busca").hide();
})

function openNav() {
    var porcent = 50;
    if ($(window).width() >= 0 && $(window).width() <= 350) {
      porcent = 95;
    } else if ($(window).width() > 350 && $(window).width() <= 500) {
      porcent = 85;
    } else {
      porcent = 50;
    }
    document.getElementById("mySidenav").style.width = porcent + "%";
    document.getElementById("sideBackground").style.width = "100%";
    // document.getElementById("main").style.marginLeft = "250px";
  }
  // Set the width of the side navigation to 0 and the left margin of the page content to 0 /
  function closeNav() {
    document.getElementById("mySidenav").style.width = "0";
    document.getElementById("sideBackground").style.width = "0";
  }




  $(document).on('change keyup paste focus onblur blur', '#produto_busca_input', function() {
    // $("#produto_busca").removeClass('dark');
    // $('#produto_busca').hide();
  })


$(document).on('click', '.busca_produto_btn', function() {
  // $("#produto_busca").addClass('dark');
  nome = $("#produto_busca_input").val();
  busca_termos("#produto_busca_input", "BUSCA_PRODUTO","","" )
})
function closeSearch() {
  var icon = document.getElementById('search');
  icon.classList.remove('show-flex');

  //$(".busca_produto").val(' ');
//$(".busca_produto").val('');
}
$(document).on('click', '.link_busca', function() {
    // let id = $(this).data("id");
    // window.location.href = "produto.php?ID=" + id;
})

$(document).on('click', '.filtro_subcat', function() {
categoria = $(this).data("categoria");
subcategoria = $(this).data("subcategoria");
pagina_produtos("todos",categoria,subcategoria);

})

$(document).on('click', '.filtro_cat', function() {
categoria = $(this).data("categoria");
pagina_produtos("todos",categoria,"todos");

})

function busca_termos(elemento, metodo, valor_id, valor_text, id_filtro){
    $(elemento).select2({
			placeholder: "Busque...",
			ajax: { 
				url: "/busca/api_busca.php",
				type: "post",
				dataType: 'json',
				delay: 250,
				data: function (params) {
					return {
							searchTerm: params.term,
							PRODUTO_ID_DONO: 30629,
              metodo: metodo,
							id_filtro: id_filtro
					};
				},
        escapeMarkup: function(markup) {
          return markup;
        },
        templateResult: function(data) {
          if (data.html) {
            return $(data.html);
          }
          return data.text;
        },
        templateSelection: function(data) {
          return data.text || data.id;
        },
				processResults: function (response) {
					return {
						results: response
					};
				},
				cache: false
			}
		});

    if(valor_id == ""){

    }else{
      var option = new Option(valor_text, valor_id, true, true);
      $(elemento).append(option).trigger('change');
    }


   } 
   
function produto_novidade(){
 $("#novidades").html('<div class="d-flex justify-content-center"><div class="spinner-border" role="status"><span class="sr-only">Loading...</span></div></div>');   
 var datastring = [];
  datastring.push(
    { name: "ECOM_ID_DONO", value: 30629 }, 
    { name: "ECOM_ID", value: 556 }, 
    { name: "PRODUTO_CATEGORIA", value: 0 },
    { name: "PRODUTO_SUBCATEGORIA", value: 0 },
    { name: "HASH", value: "" },
     
    { name: "PROJETO", value: '' }
  );
  $.ajax({
    type: 'post',
    url: 'ajax_produtos_novidades.php',
    data: datastring,
    success: function(html, status, response) {
      $('#novidades').html(html);
      closeNav();
    }
  });   
 }

function pagina_produtos(nome, categoria, subcategoria){
 $("#produtos").html('<div class="d-flex justify-content-center"><div class="spinner-border" role="status"><span class="sr-only">Loading...</span></div></div>');   
 var datastring = [];
  datastring.push(
    { name: "ECOM_ID_DONO", value: 30629 }, 
    { name: "ECOM_ID", value: 556 }, 
    { name: "PRODUTO_NOME", value: nome },
    { name: "PRODUTO_CATEGORIA", value: categoria },
    { name: "PRODUTO_SUBCATEGORIA", value: subcategoria },
    { name: "HASH", value: "" },
     
    { name: "PROJETO", value: '' }
  );
  $.ajax({
    type: 'post',
    url: 'ajax_produtos.php',
    data: datastring,
    success: function(html, status, response) {
      $('#produtos').html(html);
      closeNav();
    }
  });   
 }


 function produto_detalhe(id_ecom, produto_id){
 $("#novidades").hide();
 $("#produtos").html('<div class="d-flex justify-content-center"><div class="spinner-border" role="status"><span class="sr-only">Loading...</span></div></div>');   
//  alert(id_ecom);
 var datastring = [];
  datastring.push(
    { name: "ECOM_ID", value: id_ecom }, 
    { name: "PRODUTO_ID", value: produto_id }
  );
  $.ajax({
    type: 'post',
    url: 'ajax_produtos_detalhe.php',
    data: datastring,
    success: function(html, status, response) {
      $('#produtos').html(html);
      $('#banner_topo').html('');
      
    }
  });   
 }
 
function mostra_carrinho(acao,produto_id, metodo, custom, arr_dados){
  if(acao == "esconde" && metodo == "esconde" ){
     $(".btn_carrinho_topo").hide();
     return false;
  }else{
    $(".btn_carrinho_topo").show();
  }
  //metodo = 1, adiciona itens  ||  -1 remove itens
  // se acao = "add", tem que ter produto ID e adicionar ao carrinho
  // se acao = "mostra", tem que passar ID Produto = 0 e apenas mostrar o carrinho.
 var datastring = [];
 datastring.push(
 {name: "valor_dinamico_parceiro", value: ''  }, 
 {name: "produto_id", value: produto_id  }, 
 {name: "custom", value: custom  }, 
 {name: "arr_dados", value: JSON.stringify(arr_dados)  }, 
 {name: "metodo",  value: metodo  }, 
 {name: "ACAO", value: acao },
 {name: "LOJA_HASH", value: '' },
 {name: "SESSAO", value: '' },
 {name: "ECOM_ID",  value: '556' },
 {name: "CNPJ", value: $("#faturar_cnpj_numero").val() },
 {name: "CUPOM", value: $("#CUPOM").val() }
 );
 $.ajax({
   type: 'post',
   url: 'ajax_carrinho.php',
   data: datastring,
   success: function(html, status, response) {
   if ( acao == "add" || metodo == "mostra" ) {
      openNav2();
   }

   $('.retorno_sidenav').html(html);
   calcular_carrinho();
   }
 });    
}


$(document).on('click', '.comprar', function() {
 var produto_id = $(this).data('id');
 var custom = $(this).data('custom');
 var config = $(this).data('config');
 if(produto_id == 0 || produto_id == "") {
      alert("Selecione um produto")
    }else{
      mostra_carrinho("add",produto_id,1,custom, config);
    }

}) 

$(document).on('click', '.alterar_pedido', function() {
  $(".retorno_pedido").html("<div class='alert alert-warning' role='alert'>Acesse o carrinho para finalizar seu Pedido ou <a href='#' class='alterar_pedido'><b>CLIQUE AQUI</b></a></div>");
  mostra_carrinho("mostra",0, "mostra",0);
}) 



$(document).on('click', '.alterar_dados', function() {
  altera_dados();
  close_nav_usuario();
}) 

$(document).on('click', '.ver_wallet', function() {
  ver_wallet();
  close_nav_usuario();
}) 

$(document).on('click', '.ver_pedidos', function() {
  ver_pedidos();
  close_nav_usuario();
}) 

$(document).on('click', '.alterar_senha', function() {
  alterar_senha();
  close_nav_usuario();
}) 

$(document).on('click', '.btn_detalhe', function() {
 var produto_id = $(this).data('id');
 var id_dono = $(this).data('id_dono');
 var id_ecom = $(this).data('id_ecom');
 produto_detalhe(id_ecom,produto_id);
 // alert(produto_id + ecom_id);
}) 

function login(){
    // $(".btn_carrinho_topo").hide();
    // $("#form-pesquisa").hide();
    window.location.href = "login.php?loja=url&ECOM_ID=556&SESSAO=cd44541a4558dcc607944b55d130ef2e&origem=loginTopo"; 
    // $(".menu_usuario").hide();
    // $("#retorno").html('<BR><BR><BR><BR><div class="mt-5 d-flex justify-content-center"><div class="spinner-border" style="width: 3rem; height: 3rem;" role="status"><span class="sr-only">Loading...</span></div></div>');   
  var datastring = [];
  datastring.push(
    { name: "CARRINHO",  value: "cd44541a4558dcc607944b55d130ef2e"  }, 
    { name: "ECOM_ID",  value: "556" }, 
    { name: "HASH",  value: "" },
       {
      name: "PROJETO",   value: ''
    }
    );
}


function alterar_senha(){
$(".btn_carrinho_topo").hide();
  $("#form-pesquisa").hide();
  // $(".menu_usuario").hide();
$("#retorno").html('<BR><BR><BR><BR><div class="mt-5 d-flex justify-content-center"><div class="spinner-border" style="width: 3rem; height: 3rem;" role="status"><span class="sr-only">Loading...</span></div></div>');  
var datastring = [];
datastring.push(
  {
    name: "CARRINHO",
    value: "cd44541a4558dcc607944b55d130ef2e"
  }, 
  {
    name: "ECOM_ID",
    value: "556"
  }, 
  {
    name: "HASH",
    value: ""
  },
   
  {
    name: "PROJETO",
    value: ''
  }
  );
$.ajax({
  type: 'post',
  url: 'edit_senha.php',
  data: datastring,
  success: function(html, status, response) {
  //mensagem("Orçamento criado com sucesso", "success");
  $("#retorno").html(html);
  closeNav2();
  }
});
}

function altera_dados(){
$(".btn_carrinho_topo").hide();
  $("#form-pesquisa").hide();
  // $(".menu_usuario").hide();
$("#retorno").html('<BR><BR><BR><BR><div class="mt-5 d-flex justify-content-center"><div class="spinner-border" style="width: 3rem; height: 3rem;" role="status"><span class="sr-only">Loading...</span></div></div>');  
var datastring = [];
datastring.push(
  {
    name: "CARRINHO",
    value: "cd44541a4558dcc607944b55d130ef2e"
  }, 
  {
    name: "ECOM_ID",
    value: "556"
  }, 
  {
    name: "HASH",
    value: ""
  },
   
  {
    name: "PROJETO",
    value: ''
  }
  );
$.ajax({
  type: 'post',
  url: 'edit_cliente.php',
  data: datastring,
  success: function(html, status, response) {
    //mensagem("Orçamento criado com sucesso", "success");
    $("#retorno").html(html);
    closeNav2();
  }
});
}


function ver_pedidos(){
$(".btn_carrinho_topo").hide();
  $("#form-pesquisa").hide();
  // $(".menu_usuario").hide();
$("#retorno").html('<BR><BR><BR><BR><div class="mt-5 d-flex justify-content-center"><div class="spinner-border" style="width: 3rem; height: 3rem;" role="status"><span class="sr-only">Loading...</span></div></div>');  
var datastring = [];
datastring.push(
  {
    name: "CARRINHO",
    value: "cd44541a4558dcc607944b55d130ef2e"
  }, 
  {
    name: "ECOM_ID",
    value: "556"
  }, 
  {
    name: "HASH",
    value: ""
  },
   
  {
    name: "PROJETO",
    value: ''
  }
  );
$.ajax({
  type: 'post',
  url: 'edit_pedido.php',
  data: datastring,
  success: function(html, status, response) {
    //mensagem("Orçamento criado com sucesso", "success");
    $("#retorno").html(html);
    closeNav2();
  }
});
}

function ver_wallet(){
$(".btn_carrinho_topo").hide();
  $("#form-pesquisa").hide();
  // $(".menu_usuario").hide();
$("#retorno").html('<BR><BR><BR><BR><div class="mt-5 d-flex justify-content-center"><div class="spinner-border" style="width: 3rem; height: 3rem;" role="status"><span class="sr-only">Loading...</span></div></div>');  
var datastring = [];
datastring.push(
  {
    name: "CARRINHO",
    value: "cd44541a4558dcc607944b55d130ef2e"
  }, 
  {
    name: "ECOM_ID",
    value: "556"
  }, 
  {
    name: "HASH",
    value: ""
  },
   
  {
    name: "PROJETO",
    value: ''
  }
  );
$.ajax({
  type: 'post',
  url: 'edit_wallet.php',
  data: datastring,
  success: function(html, status, response) {
    //mensagem("Orçamento criado com sucesso", "success");
    $("#retorno").html(html);
    closeNav2();
  }
});
}

  function openNav() {
    var porcent = 35;
    if ($(window).width() >= 0 && $(window).width() <= 350) {
      porcent = 95;
    } else if ($(window).width() > 350 && $(window).width() <= 500) {
      porcent = 85;
    } else {
      porcent = 35;
    }
    document.getElementById("mySidenav").style.width = porcent + "%";
    document.getElementById("sideBackground").style.width = "100%";
    // document.getElementById("main").style.marginLeft = "250px";
  }
  // Set the width of the side navigation to 0 and the left margin of the page content to 0 /
  function closeNav() {
    document.getElementById("mySidenav").style.width = "0";
    document.getElementById("sideBackground").style.width = "0";
  }

  function openSearch() {
    var icon = document.getElementById('search');
    icon.classList.add('show-flex');
  }


  function open_nav_usuario() {
    var porcent = 35;
    if ($(window).width() >= 0 && $(window).width() <= 350) {
      porcent = 95;
    } else if ($(window).width() > 350 && $(window).width() <= 500) {
      porcent = 85;
    } else {
      porcent = 35;
    }
    document.getElementById("nav_usuario").style.width = porcent + "%";
    document.getElementById("nav_usuario_background").style.width = "100%";
    // document.getElementById("main").style.marginLeft = "250px";
  }
  // Set the width of the side navigation to 0 and the left margin of the page content to 0 /
  function close_nav_usuario() {
    document.getElementById("nav_usuario").style.width = "0";
    document.getElementById("nav_usuario_background").style.width = "0";
  }

  $(document).on('click', '.menu_usuario', function() {
   login();
 }) 

</script>