.loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #f7b8d5 , #f7b8e6 );
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999;
    opacity: 1;
    transition: opacity 0.5s;
  }
  
  .loading img {
    width: 150px; /* Ajuste o tamanho conforme necessário */
    height: 150px; /* Ajuste o tamanho conforme necessário */
  }
  
  #qlwapp{
    z-index: 999;
  }

  html {
    overflow: hidden; /* Oculta a barra de rolagem */
  }
  
  html.loading-complete {
    overflow: auto; /* Exibe a barra de rolagem após o loading ser concluído */
  }

  .shop-filters{
    opacity: 0 !important;
  }