/* ==========================================================================
   Главная — география (site/layouts/160-area.php): город и область двумя карточками. Только var(--es-*).
   ========================================================================== */
body.main-page .home-area__grid {display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 20px}
body.main-page .home-area__card {display: flex; flex-direction: column; align-items: flex-start; gap: 14px; padding: clamp(24px, 3vw, 36px); border-radius: var(--es-radius); background: #fff}
body.main-page .home-area__card--dark {background: var(--es-dark); color: rgba(255, 255, 255, .78)}
body.main-page .home-area__icon {display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 12px; background: var(--es-primary-soft); color: var(--es-primary); font-size: 25px}
body.main-page .home-area__card--dark .home-area__icon {background: rgba(60, 192, 20, .16); color: var(--es-brand-bright)}
body.main-page .home-area__title {margin: 0; color: var(--es-heading); font-size: 23px; font-weight: 700; line-height: 1.25}
body.main-page .home-area__card--dark .home-area__title {color: #fff}
body.main-page .home-area__text {margin: 0; font-size: 16px; line-height: 1.65}
body.main-page .home-area__text b {color: #fff}
body.main-page .home-area__towns {display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 6px; padding: 0; list-style: none}
body.main-page .home-area__towns li {padding: 6px 12px; border-radius: 999px; background: rgba(255, 255, 255, .08); color: #fff; font-size: 14px; font-weight: 600}
body.main-page .home-area__card .es-link-arrow {margin-top: auto}
body.main-page .home-area__card--dark .es-link-arrow {color: #fff; border-color: var(--es-brand-bright)}

@media (max-width: 991px) {
    body.main-page .home-area__grid {grid-template-columns: 1fr}
}
body.main-page .home-area__label {margin: 4px 0 -4px; color: var(--es-heading); font-weight: 700}
body.main-page .home-area__towns--light li {background: var(--es-primary-soft); color: var(--es-heading)}