/* RamCabz website v2 -- page CSS for lane B2 (13 Oct 2026)
   Pages: wedding-event-transportation.html (Event & Delegation), airport-transfers.html, outstation-intercity-travel.html.
   Loaded after site.css. Only uses variables and classes from site.css; scoped with .page-b2. */

/* Hero: the [CONFIRM] line under the H1 (page 5) and room for the buttons */
.page-b2 .page-hero { padding-bottom: 64px; }
.page-b2 .page-hero .page-marker { margin: 0 0 14px; font-size: .9375rem; }
.page-b2 .page-hero .btn-row { margin-top: 28px; }
.page-b2 .page-hero .hero-img { object-fit: cover; }

/* Intro: lead text beside a picture */
.page-b2 .intro-split .lead { margin: 0; color: var(--text); font-size: 1.1875rem; }
.page-b2 .intro-split figure img { aspect-ratio: 4 / 3; object-fit: cover; }
@media (min-width: 900px) { .page-b2 .intro-split { grid-template-columns: 1.1fr .9fr; } }

/* Key features: one framed tile per line */
.page-b2 .features .feature { align-items: center; padding: 18px 20px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--dark); }
.page-b2 .features .feature p { color: var(--text); font-weight: 500; }
.page-b2 .after-features { margin-top: 32px; }
.page-b2 .destinations { margin: 28px 0 0; color: var(--text); font-weight: 500; }

/* Mini booking form */
.page-b2 .book-wrap { max-width: 760px; margin: 0 auto; background: var(--dark-2); }
.page-b2 .book-wrap .btn-block { width: 100%; }

/* Why RamCabz cards (light band) */
.page-b2 .why-card .icon-tile { margin-bottom: 16px; }
.page-b2 .why-card h3 { color: var(--ink); }
.page-b2 .why-card p { margin: 0; color: var(--ink-muted); }

/* Related services: the shared .service-card does the work; keep three cards even on the 2-column step */
@media (min-width: 700px) and (max-width: 959px) { .page-b2 .grid-3 > .service-card:last-child:nth-child(odd) { grid-column: 1 / -1; min-height: 240px; } }

/* Form rows: a field with a note under it must not stretch its neighbour's input */
.page-b2 .field-row { align-items: start; }