/* ============================================================================
   INCA contact page. Loads with inca-base.css and inca-supplier.css
   (reuses .sp-contact for the details list).
   ========================================================================== */
.contact-grid{display:grid;grid-template-columns:1.4fr .9fr;gap:clamp(28px,4vw,56px);align-items:start}
.contact-form{display:flex;flex-direction:column;gap:16px;max-width:620px}
.contact-field{display:flex;flex-direction:column;gap:6px}
.contact-field span{font-family:var(--font-body);font-weight:800;font-size:11.5px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--text-muted)}
.contact-field input,.contact-field textarea{font-family:var(--font-body);font-size:15.5px;color:var(--text-strong);
  padding:12px 14px;border:1px solid var(--border-default);border-radius:var(--radius-md);
  background:var(--surface-card);outline:none;width:100%;
  transition:border-color var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard)}
.contact-field textarea{resize:vertical;min-height:150px;line-height:1.6}
.contact-field input:focus,.contact-field textarea:focus{border-color:var(--indigo-300);box-shadow:0 0 0 4px var(--indigo-50)}
.contact-form .btn{align-self:flex-start}

/* Honeypot: off-screen rather than display:none, which some bots detect. */
.contact-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.contact-notice{border-radius:var(--radius-md);padding:14px 16px;margin-bottom:20px;font-size:15px;line-height:1.55}
.contact-notice--ok{background:#eaf6f1;border:1px solid #b8e0d0;color:#1d6b52}
.contact-notice--bad{background:#fdecea;border:1px solid #f5c2bd;color:#8f2d22}

.contact-side{background:var(--surface-card);border:1px solid var(--border-subtle);
  border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-xs)}
.contact-side__head{font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--text-strong);margin-bottom:14px}
.contact-side__note{margin-top:16px;padding-top:14px;border-top:1px solid var(--border-subtle);
  font-size:13.5px;line-height:1.6;color:var(--text-muted)}
.contact-side__note a{color:var(--indigo-500);font-weight:700}

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