/* SERP Expert city picker - user-facing regional switcher */
.se-city-popup{
    z-index:2400;
    background:rgba(7,28,49,.78);
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
}
.se-city-popup .popup__body{
    padding:32px 20px;
}
.se-city-popup .popup__content_city.se-city-picker{
    width:min(940px,100%);
    max-width:940px;
    min-height:0;
    display:block;
    padding:52px 52px 40px;
    border:1px solid #d8e0e8;
    border-radius:24px;
    background:#fff;
    box-shadow:0 30px 80px rgba(7,28,49,.24);
    color:#17202a;
    transform:translateY(18px) scale(.985);
    transition:transform .22s ease,opacity .22s ease;
    opacity:.98;
}
.se-city-popup.open .popup__content_city.se-city-picker{
    transform:none;
    opacity:1;
}
.se-city-picker__close.close-popup{
    top:20px;
    right:20px;
    width:38px;
    height:38px;
    padding:0;
    border:1px solid #d8e0e8;
    border-radius:50%;
    background:#fff;
    color:#071c31;
    font-family:var(--font-text);
    font-size:29px;
    line-height:1;
    transition:border-color .18s ease,color .18s ease,background .18s ease;
}
.se-city-picker__close.close-popup:hover,
.se-city-picker__close.close-popup:focus-visible{
    border-color:#cb0000;
    color:#cb0000;
    background:#fff7f7;
    outline:none;
}
.se-city-picker__head{
    padding-right:48px;
}
.se-city-picker__title{
    margin:0;
    color:#071c31;
    font-family:var(--font-heading);
    font-size:44px;
    line-height:48px;
    font-weight:900;
    letter-spacing:0;
    text-align:left;
}
.se-city-picker__subtitle{
    max-width:620px;
    margin:8px 0 0;
    color:#4d5a67;
    font-size:15px;
    line-height:24px;
    font-weight:400;
}
.se-city-picker__tools{
    display:grid;
    grid-template-columns:minmax(0,1fr) 260px;
    gap:16px;
    margin-top:28px;
}
.se-city-picker__search{
    min-width:0;
    height:56px;
    display:flex;
    align-items:center;
    gap:12px;
    padding:0 18px;
    border:1px solid #d8e0e8;
    border-radius:14px;
    background:#f5f7f9;
    transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.se-city-picker__search:focus-within{
    border-color:#071c31;
    background:#fff;
    box-shadow:0 0 0 3px rgba(7,28,49,.08);
}
.se-city-picker__search svg{
    flex:0 0 24px;
    width:24px;
    height:24px;
    fill:none;
    stroke:#071c31;
    stroke-width:1.75;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.se-city-picker__search input{
    min-width:0;
    width:100%;
    height:54px;
    padding:0;
    border:0;
    outline:0;
    background:transparent;
    color:#17202a;
    font-family:var(--font-text);
    font-size:15px;
    line-height:20px;
    font-weight:400;
}
.se-city-picker__search input::placeholder{color:#687682;opacity:1}
.se-city-picker__detect{
    min-height:56px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:12px 18px;
    border:1px solid #d8e0e8;
    border-radius:14px;
    background:#f5f7f9;
    color:#071c31;
    font-family:var(--font-text);
    font-size:15px;
    line-height:20px;
    font-weight:600;
    cursor:pointer;
    transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease;
}
.se-city-picker__detect:hover,
.se-city-picker__detect:focus-visible{
    border-color:#cb0000;
    background:#fff7f7;
    color:#cb0000;
    outline:none;
}
.se-city-picker__detect:active{transform:translateY(1px)}
.se-city-picker__detect[disabled]{cursor:wait;opacity:.7;transform:none}
.se-city-picker__detect svg{
    flex:0 0 24px;
    width:24px;
    height:24px;
    fill:none;
    stroke:#cb0000;
    stroke-width:1.75;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.se-city-picker__status{
    margin-top:16px;
    padding:12px 14px;
    border-left:3px solid #cb0000;
    border-radius:0 10px 10px 0;
    background:#f5f7f9;
    color:#4d5a67;
    font-size:14px;
    line-height:22px;
}
.se-city-picker__status[hidden]{display:none}
.se-city-picker__status a{
    display:inline-flex;
    margin-left:8px;
    color:#cb0000;
    font-weight:600;
    text-decoration:none;
    border-bottom:1px solid rgba(203,0,0,.32);
}
.se-city-picker__status a[hidden]{display:none}
.se-city-picker__label{
    margin:28px 0 12px;
    color:#687682;
    font-size:12px;
    line-height:18px;
    font-weight:600;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.se-city-picker__grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    width:100%;
    max-height:none;
    min-height:0;
    margin:0;
    padding:0;
    overflow:visible;
    list-style:none;
}
.se-city-picker__item{
    display:block;
    min-width:0;
    margin:0;
    padding:0;
}
.se-city-picker__item[hidden]{display:none}
.se-city-picker__city{
    width:100%;
    min-height:74px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto;
    align-items:center;
    gap:10px;
    padding:18px 20px;
    border:1px solid #d8e0e8;
    border-radius:14px;
    background:#fff;
    color:#071c31;
    font-family:var(--font-heading);
    font-size:18px;
    line-height:24px;
    font-weight:900;
    text-decoration:none;
    transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;
}
.se-city-picker__city:hover,
.se-city-picker__city:focus-visible{
    border-color:#071c31;
    box-shadow:0 8px 22px rgba(7,28,49,.08);
    transform:translateY(-1px);
    outline:none;
}
.se-city-picker__city.is-current,
.se-city-picker__city.is-detected{
    border-color:#cb0000;
    background:#fff7f7;
    box-shadow:0 0 0 1px rgba(203,0,0,.08);
}
.se-city-picker__city svg{
    width:20px;
    height:20px;
    fill:none;
    stroke:#687682;
    stroke-width:1.75;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.se-city-picker__city.is-current svg,
.se-city-picker__city.is-detected svg{stroke:#cb0000}
.se-city-picker__current{
    padding:3px 7px;
    border-radius:999px;
    background:#071c31;
    color:#fff;
    font-family:var(--font-text);
    font-size:11px;
    line-height:16px;
    font-weight:600;
}
.se-city-picker__empty{
    margin:0;
    padding:18px;
    border:1px solid #d8e0e8;
    border-radius:14px;
    background:#f5f7f9;
    color:#4d5a67;
    font-size:14px;
    line-height:22px;
}
.se-city-picker__empty[hidden]{display:none}
.se-city-picker__privacy{
    margin:18px 0 0;
    color:#687682;
    font-size:12px;
    line-height:18px;
    font-weight:400;
}
@media(max-width:760px){
    .se-city-popup .popup__body{align-items:flex-start;padding:16px 12px}
    .se-city-popup .popup__content_city.se-city-picker{
        width:100%;
        max-width:none;
        margin:auto 0;
        padding:32px 18px 24px;
        border-radius:20px;
    }
    .se-city-picker__close.close-popup{top:14px;right:14px;width:34px;height:34px;font-size:26px}
    .se-city-picker__head{padding-right:38px}
    .se-city-picker__title{font-size:34px;line-height:40px}
    .se-city-picker__subtitle{margin-top:6px;font-size:15px;line-height:24px}
    .se-city-picker__tools{grid-template-columns:1fr;gap:10px;margin-top:22px}
    .se-city-picker__search,.se-city-picker__detect{height:50px;min-height:50px;border-radius:12px}
    .se-city-picker__search input{height:48px}
    .se-city-picker__label{margin-top:22px}
    .se-city-picker__grid{grid-template-columns:1fr;gap:8px}
    .se-city-picker__city{min-height:54px;padding:13px 14px;border-radius:11px;font-size:16px;line-height:22px}
    .se-city-picker__privacy{margin-top:14px}
}
@media(max-width:380px){
    .se-city-popup .popup__content_city.se-city-picker{padding-left:14px;padding-right:14px}
    .se-city-picker__title{font-size:30px;line-height:36px}
}
@media(prefers-reduced-motion:reduce){
    .se-city-popup .popup__content_city.se-city-picker,
    .se-city-picker__city,
    .se-city-picker__detect{transition:none}
}