.city-indicator{cursor:pointer;display:inline-flex;align-items:center;gap:5px;color:#333;font-size:14px;transition:color .3s ease}.city-indicator:hover{color:#0073aa}.city-indicator .selected-city{font-weight:600;color:#0073aa;border-bottom:1px dashed #0073aa}.mini-popup{display:none;position:absolute;top:35px;left:0;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);z-index:10000;min-width:280px;animation:fadeIn .3s ease}.popup-arrow{position:absolute;top:-10px;left:20px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff}.mini-popup-header{padding:15px 20px 10px;border-bottom:1px solid #eee}.mini-popup-content{padding:15px 20px}.detected-city{margin-bottom:15px;font-size:14px;color:#555}.detected-city strong{color:#0073aa;font-weight:600}.mini-buttons{display:flex;gap:10px}.mini-btn{padding:8px 16px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s ease;flex:1}.mini-btn-primary{background:#0073aa;color:#fff}.mini-btn-primary:hover{background:#005a87}.mini-btn-secondary{background:#f0f0f0;color:#555}.mini-btn-secondary:hover{background:#e0e0e0}.city-select-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:99999;justify-content:center;align-items:center;animation:fadeIn .3s ease}.city-select-content{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.2)}.city-select-header{padding:25px 30px 15px;border-bottom:1px solid #eee}.modal-title{margin:0;color:#333;font-size:1.5rem;font-weight:600}.city-select-body{padding:20px 30px 30px;overflow-y:auto;max-height:60vh}.search-input-container{position:relative;margin-bottom:25px}.search-input{width:100%;padding:14px 20px 14px 45px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .3s ease}.search-input:focus{outline:none;border-color:#0073aa}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#999}.top-cities h4,.all-cities-title{margin:0 0 15px;color:#555;font-size:16px;font-weight:500}.top-cities-list{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.city-link{display:inline-block;padding:8px 16px;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;color:#333;text-decoration:none;font-size:14px;transition:all .3s ease;cursor:pointer}.city-link:hover{background:#0073aa;border-color:#0073aa;color:#fff}.all-cities-container{max-height:300px;overflow-y:auto;display:none}.all-cities-container.visible{display:block;animation:slideIn .3s ease}.all-cities-list{display:flex;flex-direction:column;gap:8px}.loading-cities,.no-results{padding:20px;text-align:center;color:#888;font-size:14px}@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}@media (max-width:768px){.city-select-content{width:95%;max-height:90vh}.city-select-header,.city-select-body{padding:15px 20px}.top-cities-list{gap:8px}.city-link{padding:6px 12px;font-size:13px}.mini-popup{position:fixed;top:auto;bottom:0;left:0;right:0;min-width:auto;border-radius:12px 12px 0 0}.popup-arrow{display:none}}.city-selector-shortcode{display:inline-flex;align-items:center;gap:5px;font-size:14px}.city-selector-label{color:#666}.city-selector-current{font-weight:600;color:#0073aa}.city-selector-change-btn{background:none;border:none;color:#888;text-decoration:underline;cursor:pointer;font-size:13px;padding:0}.city-selector-change-btn:hover{color:#0073aa}