/* Mobile city selector. Desktop grid and existing city links are preserved. */
.city-drawer-trigger{display:none}
.city-drawer:not([open]){display:none}
.city-drawer{box-sizing:border-box;color:var(--paper);font-family:var(--ff-body);border:1px solid rgba(240,138,14,.28);border-bottom:0;border-radius:26px 26px 0 0;padding:0;width:100%;max-width:760px;max-height:86vh;max-height:86dvh;margin:auto auto 0;background:radial-gradient(ellipse at 0 0,rgba(240,138,14,.12),transparent 60%),radial-gradient(ellipse at 100% 100%,rgba(63,163,92,.1),transparent 65%),#111517;box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 -18px 64px rgba(0,0,0,.48);overflow:hidden;overscroll-behavior:contain}
.city-drawer[open]{display:flex;flex-direction:column;animation:city-drawer-in .28s cubic-bezier(.2,.8,.2,1)}
.city-drawer::backdrop{background:rgba(5,8,9,.7);backdrop-filter:blur(5px)}
.city-drawer__header{flex:none;position:relative;padding:28px 18px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(255,255,255,.08)}
.city-drawer__header::before{content:"";position:absolute;top:10px;left:calc(50% - 22px);width:44px;height:4px;border-radius:5px;background:rgba(255,255,255,.24)}
.city-picker .city-drawer__title{margin:0;max-width:none;font-family:var(--ff-display);font-size:clamp(17px,4.5vw,22px);line-height:1.3;letter-spacing:-.02em;color:var(--paper)}
.city-drawer__close{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.025));color:var(--paper);font-size:28px;line-height:1;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.2),0 4px 10px rgba(0,0,0,.25)}
.city-drawer__body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px 18px max(24px,env(safe-area-inset-bottom));scrollbar-width:thin}
.city-drawer .city-picker-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;opacity:1!important;transform:none!important;visibility:visible!important}
.city-drawer .city-pill{min-width:0;min-height:58px;padding:14px 8px;font-size:14px;line-height:1.35;text-align:center;overflow-wrap:anywhere;border-radius:14px;box-shadow:inset 0 1px rgba(255,255,255,.25),inset 0 -3px rgba(0,0,0,.32),0 5px 0 #080b0c,0 9px 16px rgba(0,0,0,.24)}
.city-drawer .city-pill-other{grid-column:1/-1;border-style:solid;border-color:rgba(240,138,14,.5);background:linear-gradient(145deg,rgba(240,138,14,.24),rgba(240,138,14,.055));color:var(--amber)}
.city-drawer .city-pill:hover{transform:translateY(-2px)}
.city-drawer .city-pill:active,.city-drawer-trigger:active{transform:translateY(2px)}
.city-drawer :focus-visible,.city-drawer-trigger:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
html.city-drawer-open,html.city-drawer-open body{overflow:hidden!important}
.city-drawer.is-closing{animation:city-drawer-out .16s ease-in both}
@keyframes city-drawer-in{from{transform:translateY(100%);opacity:.6}to{transform:translateY(0);opacity:1}}
@keyframes city-drawer-out{to{transform:translateY(100%);opacity:.6}}
@media(max-width:760px){
 .city-picker.city-drawer-ready>.container>.city-picker-grid{display:none}
 .city-picker.city-drawer-ready .section-head{margin-bottom:24px}
 .city-drawer-ready .city-drawer-trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:64px;padding:17px 20px;margin:0;border:1px solid rgba(240,138,14,.55);border-radius:17px;color:var(--paper);background:linear-gradient(145deg,rgba(240,138,14,.18),rgba(255,255,255,.035));font-family:var(--ff-display);font-weight:500;font-size:16px;line-height:1.4;text-align:left;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.28),inset 0 -3px rgba(0,0,0,.35),0 6px 0 #080b0c,0 14px 25px rgba(0,0,0,.25);transition:transform .18s ease,border-color .18s ease}
 .city-drawer-trigger__arrow{flex:none;color:var(--amber);font-size:24px;line-height:1}
}
@media(prefers-reduced-motion:reduce){.city-drawer[open],.city-drawer.is-closing{animation:none}.city-drawer-trigger,.city-drawer .city-pill{transition:none}}