.mdyo-city-modal{display:none;position:fixed;inset:0;z-index:100000;direction:rtl;text-align:right}
.mdyo-city-modal.is-open{display:block}
.mdyo-city-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.58)}
.mdyo-city-modal-panel{position:absolute;inset:auto 8px 8px;max-height:90vh;max-height:90dvh;background:#fff;border-radius:22px;box-shadow:0 20px 60px #0004;overflow:hidden;display:flex;flex-direction:column}
.mdyo-city-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid #e5e7eb}
.mdyo-city-modal-head h2{margin:4px 0;font-size:1.3rem;line-height:1.4}
.mdyo-city-close{width:44px;height:44px;flex-shrink:0;border:0;border-radius:50%;background:#f4f4f4;font-size:28px;cursor:pointer}
.mdyo-city-search{padding:12px 16px;border-bottom:1px solid #e5e7eb}
.mdyo-city-search label{display:block;font-weight:700;margin-bottom:6px}
.mdyo-city-search input{box-sizing:border-box;width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:12px;font:inherit;font-size:16px}
.mdyo-city-search p{margin:8px 0 0;font-size:.9rem;line-height:1.6}
.mdyo-city-columns{min-height:0;overflow:auto;overscroll-behavior:contain;padding:14px 16px;display:grid;gap:14px}
.mdyo-city-columns section{padding:14px;background:#fafafa;border:1px solid #e5e7eb;border-radius:16px}
.mdyo-city-columns h3{margin:0 0 12px;font-size:1rem}
.mdyo-city-badges{display:flex;flex-wrap:wrap;gap:8px}
.mdyo-city-badges span{display:inline-block;border:1px solid #ddd;border-radius:24px;background:white;padding:7px 10px}
.mdyo-city-modal [hidden]{display:none!important}
.mdyo-city-more-hint{display:none}
.mdyo-city-modal-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-top:1px solid #e5e7eb;background:#fff}
.mdyo-city-modal-foot a,.mdyo-city-modal-foot button{padding:10px 16px;border-radius:12px;font:inherit;font-weight:700}
.mdyo-city-modal-foot a{background:#ffd400;color:#111;text-decoration:none}
.mdyo-city-modal-foot button{background:#f4f4f4;border:1px solid #ddd;cursor:pointer}
.mdyo-city-modal :focus-visible{outline:2px solid #111;outline-offset:2px}
@media(min-width:900px){.mdyo-city-modal-panel{inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:min(94vw,1000px);max-height:85vh}.mdyo-city-columns{grid-template-columns:1fr 1fr}}