/* ===== CATEGORY FILTER TOOLBAR (override) ===== */
.category-filter{
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 16px 18px;
  margin: 24px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  box-shadow: var(--shadow);
}

.filter-options{
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}

.filter-select{
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  padding: 10px 40px 10px 14px;
  border-radius: 12px;
  border: 1px solid var(--border);
  background-color: #fafafa;
  font-size: 14px;
  color: var(--text);
  cursor: pointer;
  transition: all 0.25s ease;

  background-image: url("data:image/svg+xml;utf8,<svg fill='%23636e72' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 12px center;
}

.filter-select:hover{
  background-color: #f6f6f6;
  border-color: #d6d6d6;
}

.filter-select:focus{
  outline: none;
  border-color: var(--primary);
  background-color: #fff;
}

.product-count{
  font-size: 14px;
  color: var(--text-light);
  background: rgba(255, 230, 109, 0.18); 
  padding: 8px 14px;
  border-radius: 12px;
  border: 1px dashed rgba(255, 230, 109, 0.6);
  white-space: nowrap;
}

.product-count strong{
  color: var(--primary);
  font-weight: 700;
}