.dog-card { cursor: pointer; }
.dog-card:focus-visible { outline: 3px solid #d5a43e; outline-offset: 3px; }

@media (max-width: 700px) {
  .filters {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px !important;
    margin: 12px 0 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  .filters label { min-width: 0; width: 100%; }
  .filters label:has(#age) { display: none; }
  .filters select { width: 100% !important; min-width: 0 !important; padding-right: 25px !important; }
  .filters .reset-button { grid-column: 1 / -1; width: 100%; }
}