/* Homepage market check retains the original availability card before it opens the shared wizard. */
.availability-card.home-contact { display: block; padding: 64px 24px 72px; text-align: center; }
.home-contact .home-contact-head { margin: 0 auto 36px; max-width: 640px; }
.home-contact .home-contact-head .h2 { max-width: none; margin: 0 auto; text-align: center; }
.home-contact .home-contact-head .lede { margin: 14px auto 0; max-width: 520px; }
.home-contact .availability-flow { width: min(100%, 640px); margin: 0 auto; text-align: left; scroll-margin-top: calc(var(--nav) + 18px); }
.home-contact .market-flow { text-align: left; }
.home-contact .home-market-check .flow-step { display: grid; gap: 12px; }
.home-contact .home-market-check .btn { width: 100%; }
.home-contact .home-market-available { padding: 28px 24px; border: 1px solid rgba(255,255,255,.28); border-radius: 26px; background: rgba(255,255,255,.15); color: #fff; box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 26px 54px -38px rgba(7,31,65,.72); }
.home-contact .home-market-available h3 { margin: 0; color: #fff; font-size: 24px; letter-spacing: -.03em; }
.home-contact .home-market-available p { margin: 7px 0 0; color: rgba(255,255,255,.8); font-size: 15px; line-height: 1.5; }
.home-contact .contact-wizard { margin: 0; box-shadow: 0 30px 70px -36px rgba(3, 12, 28, .7); }
.home-contact .contact-wizard h2, .home-contact .contact-wizard h3 { color: var(--ink); }
.home-contact .contact-wizard .wizard-helper { color: var(--soft); }
/* the card's cloud glow must not sit on top of the white wizard card */
.home-contact .availability-flow, .home-contact .contact-wizard { position: relative; z-index: 1; }
@media (max-width: 720px) {
  .availability-card.home-contact { padding: 44px 12px 48px; }
  .home-contact .home-contact-head { margin-bottom: 26px; padding-inline: 8px; }
  .home-contact .market-flow, .home-contact .home-market-available { padding: 20px 16px; }
  .home-contact .contact-wizard { padding: 20px 16px; }
  .home-contact .home-market-check .btn, .home-contact #f-market { width: 100%; box-sizing: border-box; }
}
@media (prefers-reduced-motion: no-preference) { .home-contact .home-market-available { animation: home-market-available 220ms var(--ease) both; } @keyframes home-market-available { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } } }
/* Shared place picker renders <li role="option"> rows; style them like the original homepage city list. */
.home-contact .home-market-check .fld { position: relative; }
.home-contact .city-suggestions { margin: 6px 0 0; padding: 6px; list-style: none; }
.home-contact .city-suggestions [role="option"] { display: flex; align-items: center; min-height: 44px; padding: 10px 14px; border-radius: 12px; color: var(--ink); font: 500 15px/1.35 var(--sans); cursor: pointer; }
.home-contact .city-suggestions [role="option"][aria-selected="true"], .home-contact .city-suggestions [role="option"]:hover { background: #edf5fc; color: var(--forest); }
