.contact-honeypot {
  height: 0;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}
.contact-honeypot {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.agent-section .avatar.avatar-fallback {
  object-fit: contain;
  padding: 0.65rem;
}

@media (max-width: 900px) {
  .contact-layout {
    grid-template-columns: 1fr;
  }

  .contact-side {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }
}

@media (max-width: 640px) {
  .contact-form-card {
    padding: 1.5rem;
  }

  .contact-side {
    grid-template-columns: 1fr;
  }
}