/* =================== CATEGORIAS — layout visual puro =================== */

/* Escopo correto do seu tema */
.pagina-categoria {

  /* 1) Descrição da categoria sem “quadro cinza” */
  /* (Se quiser ocultar a descrição, troque por display:none) */
}
.pagina-categoria .categoria-descricao,
.pagina-categoria .category-description {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 2) Remover COMPLETAMENTE a barra lateral (categorias/filtros/newsletter) */
.pagina-categoria .menu.lateral,
.pagina-categoria .sidebar,
.pagina-categoria [class*="side"],
.pagina-categoria [class*="lateral"],
.pagina-categoria [class*="filtro"],
.pagina-categoria [class*="filter"],
.pagina-categoria [class*="newsletter"] {
  display: none !important;
}

/* 3) Expande a coluna de conteúdo para 100% de largura */
.pagina-categoria .conteudo,
.pagina-categoria .conteudo-principal,
.pagina-categoria .col-main,
.pagina-categoria .li-container .row > *:last-child {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}

/* 4) Banner vitrine — sempre visível, full width e com pouco respiro */
.pagina-categoria .vitrine.banners,
.pagina-categoria .banner-vitrine,
.pagina-categoria .banner--vitrine,
.pagina-categoria [class*="banner"][class*="vitrine"] {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 6px !important;  /* respiro mínimo abaixo do banner */
  padding: 0 !important;
  border: 0 !important;
}
.pagina-categoria .vitrine.banners img,
.pagina-categoria .banner-vitrine img,
.pagina-categoria .banner--vitrine img,
.pagina-categoria [class*="banner"][class*="vitrine"] img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* 5) Listagem de produtos — imediatamente abaixo e full width */
.pagina-categoria .listagem,
.pagina-categoria .vitrine:not(.banners),
.pagina-categoria .products-grid,
.pagina-categoria .collection-products {
  margin: 6px 0 0 !important;
  padding-top: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* 6) (Opcional) esconder barra de ordenação/filtros superiores */
.pagina-categoria .ordenacao,
.pagina-categoria .catalog-toolbar,
.pagina-categoria .collection-controls,
.pagina-categoria .filters-bar,
.pagina-categoria .resultado-busca-filtro {
  display: none !important;
}

/* 7) Mobile mais compacto */
@media (max-width: 768px){
  .pagina-categoria .vitrine.banners,
  .pagina-categoria .banner-vitrine,
  .pagina-categoria .banner--vitrine,
  .pagina-categoria [class*="banner"][class*="vitrine"] { margin-bottom: 4px !important; }

  .pagina-categoria .listagem,
  .pagina-categoria .vitrine:not(.banners),
  .pagina-categoria .products-grid { margin-top: 4px !important; }
}

/* =================== /CATEGORIAS =================== */