/* Только городские страницы; утверждённая главная не подключает этот файл. */
.city-hero .hero-surface { min-height: 340px; background-image: none; }
.city-hero .hero-copy { max-width: none; padding: 32px 0 64px; }
.city-hero h1 { font-size: var(--font-page-h1); line-height: 1.1; }
.city-breadcrumbs { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 24px; font-size: 13px; }
.city-breadcrumbs a { text-decoration: underline; }
.city-hero-photo { position: absolute; inset: 0; z-index: -2; }
.city-hero-photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 42% 50%; }
.city-essentuki .city-hero-photo img { object-position: 35% 55%; }
.city-photo-note { margin-top: var(--space-3); font-size: 13px; }
.city-editorial { display: grid;  }
.city-editorial p + p { margin-top: var(--space-3); }
.city-editorial a { color: var(--color-dark-green); text-decoration: underline; }
.city-guide { display: grid;  padding-block: 40px; border-block: 1px solid var(--color-border); }
.city-guide p { max-width: 640px; margin-top: var(--space-3); color: var(--color-text-secondary); }
.city-guide .button { justify-self: start; }
@media (min-width: 48rem) {
  .city-hero .hero-surface { min-height: 420px; }
  .city-hero .hero-copy { padding: 32px 0 72px; }
  .city-hero h1 { font-size: var(--font-page-h1); }

}
@media (min-width: 64rem) {
  .city-guide {  align-items: center;  }
}

@media (min-width: 48rem) {
  .city-hero-photo img { object-position: center 10%; }
  .city-essentuki .city-hero-photo img { object-position: center 20%; }
}