/* Amerikin Magazine · page Contact (s'ajoute à amerikin.css) */
.page-contact{display:grid;gap:28px;padding-bottom:var(--espace-section)}
.contact-grille{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;align-items:start}

.contact-form form{display:grid;gap:20px}
.champs-duo{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.contact-form label{display:grid;gap:8px}
.contact-form label>span{font:500 13px/1.3 var(--texte);letter-spacing:.08em;text-transform:uppercase;color:var(--nuit)}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;font:400 16px/1.5 var(--texte);color:var(--encre);background:#fff;border:1px solid #c5ccd6;border-radius:2px;padding:12px 14px}
.contact-form textarea{resize:vertical;min-height:180px}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:2px solid var(--or);outline-offset:1px;border-color:var(--nuit)}
.contact-form .a-corriger input,.contact-form .a-corriger select,.contact-form .a-corriger textarea{border-color:var(--rouge)}
.champ-erreur{font-size:13.5px;color:var(--rouge)}
.contact-alerte{margin:0 0 20px;padding:14px 16px;background:#fdecef;border-left:3px solid var(--rouge);color:#7a0d1f}
.contact-envoi{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
.contact-envoi small{color:var(--gris);font-size:13.5px}
.piege{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

.contact-merci{background:var(--clair);border-top:3px solid var(--or);padding:32px}
.contact-merci h2{margin:0 0 10px;font:700 26px/1.25 var(--titre);color:var(--nuit)}
.contact-merci p{margin:0 0 14px;color:var(--gris)}

.contact-infos{display:grid;gap:0;background:var(--nuit);color:#e9edf2;border-top:3px solid var(--or)}
.contact-infos .bloc{padding:22px 24px;border-top:1px solid rgba(255,255,255,.12)}
.contact-infos .bloc:first-child{border-top:0}
.contact-infos h2{margin:0 0 8px;font:500 12px/1.4 var(--texte);letter-spacing:.16em;text-transform:uppercase;color:var(--or)}
.contact-infos p{margin:0;font-size:15.5px;line-height:1.55;color:#c9d2de}
.contact-infos a{color:#fff;text-decoration-color:var(--or);text-underline-offset:4px}
.contact-infos ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px}
.consulting-bloc a{display:inline-block;margin-top:12px;font-weight:700;color:var(--or)!important;text-decoration:none}

@media (max-width:860px){
  .contact-grille{grid-template-columns:1fr}
}
@media (max-width:560px){
  .champs-duo{grid-template-columns:1fr}
}