/* ===================================================================
   BOOK A TABLE — TapaPOS reservation widget page
   Uses global tokens/buttons from site.css
   =================================================================== */
.book-hero { position: relative; background: var(--near-black); padding: 130px 0 70px; }
.book-eyebrow { font-family: var(--font-sans); font-size: 0.74rem; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: var(--gold); display: block; margin-bottom: 16px; }
.book-hero h1 { font-family: var(--font-serif); font-size: clamp(2.6rem, 5vw, 4.4rem); font-weight: 700; line-height: 1.06; color: var(--cream); }
.book-hero p { font-size: 1.08rem; line-height: 1.8; color: rgba(243,239,230,0.85); max-width: 600px; margin-top: 20px; }
.book-gold-bar { position: absolute; bottom: 0; left: 0; right: 0; height: 4px; background: var(--gold); }

.book-widget { background: var(--cream); padding: 72px 0 96px; }
.book-widget-card { background: #fff; border: 1px solid rgba(17,34,51,0.1); border-radius: 18px; box-shadow: 0 18px 48px rgba(17,34,51,0.08); padding: 32px; min-height: 440px; }
.book-noscript { color: var(--navy); font-size: 1rem; line-height: 1.7; }
.book-noscript a { color: var(--teal); font-weight: 700; }

@media (max-width: 768px) {
  .book-hero { padding: 96px 0 56px; }
  .book-widget { padding: 48px 0 72px; }
  .book-widget-card { padding: 20px; }
}