/* Dealer contact details and compact layouts for the expanded directory. */
.city{cursor:pointer}
.city:focus-visible,.drow a:focus-visible{outline:3px solid var(--water);outline-offset:4px}
.dealer-details{min-width:0}
.drow p{overflow-wrap:anywhere}
.drow .dealer-city{font-size:12px;color:var(--mist)}
.drow .dealer-phones{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
.dealer-phones a{color:var(--deep);font-weight:500;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.dl2 h2.city-h{flex-wrap:wrap}
@media(max-width:600px){
  .city-rail{gap:8px;margin-top:28px}
  .city{padding:14px;border-radius:16px}
  .city b{font-size:1.6rem}
  .city span{overflow-wrap:anywhere}
  .dl2{padding:48px 0 72px}
  .drow{grid-template-columns:28px minmax(0,1fr);gap:10px;padding:20px 0}
  .drow:hover{padding-left:0}
  .drow .acts{grid-column:2}
  .drow .acts a{width:44px;height:44px}
  .drow h3{font-size:1.1rem}
  .dl2 h2.city-h{gap:8px}
}