.location-block { background: var(--surface-structure); padding: var(--space-20) 0; position: relative; z-index: 1; }

.location-grid { display: grid; grid-template-columns: 1fr; gap: var(--space-8); }

@media (min-width: 768px) { .location-grid { grid-template-columns: 1fr 1fr; align-items: center; } }

.map-placeholder {
  height: 300px;
  background: var(--surface-sub); border-radius: var(--radius-xl);
  display: flex; align-items: center; justify-content: center;
  color: rgba(255,255,255,.4); font-size: 14px; font-family: var(--font-display);
  border: 1px solid rgba(255,255,255,.08);
}

.location-info h3 { font-family: var(--font-display); font-size: 24px; font-weight: 700; color: #fff; margin-bottom: var(--space-4); }
.location-info p  { font-size: 15px; color: rgba(255,255,255,.72); line-height: 1.7; margin-bottom: var(--space-4); }

.contact-chips { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-5); }

.contact-chip {
  display: inline-flex; align-items: center; gap: var(--space-2);
  background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.14);
  border-radius: var(--radius-pill); padding: 8px var(--space-4);
  font-size: 14px; color: rgba(255,255,255,.85); transition: background 150ms;
}

.contact-chip:hover { background: rgba(255,255,255,.18); color: #fff; }
.contact-chip svg  { width: 15px; height: 15px; stroke: currentColor; stroke-width: 1.8; fill: none; }