/* ── RESERVATION ─────────────────────────────────────────────── */
.reservation{background:var(--bg2);text-align:center}
.res-form{
  max-width:580px;margin:2.5rem auto 0;
  background:rgba(7,5,15,.65);border:1px solid var(--line2);border-radius:3px;
  padding:2.5rem;backdrop-filter:blur(10px);text-align:left;
}
.fr{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-bottom:.9rem}
.fg{margin-bottom:.9rem}
.fl{
  display:block;font-size:.58rem;font-weight:500;letter-spacing:.18em;
  text-transform:uppercase;color:var(--muted);margin-bottom:.45rem;
}
.fi{
  width:100%;background:rgba(255,255,255,.03);
  border:1px solid rgba(201,168,76,.12);border-radius:2px;
  padding:.75rem .9rem;color:var(--txt);
  font-family:var(--ff-b);font-size:.88rem;
  transition:border-color .2s,background .2s;
  color-scheme:dark;
}
.fi:focus{outline:none;border-color:rgba(201,168,76,.4);background:rgba(201,168,76,.04)}
.fi::placeholder{color:var(--muted2)}
.fi option{background:var(--bg)}
textarea.fi{resize:vertical;min-height:80px}
.btn-w{width:100%;justify-content:center;margin-top:.4rem}
@media(max-width:500px){.fr{grid-template-columns:1fr};.res-form{padding:1.8rem 1.3rem}}