.city-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;min-height:100vh;min-height:-webkit-fill-available;background-color:rgb(0 0 0 / .7);z-index:999999!important;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease-in-out;-webkit-overflow-scrolling:touch}.city-popup-overlay.show{opacity:1}.city-popup-content{background:#fff;border-radius:12px;max-width:550px;width:90%;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;padding:40px 30px;box-shadow:0 10px 40px rgb(0 0 0 / .3);transform:scale(.8);transition:transform 0.3s ease-in-out;border-top:5px solid #1E3A8A}.city-popup-overlay.show .city-popup-content{transform:scale(1)}.city-popup-close{position:absolute;top:15px;right:15px;background:#fff0;border:none;font-size:32px;line-height:1;cursor:pointer;color:#666;padding:0;width:44px;height:44px;min-width:44px;min-height:44px;transition:color 0.2s ease;z-index:10;-webkit-tap-highlight-color:#fff0;touch-action:manipulation}.city-popup-close:hover,.city-popup-close:active{color:#000}.city-popup-body h2{margin-top:0;margin-bottom:20px;font-size:26px;color:#1E3A8A;font-weight:700;line-height:1.3}.city-popup-body p{margin-bottom:15px;line-height:1.6;color:#555;font-size:16px}.city-popup-body .popup-message-content{margin-bottom:20px}.city-popup-features{background:linear-gradient(135deg,#f0f4ff 0%,#e6eeff 100%);border-left:4px solid #1E3A8A;padding:15px 20px;margin:20px 0;border-radius:4px}.city-popup-features p{margin-bottom:8px;color:#333;font-size:15px}.city-popup-features p:last-child{margin-bottom:0}.city-popup-button{display:inline-block;padding:14px 32px;min-height:48px;background:linear-gradient(135deg,#1E3A8A 0%,#2563EB 100%);color:#fff;text-decoration:none;border-radius:6px;font-weight:700;font-size:16px;margin-top:10px;transition:all 0.3s ease;box-shadow:0 2px 8px rgb(30 58 138 / .3);-webkit-tap-highlight-color:#fff0;touch-action:manipulation;text-align:center}.city-popup-button:hover,.city-popup-button:active{background:linear-gradient(135deg,#1E40AF 0%,#1E3A8A 100%);color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 12px rgb(30 58 138 / .4)}.city-popup-button:active{transform:translateY(0)}body.city-popup-open{overflow:hidden;position:fixed;width:100%;height:100%}@media (max-width:600px){.city-popup-content{padding:30px 20px;width:95%;max-height:85vh}.city-popup-body h2{font-size:22px;margin-bottom:15px}.city-popup-body p{font-size:15px}.city-popup-features{padding:12px 16px;margin:15px 0}.city-popup-features p{font-size:14px}.city-popup-button{padding:14px 24px;font-size:15px;width:100%;display:block}.city-popup-close{top:10px;right:10px;font-size:28px}}@media (max-width:375px){.city-popup-content{padding:25px 15px}.city-popup-body h2{font-size:20px}.city-popup-body p{font-size:14px}}@media (max-height:500px) and (orientation:landscape){.city-popup-content{max-height:95vh;padding:20px 15px}.city-popup-body h2{font-size:20px;margin-bottom:10px}.city-popup-features{margin:10px 0;padding:10px 12px}}@supports (-webkit-touch-callout:none){.city-popup-overlay{height:-webkit-fill-available}}@media screen and (-webkit-min-device-pixel-ratio:0){.city-popup-overlay{min-height:100vh}}