/* ============================================================
   plant.voir.su — css/pages/contacts.css  (владелец: don)
   Стили страницы /contacts. Префикс всех классов: .pcontacts-*
   Токены — только из css/style.css / css/dashboard.css.
   ============================================================ */

/* ---- hero-блок страницы ---- */
.pcontacts-hero .pcontacts-h1 {
  font-size: clamp(1.7rem, 1.3rem + 2.2vw, 3rem);
  line-height: 1.15; letter-spacing: -.02em; margin: 0 0 14px; font-weight: 800;
}
.pcontacts-hero .lead { margin: 0 0 6px; }

/* ---- телефоны ---- */
.pcontacts-phones { margin: 0 0 14px; }
.pcontacts-tel {
  display: inline-block; color: var(--ink); font-weight: 700;
  font-size: 1.02rem; text-decoration: none;
  transition: color .2s;
}
.pcontacts-tel:hover { color: var(--amber); }
.pcontacts-note { font-size: .9rem; margin: 10px 0 6px; }

/* ---- реквизиты ---- */
.pcontacts-reqs { margin-top: 0; }
.pcontacts-reqs .mono { color: var(--amber); font-weight: 700; }

/* ---- плашка честности «форма-витрина» ---- */
.pcontacts-showcase {
  background: var(--amber-soft);
  border: 1px solid rgba(232, 163, 61, .45);
  border-radius: var(--radius-md);
  padding: 14px 18px; margin: 0 0 18px;
  color: var(--ink); font-size: .95rem; line-height: 1.5;
}
.pcontacts-showcase a { color: var(--amber); font-weight: 700; }
.pcontacts-showcase a:hover { color: var(--amber-hi, #FFD089); }

/* ---- форма ---- */
.pcontacts-form { display: grid; gap: 14px; }
.pcontacts-field { display: grid; gap: 6px; }
.pcontacts-field label {
  color: var(--teal); font-weight: 700; font-size: .85rem;
  letter-spacing: .04em; text-transform: uppercase;
}
.pcontacts-field input,
.pcontacts-field textarea {
  background: rgba(7, 11, 20, .55);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  color: var(--ink);
  font-family: inherit; font-size: 1rem;
  padding: 12px 14px; width: 100%;
  transition: border-color .2s, box-shadow .2s;
}
.pcontacts-field input:focus,
.pcontacts-field textarea:focus {
  outline: none; border-color: var(--amber);
  box-shadow: 0 0 0 3px var(--amber-soft);
}
.pcontacts-field input.pcontacts-invalid { border-color: #E05C5C; }
.pcontacts-field textarea { resize: vertical; min-height: 88px; }
.pcontacts-hint { color: var(--muted); font-size: .78rem; }
.pcontacts-form .btn { justify-self: start; }
.pcontacts-form-note {
  background: var(--teal-soft); border: 1px solid rgba(47, 184, 166, .35);
  border-radius: var(--radius-sm); padding: 10px 14px; font-size: .9rem;
  color: var(--silver, #B8C4D4); margin: 0;
}

/* ---- документы и видео ---- */
.pcontacts-docs { display: flex; flex-direction: column; gap: 12px; }
.pcontacts-docs p { margin: 0; }
.pcontacts-dl { justify-content: flex-start; }
.pcontacts-video .kicker { margin: 0 0 6px; }
.pcontacts-video a { color: var(--silver, #B8C4D4); line-height: 1.5; }
.pcontacts-video a:hover { color: var(--amber); }

/* ---- мобильная адаптация ---- */
@media (max-width: 768px) {
  .pcontacts-hero .pcontacts-h1 { font-size: clamp(1.5rem, 1.2rem + 3vw, 2.2rem); }
  .pcontacts-form .btn { justify-self: stretch; }
}