.loc-autocomplete-wrap { position: relative; }
.loc-autocomplete-dropdown {
    position: absolute; top: calc(100% + 4px); left: 0; right: 0;
    background: rgba(16,16,18,0.98); border: 1px solid rgba(230,225,220,0.12);
    border-radius: 12px; box-shadow: 0 16px 40px rgba(0,0,0,0.45);
    max-height: 220px; overflow-y: auto; z-index: 10050; display: none;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,215,0,0.35) transparent;
}
.loc-locality-dropdown {
    max-height: 280px;
}
.loc-autocomplete-dropdown.open { display: block; }
.loc-ac-header {
    position: sticky; top: 0; z-index: 2;
    padding: 8px 14px 6px;
    font-size: 0.72rem; font-weight: 700;
    letter-spacing: 0.04em; text-transform: uppercase;
    color: #c9a227;
    background: rgba(16,16,18,0.98);
    border-bottom: 1px solid rgba(255,215,0,0.12);
}
.loc-ac-item {
    padding: 10px 14px; font-size: 0.85rem; color: #ccc; cursor: pointer;
    transition: background 0.12s ease;
}
.loc-ac-item:hover { background: rgba(255,215,0,0.08); color: #f0e6c8; }
.loc-ac-empty { color: #666; font-style: italic; cursor: default; pointer-events: none; }
.loc-locality-waiting { opacity: 0.72; }
.loc-locality-ready { cursor: pointer; }
.loc-autocomplete-dropdown::-webkit-scrollbar { width: 6px; }
.loc-autocomplete-dropdown::-webkit-scrollbar-thumb {
    background: rgba(255,215,0,0.28);
    border-radius: 6px;
}