/* ============================================================================
   SL SYSTEM — contact.css (page Contact uniquement)
   ========================================================================== */
main h1{font-size:44px;line-height:1.06}
.chero{position:relative;padding:64px 0 8px;overflow:hidden;border-bottom:0}
.chero::before{content:"";position:absolute;inset:0;z-index:0;background-image:radial-gradient(rgba(63,43,150,.10) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:radial-gradient(110% 90% at 15% 0%,#000 24%,transparent 68%);mask-image:radial-gradient(110% 90% at 15% 0%,#000 24%,transparent 68%);opacity:.8}
.chero__in{position:relative;z-index:1;max-width:680px}
.chero .lead{margin:16px 0 0}

.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start}
.coords{display:flex;flex-direction:column;gap:20px;margin-top:6px}
.coord{display:flex;gap:14px;align-items:flex-start}
.coord .ic{width:40px;height:40px;border-radius:var(--r-md);background:var(--v50);color:var(--v600);display:flex;align-items:center;justify-content:center;flex:none}
.coord .k{font-family:var(--mono);font-size:11px;color:var(--ink500);letter-spacing:.08em;text-transform:uppercase}
.coord .val{font-size:16px;color:var(--ink900);font-weight:700;margin-top:3px}
.coord .val a{color:var(--v600)}
.cinfo__malt{margin-top:28px;padding:18px 20px;border:1px solid var(--v100);background:var(--v50);border-radius:var(--r-md);font-size:14px;color:var(--ink700);line-height:1.55}
.cinfo__malt a{color:var(--v600);font-weight:700}

.cform{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-card);padding:32px;display:flex;flex-direction:column;gap:16px}
.field{display:flex;flex-direction:column;gap:6px}
.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cform label{font-size:13px;font-weight:700;color:var(--ink800)}
.cform input,.cform select,.cform textarea{font-family:var(--font);font-size:15px;color:var(--ink900);background:#fff;border:1px solid var(--ink300);border-radius:var(--r-sm);padding:12px 13px;outline:none;transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}
.cform input:focus,.cform select:focus,.cform textarea:focus{border-color:var(--v500);box-shadow:0 0 0 3px rgba(63,43,150,.16)}
.cform textarea{resize:vertical;min-height:130px}
.cform .btn{align-self:flex-start;margin-top:4px}
.cform__note{font-size:13px;color:var(--ink500);margin:2px 0 0}

@media(max-width:960px){
  main h1{font-size:36px}
  .contact{grid-template-columns:1fr;gap:36px}
}
@media(max-width:600px){
  .chero{padding:44px 0 4px}
  main h1{font-size:30px}
  .row{grid-template-columns:1fr}.cform{padding:24px}
}