/* =========================
   CONTACT CARD (no map)
   ========================= */

.proex-map{
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 22px 16px;
}

.proex-map__card{
  width: min(700px, 100%);
  background: #2b2b2b;                 /* как на скрине */
  color: #fff;
  border-radius: 14px;
  padding: 16px 16px 14px;
  box-shadow: 0 10px 28px rgba(0,0,0,.28);
}

.proex-map__title{
  font-size: 20px;
  font-weight: 800;
  margin: 0 0 10px;
  line-height: 1.2;
}

.proex-map__line{
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  opacity: .96;
  margin: 6px 0;
}

.proex-map__icon{
  width: 18px;
  display: inline-flex;
  justify-content: center;
  flex: 0 0 18px;
}

.proex-map__text{
  color: rgba(255,255,255,.92);
}

.proex-map__text-link{
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,.25);
}
.proex-map__text-link:hover{
  border-bottom-color: rgba(255,255,255,.6);
}

.proex-map__actions{
  display: flex;
  gap: 10px;
  margin-top: 12px;
  flex-wrap: wrap;
}

.proex-map__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border-radius: 10px;
  background: #fff;
  color: #111;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  border: 1px solid rgba(255,255,255,.12);
}

.proex-map__btn--ghost{
  background: transparent;
  color: #fff;
  border: 1px solid rgba(255,255,255,.30);
}

/* Телефон — как на фото (компактно) */
@media (max-width: 767px){
  .proex-map{
    padding: 14px 12px;
  }

  .proex-map__card{
    width: min(380px, 100%);
    padding: 14px 14px 12px;
    border-radius: 14px;
  }

  .proex-map__title{
    font-size: 18px;
    margin-bottom: 8px;
  }

  .proex-map__line{
    font-size: 13px;
  }

  .proex-map__btn{
    padding: 9px 12px;
    font-size: 12px;
  }
}