.filters-section{
  margin:24px 0;
}

.filters-actions{
  margin-left:auto;
}

button{
  background:var(--accent);
  color:white;
  border:none;
  padding:10px 20px;
  border-radius:8px;
  cursor:pointer;
  font-size:0.95rem;
  font-weight:500;
  transition:all 0.2s ease;
}

button:hover:not(:disabled){
  background:var(--accent-dark);
}

button:active:not(:disabled){
  transform:scale(0.98);
}

button:disabled{
  opacity:0.5;
  cursor:not-allowed;
}

button.active{
  background:var(--accent-dark);
  box-shadow:0 0 0 2px var(--accent);
}

.btn-favorites{
  background:transparent;
  color:var(--text);
  border:2px solid var(--accent);
  padding:10px 22px;
  border-radius:24px;
  cursor:pointer;
  font-size:0.95rem;
  font-weight:500;
  transition:all 0.2s ease;
  display:flex;
  align-items:center;
  gap:8px;
}

.btn-favorites:hover{
  background:rgba(184,160,144,0.12);
}

.btn-favorites:active{
  transform:scale(0.98);
}

.btn-more-filters{
  background:transparent;
  color:var(--accent);
  border:1px dashed var(--accent);
  padding:10px 16px;
  border-radius:12px;
  cursor:pointer;
  font-size:0.9rem;
  display:flex;
  align-items:center;
  gap:8px;
  transition:all 0.2s ease;
}

.btn-more-filters:hover{
  background:rgba(184,160,144,0.08);
  border-style:solid;
}

.filters-more-wrap{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
}

.filters-extra{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  align-items:center;
}

.filters-extra[hidden]{
  display:none;
}

#pagination{
  gap:8px;
}

#pagination button{
  padding:10px 14px;
  min-width:44px;
  min-height:44px;
  text-align:center;
}