.service-near-summary {
  color: var(--ink-mute);
  font-size: 1.14rem;
  line-height: 1.65;
  margin: 22px 0 0;
  max-width: 650px;
}

.service-near-breadcrumb {
  margin: 0 0 22px;
}

.service-near-page .service-near-summary + .svc-hero-cta {
  margin-top: 30px;
}

/* Match Onzone's desktop service hero: 694x520 media, 56px grid gap, and
   a stacked layout before the fixed media column can crowd the copy. */
@media (min-width: 1101px) {
  .service-near-page .fuse-inner-hero {
    padding: 30px 0 56px;
  }

  .service-near-page .fuse-inner-hero .wrap {
    padding-inline: 48px;
  }

  .service-near-page .fuse-inner-hero .svc-hero-grid {
    gap: 56px;
    grid-template-columns: minmax(0, 1fr) 694px;
  }

  .service-near-page .service-near-breadcrumb {
    margin-bottom: 28px;
  }

  .service-near-page .fuse-inner-hero .service-near-image {
    aspect-ratio: auto;
    height: 520px;
    justify-self: end;
    transform: none;
    width: 694px;
  }
}

@media (min-width: 721px) and (max-width: 1100px) {
  .service-near-page .fuse-inner-hero {
    padding-top: 30px;
  }

  .service-near-page .fuse-inner-hero .svc-hero-grid {
    gap: 28px;
    grid-template-columns: 1fr;
  }

  .service-near-page .fuse-inner-hero .service-near-image {
    aspect-ratio: 694 / 520;
    height: auto;
    justify-self: stretch;
    order: 2;
    transform: none;
    width: 100%;
  }
}

.service-near-intro .wrap { max-width: 1040px; }
.service-near-intro p + p { color: var(--ink-mute); margin-top: 18px; }

.service-city-picker {
  background: #f7f7f7 !important;
  padding: 92px 0;
}

.service-city-picker-head {
  align-items: end;
  display: flex;
  gap: 40px;
  justify-content: space-between;
  margin-bottom: 38px;
}

.service-city-picker-head h2 {
  font-family: 'Satoshi', sans-serif;
  font-size: clamp(2.5rem, 5vw, 4.6rem);
  letter-spacing: -.055em;
  line-height: .98;
  margin: 12px 0 14px;
}

.service-city-picker-head p { color: var(--ink-mute); margin: 0; max-width: 620px; }

.service-city-count {
  border: 1px solid #d9d9d9;
  border-radius: 999px;
  color: var(--ink-mute);
  flex: 0 0 auto;
  font-family: 'JetBrains Mono', monospace;
  font-size: .72rem;
  padding: 10px 14px;
  text-transform: uppercase;
}

.service-city-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.service-city-button {
  align-items: center;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  color: var(--ink);
  cursor: pointer;
  display: flex;
  font: 700 1rem/1.2 'Inter', sans-serif;
  justify-content: space-between;
  min-height: 74px;
  padding: 18px 20px;
  text-align: left;
  text-decoration: none;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.service-city-button span:last-child { color: var(--accent); font-size: 1.15rem; }
.service-city-button.is-selected {
  background: var(--ink);
  border-color: var(--ink);
  color: #fff;
}
.service-city-button.is-selected span:last-child { color: #fff; }
.service-city-button:hover,
.service-city-button:focus-visible {
  border-color: var(--accent);
  box-shadow: 0 10px 26px rgba(0, 0, 0, .07);
  transform: translateY(-2px);
}

.service-city-note {
  color: var(--ink-mute);
  font-size: .88rem;
  line-height: 1.6;
  margin: 24px 0 0;
  max-width: 820px;
}

.city-appliance-page .svc-problems-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.city-appliance-page a.svc-problem-card {
  color: var(--ink);
  display: flex;
  flex-direction: column;
  min-height: 210px;
  text-decoration: none;
}

.city-appliance-page a.svc-problem-card .svc-problem-d {
  flex: 1;
}

.city-appliance-page a.svc-problem-card .mono {
  color: var(--accent);
  margin-top: 22px;
}

.city-svc-guide-intro {
  color: var(--ink-mute);
  font-size: 1.02rem;
  line-height: 1.7;
  margin: 20px 0 0;
  max-width: 820px;
}

.home-service-overview-lead {
  color: var(--ink-mute);
  font-size: 1.04rem;
  line-height: 1.72;
  margin: 24px 0 0;
  max-width: 900px;
}

@media (max-width: 900px) {
  .service-city-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .city-appliance-page .svc-problems-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
  /* Mobile service pages need a calmer vertical rhythm than the shared
     reference cascade provides. Keep related copy grouped, but give each
     action and content block a clear boundary. */
  .service-near-page .fuse-inner-hero { padding: 18px 0 56px; }
  .service-near-page .service-near-breadcrumb { margin-bottom: 28px; }
  .service-near-page .fuse-inner-hero .svc-hero-grid { gap: 0; }

  .service-near-page .service-near-summary {
    font-size: 1.04rem;
    line-height: 1.7;
    margin-top: 24px;
  }

  .service-near-page .service-near-summary + .svc-hero-cta { margin-top: 30px; }

  .service-near-page .fuse-inner-hero .service-near-image {
    margin-top: 36px !important;
  }

  .service-near-page .service-near-intro { padding-block: 64px; }
  .service-near-page .service-near-intro .label { margin-bottom: 16px; }
  .service-near-page .service-near-intro p { line-height: 1.58; }
  .service-near-page .service-near-intro p + p { margin-top: 28px; }

  .service-city-picker { padding: 64px 0; }
  .service-city-picker-head { align-items: start; flex-direction: column; gap: 18px; margin-bottom: 28px; }
  .service-city-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .service-city-button { font-size: .88rem; min-height: 64px; padding: 14px; }
  .city-appliance-page .svc-problems-grid { grid-template-columns: 1fr; }
  .city-appliance-page a.svc-problem-card { min-height: 0; }
}

@media (max-width: 720px) {
  /* Show the two strongest proof points without squeezing or clipping a
     three-item desktop ribbon into a phone-width row. */
  .is-inner #site-top .onz-trust {
    height: auto;
    min-height: 48px;
  }

  .is-inner #site-top .onz-trust-inner {
    gap: 12px;
    height: auto;
    justify-content: space-between;
    min-height: 48px;
    overflow: hidden;
    padding: 8px 20px;
  }

  .is-inner #site-top .onz-trust-item { font-size: .78rem; }
  .is-inner #site-top .onz-trust-stars svg { height: 12px; width: 12px; }
  .is-inner #site-top .onz-trust-sep:nth-child(4),
  .is-inner #site-top .onz-trust-item:last-child { display: none; }
}