/* =========================
   LOMBARD TABLE — FULL CSS
   Scope: only inside .bar
   ========================= */

/* Контейнер c горизонтальным скроллом на ПК */
.bar .responsive_table{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  background:#fafbfc;
  border-radius:12px;
}

/* Базовая таблица */
.bar .el-table__body{
  table-layout:fixed;
  width:100%;
  border-collapse:separate;
  border-spacing:0;
}
.bar .el-table__cell .cell{
  padding:12px 14px;
  display:block;
  white-space:normal;
  word-break:break-word;
  line-height:1.35;
}

/* Шапка: прилипающая, более контрастная */
.bar thead.has-gutter th{
  position:sticky;
  top:0;
  z-index:2;
  background:#f3f6fa;
  border-bottom:1px solid #dee5ef;
}
.bar thead.has-gutter .cell{
  font-weight:700;
  color:#25324d;
  letter-spacing:.1px;
  padding:13px 14px;
}

/* Чередование строк и hover */
.bar .el-table__row td{ border-bottom:1px solid #eef3f8; }
.bar .el-table__row:nth-child(odd) td{ background:#fff; }
.bar .el-table__row:nth-child(even) td{ background:#fbfdff; }
.bar .el-table__row{
  transition:background .2s, box-shadow .2s;
}
.bar .el-table__row:hover{
  background:#fefefe;
  box-shadow:0 2px 6px rgba(0,0,0,.04);
}

/* Ширины колонок на широких экранах */
@media (min-width:992px){
  .bar .el-table_1_column_1{ width:20%; }
  .bar .el-table_1_column_2{ width:28%; }  /* Варианты залога */
  .bar .el-table_1_column_3{ width:26%; }  /* Адрес */
  .bar .el-table_1_column_4{ width:12%; }  /* Режим */
  .bar .el-table_1_column_5{ width:14%;  }  /* Контакты */
}

/* Ссылки */
.bar .el-table__cell a{
  color:#137d40;
  text-decoration:none;
  transition:color .15s;
}
.bar .el-table__cell a:hover{ color:#0b5d2b; text-decoration:underline; }

/* Телефоны чуть жирнее */
.bar .el-table_1_column_5 a{ font-weight:600; }

/* ====== ВАРИАНТЫ ЗАЛОГА (бейджи) ====== */
.bar .flex_column_mobile{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.bar .flex_column_mobile .flex{
  flex:1 1 150px;                      /* тянутся и переносятся */
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border:1px solid #d5dfea;
  border-radius:10px;
  background:#f5f8fc;
  transition:all .15s;
}
.bar .flex_column_mobile .flex:hover{
  background:#eaf3ff;
  border-color:#b5c9e9;
  box-shadow:0 0 0 2px rgba(105,150,220,.10);
}

/* Иконки — единый размер */
.bar .lombard_img{
  width:30px; height:30px;
  min-width:30px; min-height:30px;
  object-fit:contain;
  display:inline-block;
  border-radius:6px;
}

/* ====== Рекламная строка с .elem_center (colspan=5) ====== */
.bar .el-table__row .elem_center{
  display:flex; align-items:center; gap:12px;
  padding:12px 14px;
  border:1px dashed #e3e9f1;
  border-radius:12px;
  background:#f7fafc;
}
.bar .el-table__row .elem_center img{
  height:50px; width:50px; object-fit:contain; margin:0;
}

/* ====== МОБИЛЬНАЯ ВЕРСТКА (карточки) ====== */
@media (max-width:640px){

  /* шапка не нужна — показываем ярлыки внутри строк */
  .bar thead{ display:none; }

  .bar .el-table__body,
  .bar .el-table__body tr,
  .bar .el-table__body td{
    display:block; width:100%;
  }

  .bar .el-table__row{
    border:1px solid #e8eef4;
    border-radius:14px;
    padding:8px 10px;
    margin:10px 0;
    background:#fff;
    box-shadow:0 3px 10px rgba(20,37,63,.06);
  }
  .bar .el-table__row td{
    border:0;
    background:transparent !important;
    padding:0;
  }

  /* Ячейки превращаем в строки; слева — подпись */
  .bar .el-table__row td .cell{
    position:relative;
    padding:10px 12px 10px 122px;  /* место под ярлык слева */
    min-height:44px;
    border-bottom:1px solid #f0f4f9;
    border-radius:10px;
    background:#fff;
  }
  .bar .el-table__row td:last-child .cell{ border-bottom:0; }

  .bar .el-table__row .cell::before{
    position:absolute; left:12px; top:10px;
    width:100px;
    font-size:12px; line-height:1.2;
    color:#4a5b73; font-weight:700;
    content:attr(data-label);      /* если захотите задать явно */
  }

  /* Если data-label нет — подставим по порядку */
  .bar .el-table__row td:nth-child(1) .cell:not([data-label])::before{ content:"Название"; }
  .bar .el-table__row td:nth-child(2) .cell:not([data-label])::before{ content:"Варианты залога"; }
  .bar .el-table__row td:nth-child(3) .cell:not([data-label])::before{ content:"Адрес"; }
  .bar .el-table__row td:nth-child(4) .cell:not([data-label])::before{ content:"Режим работы"; }
  .bar .el-table__row td:nth-child(5) .cell:not([data-label])::before{ content:"Контакты"; }

  /* Варианты залога — БЕЙДЖИ на всю ширину, один под другим */
  .bar .flex_column_mobile{ display:block; }
  .bar .flex_column_mobile .flex{
    width:100%;
    margin-bottom:8px;
    background:#f3f8ff;
    border-color:#cbdff9;
  }

  /* Рекламная строка — тоже карточка */
  .bar .el-table__row .elem_center{
    border:1px dashed #e3e9f1;
    border-radius:12px;
    padding:12px;
    background:#f7fafc;
  }
}

/* ====== Очень узкие (≤360px) — компактнее ярлык и иконки ====== */
@media (max-width:360px){
  .bar .el-table__row .cell{ padding:10px 12px 10px 112px; }
  .bar .el-table__row .cell::before{ width:92px; }
  .bar .lombard_img{ width:26px; height:26px; }
}

/* Мелкие улучшения типографики */
.bar .el-table__cell .cell > div + div{ margin-top:4px; }
.bar .el-table__cell a, .bar .el-table__cell span{ word-break:break-word; }