.fhv-agency-zone {
  width: 100%;
  padding-block: var(--wp--preset--spacing--section-vertical-m, 4rem);
}

.fhv-agency-zone__heading {
  max-width: 52rem;
  margin-bottom: var(--wp--preset--spacing--item-l, 1.5rem);
}

.fhv-agency-zone__eyebrow {
  margin: 0 0 var(--wp--preset--spacing--item-s, .5rem);
  color: var(--wp--preset--color--primary, #055c89);
  font-weight: 700;
}

.fhv-agency-zone__heading h2 {
  margin-top: 0;
}

.fhv-agency-zone__map,
.fhv-agency-zone__map.leaflet-container {
  width: 100%;
  min-height: clamp(22rem, 30vw, 28rem);
  border-radius: 1.5rem;
  background: #d7edf7;
  box-shadow: 0 1rem 2.5rem rgba(16, 61, 91, .12);
}

.fhv-agency-zone__status {
  margin: .75rem 0 0;
  color: var(--wp--preset--color--contrast, #103d5b);
  font-size: .875rem;
}

.fhv-agency-zone__status.is-error {
  color: #8a2e20;
}

.fhv-agency-zone__marker {
  border: 0;
  background: transparent;
  filter: drop-shadow(0 5px 8px rgba(16, 61, 91, .28));
}

.fhv-agency-zone__marker svg {
  display: block;
  width: 100%;
  height: 100%;
}

.fhv-agency-zone__tooltip {
  border: 0;
  border-radius: .5rem;
  box-shadow: 0 .5rem 1.5rem rgba(16, 61, 91, .18);
}

.fhv-agency-zone-editor {
  pointer-events: none;
}

@media (min-width: 901px) {
  .fhv-agency-zone {
    display: grid;
    grid-template-columns: minmax(16rem, 2fr) minmax(0, 3fr);
    grid-template-rows: auto auto;
    column-gap: clamp(2rem, 5vw, 5rem);
    align-items: center;
  }

  .fhv-agency-zone__heading {
    margin-bottom: 0;
  }

  .fhv-agency-zone__map {
    grid-column: 2;
    grid-row: 1;
  }

  .fhv-agency-zone__status {
    grid-column: 2;
    grid-row: 2;
  }
}

@media (max-width: 900px) {
  .fhv-agency-zone {
    padding-block: var(--wp--preset--spacing--section-vertical-s, 2rem);
  }

  .fhv-agency-zone__map,
  .fhv-agency-zone__map.leaflet-container {
    min-height: 20rem;
    border-radius: 1.25rem;
  }
}