/* =========================================================
   SPORT DESIGNS — PAGE CONTACT UNIQUEMENT
   À charger APRÈS common.css. Le hero utilise .page-hero,
   la carte sidebar utilise .sidebar-card/.about-mini/.sidebar-cta
   (définis dans common.css).
   ========================================================= */

.contact-pad{padding:72px 0 96px;}
.contact-inner{display:grid;grid-template-columns:1fr;gap:56px;align-items:start;}
@media(min-width:960px){.contact-inner{grid-template-columns:1.5fr 1fr;}}

.contact-form{
  background:#fff;border:1px solid var(--line-light);border-radius:var(--radius);padding:36px;
}
.form-row{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:20px;}
@media(min-width:600px){.form-row.two{grid-template-columns:1fr 1fr;}}
.form-field{display:flex;flex-direction:column;gap:8px;}
.form-field label{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;
  font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted-light);
}
.form-field input,
.form-field select,
.form-field textarea{
  font-family:inherit;font-size:15px;color:var(--ink-text);
  border:1px solid var(--line-light);border-radius:8px;padding:12px 14px;
  background:var(--chalk);transition:border-color .15s ease, background .15s ease;
}
.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus{
  outline:none;border-color:var(--orange);background:#fff;
}
.form-field textarea{resize:vertical;min-height:140px;}
.form-submit{display:flex;align-items:center;gap:16px;margin-top:8px;}
.form-note{font-size:13px;color:var(--muted-light);}

.contact-direct{display:flex;flex-direction:column;gap:14px;}
.contact-direct a{
  display:flex;align-items:center;gap:14px;
  background:#fff;border:1px solid var(--line-light);border-radius:var(--radius);
  padding:18px 20px;font-size:14.5px;font-weight:600;color:var(--ink-text);
  transition:border-color .15s ease, transform .15s ease;
}
.contact-direct a:hover{border-color:var(--orange);transform:translateY(-2px);}
.contact-direct .c-icon{
  flex:none;width:38px;height:38px;border-radius:10px;background:var(--ink);color:var(--orange);
  display:flex;align-items:center;justify-content:center;
}
.contact-direct span{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;font-size:11px;color:var(--muted-light);font-weight:400;letter-spacing:.03em;margin-top:2px;text-transform:none;}