/* LOJÃO DOS ACESSÓRIOS CG — V5.8: filtros sem opções cortadas.
   Somente layout do catálogo; não altera API, login, KV ou produtos. */

/* Sem largura mínima forçada: o seletor nunca empurra os filtros para fora. */
.dg-v12-catalog, .dg-v12-catalog > .max-w-7xl,
.dg-v12-catalog .dg-products-section { min-width:0; max-width:100%; }
.dg-v12-catalog #categorias {
  display:flex!important;
  flex-flow:row wrap!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px 16px!important;
  width:100%; min-width:0; max-width:100%;
}
/* Exibe todas as categorias em linhas, em vez de esconder as últimas na horizontal. */
.dg-v12-catalog #categoryPills {
  display:flex!important;
  flex:1 1 580px!important;
  width:auto; min-width:0; max-width:100%;
  flex-wrap:wrap!important;
  align-items:center;
  gap:8px!important;
  overflow:visible!important;
  padding:3px 0 5px!important;
  scroll-behavior:auto;
}
.dg-v12-catalog #categoryPills button {
  display:inline-flex;
  flex:0 0 auto;
  max-width:100%; min-width:0;
  min-height:36px;
  align-items:center; justify-content:center;
  white-space:normal!important;
  overflow-wrap:anywhere;
  text-align:center;
  line-height:1.2!important;
  padding:9px 12px!important;
}
.dg-v12-catalog #categorias > div:last-child {
  display:flex!important;
  flex:0 1 auto;
  min-width:0;max-width:100%;
  align-items:center;
  justify-content:flex-end;
  gap:8px!important;
}
.dg-v12-catalog #categorias > div:last-child label { flex:0 0 auto; }
.dg-v12-catalog #sortSelect {
  min-width:0;
  max-width:100%;
  width:auto;
  text-overflow:ellipsis;
  background-color:#161719!important;
  color:#ffe2a4!important;
}
@media (max-width:767px) {
  .dg-v12-catalog #categorias {
    flex-direction:column!important;
    align-items:stretch!important;
    gap:14px!important;
  }
  .dg-v12-catalog #categoryPills {
    flex:0 1 auto!important;
    width:100%!important;
    justify-content:flex-start!important;
    gap:7px!important;
  }
  .dg-v12-catalog #categoryPills button { min-height:34px;font-size:10px!important; }
  .dg-v12-catalog #categorias > div:last-child {
    flex:0 0 auto;
    width:100%;
    justify-content:flex-start!important;
  }
  .dg-v12-catalog #sortSelect {flex:1 1 0; width:0; min-height:38px;}
}
@media (max-width:359px) {
  .dg-v12-catalog #categoryPills button {font-size:9px!important;padding:8px 10px!important}
  .dg-v12-catalog #categorias > div:last-child label{font-size:10px}
}