/* ═══════════════════════════════════════════
   Amadio — Reservation page (editorial + form)
   Relies on styles.css + heritage.css for tokens,
   header, drawer, footer, hero banner and intro type.
   ═══════════════════════════════════════════ */

#hero.menu-hero {
  background-image: url("../images/reservation.jpg");
}

/* ─── FORM SECTION ─── */
.res-section {
  background: var(--bg-reservation);
}
.res-section .section__inner {
  max-width: 900px;
  text-align: center;
}
.res-section .eyebrow {
  justify-content: center;
}
.res-section .display {
  text-align: center;
}
.res-section .res-form {
  text-align: left;
  margin-top: 40px;
}

@media (max-width: 680px) {
  .res-section .section__inner {
    padding: 56px 20px 64px;
  }
  .her2-rule {
    margin: 25px auto;
  }
}