.layout { 
  display: grid; 
  grid-template-columns: 360px 1fr; 
  /*height: 100%; 
  max-height: 80vh;
  height: 80vh;*/
}
.sidebar { 
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 0px;
  padding-left: 12px;
  border-right: 1px solid #eee; 
}

.sidebar h1 {
   font-size: 18px; margin: 8px 0 12px;
}

.progress { 
  font-size: 12px; color:#666; margin-bottom:8px; 
}
.err { 
  color:#b00020; font-size:12px; display:none; 
}
.search { 
  display: flex; gap: 8px; margin-bottom: 10px; 
}
.search input { 
  flex: 1; padding: 8px 10px; border: 1px solid #ddd; border-radius: 8px;
}
.store { 
  padding: 10px; 
  border: 1px solid #f0f0f0; 
  border-radius: 10px; 
  margin-bottom: 8px; 
  cursor: pointer; 
  margin-right: 8px;
}
.store:hover { 
  background: #fff4fb;
  /*background: #c5b2b3;*/
  border-color: #c6858a; 
}
.store .name { 
  font-weight: 700; 
}

.badge { 
  background:#c6858a; color:white; border-radius:999px; padding:2px 8px; font-size:12px; margin-left:6px; 
}

#list{
  overflow-y: auto;
  height: 70vh;
}

#map { 
  height: 100%; 
  width: 100%; 
  z-index: 0;
}
@media (max-width: 900px) {
  .layout { grid-template-columns: 1fr; }
  .sidebar { height: 40vh; }
  #map { height: 60vh; }
}
/*.g-icon { width:48px; height:56px; transform: translate(-24px, -50px); pointer-events:none; }*/
.city-not-found { 
  text-align: center;
}
.g-icon { 
  pointer-events:none; 
}