/* v33 — five cities (Boston added): 5 columns on desktop, DFW full-width on smaller screens */
/* v22 — Home city picker: big, clear city buttons instead of auto-loaded results */
.gwi-city-picker{
  margin-top:14px;padding:18px 20px 20px;border-radius:16px;
  background:var(--gwi-accent-bar, linear-gradient(90deg,#0c3b2e,#1a6b4f 60%,#c9a227)) top/100% 4px no-repeat,#fff;
  border:1px solid #dbe3de;box-shadow:0 8px 24px rgba(12,59,46,.07);
}
.gwi-city-head{margin-bottom:14px}
.gwi-city-head .section-kicker{margin:0 0 4px}
.gwi-city-head h2{margin:0;font-family:'Fraunces',Georgia,'Times New Roman',serif;font-weight:650;font-size:1.5rem;color:#0c3b2e;line-height:1.15}
.gwi-city-head p:last-child{margin:4px 0 0;color:#5b6b63;font-size:.9rem}

.gwi-city-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} /* v58: 6 cities = 3x2 */
.gwi-city-card{
  appearance:none;cursor:pointer;text-align:left;font:inherit;position:relative;overflow:hidden;
  display:flex;flex-direction:column;gap:2px;min-height:118px;padding:16px 16px 14px;border-radius:14px;
  background:linear-gradient(160deg,#0f4a39 0%,#0c3b2e 70%);color:#fff;
  border:1px solid #0c3b2e;box-shadow:0 6px 16px rgba(12,59,46,.18);
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
}
.gwi-city-card::after{ /* subtle gold flag stripe */
  content:'';position:absolute;right:-18px;top:-18px;width:72px;height:72px;border-radius:50%;
  border:10px solid rgba(246,198,91,.16);
}
.gwi-city-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(12,59,46,.24);border-color:#c9a227}
.gwi-city-card:focus-visible{outline:3px solid #c9a227;outline-offset:3px}
.gwi-city-card:active{transform:translateY(0)}
.gwi-city-name{font-size:1.7rem;font-weight:800;letter-spacing:-.01em;line-height:1.05}
.gwi-city-sub{font-size:.85rem;color:#cfe3da;font-weight:600}
.gwi-city-meta{margin-top:auto;padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.gwi-city-count{font-size:.8rem;font-weight:700;color:#0c2a20;background:#f6c65b;border-radius:999px;padding:3px 10px;white-space:nowrap}
.gwi-city-go{font-size:1.35rem;line-height:1;color:#f6c65b;transition:transform .15s ease}
.gwi-city-card:hover .gwi-city-go{transform:translateX(3px)}

/* Empty Search pressed: point at the cities */
.gwi-city-nudge .gwi-city-card{animation:gwiCityNudge .6s ease}
@keyframes gwiCityNudge{0%,100%{transform:none}30%{transform:translateY(-4px)}60%{transform:translateY(1px)}}
@media (prefers-reduced-motion:reduce){.gwi-city-card,.gwi-city-go{transition:none}.gwi-city-nudge .gwi-city-card{animation:none}}

@media(max-width:1100px){.gwi-city-name{font-size:1.45rem}}
@media(max-width:900px){.gwi-city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gwi-city-card[data-home-city="dfw"]{grid-column:1/-1}}
@media(max-width:760px){
  .gwi-city-picker{margin-top:10px;padding:14px 14px 16px;border-radius:14px}
  .gwi-city-head{margin-bottom:10px}
  .gwi-city-head h2{font-size:1.25rem}
  .gwi-city-head p:last-child{font-size:.82rem}
  .gwi-city-grid{gap:10px}
  .gwi-city-card{min-height:104px;padding:14px 13px 12px}
  .gwi-city-name{font-size:1.45rem}
  .gwi-city-sub{font-size:.78rem}
}
@media(max-width:360px){.gwi-city-name{font-size:1.25rem}.gwi-city-count{font-size:.72rem;padding:3px 8px}}

/* Phone search card: the status note is a grid item (its wrapper is display:contents) — keep it full-width under the filters */
@media(max-width:760px){
  .mobile-home-search-options > .mobile-home-search-status{grid-column:1/-1;order:99}
}
@media(max-width:760px){.gwi-city-go{display:none}.gwi-city-meta{padding-top:10px}}