/* dealer-network.css v28.0.4 — dealer-network.html 전용. 전 클래스 dn- 접두사 (공통 CSS 무수정 격리) */

/* ── 빠른 안내 카드 ── */
.dn-quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--kr-space-3,16px);margin:0 0 var(--kr-space-4,24px)}
.dn-quick-card{display:block;background:var(--kr-bg,#fff);border:1px solid var(--kr-border,#e3e6ef);border-radius:var(--kr-radius-md,12px);padding:18px 20px;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}
.dn-quick-card:hover{border-color:var(--kr-navy,#0A1C4F);box-shadow:0 6px 18px rgba(10,28,79,.08)}
.dn-quick-card strong{display:block;color:var(--kr-navy,#0A1C4F);font-size:1rem;margin-bottom:4px}
.dn-quick-card span{font-size:.86rem;color:var(--kr-text-sub,#4a5468);line-height:1.55}

/* ── 검색/필터 바 ── */
.dn-filter{background:var(--kr-bg-soft,#f7f8fc);border:1px solid var(--kr-border,#e3e6ef);border-radius:var(--kr-radius-md,12px);padding:16px;margin:0 0 var(--kr-space-4,24px)}
.dn-filter-row{display:flex;flex-wrap:wrap;gap:10px}
.dn-search{flex:1 1 260px;min-width:200px;padding:.62rem .9rem;border:1px solid var(--kr-border,#e3e6ef);border-radius:10px;font:inherit;font-size:.92rem;background:#fff}
.dn-search:focus{outline:2px solid var(--kr-navy,#0A1C4F);outline-offset:-1px}
.dn-select{flex:0 1 160px;min-width:130px;padding:.6rem .7rem;border:1px solid var(--kr-border,#e3e6ef);border-radius:10px;font:inherit;font-size:.9rem;background:#fff;color:var(--kr-text,#22314e)}
.dn-select:disabled{background:var(--kr-bg-soft,#f7f8fc);color:var(--kr-text-mute,#8a92a6)}
.dn-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.dn-chip{border:1px solid var(--kr-border,#e3e6ef);background:#fff;border-radius:999px;padding:.34rem .85rem;font:inherit;font-size:.84rem;color:var(--kr-text-sub,#4a5468);cursor:pointer;transition:all .12s}
.dn-chip[aria-pressed="true"]{background:var(--kr-navy,#0A1C4F);border-color:var(--kr-navy,#0A1C4F);color:#fff}
.dn-result-count{margin:10px 2px 0;font-size:.82rem;color:var(--kr-text-mute,#8a92a6)}

/* ── 섹션 공통 ── */
.dn-section{margin:0 0 var(--kr-space-5,32px)}
.dn-section-head{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:6px}
.dn-section-head h2{font-size:1.25rem;color:var(--kr-navy,#0A1C4F);margin:0}
.dn-section-lead{font-size:.9rem;color:var(--kr-text-sub,#4a5468);line-height:1.6;margin:0 0 var(--kr-space-3,16px)}

/* ── 카드 그리드 ── */
.dn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--kr-space-3,16px)}
.dn-card{background:#fff;border:1px solid var(--kr-border,#e3e6ef);border-radius:var(--kr-radius-md,12px);padding:18px 20px}
.dn-card--official{border:2px solid var(--kr-navy,#0A1C4F);box-shadow:0 8px 22px rgba(10,28,79,.10)}
.dn-card--proshop{border:1.5px solid #0e7490}
.dn-card-name{font-size:1.05rem;font-weight:800;color:var(--kr-navy,#0A1C4F);margin:0 0 4px}
.dn-card-region{font-size:.8rem;font-weight:700;color:var(--kr-text-mute,#8a92a6);margin-bottom:8px}
.dn-badges{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.dn-badge{font-size:.72rem;font-weight:700;border-radius:999px;padding:.16rem .58rem;background:var(--kr-bg-soft,#eef1f7);color:var(--kr-text-sub,#4a5468);border:1px solid var(--kr-border,#e3e6ef)}
.dn-badge--hq{background:var(--kr-navy,#0A1C4F);border-color:var(--kr-navy,#0A1C4F);color:#fff}
.dn-badge--proshop{background:#0e7490;border-color:#0e7490;color:#fff}
.dn-card-info{font-size:.87rem;color:var(--kr-text-sub,#4a5468);line-height:1.6;margin:2px 0}
.dn-card-info a{color:inherit;text-decoration:none}
.dn-services{margin:10px 0 0;padding:0;list-style:none}
.dn-services li{font-size:.84rem;color:var(--kr-text,#22314e);line-height:1.7;padding-left:16px;position:relative}
.dn-services li::before{content:"·";position:absolute;left:4px;color:var(--kr-navy,#0A1C4F);font-weight:800}
.dn-card-actions{margin-top:14px}
.dn-kakao-btn{display:inline-flex;align-items:center;gap:6px;background:#FEE500;color:#191919;font-weight:700;font-size:.88rem;border-radius:10px;padding:.55rem 1rem;text-decoration:none}
.dn-kakao-btn:hover{filter:brightness(.96)}

/* ── 빈 상태 / 폴백 ── */
.dn-empty{grid-column:1/-1;background:var(--kr-bg-soft,#f7f8fc);border:1px dashed var(--kr-border,#dfe3ee);border-radius:var(--kr-radius-md,12px);padding:22px;text-align:center;font-size:.9rem;color:var(--kr-text-sub,#4a5468);line-height:1.7}

/* ── 예약 전 확인사항 ── */
.dn-checklist{background:var(--kr-bg-soft,#f7f8fc);border:1px solid var(--kr-border,#e3e6ef);border-radius:var(--kr-radius-md,12px);padding:18px 22px;margin:0}
.dn-checklist li{font-size:.9rem;color:var(--kr-text,#22314e);line-height:1.8;margin:.2rem 0}

/* ── 하단 CTA 2종 (소형) ── */
.dn-cta-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--kr-space-3,16px);margin-top:var(--kr-space-4,24px)}
.dn-cta-box{background:#fff;border:1px solid var(--kr-border,#e3e6ef);border-radius:var(--kr-radius-md,12px);padding:16px 20px}
.dn-cta-box strong{display:block;font-size:.94rem;color:var(--kr-navy,#0A1C4F);margin-bottom:4px}
.dn-cta-badge{display:inline-block;vertical-align:1px;margin-left:6px;font-size:.68rem;font-weight:700;color:#fff;background:var(--kr-navy,#0A1C4F);border-radius:999px;padding:.14rem .55rem}
.dn-cta-box p{font-size:.84rem;color:var(--kr-text-sub,#4a5468);line-height:1.6;margin:0 0 10px}
.dn-cta-link{display:inline-block;font-size:.84rem;font-weight:700;color:var(--kr-navy,#0A1C4F);border:1px solid var(--kr-navy,#0A1C4F);border-radius:8px;padding:.4rem .9rem;text-decoration:none}
.dn-cta-link:hover{background:var(--kr-navy,#0A1C4F);color:#fff}

/* ── 모바일 ── */
@media (max-width:560px){
  .dn-select{flex:1 1 45%}
  .dn-card{padding:15px 16px}
  .dn-grid{grid-template-columns:1fr}
}