/*
 * بخشِ «تماس با ما» — مشترکِ صفحهٔ اصلی و /contact.
 *
 * 🔴 از داخلِ home.html بیرون آمد چون همان مارک‌آپ حالا در دو صفحه رندر می‌شود؛
 * نگه‌داشتنِ استایل در یکی از آن دو یعنی صفحهٔ دوم بی‌قواره بالا می‌آید.
 */
.site-contact { background: #f1f5f9; border-top: 1px solid #e2e8f0; padding: 28px 16px; margin-top: 10px; }
.site-contact .in { max-width: 1360px; margin: 0 auto; }
.site-contact h2 { font-size: 1.05rem; font-weight: 800; color: #1b2a3a; margin: 0 0 14px; }
.site-contact .offices { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 18px; }
.site-contact .office { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 14px 16px; }
.site-contact .t { font-weight: 800; color: #1b4f8a; font-size: .92rem; margin-bottom: 6px; }
.site-contact .addr { margin: 0 0 8px; font-size: .85rem; line-height: 2; color: #374151; }
.site-contact .tel { margin: 0; font-size: .85rem; color: #374151; line-height: 2; }
.site-contact .tel a { color: #1b4f8a; font-weight: 700; text-decoration: none; unicode-bidi: isolate; }
.site-contact .tel a:hover { text-decoration: underline; }
.site-contact .ext { color: #6b7280; font-size: .8rem; }
/* نقشه: ارتفاعِ ثابتِ از پیش‌اعلام‌شده تا با بارشدنِ iframe صفحه نپرد (CLS). */
.site-contact .map { margin-top: 12px; }
.site-contact .map iframe { display: block; width: 100%; height: 320px; border: 0;
    border-radius: 12px; background: #e5e7eb; }
.site-contact .ways { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.site-contact .ways a { flex: 1 1 auto; text-align: center; min-width: 96px;
border: 1px solid #cbd5e1; border-radius: 100px; padding: 7px 12px;
font-size: .8rem; font-weight: 700; color: #1b4f8a;
text-decoration: none; background: #f8fafc; }
.site-contact .ways a:hover { background: #1b4f8a; color: #fff; border-color: #1b4f8a; }
@media (max-width: 520px) {
    .site-contact .ext { display: block; }
    .site-contact .map iframe { height: 240px; }
}