.spp-city-picker{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.spp-label{font-weight:600}
.spp-select{padding:.5rem;border:1px solid #ddd;border-radius:6px;min-width:220px}
.spp-size-sm .spp-select{padding:.25rem}
.spp-size-lg .spp-select{padding:.75rem}
@media (max-width:600px){.spp-city-picker{width:100%}.spp-select{flex:1;min-width:0}}
/* primary color usage example (for future buttons/elements) */
.spp-primary{background:var(--spp-primary);color:#fff;border:0;border-radius:6px;padding:.5rem 1rem}