/* Formulaires du site Koh. : partagés par l'accueil (réservation boutique, inscriptions) et pro.html.
   Ne pas recopier ces styles dans une page : charger ce fichier. */
.champ{flex:1;min-width:0;background:var(--bg);border:1px solid var(--ligne);color:#fff;border-radius:999px;padding:12px 18px;font:inherit;font-size:16px;outline:none}
.champ:focus{border-color:#fff}
.formulaire label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--txt-2)}
.champ.carre{border-radius:12px;width:100%}
textarea.champ{resize:vertical;font:inherit;font-size:16px}
.deux{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.groupe{display:flex;flex-direction:column;gap:8px}
.leg{font-size:13px;color:var(--txt-2)}
.choix-pills{display:flex;flex-wrap:wrap;gap:8px}
.choix-pills button{border:1px solid var(--ligne);border-radius:999px;padding:8px 14px;font-size:14px;color:var(--txt-2)}
.choix-pills button.on{background:#fff;color:#1d1d1d;border-color:#fff}
.merci{text-align:center;padding:30px 10px;display:flex;flex-direction:column;align-items:center;gap:10px}
.merci .rond-ok{width:56px;height:56px;border-radius:50%;background:#58d68d;color:#1d1d1d;display:grid;place-items:center}
.merci .rond-ok svg{width:26px;height:26px;stroke-width:2.4}
.merci h3{margin:6px 0 0;font-size:24px}
.merci p{margin:0;color:var(--txt-2);max-width:340px}
.choix-pills button{min-height:44px}
.deux{grid-template-columns:repeat(2,minmax(0,1fr))}
.choix-pills button{font:inherit;font-size:14px;cursor:pointer;background:none}
.formulaire{display:flex;flex-direction:column;gap:14px}