/* Patch 09 — страница объектов на карте как у HanEvi */

.map-page {
  min-height: calc(100vh - 76px);
  background: #eeeeee;
  position: relative;
}

.map-filter-wrap {
  position: relative;
  z-index: 5;
  max-width: 1050px;
  margin: 0 auto;
  padding: 34px 16px 22px;
}

.map-filter-card {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 18px;
  box-shadow: 0 10px 40px rgba(24,26,32,.08);
  display: grid;
  grid-template-columns: 1.2fr 1.1fr .8fr .8fr;
  gap: 12px;
}

.map-filter-actions {
  grid-column: 1 / -1;
  display: flex;
  gap: 10px;
}

.map-filter-bottom {
  grid-column: 1 / -1;
  display: flex;
  gap: 18px;
  align-items: center;
  font-weight: 700;
}

.map-filter-bottom span {
  color: var(--muted-foreground);
}

.map-filter-bottom a {
  color: #181a20;
  text-decoration: underline;
  text-decoration-style: dotted;
}

.realty-map {
  width: 100%;
  height: calc(100vh - 285px);
  min-height: 540px;
  background: #ddd;
}

.map-balloon {
  width: 250px;
  font-family: "Open Sans", Arial, sans-serif;
}

.map-balloon img {
  width: 100%;
  height: 130px;
  object-fit: cover;
  border-radius: 10px;
  margin-bottom: 10px;
}

.map-balloon b {
  display: block;
  font-size: 15px;
  margin-bottom: 6px;
}

.map-balloon span {
  display: block;
  color: var(--primary);
  font-size: 18px;
  font-weight: 900;
  margin-bottom: 6px;
}

.map-balloon p {
  margin: 0 0 10px;
  color: #666;
  line-height: 1.4;
}

.map-balloon a {
  display: inline-flex;
  background: var(--primary);
  color: #fff;
  border-radius: 10px;
  padding: 9px 12px;
  font-weight: 800;
  text-decoration: none;
}

.improved-filter {
  grid-template-columns: 1.3fr 1fr 1fr 1fr auto auto;
}

@media (max-width: 900px) {
  .map-filter-card {
    grid-template-columns: 1fr 1fr;
  }

  .realty-map {
    height: calc(100vh - 360px);
  }
}

@media (max-width: 560px) {
  .map-filter-card {
    grid-template-columns: 1fr;
  }

  .map-filter-actions .btn {
    flex: 1;
  }

  .realty-map {
    min-height: 480px;
    height: calc(100vh - 430px);
  }
}