/* Category page layout */
.cat-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin: 10px 0 14px;
}

.cat-breadcrumb{
  font-size: 13px;
  color:#6b7280;
  display:flex;
  gap:8px;
  align-items:center;
}
.cat-breadcrumb a{ color:inherit; text-decoration:none; }
.cat-breadcrumb a:hover{ text-decoration:underline; }

.cat-title{
  margin: 6px 0 0;
  font-family: Poppins, Inter, system-ui;
  font-size: 22px;
  font-weight: 800;
  color:#111;
}

.cat-right{ display:flex; gap:10px; }
.cat-chip{
  border:1px solid rgba(0,0,0,0.10);
  background:#fff;
  border-radius: 999px;
  padding: 8px 12px;
  font-weight:700;
  cursor:not-allowed;
  opacity:.7;
}

/* Grid: mobile 2 cols, desktop 5 cols */
.cat-grid{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

@media(min-width:861px){
  .cat-grid{
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
  }
}

.cat-pagination{
  margin: 18px 0 30px;
  display:flex;
  justify-content:center;
}