/* =====================================================
   /dealers — public dealer directory (self-contained)
   ===================================================== */
body{padding-top:56px;background:var(--bg)}

.dlr-wrap{max-width:1100px;margin:0 auto;padding:28px 20px 56px;color:var(--text)}

.dlr-head{text-align:center;margin-bottom:26px}
.dlr-head h1{font-size:28px;font-weight:800;letter-spacing:-.4px;margin:0 0 8px}
.dlr-head p{font-size:15px;color:var(--text-2);margin:0}
@media (max-width:600px){.dlr-head h1{font-size:23px}}

/* grid */
.dlr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media (max-width:860px){.dlr-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.dlr-grid{grid-template-columns:1fr}}

/* card */
.dlr-card{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;box-shadow:var(--shadow-card);color:var(--text);transition:border-color .12s,box-shadow .12s}
.dlr-card:hover{border-color:var(--line-2);box-shadow:var(--shadow-hover)}
.dlr-card:hover .dlr-go{color:var(--blue)}

.dlr-logo{width:56px;height:56px;flex:none;border-radius:var(--r);background:linear-gradient(135deg,#2F63E0,#7B5CFF);display:grid;place-items:center;color:#fff;font-weight:700;font-size:18px;overflow:hidden}
.dlr-logo img{width:100%;height:100%;object-fit:cover;display:block}
.dlr-logo.is-logo{background:#fff;border:1px solid var(--line)}
.dlr-logo.is-logo img{object-fit:contain;padding:5px}

.dlr-body{flex:1;min-width:0}
.dlr-name{display:block;font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dlr-loc{display:flex;align-items:center;gap:4px;font-size:12.5px;color:var(--text-2);margin-top:3px}
.dlr-loc svg{width:13px;height:13px;flex:none}
.dlr-stats{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin-top:7px;font-size:12.5px;color:var(--text-2)}
.dlr-count{font-weight:600;color:var(--text)}
.dlr-rate{display:inline-flex;align-items:center;gap:4px;color:var(--text);font-weight:600}
.dlr-rate svg{width:13px;height:13px;color:var(--gold);flex:none}
.dlr-rate i{color:var(--text-3);font-style:normal;font-weight:500}

.dlr-go{flex:none;color:var(--text-3);transition:color .12s}
.dlr-go svg{width:18px;height:18px;display:block}

/* empty state */
.dlr-empty{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:34px 22px;color:var(--text-2);font-size:14.5px;box-shadow:var(--shadow-card)}
.dlr-empty a{color:var(--blue-txt);font-weight:600}

/* CTA strip */
.dlr-cta{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:28px 22px;margin:30px 0 0;box-shadow:var(--shadow-card)}
.dlr-cta b{display:block;font-size:19px;font-weight:800;letter-spacing:-.3px;margin-bottom:6px}
.dlr-cta span{display:block;font-size:14px;color:var(--text-2);margin-bottom:16px}
.dlr-btn{display:inline-flex;align-items:center;gap:8px;background:var(--blue);color:#fff;border-radius:var(--r);font-size:14.5px;font-weight:700;padding:11px 24px}
.dlr-btn:hover{background:var(--blue-hover);color:#fff}