/* ============================================================
   COMPONENT — Consultation form
   Split card: dark contact panel + light form. Submitting the
   form opens a pre-filled WhatsApp chat (see js/form.js).
   ============================================================ */
.consult{padding:96px 0; background:var(--paper);}

.consult-shell{
  display:grid; grid-template-columns:0.85fr 1.15fr; gap:0;
  border:1px solid var(--line-light); border-radius:var(--radius); overflow:hidden;
  box-shadow:var(--shadow-sm);
}

.consult-side{background:var(--navy-950); color:var(--paper); padding:44px 38px; display:flex; flex-direction:column; justify-content:space-between;}
.consult-side h3{font-size:25px; line-height:1.3;}
.consult-side p{margin-top:14px; color:rgba(247,245,241,0.62); font-size:14.5px; line-height:1.6;}

.consult-contact{margin-top:32px; display:flex; flex-direction:column; gap:16px;}
.consult-contact a{display:flex; align-items:center; gap:12px; font-size:14.5px; font-weight:600; color:var(--paper);}
.consult-contact svg{width:19px; height:19px; color:var(--orange-300); flex:none;}

.consult-form{background:var(--white); padding:44px 40px;}
.form-row{display:grid; grid-template-columns:1fr 1fr; gap:16px;}
.field{display:flex; flex-direction:column; gap:7px; margin-bottom:16px;}
.field label{font-size:12.5px; font-weight:600; color:var(--ink-soft); letter-spacing:0.02em;}
.field input, .field select, .field textarea{
  border:1px solid var(--line-light); border-radius:10px; padding:12px 14px; font:inherit; font-size:14.5px;
  background:var(--paper); color:var(--ink);
  transition:border-color .15s ease, box-shadow .15s ease;
}
.field input:focus, .field select:focus, .field textarea:focus{
  outline:none; border-color:var(--orange-500); box-shadow:0 0 0 3px rgba(255,141,9,0.15);
}
.field textarea{resize:vertical; min-height:82px;}

.form-note{font-size:12px; color:var(--ink-soft); margin-top:12px; text-align:center;}
.form-note a{color:var(--orange-600); font-weight:600;}
.form-status{font-size:13px; margin-top:10px; text-align:center; min-height:18px;}
.form-status.ok{color:var(--green); font-weight:600;}

/* ---- responsive ---- */
@media (max-width:980px){
  .consult-shell{grid-template-columns:1fr;}
}
@media (max-width:720px){
  .consult{padding:72px 0;}
  .form-row{grid-template-columns:1fr;}
}