/* =========================================================
   NeedsDoctor — Contact Page (modern)
   File: /assets/css/pages/contact.css
========================================================= */

.ndc-main{ background:#f7f9fc; }

.ndc-hero{
  padding: 28px 0 10px;
}

.ndc-hero-card{
  background:#fff;
  border:1px solid #e6ebf2;
  border-radius:16px;
  padding:18px 18px;
  box-shadow:0 10px 24px rgba(15,23,42,.06);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}

.ndc-title{
  margin:0;
  font-weight:800;
  font-size:22px;
  color:#0f172a;
}

.ndc-subtitle{
  margin:6px 0 0;
  color:#64748b;
  font-size:14px;
}

.ndc-actions{ display:flex; gap:10px; flex-wrap:wrap; }

.ndc-section{ padding: 16px 0 36px; }

.ndc-card{
  border:1px solid #e6ebf2;
  border-radius:16px;
  box-shadow:0 10px 24px rgba(15,23,42,.06);
}

.ndc-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border-radius:999px;
  background:#e0f2fe;
  color:#0369a1;
  font-weight:700;
  font-size:12px;
  margin-bottom:10px;
}

.ndc-h2{
  font-weight:800;
  color:#0f172a;
  font-size:18px;
  margin:0 0 10px;
}

.ndc-address{
  color:#334155;
  font-size:14px;
  line-height:1.6;
  margin:0 0 12px;
}

.ndc-meta{
  font-size:14px;
  color:#334155;
  display:grid;
  gap:6px;
}

.ndc-k{
  color:#64748b;
  font-weight:700;
  margin-right:6px;
}

.ndc-small{ font-size:12px; }

.ndc-map{
  height: 380px;
  border-top:1px solid #e6ebf2;
  margin-top:10px;
}

.ndc-map iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
}

@media (max-width: 575.98px){
  .ndc-map{ height: 320px; }
}