.city-indicator{display:flex;align-items:center;gap:10px;cursor:pointer;padding:8px 15px;background:rgba(255,255,255,.1);border-radius:20px;transition:all .3s ease}.city-indicator:hover{background:rgba(255,255,255,.2)}.selected-city{display:inline-block;background:rgba(255,255,255,.9);color:#41143d;padding:5px 15px;border-radius:15px;font-weight:600}.mini-popup{position:absolute;top:100%;right:0;margin-top:10px;background:#fff;box-shadow:0 5px 25px rgba(0,0,0,.15);width:320px;z-index:1000;overflow:hidden;border:1px solid #e0c695;animation:slideDown .3s ease}@keyframes slideDown {
            from {
                opacity: 0;
                transform: translateY(-10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }.mini-popup-header{background:linear-gradient(135deg,#efd9a5,#f2ecc3);color:#fff;padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.mini-popup-content{padding:20px}.detected-city{text-align:center;font-size:1.1rem;margin-bottom:20px;color:#333}.detected-city strong{color:#41143d;font-size:1.2rem}.mini-buttons{display:flex;flex-direction:row;gap:10px;justify-content:center}.mini-btn{padding:5px 10px;border:none;border-radius:3px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:600;text-align:center}.mini-btn-primary{background:#41143d;color:#fff}.mini-btn-primary:hover{background:#70256a;transform:translateY(-2px);box-shadow:0 4px 12px rgba(42,82,152,.3)}.mini-btn-secondary{background:#f8f9fa;color:#333;border:1px solid #e0e0e0}.mini-btn-secondary:hover{background:#e9ecef;transform:translateY(-2px)}.popup-arrow{position:absolute;top:-8px;right:30px;width:16px;height:16px;background:#fff;transform:rotate(45deg);border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0}.city-select-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:2000;opacity:0;animation:fadeIn .3s forwards;display:none}.city-select-content{background:#fff;border-radius:15px;width:90%;max-width:500px;max-height:80vh;overflow:hidden;transform:translateY(-20px);animation:slideUp .3s forwards;display:flex;flex-direction:column}@keyframes fadeIn {
            to { opacity: 1; }
        }@keyframes slideUp {
            to { transform: translateY(0); }
        }.city-select-header{background:linear-gradient(135deg,#41143d,#2a5298);color:#fff;padding:20px;text-align:center;flex-shrink:0}.city-select-body{padding:30px;flex:1;overflow-y:auto}.modal-title{font-size:1.5rem;margin-bottom:10px}.search-input-container{position:relative;margin-bottom:25px}.search-input{width:100%;padding:15px 45px 15px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border .3s ease}.search-input:focus{outline:none;border-color:#2a5298}.search-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#666}.search-loading{position:absolute;right:45px;top:50%;transform:translateY(-50%);width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #2a5298;border-radius:50%;animation:spin 1s linear infinite;display:none}@keyframes spin {
            0% { transform: translateY(-50%) rotate(0deg); }
            100% { transform: translateY(-50%) rotate(360deg); }
        }.top-cities{margin-bottom:20px}.top-cities h4{margin-bottom:15px;color:#333;font-size:1.1rem}.top-cities-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.city-link{padding:10px 15px;background:#f8f9fa;border-radius:6px;color:#333;text-decoration:none;display:block;transition:all .2s ease;border:1px solid #e0e0e0;text-align:center;cursor:pointer}.city-link:hover{background:#2a5298;color:#fff;transform:translateY(-2px);border-color:#2a5298}.all-cities-container{max-height:0;overflow:hidden;transition:max-height .3s ease;border-top:0 solid #e0e0e0}.all-cities-container.visible{max-height:300px;border-top:1px solid #e0e0e0;padding-top:20px;margin-top:20px}.all-cities-title{margin-bottom:15px;color:#333;font-size:1.1rem}.all-cities-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;max-height:250px;overflow-y:auto;padding-right:5px}.no-results{text-align:center;padding:20px;color:#666;font-size:1rem;grid-column: 1 / -1}.loading-cities{text-align:center;padding:40px 20px;color:#666;font-size:1rem;grid-column: 1 / -1}.loading-cities::after{content:'...';animation:dots 1.5s infinite}@keyframes dots {
            0%, 20% { content: '.'; }
            40% { content: '..'; }
            60%, 100% { content: '...'; }
        }.content-block{background:#fff;border-radius:10px;padding:30px;box-shadow:0 5px 15px rgba(0,0,0,.05);margin-bottom:30px}.all-cities-list::-webkit-scrollbar{width:6px}.all-cities-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.all-cities-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.all-cities-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.header-content{flex-direction:column;gap:20px;text-align:center}.mini-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin-top:0;width:90%;max-width:320px}.popup-arrow{display:none}.top-cities-list{grid-template-columns:1fr}.all-cities-list{grid-template-columns:1fr}h1{font-size:2rem}.city-select-content{width:95%;max-height:90vh}}