/* /contact — layout ported from ant.exchange contacts. Left info card + right link sections. */
.contacts { margin: 8px 0 12px; }
.contacts-grid { display: grid; grid-template-columns: minmax(0, 360px) minmax(0, 1fr); gap: 20px; align-items: start; }

/* Left aside */
.contacts-aside { padding: 24px; }
.contacts__title { font-size: var(--fs-h2); font-weight: 800; letter-spacing: -0.02em; margin: 0 0 6px; }
.contacts__intro { color: var(--muted-foreground); font-size: var(--fs-small); margin: 0 0 20px; }
.contact-group { margin-bottom: 18px; }
.contact-group:last-child { margin-bottom: 0; }
.contact-group__title { font-size: var(--fs-small); font-weight: 700; color: var(--foreground); margin: 0 0 10px; }

.contact-item { display: flex; align-items: center; gap: 12px; padding: 11px 12px; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--card); margin-bottom: 8px; transition: all var(--dur-fast) var(--ease); }
.contact-item:last-child { margin-bottom: 0; }
.contact-item:not(.contact-item--static):hover { border-color: var(--primary); background: var(--secondary); }
.contact-item--static { cursor: default; }
.contact-item__ic { display: inline-grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; flex: 0 0 auto; }
.contact-item__ic svg { width: 20px; height: 20px; }
.contact-item__ic--tg { background: #e8f3ff; color: #2aabee; }
.contact-item__ic--mail { background: var(--secondary); color: var(--primary); }
.contact-item__ic--clock { background: var(--muted); color: var(--muted-foreground); }
.contact-item__body { display: flex; flex-direction: column; gap: 1px; min-width: 0; flex: 1 1 auto; }
.contact-item__body b { font-weight: 600; font-size: var(--fs-small); }
.contact-item__body span { font-size: var(--fs-xs); color: var(--muted-foreground); overflow-wrap: anywhere; }
.contact-link__chev { width: 18px; height: 18px; color: var(--muted-foreground); flex: 0 0 auto; }

/* Right sections */
.contacts-main { display: flex; flex-direction: column; gap: 20px; }
.contacts-section { padding: 22px 24px; }
.contacts-section__title { font-size: var(--fs-h4); font-weight: 700; margin: 0 0 14px; }
.contact-links { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.contact-link { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 14px; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--card); font-size: var(--fs-small); font-weight: 500; color: var(--foreground); transition: all var(--dur-fast) var(--ease); }
.contact-link:hover { border-color: var(--primary); background: var(--secondary); color: var(--foreground); }
.contact-link > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Floating Telegram CTA under the forums card (matches live mafincash) */
.contacts-cta { margin-top: 16px; }
.contacts-cta__btn {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 12px 22px; border-radius: var(--radius-pill);
  background: #0ea5e9; color: #fff; font-weight: 600; font-size: var(--fs-small);
  transition: opacity var(--dur-fast) var(--ease);
}
.contacts-cta__btn:hover { opacity: .85; color: #fff; }

@media (max-width: 900px) {
  .contacts-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 560px) {
  .contact-links { grid-template-columns: 1fr; }
}