.rr-town-control { position: relative; }
.rr-town-suggestions {
    position: absolute; top: 100%; left: 0; right: 0; z-index: 80;
    margin-top: 6px; max-height: 19rem; overflow-y: auto; overscroll-behavior: contain;
    border: 1px solid #c6d3d7; border-radius: 8px; background: #fff;
    box-shadow: 0 8px 24px #17394326; color: #173943; text-align: left;
}
.rr-town-suggestions[hidden] { display: none; }
.rr-town-option { padding: 12px 15px; font-size: 15px; line-height: 1.4; cursor: pointer; white-space: normal; }
.rr-town-option + .rr-town-option { border-top: 1px solid #edf1f2; }
.rr-town-option:hover, .rr-town-option[aria-selected="true"] { background: #edf5f5; box-shadow: inset 3px 0 #297880; }
.rr-town-group-heading { margin: 22px 0 10px; font-size: 1.1rem; color: #173943; }
@media (max-width: 600px) { .rr-town-option { padding: 13px 12px; } .rr-town-suggestions { max-height: 16rem; } }