/* Dış rezervasyon sayfası — app.css'in renk ve bileşenlerini kullanır,
   yalnızca tek sütunlu sayfa düzenini ekler. */

body.rez-sayfa { background: var(--zemin, var(--yuzey-2)); min-height: 100vh; }
.rez-kap { max-width: 520px; margin: 0 auto; padding: 24px 16px 48px; }
.rez-ust { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
.rez-ust h1 { font-size: 1.4rem; margin: 0; }
.rez-kap .kart { margin-bottom: 16px; }
.rez-kod {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 1.6rem; letter-spacing: .12em; font-weight: 700;
  padding: 12px 16px; border-radius: 10px; background: var(--vurgu-zemin); color: var(--vurgu);
  text-align: center; margin: 12px 0;
}
.rez-gizli { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.rez-hata { color: var(--kotu); margin-top: 8px; }
.rez-kvkk { display: flex; gap: 10px; align-items: flex-start; font-size: .9rem; }
.rez-kvkk input { margin-top: 3px; }