/* Explicit city suggestions for touch and keyboard users. */
.bus-hero { overflow: visible; }
.bus-field.city-combobox { position: relative; overflow: visible; }
.city-suggestions {
    position: absolute; top: calc(100% + 6px); left: 0; right: 0;
    z-index: 100; max-height: 280px; overflow-y: auto;
    margin: 0; padding: 6px; list-style: none;
    background: #fff; color: #17223b; border: 1px solid #dbe3ee;
    border-radius: 12px; box-shadow: 0 12px 32px rgba(15,23,42,.18);
    text-align: left; font-size: 16px; line-height: 1.4;
}
.city-suggestions[hidden] { display: none; }
.city-suggestions [role="option"] { display: block; padding: 11px 12px; border-radius: 7px; cursor: pointer; }
.city-suggestions [role="option"]:hover,
.city-suggestions [aria-selected="true"] { background: #eaf2ff; color: #174ea6; }