.top-block {
  display: flex;               
  align-items: center;         /* вертикальное выравнивание по центру */
  justify-content: center;     /* горизонтально по центру */
  gap: 20px;                   /* расстояние между блоками */
}

.img-block {
  flex-shrink: 0;
}

.imgcar {
  margin: 20px 0 20px 0;
  width: 150px;
  height: 150px;
}

.txt-block {
  display: inline-block;
  text-align: left;
}

.txt-block p {
  margin: 0;
  line-height: 1.1;
}

.txt-p-01 { font-size: 3em; }
.txt-p-02 { font-size: 1.5em; color: #555; margin-top: 5px; }



/*========== Contact Block ==========*/

.contacts-block {
  display: flex;
  flex-direction: column;      /* телефон над почтой */
  gap: 5px;
}

.contact {
  display: inline-block;
  vertical-align: top;
  height: 40px;
  border-left: 2px dotted #919191;
  margin-bottom: 2px;
  position: relative;
  background: transparent; /* Если нужно, можно добавить цвет фона */
}

/* Стили для SVG */
.contact svg {
  position: relative;
  float: left;
  top: 8px;
  left: 15px;
  flex-shrink: 0;
}

.contact .txt {
  display: inline-block;
  position: relative;
  margin: 10px 15px;
  color: #333;
  font-size: 18px;
}

.contact .txt b {
  color: snow;
}

/* Для второго контакта с двойными границами */
.contact.double-border {
  border-right: 2px dotted #919191;
  left: -8px;
}

/* Телефонная иконка отдельно, с корректировкой */
.contact .tel {
  height: 22px;
  width: 22px;
  top: 8px;
  left: 15px;
}

.contact .eml {
  height: 35px;
  width: 35px;
  top: 2px;
  left: 8px;
}

/* Стили для текста внутри ссылки */
.contact a {
  /* display: flex; */
  display: inline-block;
  align-items: center;
  gap: 5px;                    /* расстояние между иконкой и текстом */
  text-decoration: none;
  color: #333;
}

/* Для письма / модального окна */
.contact .txt.modal-link {
  font-size: 15px;
  margin-left: 20px;
  cursor: pointer;
}

/*===================================*/


/* Адаптивность */
@media screen and (max-width: 1024px) {
  .imgcar { margin: 10px 0 10px 0; width: 120px; height: 120px; }
  .txt-p-01 { font-size: 3em; }
  .txt-p-02 { font-size: 1.2em; }
}

@media screen and (max-width: 704px) {
  .top-block {
    flex-direction: column;
    align-items: center;
    gap: 10px;
    text-align: center;
  }
  .imgcar { margin: 10px 0 0 0; width: 200px; height: 200px; }
  /* .txt-p-01 { font-size: 2em; }
  .txt-p-02 { font-size: 1em; } */
  .contacts-block { flex-direction: row; gap: 10px; } /* на маленьких экранах телефон и почта рядом */
}