/* ============================================================
   وقفی نو — page: contact.html
   ============================================================ */

.contact-page-wrap { padding-block: clamp(3rem, 7vw, 4.25rem); }
.contact-social-grid { display: grid; gap: 1.25rem; }
@media (min-width: 37.5em) { .contact-social-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 56.25em) { .contact-social-grid { grid-template-columns: repeat(4, 1fr); } }

.contact-social-grid--icons { grid-template-columns: repeat(4, 1fr); gap: .75rem; }
.social-icon-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  border-radius: var(--radius-lg);
  background: var(--surface-soft);
  border: 1px solid var(--line);
  color: var(--brand-600);
  font-size: 1.35rem;
  transition: transform .2s ease, background .2s ease, color .2s ease;
}
.social-icon-btn:hover { transform: translateY(-3px); background: var(--brand-600); color: #fff; }