.coffee-finder-hero { max-width: 760px; margin: 0 auto; padding: 76px 0 64px; }
.coffee-finder-hero h1 { margin: 16px auto; }
.coffee-finder-hero h1 > span { margin-inline: auto; }
.coffee-finder-description { margin: 0 auto 28px; font-size: 1rem; line-height: 1.6; }
.coffee-finder .home-hero-search { max-width: 640px; margin: 0 auto; }
.coffee-finder .home-search-input-shell { max-width: none; min-height: 62px; padding: 12px 20px; box-shadow: 0 4px 16px rgb(32 28 22 / 4%); }
.coffee-finder .home-search-location-action { display: none; }
.coffee-finder-nearby { display: inline-block; margin-top: 18px; font-size: .8rem; text-underline-offset: 4px; }
.coffee-finder-nearby:hover { text-decoration: underline; }
.coffee-finder-section-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
.coffee-finder-all { font-size: .85rem; text-decoration: underline; text-underline-offset: 4px; }
.coffee-finder .home-city-card { box-shadow: none; }
.coffee-finder .home-city-card figure { aspect-ratio: 16 / 10; }
.coffee-finder-more { margin-top: 48px; padding: 36px 0 64px; border-top: 1px solid var(--color-line, #e5e0d8); scroll-margin-top: 100px; }
.coffee-finder-city-links { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 28px; margin-top: 24px; }
.coffee-finder-city-links a { padding: 12px 0; border-bottom: 1px solid var(--color-line, #e5e0d8); font-size: .95rem; text-underline-offset: 4px; }
.coffee-finder-city-links a:hover { text-decoration: underline; }
@media (max-width: 639px) {
  .coffee-finder-hero { padding: 42px 0 40px; }
  .coffee-finder-description { max-width: 29ch; font-size: .9rem; margin-bottom: 24px; }
  .coffee-finder .home-search-input-shell { min-height: 58px; padding: 12px 14px; }
  .coffee-finder .home-city-card figure { aspect-ratio: 4 / 3; }
  .coffee-finder-city-links { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; }
  .coffee-finder-more { margin-top: 32px; padding-top: 28px; }
}