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

/* Align the directory with the search and home visual system. */
@media (max-width: 600px) {
  body { background: #f7f9f7 !important; }
  .directory-hero {
    padding: 39px 17px 27px !important;
    background: radial-gradient(circle at 88% 0, #0b5a45, transparent 40%), linear-gradient(125deg, #063f30, #022d23) !important;
  }
  .directory-hero h1 { font-size: 34px !important; letter-spacing: -.045em; }
  .hero-copy { color: rgba(255,255,255,.68) !important; line-height: 1.65; }
  .breeder-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;
  }
  .breeder-filters select {
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 27px 0 13px !important;
    background: rgba(4,48,37,.28) !important;
  }
  .breeder-filters select:last-child { grid-column: 1 / -1; }
  .directory-results {
    padding: 30px 12px 54px !important;
    background: #f7f9f7 !important;
  }
  .result-heading { margin: 0 5px 17px !important; color: #13231d !important; }
  .result-heading h2 { font-size: 20px !important; }
  .result-heading h2 strong { color: #063f30 !important; }
  .breeder-grid { gap: 11px !important; }
  .breeder-card {
    min-height: 178px !important;
    border: 1px solid #dfe5e1;
    border-radius: 14px !important;
    box-shadow: 0 5px 16px rgba(9,46,35,.06);
  }
  .breeder-card > img { min-height: 178px !important; }
  .verified { color: #9a711f; }
}