/* =====================================================
   LOJA MELHORES MARCAS - CSS CUSTOMIZADO
   Versão: 01.1
   Atualizado em: 29/04/2026
   ===================================================== */

html,
body {
  overflow-x: hidden !important;
}

body {
  opacity: 1 !important;
}

/* Atendimento e Pagamento */
.links-rodape-atendimento .contact li:nth-child(2) a {
  white-space: nowrap;
}

.pagamento .pay-seals {
  display: flex;
  gap: 5px;
}

.bandeiras-pagamento {
  margin-right: auto !important;
  margin-left: auto !important;
  width: fit-content !important;
}

.forma_envio.span4 > ul {
  display: flex !important;
}

/* Login e Cadastro */
.pagina-login #corpo .cadastro .cabecalho-interno .titulo:before {
  content: none !important;
}

.cadastro > .cabecalho-interno.row-fluid > .span12 > .titulo.cor-secundaria {
  color: black !important;
}

/* Carrinho e Checkout */
.carrinho-checkout .atendimento li span.display-table,
.carrinho-checkout .atendimento li strong {
  color: white !important;
}

/* Banner */
#fullbanner-mob > .slick-list.draggable {
  max-width: 101vw !important;
}

/* Produto */
.codigo-produto > .img-marca {
  margin-left: 15px;
  max-width: 120px !important;
}

/* Rodapé - limpeza */
.sobre-loja-rodape.span4 > .logo.cor-secundaria,
.sobre-loja-rodape .logo.cor-secundaria,
.sobre-loja-rodape > .logo {
  display: none !important;
  visibility: hidden !important;
}

#rodape .links-rodape > .titulo:after {
  content: none !important;
}

.links-rodape {
  border: none !important;
}

.tracking {
  display: none !important;
}

/* Rodapé - sobre a loja */
.sobre-loja-rodape {
  padding-right: 15px;
}

.logo-rodape-custom {
  display: block;
  margin: 0 0 12px 0;
  line-height: 0;
}

#customLogoRodape {
  display: block;
  max-width: 90px !important;
  width: 100% !important;
  height: auto !important;
}

.sobre-loja-rodape img {
  max-width: 100% !important;
}

.sobre-loja-rodape .logo img {
  display: none !important;
}

.texto-rodape-custom,
.sobre-loja-rodape p {
  font-size: 13px;
  line-height: 1.6;
  color: #555;
  margin-bottom: 16px;
}

.saiba-mais-rodape {
  display: inline-block;
  background-color: #e60000 !important;
  color: #fff !important;
  padding: 10px 24px !important;
  border-radius: 10px;
  font-weight: 600;
  text-decoration: none !important;
  margin: 0 0 24px 0;
}

/* Redes sociais */
.lista-redes {
  margin-top: 18px;
}

.lista-redes ul {
  display: flex;
  gap: 14px;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

.lista-redes li {
  list-style: none !important;
}

.lista-redes a {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  border: 1px solid #222;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #222 !important;
  text-decoration: none !important;
  font-size: 18px;
}

.lista-redes a:hover {
  background: #000;
  border-color: #000;
  color: #fff !important;
}

.svg-tiktok {
  width: 16px !important;
  height: 16px !important;
  display: block !important;
}

.lista-redes a:hover .svg-tiktok path {
  fill: #fff !important;
}

/* Mobile - rodapé */
@media only screen and (max-width: 600px) {
  .sobre-loja-rodape {
    text-align: center;
    padding: 20px !important;
  }

  #customLogoRodape {
    max-width: 85px;
    margin: 0 auto;
  }

  .texto-rodape-custom,
  .sobre-loja-rodape p {
    font-size: 15px;
    line-height: 1.55;
    margin-bottom: 20px;
  }

  .saiba-mais-rodape {
    display: none !important;
  }

  .lista-redes ul {
    justify-content: center;
  }

  .lista-redes a {
    width: 44px;
    height: 44px;
  }

  .svg-tiktok {
    width: 18px !important;
    height: 18px !important;
  }
}

/* =====================================================
   BANNER MOBILE - CORREÇÃO NECESSÁRIA
   Não remover enquanto o banner mobile não estiver 100%
   controlado pelo painel da Loja Integrada.
   ===================================================== */

@media only screen and (max-width: 767px) {
  #fullbanner-mob {
    display: block !important;
    width: 100vw !important;
    max-width: 100vw !important;
    overflow: hidden !important;
  }

  #fullbanner-mob .slick-slide,
  #fullbanner-mob .slick-list,
  #fullbanner-mob .slick-track {
    width: 100vw !important;
  }

  #fullbanner-mob img {
    content: url("https://cdn.awsli.com.br/2774/2774725/arquivos/a633ffc0-28c6-44a0-9461-6aec90d4a05c___b022da22890740b9aa7a84e9c9b669d4.webp") !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: auto !important;
    display: block !important;
    object-fit: cover !important;
  }
}