.site-header__regional-phone { min-width: 0; display: grid; justify-items: center; }
.site-header__regional-phone > .site-header__contact { min-height: 24px; padding-top: 0; padding-bottom: 0; }
.contact-city-selector { position: relative; color: #0f172a; text-align: left; font-style: normal; }
.contact-city-selector > summary { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 24px; padding: 0 4px; color: #007a7a; font-size: 12px; font-weight: 600; cursor: pointer; list-style: none; white-space: nowrap; }
.contact-city-selector > summary::-webkit-details-marker { display: none; }
.contact-city-selector > summary:hover { text-decoration: underline; }
.contact-city-selector > summary:focus-visible, .contact-city-selector__panel button:focus-visible { outline: 2px solid #008f8f; outline-offset: 2px; }
.contact-city-selector__panel { position: absolute; z-index: 60; top: calc(100% + 8px); left: 0; width: 250px; max-width: calc(100vw - 32px); padding: 16px; border: 1px solid #cbd5e1; border-radius: 10px; background: #fff; box-shadow: 0 12px 32px #0f172a26; white-space: normal; }
.contact-city-selector__panel fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }
.contact-city-selector__panel legend { font-size: 16px; font-weight: 700; }
.contact-city-selector__panel p { margin: 8px 0; color: #475569; font-size: 13px; line-height: 1.5; }
.contact-city-selector__panel label { display: flex; align-items: center; gap: 10px; min-height: 44px; color: #0f172a; font-size: 14px; cursor: pointer; }
.contact-city-selector__panel input { accent-color: #008f8f; width: 16px; height: 16px; flex: 0 0 auto; }
.contact-city-selector__panel button { display: block; width: 100%; min-height: 44px; margin-top: 8px; padding: 8px 12px; border: 0; border-radius: 6px; background: #008f8f; color: #fff; font-size: 14px; font-weight: 600; cursor: pointer; }
.contact-city-selector__panel button:hover { background: #007a7a; }
.contact-city-selector__panel .contact-city-selector__hint { margin-bottom: 0; font-size: 11px; }
.contact-city-selector__panel { max-height: calc(100vh - 160px); max-height: calc(100dvh - 160px); overflow-y: auto; }
@media (max-width: 359px) { .contact-city-selector > summary { font-size: 11px; gap: 4px; } }