/* Preserve the previous homepage design and give phone content more room. */
@media (max-width: 850px) {
  .home-page .hero {
    padding: 66px 0 60px;
  }
  .home-page .hero .inner {
    width: calc(100% - 48px);
    padding: 0;
  }
  .home-page .hero h1 {
    font-size: clamp(34px, 9.6vw, 50px);
    line-height: 1.13;
    margin: 24px 0 26px;
    max-width: none;
  }
  .home-page .hero p {
    font-size: 15px;
    line-height: 1.85;
    margin: 0;
    max-width: none;
  }
  .home-page .hero .actions,
  .home-page .venue-quick-card a[data-event="booking_click"] {
    display: none;
  }
  .home-page .hero .hero-menu-link {
    margin: 22px 0 0;
    min-height: 44px;
  }
  .home-page .quick-venues {
    padding: 44px 0;
  }
  .home-page .quick-venues .section-intro {
    margin-bottom: 28px;
  }
  .home-page .quick-venues .section-intro h2 {
    line-height: 1.25;
    margin-bottom: 16px;
  }
  .home-page .venue-quick-grid {
    gap: 24px;
  }
  .home-page .venue-quick-card {
    padding: 28px 24px;
  }
  .home-page .venue-quick-card h3 {
    margin: 16px 0;
  }
  .home-page .venue-quick-card p {
    line-height: 1.8;
  }
  .home-page .venue-quick-card .actions {
    margin-top: 24px;
  }
  .home-page .venue-quick-card .venue-detail {
    margin-top: 18px;
  }
  .home-page .mobile-reserve {
    left: 20px;
    right: 20px;
    min-height: 52px;
  }
}