:root{
  --navy:#0b1f3a;
  --navy2:#0a2a4a;
  --gray:#eef2f7;
  --text:#111827;
  --muted:#6b7280;
  --card:#ffffff;
  --stroke:rgba(15,23,42,.10);
  --shadow: 0 10px 30px rgba(2,6,23,.08);
  --radius:18px;
}

/* جلوگیری از بیرون زدن المان‌ها */
.c-wrap, .c-wrap *{ box-sizing: border-box; }

.c-hero{
  background: linear-gradient(135deg, var(--navy), var(--navy2));
  color:#fff;
  padding: 34px 16px;
}
.c-hero__inner{ max-width:1200px; margin:0 auto; }
.c-hero__title{
  margin:0 0 8px;
  font-size: clamp(20px, 2.2vw, 34px);
  font-weight: 900;
}
.c-hero__subtitle{ margin:0; opacity:.9; line-height:1.9; }

.c-wrap{ background:#fff; }
.c-grid{
  max-width:1200px;
  margin:0 auto;
  padding: 22px 16px 40px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media (max-width: 900px){
  .c-grid{ grid-template-columns: 1fr; }
}

.c-card{
  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 14px;
  overflow:hidden;
}
.c-card--map{ grid-column: 1 / -1; }

.c-card__title{
  margin:0 0 12px;
  font-size: 16px;
  font-weight: 900;
  color: var(--navy);
}

.c-row{ display:grid; grid-template-columns: 90px 1fr; gap: 10px; margin-bottom: 10px; }
.c-label{ color: var(--muted); font-size: 13px; }
.c-value{ color: var(--text); line-height: 1.9; font-size: 14px; }

.c-link{ color:#1d4ed8; text-decoration:none; font-weight:800; }
.c-link:hover{ text-decoration:underline; }

.c-socials{ display:flex; flex-wrap:wrap; gap:10px; }
.c-social{
  text-decoration:none;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid var(--stroke);
  background:#fff;
  color: var(--navy);
  font-weight: 900;
}
.c-social--wa{ background:#16a34a; color:#fff; border-color: transparent; }
.c-social--tg{ background:#0ea5e9; color:#fff; border-color: transparent; }

.c-hint{ margin: 12px 0 0; color: var(--muted); font-size: 12px; }

.c-map{
  width:100%;
  height: 360px;
  border: 1px solid var(--stroke);
  border-radius: 14px;
}
.c-map__actions{ margin-top: 10px; display:flex; gap:10px; }
.c-btn{
  text-decoration:none;
  background: var(--navy);
  color:#fff;
  padding: 10px 12px;
  border-radius: 12px;
  font-weight: 900;
}
.c-empty{
  background: var(--gray);
  border: 1px dashed rgba(15,23,42,.18);
  border-radius: 14px;
  padding: 16px;
  color: var(--muted);
}