.city-indicator{display:inline-flex;align-items:center;gap:5px;padding:8px 12px;background:#f8f9fa;border-radius:6px;cursor:pointer;transition:background-color .2s;font-size:14px;border:1px solid #dee2e6}.city-indicator:hover{background:#e9ecef}.city-indicator span{color:#6c757d}.selected-city{font-weight:600;color:#212529}.mini-popup{position:fixed;top:80px;right:20px;background:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);z-index:9999;width:320px;border:1px solid #dee2e6;animation:slideIn .3s ease}@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}.popup-arrow{position:absolute;top:-10px;right:20px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff}.mini-popup-header{padding:12px 16px;border-bottom:1px solid #dee2e6;background:#f8f9fa;border-radius:8px 8px 0 0}.mini-popup-content{padding:16px}.detected-city{margin-bottom:16px;font-size:15px;line-height:1.5}.detected-city strong{color:#0d6efd}.mini-buttons{display:flex;gap:8px}.mini-btn{flex:1;padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.mini-btn-primary{background:#0d6efd;color:#fff}.mini-btn-primary:hover{background:#0b5ed7}.mini-btn-secondary{background:#6c757d;color:#fff}.mini-btn-secondary:hover{background:#5c636a}.city-select-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:10000;display:none;justify-content:center;align-items:center}.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:24px;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%)}.modal-title{margin:0;font-size:24px;font-weight:600;color:#212529}.city-select-body{padding:24px}.search-input-container{position:relative;margin-bottom:24px}.search-input{width:100%;padding:14px 48px 14px 16px;border:2px solid #dee2e6;border-radius:8px;font-size:16px;transition:all .3s;background:#fff}.search-input:focus{outline:none;border-color:#0d6efd;box-shadow:0 0 0 3px rgba(13,110,253,.1)}.search-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;background:url(data:image/svg+xml;utf8,<svg\ xmlns=\"http://www.w3.org/2000/svg\"\ viewBox=\"0\ 0\ 24\ 24\"\ fill=\"%236c757d\"><path\ d=\"M15.5\ 14h-.79l-.28-.27A6.471\ 6.471\ 0\ 0\ 0\ 16\ 9.5\ 6.5\ 6.5\ 0\ 1\ 0\ 9.5\ 16c1.61\ 0\ 3.09-.59\ 4.23-1.57l.27.28v.79l5\ 4.99L20.49\ 19l-4.99-5zm-6\ 0C7.01\ 14\ 5\ 11.99\ 5\ 9.5S7.01\ 5\ 9.5\ 5\ 14\ 7.01\ 14\ 9.5\ 11.99\ 14\ 9.5\ 14z\"/></svg>) no-repeat center;pointer-events:none}.search-loading{position:absolute;right:44px;top:50%;transform:translateY(-50%);width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #0d6efd;border-radius:50%;animation:spin 1s linear infinite;display:none}@keyframes spin {
    0% { transform: translateY(-50%) rotate(0deg); }
    100% { transform: translateY(-50%) rotate(360deg); }
}.live-suggestions{position:absolute;top: calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);max-height:300px;overflow-y:auto;display:none;z-index:1000}.live-suggestions.visible{display:block}.suggestion-item{padding:12px 16px;border-bottom:1px solid #f8f9fa;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center}.suggestion-item:hover{background:#f8f9fa}.suggestion-text{font-size:15px;color:#212529}.suggestion-text strong{color:#0d6efd;font-weight:600}.suggestion-hint{font-size:12px;color:#6c757d}.suggestion-item.no-results{color:#6c757d;font-style:italic;cursor:default}.top-cities{margin-bottom:24px}.top-cities h4{margin:0 0 12px 0;font-size:16px;font-weight:600;color:#495057}.top-cities-list{display:flex;flex-wrap:wrap;gap:8px}.top-cities-list .city-link{display:inline-block;padding:8px 16px;background:#e9ecef;border-radius:6px;color:#495057;text-decoration:none;font-size:14px;transition:all .2s}.top-cities-list .city-link:hover{background:#0d6efd;color:#fff}.all-cities-container{max-height:0;overflow:hidden;transition:max-height .3s ease}.all-cities-container.visible{max-height:400px}.all-cities-title{margin:0 0 12px 0;font-size:16px;font-weight:600;color:#495057}.all-cities-list{max-height:300px;overflow-y:auto;border:1px solid #e9ecef;border-radius:8px;padding:8px}.city-link{display:block;padding:10px 12px;color:#495057;text-decoration:none;border-bottom:1px solid #f8f9fa;font-size:15px;transition:all .2s}.city-link:hover{background:#f8f9fa;color:#0d6efd}.city-selector-shortcode{display:inline-block;padding:8px 12px;background:#f8f9fa;border-radius:6px;font-size:14px;border:1px solid #dee2e6}.city-selector-label{margin-right:6px;color:#6c757d}.city-selector-current{font-weight:600;color:#212529}.city-selector-region{font-size:12px;color:#6c757d;margin-left:4px}.city-selector-change-btn{background:none;border:none;color:#0d6efd;cursor:pointer;font-size:13px;margin-left:6px;text-decoration:underline;padding:0}.city-selector-change-btn:hover{color:#0b5ed7}@media (max-width:768px){.mini-popup{top:60px;right:10px;left:10px;width:auto}.city-select-content{width:95%;max-height:90vh}.city-select-header,.city-select-body{padding:16px}}