body {
  background: #d9cfc0;
}

.location-main {
  display: flex;
  align-items: stretch;
  min-height: calc(100vh - 52px);
  background: var(--bg);
}

/* ── Left: address info ─────────────────── */
.location-info {
  flex: 0 0 42%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 4rem 5rem;
  gap: 1.4rem;
}

.loc-name,
.loc-street,
.loc-city,
.loc-zip {
  font-family: var(--font-serif);
  font-size: 1.25rem;
  font-weight: 400;
  color: var(--text);
  margin: 0;
  line-height: 1.4;
}

.loc-note {
  font-family: var(--font-serif);
  font-size: 1.1rem;
  font-style: italic;
  font-weight: 300;
  color: var(--text);
  line-height: 1.75;
  margin: 0.6rem 0 0;
}

/* ── Right: map ─────────────────────────── */
.location-map {
  flex: 1;
  min-height: 500px;
}

.location-map iframe {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 500px;
  border-radius: 12px;
}

/* ── Responsive ─────────────────────────── */
@media (max-width: 800px) {
  .location-main {
    flex-direction: column;
  }

  .location-info {
    flex: none;
    padding: 2.5rem 1.75rem;
    gap: 0.85rem;
  }

  .location-map {
    min-height: 360px;
  }

  .location-map iframe {
    min-height: 360px;
  }
}