.service-strip {
  gap: clamp(22px, 4.5vw, 68px);
}

.service-strip__phone {
  color: var(--yellow);
  font: inherit;
  letter-spacing: inherit;
  white-space: nowrap;
}

.home-hero__phone {
  display: inline-block;
  margin: 20px 0 28px;
  color: var(--yellow);
  font-size: clamp(26px, 2.1vw, 34px);
  font-weight: 800;
  letter-spacing: 0.025em;
  line-height: 1.2;
  text-decoration: none;
  text-shadow: 0 2px 18px rgba(2, 9, 23, 0.65);
  white-space: nowrap;
}

.home-hero__phone:hover {
  color: var(--white);
}

.home-hero__phone:focus-visible {
  border-radius: 2px;
  outline: 2px solid var(--yellow);
  outline-offset: 5px;
}

.coverage-map .map-route {
  z-index: 1;
  pointer-events: none;
}

.coverage-map .map-label {
  z-index: 2;
  text-transform: uppercase;
}

.coverage-map .map-label:not(.map-label--ercis) {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: rgba(235, 242, 255, 0.9);
  font-size: 9px;
  letter-spacing: 0.12em;
  white-space: nowrap;
}

.coverage-map .map-label:not(.map-label--ercis) > i {
  width: 7px;
  height: 7px;
  flex: none;
  border: 1px solid #ffe27b;
  border-radius: 50%;
  background: var(--yellow);
  box-shadow: 0 0 12px rgba(255, 201, 40, 0.75);
}

.coverage-map .map-label--patnos {
  top: 8%;
  left: 15%;
}

.coverage-map .map-label--adilcevaz {
  top: 51%;
  left: 2.5%;
}

.coverage-map .map-label--ercis {
  top: 29%;
  left: 41%;
  z-index: 3;
}

.coverage-map .map-label--tusba {
  bottom: 25%;
  left: 40%;
}

.coverage-map .map-label--caldiran {
  top: 8%;
  right: 3%;
}

.coverage-map .map-label--muradiye {
  top: 34%;
  right: 7%;
}

.coverage-map .map-caption {
  z-index: 3;
  padding: 7px 9px;
  background: rgba(5, 18, 39, 0.78);
}

@media (max-width: 1000px) {
  .service-strip {
    gap: 24px;
  }
}

@media (max-width: 760px) {
  .home-hero__phone {
    margin: 13px 0 17px;
    font-size: clamp(23px, 6.2vw, 29px);
    letter-spacing: 0.01em;
  }

  .service-strip {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
    gap: 10px 8px;
    padding: 14px 16px;
  }

  .service-strip > span,
  .service-strip > a {
    justify-self: center;
    font-size: inherit;
    white-space: nowrap;
  }

  .coverage-map .map-label:not(.map-label--ercis) {
    gap: 5px;
    font-size: 8px;
    letter-spacing: 0.08em;
  }
}

@media (max-width: 380px) {
  .home-hero__phone {
    font-size: 22px;
  }

  .service-strip {
    gap: 9px 5px;
    padding-inline: 12px;
  }

  .coverage-map .map-label:not(.map-label--ercis) {
    font-size: 7px;
  }
}