/* ── CONTACTS — Kvazar ── */
.contacts-layout { display: grid; grid-template-columns: 1fr 400px; gap: var(--space-16); align-items: start; }

/* FORM */
.contacts-form-wrap__title { font-family: var(--font-display); font-size: var(--text-2xl); font-weight: var(--font-weight-bold); margin-bottom: var(--space-8); }
.contact-form { display: flex; flex-direction: column; gap: var(--space-5); }
.form-group { display: flex; flex-direction: column; gap: var(--space-2); }
.form-group label { font-size: var(--text-sm); font-weight: var(--font-weight-medium); color: var(--color-text); }
.form-group input,
.form-group select,
.form-group textarea {
  width: 100%;
  padding: 0.8rem 1rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-size: var(--text-base);
  background: var(--color-surface);
  color: var(--color-text);
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
  outline: none;
}
.form-group input::placeholder, .form-group textarea::placeholder { color: var(--color-text-dim); }
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus { border-color: var(--color-gold); box-shadow:none; }
.form-group input.is-error, .form-group textarea.is-error { border-color: var(--color-error); }
.form-error { font-size: var(--text-xs); color: var(--color-error); min-height: 1em; }

.form-group--checkbox { flex-direction: row; align-items: center; gap: var(--space-3); }
.form-group--checkbox input { width: auto; accent-color: var(--color-gold); }
.form-group--checkbox label { font-size: var(--text-sm); color: var(--color-text-muted); }
.form-group--checkbox a { color: var(--color-gold); }

.form-success {
  padding: var(--space-4);
  background: rgba(61,214,140,.1);
  border: 1px solid var(--color-success);
  border-radius: var(--radius-md);
  color: var(--color-success);
  font-weight: var(--font-weight-medium);
  text-align: center;
}

/* INFO */
.contacts-info__title { font-family: var(--font-display); font-size: var(--text-2xl); font-weight: var(--font-weight-bold); margin-bottom: var(--space-8); }
.contacts-info__list { display: flex; flex-direction: column; gap: var(--space-5); margin-bottom: var(--space-8); }
.contacts-info__item { display: flex; flex-direction: column; gap: var(--space-1); }
.contacts-info__label { font-family: var(--font-mono); font-size: var(--text-xs); text-transform: uppercase; letter-spacing: .1em; color: var(--color-text-dim); }
.contacts-info__value { font-size: var(--text-base); color: var(--color-text); }
a.contacts-info__value:hover { color: var(--color-gold); }

.contacts-socials { display: flex; gap: var(--space-3); margin-bottom: var(--space-8); }
.social-link {
  width: 42px; height: 42px;
  border: 1px solid var(--color-border);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-mono); font-size: var(--text-xs);
  color: var(--color-text-muted);
  transition: all var(--transition-fast);
}
.social-link:hover { border-color: var(--color-gold); color: var(--color-gold); box-shadow: var(--glow-gold); }

.contacts-note {
  padding: var(--space-6);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
}
.contacts-note__title { font-family: var(--font-mono); font-size: var(--text-xs); text-transform: uppercase; letter-spacing: .1em; color: var(--color-gold); margin-bottom: var(--space-3); }
.contacts-note p { font-size: var(--text-sm); color: var(--color-text-muted); line-height: var(--leading-relaxed); }

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