/* city.css — City × Vertical landing pages
   Minimal overrides on top of slp-critical.css + slp-deferred.css
   Used by: {city-slug}-{vertical-slug}-courier-hyderabad.html
   ---------------------------------------------------------------- */

/* Hero theme for city-vertical pages */
.hero--city {
  background-image: var(--hero-img);
  background-size: cover;
  background-position: center top;
}

/* Primary pickup zone highlight in area list */
.pickup-primary {
  color: var(--gold, #e6b800);
  font-weight: 600;
  list-style: none;
  margin-bottom: 0.5rem;
}

/* Vertical chip rows — only one shown per page (controlled by clone script) */
.vertical-chip-row {
  display: none;
}
.vertical-chip-row[data-vertical="medicine"],
.vertical-chip-row[data-vertical="pickle"],
.vertical-chip-row[data-vertical="baggage"],
.vertical-chip-row[data-vertical="general"] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 2rem;
}

/* City landmarks note — slightly subdued */
.city-landmarks-note {
  font-size: 0.9rem;
  opacity: 0.85;
  border-left: 3px solid var(--gold, #e6b800);
  padding-left: 0.75rem;
  margin-top: 1rem;
}