/* ===== HVD — Page Contact (styles spécifiques) ===== */

.contact-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:56px;align-items:start;}

/* coordonnées */
.cmethods{display:flex;flex-direction:column;gap:8px;margin-top:6px;}
.cmethod{display:flex;gap:16px;align-items:flex-start;padding:18px 0;border-bottom:1px solid #e6e0d4;}
.cmethod:last-child{border-bottom:none;}
.cmethod .ic{width:46px;height:46px;border-radius:12px;background:var(--navy);display:flex;align-items:center;justify-content:center;flex:none;}
.cmethod .ic svg{width:22px;height:22px;stroke:var(--gold-2);fill:none;stroke-width:1.6;}
.cmethod .lbl{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-weight:700;}
.cmethod .val{font-size:16px;color:var(--navy);font-weight:700;margin-top:4px;line-height:1.35;}
.cmethod .sub2{font-size:13px;color:var(--muted);margin-top:2px;}

@keyframes resp-pulse{
  0%,100%{box-shadow:0 0 0 4px rgba(192,162,74,.22);}
  50%{box-shadow:0 0 0 9px rgba(192,162,74,.07);}
}
.resp{margin-top:26px;background:var(--navy);color:#fff;border-radius:14px;padding:22px 24px;display:flex;gap:14px;align-items:center;}
.resp .pulse{width:12px;height:12px;border-radius:50%;background:var(--gold-2);
  box-shadow:0 0 0 4px rgba(192,162,74,.25);flex:none;animation:resp-pulse 2.2s ease-in-out infinite;}
.resp .t{font-size:14px;color:#dfe4ef;line-height:1.4;}
.resp .t b{color:#fff;}

/* formulaire */
.form-card{background:#fff;border:1px solid #ece7da;border-radius:20px;padding:42px;
  box-shadow:0 30px 60px -40px rgba(14,29,66,.4);position:relative;
  transition:box-shadow .3s,border-color .3s;}
.form-card:focus-within{border-color:rgba(192,162,74,.35);
  box-shadow:0 30px 60px -40px rgba(14,29,66,.4),0 0 0 3px rgba(192,162,74,.1);}
.form-card h3{font-size:24px;margin-bottom:6px;}
.form-card .fc-sub{font-size:14.5px;color:var(--muted);margin:0 0 26px;}
.field{margin-bottom:20px;}
.field label{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:8px;}
.field input,.field select,.field textarea{width:100%;border:1px solid #ddd6c7;border-radius:10px;
  padding:13px 15px;font-family:var(--sans);font-size:15px;color:var(--ink);background:#fdfcf9;
  transition:border-color .2s,box-shadow .2s;}
.field input::placeholder,.field textarea::placeholder{color:#b3ad9e;}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--gold);
  box-shadow:0 0 0 3px rgba(192,162,74,.18);}
.field textarea{min-height:130px;resize:vertical;}
.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b6b6b' stroke-width='1.6' fill='none'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 16px center;padding-right:38px;}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.phone-row{display:flex;gap:10px;}
.phone-row select{width:96px;flex:none;font-weight:700;color:var(--navy);
  padding-left:12px;padding-right:28px;background-position:right 10px center;}
.phone-row input{flex:1;min-width:0;}
.form-card .btn{width:100%;justify-content:center;margin-top:6px;}
.form-note{font-size:12px;color:var(--muted);margin-top:14px;text-align:center;}
.form-success{display:none;text-align:center;padding:30px 10px;}
.form-success.show{display:block;}
.form-success .chk{width:60px;height:60px;border-radius:50%;background:rgba(192,162,74,.14);border:1.5px solid var(--gold);
  color:var(--gold-deep);display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 18px;}
.form-success h3{margin-bottom:8px;}
.form-success p{color:var(--muted);font-size:14.5px;margin:0;}
.form-fields.hide{display:none;}

@media(max-width:880px){
  .contact-grid{grid-template-columns:1fr;gap:36px;}
  .form-card{padding:30px;}
  .field-row{grid-template-columns:1fr;gap:0;}
}