.cat-head{background:var(--cinza-100);padding:8px 0 40px}
.cat-head h1{font-size:clamp(1.8rem,4vw,2.6rem)}
.cat-layout{display:grid;grid-template-columns:260px 1fr;gap:32px;padding:40px 0 72px;align-items:start}
.filtros{position:sticky;top:96px;border:1px solid var(--cinza-200);border-radius:var(--raio);padding:20px}
.filtros h2{font-size:1rem;margin:0 0 10px}
.filtros fieldset{border:0;padding:0;margin:0 0 20px}
.filtros legend{font-weight:700;color:var(--grafite-900);margin-bottom:8px;padding:0}
.filtros label{display:flex;align-items:center;gap:8px;padding:5px 0;cursor:pointer}
.filtros input[type=checkbox]{width:18px;height:18px;accent-color:var(--laranja-500)}
.filtros .n{margin-left:auto;color:var(--grafite-500);font-size:.85rem}
.barra{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:20px}
.barra input[type=search],.barra select{padding:.65rem .8rem;border:1px solid var(--cinza-200);border-radius:8px;font:inherit}
.barra input[type=search]{min-width:240px;flex:1}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.chip{background:#fff3e8;color:var(--laranja-700);border:0;border-radius:99px;padding:.3rem .8rem;font:inherit;font-size:.85rem;font-weight:700;cursor:pointer}
.chip::after{content:" ×"}
.vazio{text-align:center;padding:48px 16px;border:2px dashed var(--cinza-200);border-radius:var(--raio)}
.btn-filtros{display:none}
.prod .acoes{display:flex;gap:8px;flex-wrap:wrap}
.prod .btn-sec{background:#fff;border-color:var(--cinza-200);color:var(--grafite-900)}
.prod .btn-sec:hover{border-color:var(--grafite-900)}
.prod .btn.ok{background:#1fa855;color:#fff}
.texto-seo{max-width:80ch}
/* grade da listagem: colunas de largura fixa (auto-fill) — um único resultado não estica mais a linha toda */
.grid-cat{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;align-items:stretch}
.grid-cat .prod{display:flex;flex-direction:column;transition:.2s}
.grid-cat .prod:hover{box-shadow:var(--sombra);transform:translateY(-3px);border-color:var(--laranja-500)}
.grid-cat .prod .foto{aspect-ratio:4/3;width:100%}
.grid-cat .prod .info{display:flex;flex-direction:column;flex:1}
.grid-cat .prod h3{flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.grid-cat .prod .acoes{flex-wrap:nowrap}
.grid-cat .prod .acoes>*{flex:1}
.grid-cat .prod .acoes .btn,.grid-cat .prod .acoes form .btn{width:100%;justify-content:center}
.cat-layout.sem-filtros>div{min-width:0}
@media(max-width:860px){
  .cat-layout{grid-template-columns:1fr;padding-top:24px}
  .btn-filtros{display:inline-flex}
  .filtros{display:none;position:static}
  .filtros.open{display:block}
}