/* ==========================================================================
   Section 14 — service-area map (Elementor id 61fe78a)
   Substitution: the target runs a paid Elfsight Google Maps widget. Its
   rendered output is used here as a static 600px full-bleed image band.
   Interaction model: STATIC. No scripts, no map library, no iframe.
   ========================================================================== */

.s-map {
  width: 100%;
  /* Full-bleed: the band is NOT constrained to the 1140px container. */
  display: block;
  overflow: hidden;
  background-color: var(--c-grey-light);
  color: var(--c-text);
  font-family: var(--f-body);
  font-size: var(--t-body-15);
  font-weight: 300;
  line-height: 1.5em;
}

.s-map__band {
  position: relative;
  width: 100%;
  height: 600px;
  overflow: hidden;
}

.s-map__img {
  display: block;
  width: 100%;
  height: 600px;
  max-width: none;
  object-fit: cover;
  /* Keeps the continental US centred as the band is cropped horizontally. */
  object-position: center center;
  border: 0;
  user-select: none;
  -webkit-user-drag: none;
}

/* Tablet 768–1024px: same 600px band, crop tightens toward the map centre. */
@media (min-width: 768px) and (max-width: 1024px) {
  .s-map__band,
  .s-map__img {
    height: 600px;
  }

  .s-map__img {
    object-position: 50% 50%;
  }
}

/* Mobile <=767px: still 600px tall (measured). The narrow crop is pulled a
   touch left of dead centre so the dense mid-country pin cluster stays in
   frame rather than sliding off the right edge. */
@media (max-width: 767px) {
  .s-map__band,
  .s-map__img {
    height: 600px;
  }

  .s-map__img {
    object-position: 46% 50%;
  }
}