/* ========================================
   GLAMOUR STORE - CSS GLOBAL ATUALIZADO
   Corrigindo selos de pagamento e faixa do CNPJ
======================================== */

/* === BASE === */
body {
  font-size: 16px !important;
  background-color: #f5eaf8 !important;
  font-family: "Segoe UI", sans-serif !important;
  letter-spacing: 0.2px;
  margin-top: 58px !important;
  overflow-x: hidden !important;
}

/* === OCULTAR ITENS DESNECESSÁRIOS === */
.newsletter,
#newsletter,
.box-newsletter,
#jivo-iframe-container,
iframe[src*="jivochat"] {
  display: none !important;
}

/* === OCULTAR SUGESTÕES APENAS NA HOME === */
body.pagina-inicial .sugestoes,
body.pagina-inicial .sugestoes-produtos,
body.pagina-inicial .box-sugestoes,
body.pagina-inicial .sidebar-sugestoes,
body.pagina-inicial .span3.sugestoes,
body.pagina-inicial .span3 .sugestoes,
body.pagina-inicial .vitrine-lateral,
body.pagina-inicial .vitrine-sugestoes,
body.pagina-inicial .produtos-sugeridos,
body.pagina-inicial .recomendacoes,
body.pagina-inicial .sidebar-produtos,
body.pagina-inicial .lateral-produtos,
body.pagina-inicial div[class*="sugest"],
body.pagina-inicial div[class*="recomend"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* === FORÇA BANNER A OCUPAR LARGURA TOTAL APENAS NA HOME === */
body.pagina-inicial .row-fluid .span9,
body.pagina-inicial .container .span9,
body.pagina-inicial .conteiner .span9 {
  width: 100% !important;
  margin: 0 !important;
  float: none !important;
}

/* === TOPBAR === */
.glamour-topbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: linear-gradient(90deg, #d8bfe7, #ecd9f3);
  font-size: 14px;
  padding: 10px 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.03);
  animation: slideDown 0.6s ease-out;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.barra-inicial.fundo-secundario {
  display: none !important;
}

.topbar-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  gap: 20px;
}

.topbar-text {
  display: inline-flex;
  align-items: center;
  font-weight: 500;
  white-space: nowrap;
  gap: 6px;
  color: #5c2b6d;
}

.topbar-logo img {
  height: 40px;
  width: auto;
  opacity: 0.9;
  margin-top: 2px;
}

.topbar-buttons {
  display: flex;
  align-items: center;
  gap: 10px;
}

.topbar-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #6a3c83;
  color: white;
  padding: 6px 14px;
  border-radius: 24px;
  font-weight: 500;
  text-decoration: none;
  font-size: 13px;
  transition: background 0.3s;
  border: none;
}

.topbar-btn:hover {
  background: #582f6d;
}

/* === LAYOUT DE DUAS COLUNAS (FILTROS + PRODUTOS) === */
body:not(.pagina-inicial) .secao-principal .conteiner > .row-fluid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
}

body:not(.pagina-inicial) .secao-principal .conteiner > .row-fluid > .span3 {
  display: block !important;
  width: 22% !important;
  min-width: 220px !important;
  max-width: 280px !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  position: relative !important;
  z-index: 1 !important;
}

body:not(.pagina-inicial) .secao-principal .conteiner > .row-fluid > .span9 {
  display: block !important;
  width: calc(78% - 20px) !important;
  flex: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

body:not(.pagina-inicial) .secao-principal .filtro {
  background: linear-gradient(135deg, #ffffff 0%, #faf7fb 100%) !important;
  border-radius: 20px !important;
  box-shadow: 0 8px 25px rgba(140, 99, 164, 0.12) !important;
  border: 2px solid rgba(216, 191, 231, 0.4) !important;
  padding: 15px !important;
  margin-bottom: 20px !important;
}

body:not(.pagina-inicial) .secao-principal .filtro h4 {
  color: #5c2b6d !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  margin-bottom: 15px !important;
}

/* === TÍTULOS DAS CATEGORIAS === */
.titulo-categoria,
.titulo-categoria.borda-principal,
.titulo-categoria.vitrine-lancamento {
  background: linear-gradient(135deg, #e5c9e7 0%, #d8bfe7 100%);
  border-radius: 20px;
  padding: 16px 40px 14px 40px;
  margin: 0 auto 30px auto !important;
  display: block;
  width: fit-content;
  box-shadow: 0 8px 25px rgba(106, 60, 131, 0.15);
  font-size: 2.2rem;
  font-weight: 900;
  color: #5c2b6d;
  letter-spacing: 1px;
  text-align: center;
  border: 3px solid rgba(216, 191, 231, 0.4);
  transition: all 0.3s ease;
  text-transform: uppercase;
  position: relative;
  text-shadow: 0 2px 4px rgba(92, 43, 109, 0.1);
}

.titulo-categoria:hover,
.titulo-categoria.borda-principal:hover,
.titulo-categoria.vitrine-lancamento:hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 12px 35px rgba(106, 60, 131, 0.25);
  border-color: #b084c5;
}

/* === CENTRALIZAR TÍTULOS DAS SEÇÕES DE PRODUTOS === */
.listagem-titulo,
.vitrine-titulo,
.secao-titulo,
.produtos-titulo,
.titulo-sessao,
.titulo-secao,
.titulo-vitrine,
.titulo-produtos,
h2.titulo,
h3.titulo {
  text-align: center !important;
  width: 100% !important;
  display: block !important;
  margin: 30px auto 20px auto !important;
}

/* === CONTAINER DE PRODUTOS === */
#listagemProdutos.listagem.borda-alpha {
  background: linear-gradient(135deg, #f8e6f8 0%, #f0d9f0 100%);
  border-radius: 24px;
  box-shadow: 0 8px 32px rgba(140, 99, 164, 0.12);
  margin: 0 0 30px 0 !important;
  padding: 30px 20px 25px 20px;
  position: relative;
  border: 1px solid rgba(216, 191, 231, 0.3);
  overflow: hidden;
}

/* === PRODUTOS GERAIS === */
.produto {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06) !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  transition: transform 0.2s ease !important;
  background: linear-gradient(135deg, #ffffff 0%, #faf7fb 100%) !important;
  border: 2px solid rgba(229, 201, 231, 0.5) !important;
  margin-bottom: 20px !important;
  padding: 15px !important;
}

.produto:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 25px rgba(106, 60, 131, 0.2) !important;
  border-color: #d8bfe7 !important;
}

/* === IMAGENS DOS PRODUTOS === */
.imagem-produto.has-zoom,
.imagem-produto {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 15px !important;
  width: 100% !important;
  height: 160px !important;
  background: none !important;
  position: relative;
}

.imagem-produto img {
  max-width: 140px !important;
  max-height: 140px !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  border-radius: 15px !important;
  background: linear-gradient(135deg, #f5eaf8 0%, #ecd9f3 100%) !important;
  padding: 12px !important;
  box-shadow: 0 4px 15px rgba(140, 99, 164, 0.1) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  border: 2px solid rgba(216, 191, 231, 0.3) !important;
}

.produto:hover .imagem-produto img {
  transform: scale(1.05) !important;
  box-shadow: 0 8px 20px rgba(140, 99, 164, 0.15) !important;
  border-color: #d8bfe7 !important;
}

/* === TEXTOS DOS PRODUTOS === */
.nome-produto {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #333333 !important;
  min-height: 35px !important;
  text-align: center !important;
  margin-bottom: 12px !important;
  letter-spacing: 0.2px !important;
  line-height: 1.3 !important;
  display: block !important;
}

/* === PREÇOS === */
.preco-produto,
.preco-produto strong,
.preco-produto .titulo,
.preco-promocional,
.preco-parcela,
.preco-parcela strong,
.preco-parcela .titulo,
.parcelamento,
.preco-a-vista,
.preco-a-vista strong {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}

.preco-produto,
.preco-parcela,
.parcelamento,
.preco-a-vista {
  text-align: center !important;
  display: block !important;
  margin: 5px 0 !important;
}

/* === BOTÕES DE COMPRAR === */
.botao-comprar,
.acoes-produto a.botao,
.acoes-produto .botao {
  display: inline-block !important;
  margin: 15px auto 0 auto !important;
  padding: 12px 0 !important;
  width: 95% !important;
  border-radius: 50px !important;
  background: linear-gradient(135deg, #d8bfe7 0%, #6a3c83 50%, #872ad2 100%) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  box-shadow: 0 6px 20px rgba(106, 60, 131, 0.25) !important;
  border: none !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  text-align: center !important;
  letter-spacing: 0.3px !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.botao-comprar:hover,
.acoes-produto a.botao:hover,
.acoes-produto .botao:hover {
  background: linear-gradient(135deg, #b084c5 0%, #872ad2 50%, #a855f7 100%) !important;
  color: #fff !important;
  box-shadow: 0 12px 30px rgba(140, 99, 164, 0.35) !important;
  transform: scale(1.03) !important;
}

/* === GARANTIR VISIBILIDADE DOS PRODUTOS === */
body:not(.pagina-inicial) .listagem,
body:not(.pagina-inicial) .listagem-produtos,
body:not(.pagina-inicial) .vitrine,
body:not(.pagina-inicial) .produtos,
body:not(.pagina-inicial) #listagemProdutos {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  width: auto !important;
  position: relative !important;
}

/* === RODAPÉ === */
#rodape,
#rodape .institucional {
  background-color: #ead5f0 !important;
  color: #3f2446 !important;
  background-image: repeating-linear-gradient(
    45deg,
    rgba(140, 99, 164, 0.1),
    rgba(140, 99, 164, 0.1) 1px,
    transparent 1px,
    transparent 5px
  );
  padding: 40px 20px;
}

#rodape a,
#rodape .institucional a {
  color: #5c2b6d !important;
  font-weight: 500;
}

#rodape a:hover,
#rodape .institucional a:hover {
  color: #000 !important;
}

/* === TÍTULOS DO RODAPÉ === */
div#rodape .titulo,
#rodape .titulo {
  color: #6A3C83 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px;
  text-shadow: 0 2px 6px rgba(140,99,164,0.07);
  margin-bottom: 10px !important;
  text-align: left;
}

/* === UNIFICA RODAPÉ === */
#rodape .pagamento-selos,
#rodape .institucional.fundo-secundario {
  background: #f5eaf8 !important;
  box-shadow: none !important;
  border: none !important;
}

#rodape .pagamento-selos > div,
#rodape .pagamento-selos,
#rodape .pagamento-selos * {
  box-shadow: none !important;
}

/* === CENTRALIZA RODAPÉ === */
#rodape .pagamento-selos {
  display: flex !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 120px !important;
  padding: 35px 0 0 0 !important;
}

#rodape .pagamento-selos > div {
  display: flex !important;
  flex-direction: column;
  align-items: center !important;
  justify-content: flex-start !important;
}

#rodape .pagamento-selos > div > strong,
#rodape .pagamento-selos > div > span,
#rodape .pagamento-selos > div > h4 {
  display: block;
  text-align: center !important;
  width: 100%;
  margin-bottom: 24px;
  color: #7a3eb1;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 1px;
}

/* === LISTAS DO RODAPÉ === */
#rodape .institucional.fundo-secundario ul {
  list-style-type: disc !important;
  list-style-position: inside !important;
  padding-left: 22px !important;
  margin: 0 !important;
}

#rodape .institucional.fundo-secundario ul li {
  display: list-item !important;
  text-align: left !important;
  padding-left: 0 !important;
  margin-bottom: 4px !important;
  color: #3f2446 !important;
  font-size: 15px !important;
}

/* === BOTÕES GERAIS === */
button,
.botao,
.botao-principal {
  background-color: #6a3c83 !important;
  color: #fff !important;
  padding: 10px 16px !important;
  border-radius: 24px !important;
  font-weight: 500;
  font-size: 14px;
  transition: background 0.3s ease;
}

button:hover,
.botao:hover,
.botao-principal:hover {
  background-color: #582f6d !important;
}

/* === TIPOGRAFIA === */
h1,
h2,
h3,
h4,
a,
p {
  font-family: "Segoe UI", sans-serif !important;
  color: inherit;
}

/* === CONTAINERS === */
.container,
.conteiner,
body .conteiner {
  background: #f5eaf8 !important;
  box-shadow: none !important;
  border: none !important;
}

/* === OCULTA CABEÇALHO PADRÃO === */
#cabecalho,
#cabecalho *,
.barra-inicial,
.barra-inicial *,
.menu-principal,
.menu-principal *,
.menuSuperior,
.menuSuperior *,
.menu-categorias,
.menu-categorias *,
.menu-custom-orig,
.menu-custom-orig *,
#header,
#header *,
.top-bar,
.top-bar *,
#barraTopo,
#barraTopo * {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  z-index: -999 !important;
}

/* === RESPONSIVIDADE TOPBAR === */
@media (max-width: 768px) {
  .topbar-content {
    flex-direction: column;
    gap: 12px;
  }
  .topbar-logo img {
    height: 32px;
  }
  .topbar-buttons {
    gap: 8px;
  }
}

/* === RESPONSIVIDADE GERAL === */
@media (max-width: 900px) {
  .titulo-categoria,
  .titulo-categoria.borda-principal,
  .titulo-categoria.vitrine-lancamento {
    font-size: 1.8rem;
    padding: 14px 30px;
    margin: 0 auto 25px auto !important;
  }
  
  body:not(.pagina-inicial) .secao-principal .conteiner > .row-fluid {
    flex-direction: column !important;
  }
  
  body:not(.pagina-inicial) .secao-principal .conteiner > .row-fluid > .span3,
  body:not(.pagina-inicial) .secao-principal .conteiner > .row-fluid > .span9 {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 600px) {
  #listagemProdutos.listagem.borda-alpha {
    padding: 25px 15px;
    margin: 20px 0 30px 0 !important;
    border-radius: 20px;
  }

  .titulo-categoria,
  .titulo-categoria.borda-principal,
  .titulo-categoria.vitrine-lancamento {
    font-size: 1.5rem;
    padding: 12px 24px;
    margin: 0 auto 20px auto !important;
  }

  div#rodape .titulo,
  #rodape .titulo {
    text-align: center;
    font-size: 16px !important;
  }

  #rodape .institucional.fundo-secundario .span4,
  #rodape .institucional.fundo-secundario .span9 {
    align-items: flex-start !important;
    text-align: left !important;
  }

  #rodape .institucional.fundo-secundario ul {
    text-align: left !important;
  }

  #rodape .pagamento-selos {
    flex-direction: column !important;
    align-items: center !important;
    gap: 36px !important;
  }
}

/* === ESTILIZAÇÃO DOS FILTROS === */
.filtro {
  background: linear-gradient(135deg, #ffffff 0%, #faf7fb 100%) !important;
  border-radius: 20px !important;
  box-shadow: 0 8px 25px rgba(140, 99, 164, 0.12) !important;
  border: 2px solid rgba(216, 191, 231, 0.4) !important;
  padding: 15px !important;
  margin-bottom: 20px !important;
}

.filtro h4 {
  color: #5c2b6d !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  margin-bottom: 15px !important;
  text-align: center !important;
}

.filtro .atributo-lista li label {
  color: #333333 !important;
  font-size: 14px !important;
}

.filtro .atributo-lista li:hover label {
  color: #6a3c83 !important;
}

.filtro .FiltroTitulo {
  color: #5c2b6d !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  margin-bottom: 15px !important;
  text-align: center !important;
}

.filtro .FiltroTitulo.borda-principal {
  border-color: #d8bfe7 !important;
}

.filtro-preco {
  padding: 10px !important;
}

.filtro-preco label {
  color: #333333 !important;
  font-size: 14px !important;
}

.filtro-preco input {
  border: 1px solid #d8bfe7 !important;
  border-radius: 8px !important;
  padding: 8px !important;
}

.filtro-preco button {
  background: linear-gradient(135deg, #d8bfe7 0%, #6a3c83 100%) !important;
  border: none !important;
  border-radius: 20px !important;
  color: white !important;
  padding: 8px 15px !important;
  font-weight: 600 !important;
  margin-top: 10px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

.filtro-preco button:hover {
  background: linear-gradient(135deg, #b084c5 0%, #872ad2 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 5px 15px rgba(106, 60, 131, 0.3) !important;
}

/* === LAYOUT FLEXBOX PARA PRODUTOS (SEM CSS GRID) === */
.container-unificado {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.produto-wrapper {
  flex: 0 0 calc(33.333% - 14px) !important;
  padding: 15px !important;
  border-radius: 20px !important;
  box-shadow: 0 8px 20px rgba(140, 99, 164, 0.12) !important;
  border: 3px solid rgba(229, 201, 231, 0.5) !important;
  background: linear-gradient(135deg, #ffffff 0%, #faf7fb 100%) !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
  box-sizing: border-box !important;
}

.produto-wrapper:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 15px 30px rgba(106, 60, 131, 0.2) !important;
  border-color: #d8bfe7 !important;
}

.produto-wrapper .listagem-item,
.produto-wrapper .span3,
.produto-wrapper .span4 {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
  background: none !important;
}

/* === RESPONSIVIDADE FLEXBOX === */
@media (max-width: 900px) {
  .produto-wrapper {
    flex: 0 0 calc(50% - 10px) !important;
  }
}

@media (max-width: 600px) {
  .produto-wrapper {
    flex: 0 0 100% !important;
  }
}

/* === ESCONDER CONTAINERS ORIGINAIS === */
body:not(.pagina-inicial) #listagemProdutos > .listagem-linha,
body:not(.pagina-inicial) #listagemProdutos > [data-produtos-linha],
body:not(.pagina-inicial) #listagemProdutos > .row-fluid {
  display: none !important;
}

/* === CORREÇÃO DOS SELOS DE PAGAMENTO === */
#rodape .selos,
#rodape .pagamento {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  width: auto !important;
  margin: 0 auto !important;
  text-align: center !important;
}

#rodape .selos ul,
#rodape .pagamento ul {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#rodape .selos ul li,
#rodape .pagamento ul li {
  display: inline-block !important;
  margin: 5px !important;
  opacity: 0.9 !important;
  transition: all 0.3s ease !important;
}

#rodape .selos ul li:hover,
#rodape .pagamento ul li:hover {
  opacity: 1 !important;
  transform: translateY(-2px) !important;
}

#rodape .selos img,
#rodape .pagamento img {
  max-height: 40px !important;
  width: auto !important;
}

/* === FAIXA ROSA DO CNPJ DE PONTA A PONTA === */
.assinatura-rodape {
  background-color: #e5c9e7 !important;
  width: 100vw !important;
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  padding: 15px 0 !important;
  text-align: center !important;
  color: #5c2b6d !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  box-shadow: 0 -5px 15px rgba(140, 99, 164, 0.1) !important;
}

.assinatura-rodape .span9,
.assinatura-rodape .span3 {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  text-align: center !important;
}

.assinatura-rodape p {
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  color: #5c2b6d !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

.assinatura-rodape a {
  color: #6a3c83 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.assinatura-rodape a:hover {
  text-decoration: underline !important;
}
#rodape .institucional.fundo-secundario {
  margin-bottom: 38px !important;
}
/* =======================================
   OCULTAR AÇÕES FLUTUANTES (Compre junto, etc)
   Remove qualquer barra flutuante de ação que apareça no site,
   inclusive variações do seletor por classe ou ID.
========================================== */
.acoes-flutuante,
.acoes-flutuante *,
#acoes-flutuante,
#acoes-flutuante * {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
  z-index: -999 !important;
}
/* ====== FIM OCULTAR AÇÕES FLUTUANTES ====== */
@media (max-width: 600px) {
  .glamour-header-custom {
    margin-top: 70px !important;
    padding-top: 0 !important;
  }
}
@media (max-width: 600px) {
  body .glamour-header-custom {
    margin-top: 70px !important;
    padding-top: 0 !important;
  }
}
@media (max-width: 600px) {
  body {
    margin-top: 100px !important;
  }
}
/* === SEARCH BAR MAIS OVAL E BONITA === */
.search-input {
  border-radius: 50px !important;
  padding: 18px 32px !important;
  border: 2px solid #E9D6EE !important;
  background: #fff !important;
  font-size: 16px !important;
  box-shadow: 0 4px 18px rgba(106,60,131,0.10) !important;
  transition: border 0.2s, box-shadow 0.2s !important;
}
.search-input:focus {
  border-color: #b084c5 !important;
  box-shadow: 0 6px 24px rgba(140,99,164,0.18) !important;
}
@media (max-width: 600px) {
  .logo-custom,
  .glamour-header-custom .logo-custom,
  .header-top .logo-custom,
  .logo-link img {
    height: 160px !important;
    max-width: 95vw !important;
    width: auto !important;
    margin: 0 auto !important;
    display: block !important;
  }
}
/* ==== CORREÇÃO: Produtos aparecem na página de marcas ==== */
body.pagina-marca #listagemProdutos > .listagem-linha,
body.pagina-marca #listagemProdutos > [data-produtos-linha],
body.pagina-marca #listagemProdutos > .row-fluid {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  height: auto !important;
  width: auto !important;
  position: relative !important;
}
