.pcf-filter-wrap {
  margin-bottom: 32px;
}

.pcf-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
  justify-content: center;
}

.pcf-btn {
  padding: 10px 18px;
  background: #ffffff !important;
  color: #000000;
  border: 1px solid #000000;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  border-radius: 0 !important;
  transition: background 0.2s ease, color 0.2s ease;
  line-height: 1;
  width:18% !important;
}
.pcf-children .pcf-btn {
    background: #00bbf4 !important;
     border: 1px solid #00bbf4;
}

.pcf-btn:hover {
  background: #000000;
  color: #ffffff;
  
}

.pcf-btn.active {
  background: #000000 !important;
  color: #ffffff !important;
}

.pcf-children {
  margin-top: 4px;
}

/* Loading spinner */
.pcf-loading {
  margin-top: 16px;
}

.pcf-spinner {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid #cccccc;
  border-top-color: #000000;
  border-radius: 50%;
  animation: pcf-spin 0.7s linear infinite;
}

@keyframes pcf-spin {
  to { transform: rotate(360deg); }
}

/* Hide loop grid items during loading */
.pcf-grid-loading {
  opacity: 0.4;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
.pcf-btn.pcf-all{
    display:none;
}