/* ==========================================================================
   For Riders page layout  (shared hero/components live in components.css)
   ========================================================================== */

/* Hero floating stat — single "4.9 avg" card, bottom-left of the image */
.hero__stat--avg { bottom: -1rem; left: -1rem; }

@media (min-width: 768px) {
  .hero__stat--avg { bottom: 1.5rem; left: -1.5rem; }
}

/* ============================================================
   How booking works — centered, connected steps
   ============================================================ */
.booking__steps {
  max-width: 42rem;
  margin: 0 auto;
}

.booking__cta {
  margin-top: var(--space-3xl);
  display: flex;
  justify-content: center;
}

/* ============================================================
   FAQ — centered single column
   ============================================================ */
.faq .faq-list {
  max-width: 45rem;
  margin: 0 auto;
}