/* ===== UNIVERSAL LUXE — финал для всех таблиц цен ===== */
/* Применяем к секциям с .tbl-v10 и/или id, начинающимся на prices- */
.t-records section.tbl-v10,
.t-records section[id^="prices-"]{
  /* Цвета и градиент шапки */
  --ink:#0c2036;          /* основной текст (чуть темнее для контраста) */
  --muted:#6f7f95;        /* подписи */
  --line:#d6dde8;         /* перегородки */
  --zebra1:#ffffff;       /* белая зебра */
  --zebra2:#eef3f8;       /* светло-серая зебра (холодная) */
  --head-grad: radial-gradient(circle at center, rgba(100,200,189,1) 0%, rgba(9,74,111,1) 100%);

  /* ВОЗДУХ вокруг секции: отступ сверху и снизу */
  margin:56px auto 40px;  /* ↑ сверху побольше, чтобы не липло к фото */
  padding-left:8px;
  color:var(--ink);
  font-family:system-ui,-apple-system,"Inter","Segoe UI",Roboto,Arial,sans-serif;
}

/* Умеренная ширина карточки на десктопе; для полной ширины добавь класс .wide у секции */
@media (min-width:981px){
  .t-records section.tbl-v10,
  .t-records section[id^="prices-"]{max-width:1040px}
}
.t-records section.tbl-v10.wide,
.t-records section[id^="prices-"].wide{max-width:none}

/* Заголовок блока */
.t-records section.tbl-v10 .tbl-title,
.t-records section[id^="prices-"] .tbl-title{
  margin:0 0 18px; font-weight:800; font-size:30px; line-height:1.15; color:var(--ink);
}

/* Таблица-карточка */
.t-records section.tbl-v10 .tbl,
.t-records section[id^="prices-"] .tbl{
  width:100%; border-collapse:separate; border-spacing:0; table-layout:auto;
  background:#fff; font-size:18px; line-height:1.62; border-radius:22px; overflow:hidden;
  border:1px solid var(--line) !important;
  box-shadow:0 16px 44px rgba(12,32,54,.09), 0 6px 16px rgba(12,32,54,.06);
}

/* Шапка: твой градиент + лёгкая затемняющая вуаль для читабельности */
.t-records section.tbl-v10 .tbl thead th,
.t-records section[id^="prices-"] .tbl thead th{
  background:
    linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.04) 60%, rgba(0,0,0,.02) 100%),
    var(--head-grad) !important;
  color:#fff !important;
  font-weight:840; letter-spacing:.28px; text-align:left; white-space:normal;
  padding:22px 24px; border:0;
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.18);
}
.t-records section.tbl-v10 .tbl thead th:first-child,
.t-records section[id^="prices-"] .tbl thead th:first-child{border-top-left-radius:20px}
.t-records section.tbl-v10 .tbl thead th:last-child,
.t-records section[id^="prices-"] .tbl thead th:last-child{border-top-right-radius:20px}
.t-records section.tbl-v10 .tbl thead th+th,
.t-records section[id^="prices-"] .tbl thead th+th{border-left:1px solid rgba(255,255,255,.22)}

/* Ячейки: воздух + чёткие перегородки */
.t-records section.tbl-v10 .tbl th[scope="row"],
.t-records section.tbl-v10 .tbl td,
.t-records section[id^="prices-"] .tbl th[scope="row"],
.t-records section[id^="prices-"] .tbl td{
  padding:20px 24px;
  border-bottom:1px solid var(--line) !important;
  vertical-align:top;
}
.t-records section.tbl-v10 .tbl td+td,
.t-records section[id^="prices-"] .tbl td+td{border-left:1px solid var(--line) !important}

/* Зебра и hover */
.t-records section.tbl-v10 .tbl tbody tr:nth-child(odd),
.t-records section[id^="prices-"] .tbl tbody tr:nth-child(odd){background:var(--zebra1) !important}
.t-records section.tbl-v10 .tbl tbody tr:nth-child(even),
.t-records section[id^="prices-"] .tbl tbody tr:nth-child(even){background:var(--zebra2) !important}
.t-records section.tbl-v10 .tbl tbody tr:hover,
.t-records section[id^="prices-"] .tbl tbody tr:hover{background:#e9f1f8 !important}

/* Типографика: маршрут жирнее, ЦЕНЫ — ПОЛЕГЧЕ (и ровные цифры) */
.t-records section.tbl-v10 .c-route,
.t-records section[id^="prices-"] .c-route{font-weight:700; letter-spacing:.12px}
.t-records section.tbl-v10 .c-price,
.t-records section[id^="prices-"] .c-price{
  text-align:right; white-space:nowrap; color:inherit !important;
  font-weight:600;                       /* было 800 → стало 600, меньше «черноты» */
  font-variant-numeric:tabular-nums;     /* ровные цифры */
  font-feature-settings:"tnum";
}

/* Последняя строка без нижней границы */
.t-records section.tbl-v10 .tbl tbody tr:last-child th,
.t-records section.tbl-v10 .tbl tbody tr:last-child td,
.t-records section[id^="prices-"] .tbl tbody tr:last-child th,
.t-records section[id^="prices-"] .tbl tbody tr:last-child td{border-bottom:0 !important}

/* Блок условий под таблицей — стильнее и с отступом снизу */
.t-records section.tbl-v10 .tbl-meta,
.t-records section[id^="prices-"] .tbl-meta{
  margin:26px 2px 22px;                  /* ↑ дополнительный отступ сверху и снизу */
  display:grid; gap:16px;
  background:linear-gradient(180deg,#fcfeff,#f5f8ff);
  border:1px solid var(--line); border-radius:20px; padding:20px 22px;
  color:var(--ink); font-weight:520;
  box-shadow:0 8px 22px rgba(12,32,54,.06), inset 0 1px 0 rgba(255,255,255,.85);
}
.t-records section.tbl-v10 .tbl-meta .meta-row,
.t-records section[id^="prices-"] .tbl-meta .meta-row{
  display:grid; grid-template-columns:1fr 1fr; column-gap:26px; align-items:start;
  border-top:1px dashed #e6ebf3;
  padding-top:12px; margin-top:4px;     /* лёгкие разделители между строками условий */
}
.t-records section.tbl-v10 .tbl-meta .meta-row:first-child{
  border-top:none; padding-top:0; margin-top:0;
}
.t-records section.tbl-v10 .tbl-note,
.t-records section[id^="prices-"] .tbl-note{
  margin:16px 2px 0; color:var(--muted); font-size:15px; line-height:1.42;
}

/* МОБИЛА: фикс-сетка колонок, чтобы ничего не наезжало */
@media (max-width:640px){
  .t-records section.tbl-v10 .tbl,
  .t-records section[id^="prices-"] .tbl{table-layout:fixed !important; font-size:16px; border-radius:20px}

  /* ширины колонок: маршрут 44%, цены по 18.666% */
  .t-records section.tbl-v10 .tbl thead th:nth-child(1),
  .t-records section[id^="prices-"] .tbl thead th:nth-child(1),
  .t-records section.tbl-v10 .tbl tbody td:nth-child(1),
  .t-records section[id^="prices-"] .tbl tbody td:nth-child(1){width:44%}
  .t-records section.tbl-v10 .tbl thead th:nth-child(2),
  .t-records section.tbl-v10 .tbl thead th:nth-child(3),
  .t-records section.tbl-v10 .tbl thead th:nth-child(4),
  .t-records section[id^="prices-"] .tbl thead th:nth-child(2),
  .t-records section[id^="prices-"] .tbl thead th:nth-child(3),
  .t-records section[id^="prices-"] .tbl thead th:nth-child(4),
  .t-records section.tbl-v10 .tbl tbody td:nth-child(2),
  .t-records section.tbl-v10 .tbl tbody td:nth-child(3),
  .t-records section.tbl-v10 .tbl tbody td:nth-child(4),
  .t-records section[id^="prices-"] .tbl tbody td:nth-child(2),
  .t-records section[id^="prices-"] .tbl tbody td:nth-child(3),
  .t-records section[id^="prices-"] .tbl tbody td:nth-child(4){width:18.666%}

  /* компактные отступы и шрифты для влезания */
  .t-records section.tbl-v10 .tbl thead th,
  .t-records section[id^="prices-"] .tbl thead th{padding:16px 10px; font-size:14.5px; line-height:1.22}
  .t-records section.tbl-v10 .tbl td,
  .t-records section[id^="prices-"] .tbl td{padding:16px 10px; line-height:1.5}

  .t-records section.tbl-v10 .c-price,
  .t-records section[id^="prices-"] .c-price{
    white-space:nowrap !important;
    font-size:clamp(14px,3.7vw,15.6px);
    padding-right:12px;                  /* запас справа у последней колонки */
  }
}