/* Кастомная выпадашка выбора города в шапке (пока меняет только город в лого;
   в будущем — сабдомен и данные по сайту). Стиль — карточки дизайна. */
.city-picker{position:relative}
.city-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:70;min-width:230px;padding:8px;border-radius:18px;background:#fff;border:1px solid var(--line,#e2e8e4);box-shadow:0 24px 64px rgba(24,45,36,.16);opacity:0;transform:translateY(-6px) scale(.98);transform-origin:top right;pointer-events:none;transition:.18s ease}
.city-picker.open .city-menu{opacity:1;transform:none;pointer-events:auto}
.city-menu-title{padding:8px 12px 6px;color:var(--muted,#66736d);font-size:11px;font-weight:800;text-transform:uppercase}
.city-option{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 12px;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;font-size:14px;font-weight:700;cursor:pointer;text-align:left}
.city-option:hover{background:var(--soft,#f0f3f1)}
.city-option.active{background:var(--green-soft,#e3f5ed);color:var(--green-dark,#0d7750)}
.city-dot{width:8px;height:8px;border-radius:50%;background:#cfd9d4;flex:none;transition:.18s ease}
.city-option.active .city-dot{background:var(--green,#159766);box-shadow:0 0 0 4px rgba(21,151,102,.15)}
.city-check{width:16px;height:16px;margin-left:auto;flex:none;opacity:0;transition:.18s ease}
.city-option.active .city-check{opacity:1}
.city-btn .city-caret{transition:transform .18s ease}
.city-picker.open .city-btn .city-caret{transform:rotate(180deg)}