/*
 * Pradip #207 (Sheet Task: #972) (21-10-2026)
 * Add only contact-page overflow and form styles on top of shared Dtravel CSS.
 */
body.rb-home { overflow-x: hidden; }

.rb-contact { max-width: 680px; margin: 0 auto; padding: 72px 48px 96px; }
.rb-eyebrow {
  display: block;
  color: var(--rb-brand);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.rb-contact h1 { font-size: 40px; line-height: 1.1; font-weight: 800; margin: 0 0 14px; letter-spacing: -0.01em; }
.rb-contact-lead { color: var(--rb-muted); font-size: 17px; line-height: 1.6; margin: 0 0 32px; }
.rb-field { margin-bottom: 20px; }
.rb-field label { display: block; font-size: 14px; font-weight: 600; margin-bottom: 6px; color: var(--rb-ink); }
.rb-field input,
.rb-field textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--rb-line);
  border-radius: 12px;
  background: #fff;
  padding: 12px 14px;
  font-family: inherit;
  font-size: 15px;
  color: var(--rb-ink);
}
.rb-field input:focus,
.rb-field textarea:focus { outline: none; border-color: var(--rb-brand); }
.rb-error { color: var(--rb-brand); font-size: 13px; margin-top: 6px; }
.rb-alert { border-radius: 12px; padding: 14px 16px; font-size: 15px; margin-bottom: 16px; }
.rb-alert-success { background: #eef7ee; color: #1f5c2b; }
.rb-alert-error { background: var(--rb-blush); color: var(--rb-brand); }

@media (max-width: 980px) {
  .rb-contact { padding: 48px 24px 64px; }
  .rb-contact h1 { font-size: 32px; }
}