/* Mobile Doctors directory redesign. Desktop rules remain untouched. */
@media (max-width: 620px) {
  .directory { padding: 34px 0 56px !important; }
  .directory > .wrap { padding-inline: 12px !important; }
  .section-head { margin-bottom: 14px !important; }
  .section-head h2 { font-size: 1.72rem !important; line-height: 1.12 !important; margin-top: 6px !important; }
  .section-head p { font-size: .88rem !important; line-height: 1.4 !important; margin-top: 7px !important; }
  .finder { gap: 8px !important; padding: 10px !important; margin-bottom: 11px !important; border-radius: 13px !important; }
  .finder input, .finder select { height: 40px !important; font-size: .82rem !important; padding-inline: 10px !important; }
  .result-line { font-size: .78rem !important; margin-bottom: 10px !important; }
  .doc-grid { gap: 10px !important; }
  .doc-card { display: flex !important; flex-direction: column !important; min-width: 0 !important; height: auto !important; overflow: hidden !important; border-radius: 14px !important; }
  .doc-photo { flex: none !important; width: 100% !important; height: auto !important; aspect-ratio: 1.08 / 1 !important; min-height: 0 !important; }
  .doc-content { display: flex !important; flex-direction: column !important; min-width: 0 !important; height: auto !important; padding: 10px 9px 11px !important; }
  .doc-card h3 { font-size: .86rem !important; line-height: 1.18 !important; margin: 0 0 5px !important; overflow-wrap: anywhere !important; }
  .doc-focus { font-size: .66rem !important; line-height: 1.25 !important; margin: 0 0 5px !important; overflow-wrap: anywhere !important; }
  .doc-qual, .doc-loc { font-size: .67rem !important; line-height: 1.28 !important; min-height: 0 !important; overflow-wrap: anywhere !important; }
  .doc-loc { margin-top: 7px !important; }
  .doc-actions { display: grid !important; grid-template-columns: 1fr !important; gap: 5px !important; margin-top: 9px !important; padding: 0 !important; }
  .doc-actions a { width: 100% !important; min-height: 31px !important; padding: 6px 5px !important; font-size: .65rem !important; white-space: nowrap !important; }
}
@media (min-width: 360px) and (max-width: 620px) { .doc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 359px) {
  .doc-grid { grid-template-columns: 1fr !important; }
  .doc-card { display: grid !important; grid-template-columns: 92px minmax(0, 1fr) !important; flex-direction: initial !important; }
  .doc-photo { grid-column: 1 !important; grid-row: 1 !important; height: 100% !important; aspect-ratio: auto !important; }
  .doc-content { grid-column: 2 !important; grid-row: 1 !important; }
}
