:root{
  --plv-city-pri: #E20613;
  --plv-city-pri-d: #B2050F;
  --plv-city-sft: #FDE7E9;
  --plv-city-ink: #0F172A;
  --plv-city-ink-2: #475569;
  --plv-city-line: #e2e8f0;
}
.plv-city-selector{position:relative;display:inline-flex;align-items:center;gap:6px;
  padding:6px 12px;border-radius:8px;cursor:pointer;font-size:14px;color:var(--plv-city-ink);
  background:var(--plv-city-sft);border:1px solid transparent;transition:.15s ease}
.plv-city-selector:hover{background:#fff;border-color:var(--plv-city-line)}
.plv-city-selector .pin{color:var(--plv-city-pri);font-size:16px}
.plv-city-selector .chev{color:var(--plv-city-ink-2);font-size:11px}
.plv-city-toggle{background:none;border:0;display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:inherit;font:inherit;padding:0}
.plv-city-menu{position:absolute;top:100%;left:0;margin-top:4px;background:#fff;
  border:1px solid var(--plv-city-line);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.10);
  min-width:200px;padding:6px 0;z-index:2000;max-height:320px;overflow-y:auto;display:none}
.plv-city-menu.open{display:block}
.plv-city-menu button{display:block;width:100%;text-align:left;padding:8px 14px;background:none;
  border:0;font-size:14px;color:var(--plv-city-ink);cursor:pointer}
.plv-city-menu button:hover{background:var(--plv-city-sft);color:var(--plv-city-pri-d)}
.plv-city-menu button.active{color:var(--plv-city-pri);font-weight:600}

html.plv-dark .plv-city-selector{background:#2a1a1c;color:#f1f5f9}
html.plv-dark .plv-city-selector:hover{background:#1e293b;border-color:#334155}
html.plv-dark .plv-city-menu{background:#0f172a;border-color:#334155}
html.plv-dark .plv-city-menu button{color:#e2e8f0}
html.plv-dark .plv-city-menu button:hover{background:#1e293b;color:#fca5a5}