html, body {
  background-color: #000 !important;
  background-image: url("https://cdn.awsli.com.br/18/18325/arquivos/609767020_1553995709171263_850391478355693394_n.jpg" ) !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}

#corpo, #cabecalho, #rodape {
  background-color: transparent !important;
}

@media only screen and (max-width: 768px) {
  html, body {
    background-attachment: scroll !important;
    background-size: cover !important;
    background-position: center top !important;
  }
}

/* Cabeçalho transparente */
#cabecalho {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

#cabecalho .conteiner {
  background: transparent !important;
  background-color: transparent !important;
}

#cabecalho .superior,
#cabecalho .inferior,
#cabecalho .bem-vindo,
#cabecalho .actions-menu,
#cabecalho .menu.superior {
  background: transparent !important;
  background-color: transparent !important;
}

/* Remove fundos claros das áreas internas do cabeçalho */
#cabecalho .row-fluid,
#cabecalho .span3,
#cabecalho .span4,
#cabecalho .span5,
#cabecalho .span6,
#cabecalho .span7,
#cabecalho .span8,
#cabecalho .span9,
#cabecalho .span12 {
  background: transparent !important;
  background-color: transparent !important;
}

/* Deixa a busca mais combinando com o tema escuro */
#cabecalho .busca,
#cabecalho .busca input,
#cabecalho input[type="text"] {
  background: rgba(255, 255, 255, 0.85) !important;
}

/* Carrinho e menus com fundo levemente transparente */
#cabecalho .carrinho,
#cabecalho .carrinho > a,
#cabecalho .minha-conta,
#cabecalho .meus-pedidos,
#cabecalho .actions-menu > li,
#cabecalho .actions-menu > li > a {
  background: rgba(255, 255, 255, 0.18) !important;
  background-color: rgba(255, 255, 255, 0.18) !important;
}

/* Reforço para remover qualquer camada branca do cabeçalho */
#cabecalho * {
  box-shadow: none !important;
}

#cabecalho .conteiner,
#cabecalho .row-fluid,
#cabecalho .principal,
#cabecalho .atalhos-mobile,
#cabecalho .menu.superior {
  background-image: none !important;
  background-color: transparent !important;
}

/* Rodapé transparente */
#rodape {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

#rodape .conteiner {
  background: transparent !important;
  background-color: transparent !important;
}

#rodape .institucional,
#rodape .pagamento-selos,
#rodape .links-rodape,
#rodape .sobre-loja-rodape,
#rodape .contato,
#rodape .redes-sociais,
#rodape .span3,
#rodape .span4,
#rodape .span5,
#rodape .span6,
#rodape .span7,
#rodape .span8,
#rodape .span9,
#rodape .span12,
#rodape .row-fluid {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Remove camadas ou imagens claras internas do rodapé */
#rodape .conteiner,
#rodape .row-fluid,
#rodape .institucional,
#rodape .pagamento-selos {
  background-image: none !important;
}

/* Textos do rodapé mais legíveis no fundo escuro */
#rodape,
#rodape p,
#rodape span,
#rodape li,
#rodape a,
#rodape .titulo {
  color: #eaffea !important;
}

/* Títulos do rodapé com verde gamer */
#rodape .titulo,
#rodape h3,
#rodape h4,
#rodape strong {
  color: #00ff78 !important;
  text-shadow: 0 0 5px rgba(0, 255, 120, 0.45);
}

/* Links do rodapé */
#rodape a:hover {
  color: #00ff78 !important;
  text-decoration: none !important;
}

/* Ajuste final do rodapé transparente - remove linha preta e melhora contraste */
#rodape,
#rodape * {
  box-shadow: none !important;
}

/* Remove linhas, bordas e divisórias escuras que ficam sobrando */
#rodape,
#rodape .conteiner,
#rodape .row-fluid,
#rodape .institucional,
#rodape .pagamento-selos,
#rodape .links-rodape,
#rodape .sobre-loja-rodape,
#rodape .contato,
#rodape .redes-sociais,
#rodape .span3,
#rodape .span4,
#rodape .span5,
#rodape .span6,
#rodape .span7,
#rodape .span8,
#rodape .span9,
#rodape .span12 {
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  background-color: transparent !important;
}

/* Caso a linha preta esteja vindo de pseudo-elementos */
#rodape::before,
#rodape::after,
#rodape .conteiner::before,
#rodape .conteiner::after,
#rodape .institucional::before,
#rodape .institucional::after,
#rodape .pagamento-selos::before,
#rodape .pagamento-selos::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Escurece áreas que ficaram claras demais, mas sem criar bloco branco */
#rodape .institucional,
#rodape .pagamento-selos,
#rodape .sobre-loja-rodape,
#rodape .links-rodape,
#rodape .contato,
#rodape .redes-sociais {
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 8px;
  padding-top: 10px;
  padding-bottom: 10px;
}

/* Textos comuns mais legíveis */
#rodape,
#rodape p,
#rodape span,
#rodape li,
#rodape div,
#rodape small {
  color: #dfffe6 !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
}

/* Links do rodapé com verde mais bonito */
#rodape a {
  color: #c9ffd8 !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
}

#rodape a:hover {
  color: #00ff78 !important;
  text-decoration: none !important;
}

/* Títulos do rodapé */
#rodape .titulo,
#rodape h3,
#rodape h4,
#rodape strong {
  color: #00ff78 !important;
  text-shadow: 0 0 6px rgba(0, 255, 120, 0.55), 0 1px 3px rgba(0, 0, 0, 0.8);
}

/* Ícones e selos que ficaram claros demais */
#rodape img,
#rodape svg,
#rodape i {
  filter: brightness(0.92) contrast(1.08) !important;
}

/* Área de créditos/plataforma, caso apareça muito clara */
#rodape .assinatura,
#rodape .powered,
#rodape .loja-integrada,
#rodape .copyright {
  background: rgba(0, 0, 0, 0.35) !important;
  color: #dfffe6 !important;
  border: none !important;
}

.listagem-item {
  position: relative !important;
  overflow: visible !important;
}

.descricao-hover-produto {
  display: none;
  position: absolute;
  left: 50%;
  top: 8px;
  transform: translateX(-50%);

  width: 255px;
  max-height: 170px;
  overflow-y: auto !important;
  overflow-x: hidden !important;

  background: rgba(0, 0, 0, 0.76) !important;
  color: #eaffea !important;

  border: 1px solid rgba(0, 255, 120, 0.45);
  border-left: 4px solid #00ff78;
  border-radius: 8px;

  padding: 9px 10px;
  font-size: 11px;
  line-height: 1.35;
  text-align: left;

  z-index: 80;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.55);
  white-space: normal !important;
  pointer-events: auto !important;

  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}

.descricao-hover-produto::before {
  content: "Descrição rápida";
  display: block;
  font-weight: bold;
  color: #00ff78;
  margin-bottom: 6px;
  font-size: 11px;
  text-shadow: 0 0 4px rgba(0, 255, 120, 0.6);
  border-bottom: 1px solid rgba(0, 255, 120, 0.35);
  padding-bottom: 4px;
}

.descricao-hover-produto .linha-descricao {
  display: block !important;
  padding: 4px 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  color: #eaffea !important;
  word-break: break-word;
  white-space: normal !important;
}

.descricao-hover-produto .linha-descricao strong {
  color: #00ff78 !important;
  font-weight: bold !important;
}

.descricao-hover-produto .linha-descricao:last-child {
  border-bottom: none !important;
}

.listagem-item:hover .descricao-hover-produto {
  display: block !important;
}

.descricao-hover-produto.carregando {
  color: #b8ffb8 !important;
  font-style: italic;
}

.descricao-hover-produto::-webkit-scrollbar {
  width: 5px;
}

.descricao-hover-produto::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 10px;
}

.descricao-hover-produto::-webkit-scrollbar-thumb {
  background: #00ff78;
  border-radius: 10px;
}

.descricao-hover-produto::-webkit-scrollbar-thumb:hover {
  background: #00c95f;
}

@media only screen and (max-width: 768px) {
  .descricao-hover-produto {
    display: none !important;
  }
}

/* Cabeçalho com visual igual ao rodapé: escuro, transparente e organizado */
#cabecalho {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* Camada principal escura/transparente no cabeçalho */
#cabecalho .conteiner {
  background: rgba(0, 0, 0, 0.38) !important;
  background-color: rgba(0, 0, 0, 0.38) !important;
  border-radius: 0 0 10px 10px;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.45) !important;
  border: none !important;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

/* Remove fundos brancos internos */
#cabecalho .superior,
#cabecalho .inferior,
#cabecalho .row-fluid,
#cabecalho .span3,
#cabecalho .span4,
#cabecalho .span5,
#cabecalho .span6,
#cabecalho .span7,
#cabecalho .span8,
#cabecalho .span9,
#cabecalho .span12,
#cabecalho .bem-vindo,
#cabecalho .actions-menu,
#cabecalho .menu.superior {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* Textos do cabeçalho mais legíveis */
#cabecalho,
#cabecalho p,
#cabecalho span,
#cabecalho div,
#cabecalho a,
#cabecalho li,
#cabecalho .bem-vindo {
  color: #eaffea !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.85);
}

/* Links do cabeçalho em verde no hover */
#cabecalho a:hover,
#cabecalho .actions-menu a:hover {
  color: #00ff78 !important;
  text-decoration: none !important;
}

/* Área de meus pedidos, minha conta e carrinho com o mesmo estilo do rodapé */
#cabecalho .actions-menu > li,
#cabecalho .actions-menu > li > a,
#cabecalho .carrinho,
#cabecalho .carrinho > a,
#cabecalho .minha-conta,
#cabecalho .meus-pedidos {
  background: rgba(0, 0, 0, 0.28) !important;
  background-color: rgba(0, 0, 0, 0.28) !important;
  color: #eaffea !important;
  border: 1px solid rgba(0, 255, 120, 0.18) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

/* Ícones do cabeçalho */
#cabecalho i,
#cabecalho .icon-shopping-cart,
#cabecalho .icon-user,
#cabecalho .icon-list {
  color: #00ff78 !important;
  text-shadow: 0 0 5px rgba(0, 255, 120, 0.45);
}

/* Campo de busca com aparência escura/transparente */
#cabecalho .busca {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

#cabecalho .busca input,
#cabecalho input[type="text"],
#cabecalho input[type="search"] {
  background: rgba(255, 255, 255, 0.88) !important;
  color: #111 !important;
  border: 1px solid rgba(0, 255, 120, 0.35) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
}

#cabecalho .busca input::placeholder,
#cabecalho input[type="text"]::placeholder,
#cabecalho input[type="search"]::placeholder {
  color: #666 !important;
}

/* Botão de pesquisar em preto e verde */
#cabecalho .busca .botao,
#cabecalho .busca button,
#cabecalho button[type="submit"] {
  background: #050505 !important;
  background-color: #050505 !important;
  color: #00ff78 !important;
  border: 1px solid rgba(0, 255, 120, 0.45) !important;
  box-shadow: 0 0 8px rgba(0, 255, 120, 0.25) !important;
}

#cabecalho .busca .botao:hover,
#cabecalho .busca button:hover,
#cabecalho button[type="submit"]:hover {
  background: #001f10 !important;
  color: #ffffff !important;
}

/* Remove qualquer linha ou faixa branca/preta sobrando no cabeçalho */
#cabecalho::before,
#cabecalho::after,
#cabecalho .conteiner::before,
#cabecalho .conteiner::after,
#cabecalho .superior::before,
#cabecalho .superior::after,
#cabecalho .inferior::before,
#cabecalho .inferior::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}