/* ===== СТИЛИ табл с точками ===== */

/* Обёртка */
.doter_wrap {
  overflow: hidden;
}

/* Таблица */
.doter_table {
  width: 100%;
  margin-bottom: 10px;
  border-collapse: collapse;
}

.doter_table td {
  padding: 5px 0;
  vertical-align: bottom;
}

/* Левая ячейка (название) */
.doter_table td.doter_left {
  white-space: nowrap;
  font-size: 15px;
  color: #555;
  padding-right: 10px;
}

/* Правая ячейка (значение) */
.doter_table td.doter_right {
  white-space: nowrap;
  font-weight: bold;
  padding-left: 10px;
}

/* Средняя ячейка с точками */
.doter_table td.doter_dotted {
  width: 100%;
}

/* Сама линия точек (внутри ячейки) */
.doter_table td.doter_dotted div.doter_dotted {
  border-bottom: 1px dotted #494949;
  height: 0;
  position: relative;
  top: -6px; /* подстройте под свой шрифт */
}

/* Адаптив для мобильных */
@media (max-width: 767.98px) {
  .doter_table,
  .doter_table tbody,
  .doter_table tr,
  .doter_table td {
    display: block;
    width: 100%;
  }

  .doter_table td.doter_left {
    white-space: normal;
    margin-bottom: 1px;
    padding-bottom: 0;
    border-bottom: 1px dotted #494949; /* линия под названием */
  }

  .doter_table td.doter_right {
    text-align: left;
    padding-left: 0;
    font-size: 17px;
    white-space: normal;
  }

  .doter_table td.doter_dotted {
    display: none; /* скрываем среднюю колонку */
  }
}