[data-filter-item][hidden] { display: none !important; }

.filter-options-button {
  margin-left: auto;
  border: 1px solid #b9c9bf;
  border-radius: 8px;
  background: #f7faf8;
  padding: 9px 13px;
  color: var(--green);
  font: inherit;
  font-size: 13px;
  font-weight: 750;
  cursor: pointer;
}

.filter-options-button:hover { background: #edf4ef; }
.filter-actions .link-button { margin-left: 0; }
.filter-picker-dialog { width: min(580px, calc(100% - 30px)); }
.filter-picker-dialog h2 { margin: 0; font: 700 30px Georgia, serif; }
.filter-picker-intro { margin: 10px 0 22px; color: var(--muted); }
.filter-picker-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.filter-picker-grid label {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fafbf9;
  font-size: 14px;
  font-weight: 650;
  cursor: pointer;
}
.filter-picker-grid input { width: 18px; height: 18px; accent-color: var(--green); }
.filter-picker-actions { display: flex; align-items: center; justify-content: flex-end; gap: 18px; margin-top: 24px; }
.filter-picker-actions .link-button { margin: 0; }
.filter-picker-done { border: 0; border-radius: 9px; background: var(--green); padding: 11px 20px; color: #fff; font: inherit; font-weight: 750; cursor: pointer; }

@media (max-width: 560px) {
  .filter-options-button { order: 3; margin-left: 0; }
  .filter-picker-grid { grid-template-columns: 1fr; }
}