/* GEONA — строка города в шапке и модальные окна выбора города.
   Наследует палитру style.css: --ink, --muted, --sand, --pale, --line. */

.city-bar{background:var(--pale);border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}
.city-bar-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:42px}
.city-bar-contacts{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}
.city-bar-contacts a:hover{color:var(--ink)}
.city-bar-phone{white-space:nowrap}
.city-bar-sep{color:#c3bdb4}
.city-pick{display:inline-flex;align-items:center;gap:7px;background:none;border:0;padding:8px 0;font-size:13px;color:var(--ink);white-space:nowrap}
.city-pick svg{width:14px;height:14px;flex-shrink:0}
.city-pick span{border-bottom:1px dashed #a89e91}
.city-pick:hover span{border-bottom-style:solid}
.city-pick-arrow{width:11px;height:11px}
@media(max-width:1000px){.city-bar-contacts>span:nth-of-type(n+3),.city-bar-sep:nth-of-type(n+2){display:none}}
@media(max-width:720px){.city-bar-contacts span:not(.city-bar-phone),.city-bar-sep{display:none}.city-bar-inner{min-height:38px;gap:12px}.city-bar,.city-pick{font-size:12px}}

/* Оверлей: подтверждение города и список городов */
.gc-overlay{position:fixed;inset:0;background:#171513b3;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px}
.gc-confirm{background:#fff;color:var(--ink);padding:40px;width:min(430px,100%);text-align:center}
.gc-confirm__title{font-size:22px;line-height:1.3;margin:0 0 26px;color:var(--ink);letter-spacing:-.02em}
.gc-confirm__title strong{font-weight:500}
.gc-confirm__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.gc-confirm__yes,.gc-confirm__no{min-height:48px;padding:12px 24px;border:1px solid var(--ink);font-size:14px;background:transparent;color:var(--ink);transition:background .2s,color .2s}
.gc-confirm__yes{background:var(--ink);color:#fff}
.gc-confirm__yes:hover{background:#524a41;border-color:#524a41}
.gc-confirm__no:hover{background:var(--pale)}

.gc-list{background:#fff;color:var(--ink);width:min(1100px,100%);max-height:88vh;display:flex;flex-direction:column;padding:34px 38px 30px}
.gc-list__header{display:flex;align-items:center;justify-content:space-between;gap:20px}
.gc-list__header h3{margin:0;font-size:28px;font-weight:400;letter-spacing:-.03em}
.gc-list__close{background:none;border:0;font-size:32px;line-height:1;color:var(--muted);padding:4px 6px}
.gc-list__close:hover{color:var(--ink)}
.gc-list__search{margin-top:22px}
.gc-list__input{width:100%;min-height:48px;padding:12px 16px;border:1px solid #c5c0b8;background:#fff;font:inherit;font-size:14px;border-radius:0}
.gc-list__input:focus{outline:2px solid #9d856c;outline-offset:2px}
.gc-list__quick{display:flex;gap:22px;margin-top:18px;font-size:14px}
.gc-list__quick-link{border-bottom:1px solid var(--muted);padding-bottom:3px}
.gc-list__quick-link:hover{border-color:var(--ink)}
.gc-list__divider{height:1px;background:var(--line);margin:20px 0 4px}
.gc-list__content{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 30px;overflow:auto;padding:18px 4px 4px;overscroll-behavior:contain}
.gc-list__col{min-width:0}
.gc-list__letter,.gc-list__other-title,.gc-list__country-name{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:18px 0 10px}
.gc-list__col>.gc-list__letter:first-child{margin-top:0}
.gc-list__other-title{color:var(--ink)}
.gc-list__city{display:block;font-size:14px;padding:6px 0;line-height:1.4}
.gc-list__city:hover{color:#8b6f4e;text-decoration:underline}
.gc-list__col--other{border-left:1px solid var(--line);padding-left:26px}
@media(max-width:1000px){.gc-list{padding:28px 24px 24px}.gc-list__content{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}.gc-list__col--other{border-left:0;padding-left:0;grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px}}
@media(max-width:720px){.gc-list__header h3{font-size:23px}.gc-list__content{grid-template-columns:1fr}.gc-confirm{padding:32px 24px}.gc-confirm__actions{flex-direction:column}.gc-confirm__yes,.gc-confirm__no{width:100%}}