/* Orgs map — стили под запрос пользователя */
.orgs-map-wrapper{display:block; max-width:1200px; margin:0 auto; font-family:Arial, sans-serif; color:#222;}
.orgs-list{padding:20px 12px; border-bottom:1px solid rgba(0,0,0,0.06); background:#fff;}
.orgs-list-inner{
  column-count:3;
  column-gap:40px;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  column-break-inside: avoid;
}

/* Алфавит — большие буквы, оранжевые */
.orgs-list .city-letter{
  font-size:28px;
  color:#FF9800;         /* оранжевый */
  font-weight:700;
  margin-top:14px;
  margin-bottom:6px;
  display:block;
}

/* Город — название + (count) — чёрные */
.orgs-list .city-item{
  display:inline-block;
  margin:6px 0;
  cursor:pointer;
  color:#000;            /* чёрный текст по умолчанию */
  text-decoration:none;
  font-size:15px;
  line-height:1.3;
  transition: color .18s ease, transform .12s ease;
}

/* Счётчик в скобках — наследует цвет (чёрный) и немного меньше шрифт */
.orgs-list .city-item .count{
  color:inherit;        /* держим тот же цвет, чтобы (12) было чёрным */
  margin-left:6px;
  font-size:13px;
  opacity:0.85;
}

/* Hover: весь элемент становится зелёным и чуть смещается */
.orgs-list .city-item:hover{
  color:#4CAF50;        /* зелёный при наведении */
  transform: translateX(3px);
  text-decoration:none;
}

/* Hover для счётчика наследуется автоматически но можно подчеркнуть */
.orgs-list .city-item:hover .count{
  color:inherit;
  opacity:1;
}

/* Responsive: уменьшение колонок на мобилках */
@media(max-width:900px){ .orgs-list-inner{column-count:2;} }
@media(max-width:600px){ .orgs-list-inner{column-count:1;} .orgs-map #ymap{height:350px;} }

/* Доп — небольшая отделка списка */
.orgs-list .city-item + .city-item{ display:block; }


/* Убираем любой фон у блока карты и списка */
.orgs-list,
.orgs-list-inner,
.orgs-list .city-letter,
.orgs-list .city-item {
  background: transparent !important;
}