/* shopsMap.css — минимальные стили карты и списка магазинов.
   Подгоните под дизайн сайта — тут только каркас. */

.shops-map {
  width: 100%;
  height: 480px;
}

.shops-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 480px;
  overflow-y: auto;
}

.shops-list__item {
  padding: 10px 14px;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}

.shops-list__item:hover {
  background-color: #f7f7f7;
}

.shops-list__item.is-active {
  border-color: #d0362f;
  background-color: #fdf1f0;
}

/* Неактивный магазин в списке — приглушён, как и его серая метка */
.shops-list__item.is-inactive {
  color: #9a9a9a;
}

.shops-list__item.is-inactive .shops-list__address {
  color: #b0b0b0;
}

.shops-list__name {
  font-weight: 600;
}

.shops-list__address {
  color: #666;
  font-size: 0.9em;
}

.shops-list__empty {
  color: #999;
  padding: 12px;
}

.shop-balloon__name {
  font-weight: 600;
  margin-bottom: 4px;
}

.shop-balloon__address,
.shop-balloon__metro,
.shop-balloon__phone,
.shop-balloon__mail,
.shop-balloon__hours,
.shop-balloon__info {
  font-size: 0.9em;
  margin-bottom: 2px;
}

.shop-balloon__hours-update {
  font-size: 0.85em;
  color: #d0362f;
  margin-bottom: 4px;
}

.shop-balloon__route {
  margin-top: 8px;
}

.shop-balloon__route a {
  color: #d0362f;
  font-weight: 600;
  text-decoration: none;
}