/* ===================================
   БЛОК: Цены — трансферы СПб
   Минимальная ширина контейнера: 800px
   =================================== */

/* ---------- Переменные ---------- */
:root {
  --tp-blue-dark: #1a3a5c;
  --tp-blue-mid: #1e5799;
  --tp-blue-light: #e8f0fa;
  --tp-blue-accent: #2980b9;
  --tp-blue-hover: #f0f6ff;
  --tp-gold: #d4a017;
  --tp-white: #ffffff;
  --tp-text: #2c3e50;
  --tp-border: #ccdcec;
  --tp-radius: 12px;
}

/* ---------- Секция ---------- */
.transfer-prices {
  padding: 50px 20px;
  font-family: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: var(--tp-text);
}

/* ---------- Контейнер ---------- */
.transfer-prices__container {
  max-width: 860px;
  min-width: 800px;
  margin: 0 auto;
}

/* ---------- Заголовок ---------- */
.transfer-prices__title {
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  color: var(--tp-blue-dark);
  margin: 0 0 28px;
  letter-spacing: -0.3px;
  position: relative;
}

.transfer-prices__title::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  border-radius: 2px;
  margin: 10px auto 0;
}

/* ---------- Обёртка таблицы ---------- */
.transfer-prices__table-wrap {
  overflow-x: auto;
  border-radius: var(--tp-radius);
  box-shadow: var(--tp-shadow);
}

/* ---------- Таблица ---------- */
.transfer-prices__table {
  width: 100%;
  border-collapse: collapse;
  background: var(--tp-white);
  border-radius: var(--tp-radius);
  overflow: hidden;
  min-width: 700px;
}

/* ---------- Шапка ---------- */
.transfer-prices__table thead {
  background: linear-gradient(135deg, var(--tp-blue-mid) 0%, var(--tp-blue-dark) 100%);
}

.transfer-prices__table thead th {
  padding: 14px 20px;
  font-size: 14px;
  font-weight: 600;
  color: var(--tp-white);
  text-align: left;
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  border-bottom: none;
}

.transfer-prices__table thead th:first-child {
  border-radius: var(--tp-radius) 0 0 0;
}

.transfer-prices__table thead th:last-child {
  border-radius: 0 var(--tp-radius) 0 0;
}

/* ---------- Тело ---------- */
.transfer-prices__table tbody td {
  padding: 14px 20px;
  font-size: 15px;
  border-bottom: 1px solid var(--tp-border);
  vertical-align: middle;
  transition: background 0.2s ease;
}

.transfer-prices__table tbody tr:last-child td {
  border-bottom: none;
}

.transfer-prices__table tbody tr:last-child td:first-child {
  border-radius: 0 0 0 var(--tp-radius);
}

.transfer-prices__table tbody tr:last-child td:last-child {
  border-radius: 0 0 var(--tp-radius) 0;
}

/* Ховер строки */
.transfer-prices__table tbody tr:hover td {
  background: var(--tp-blue-hover);
}

/* Первая колонка — жирнее */
.transfer-prices__table tbody td:first-child {
  font-weight: 600;
  color: var(--tp-blue-dark);
  white-space: nowrap;
}

/* Цена за поездку — акцент */
.transfer-prices__table tbody td:nth-child(3) {
  color: var(--tp-blue-mid);
  font-size: 16px;
}

/* ---------- VIP-строка ---------- */
.transfer-prices__row--vip td {
  background: linear-gradient(90deg, rgba(212, 160, 23, .06) 0%, transparent 100%);
}

.transfer-prices__row--vip td:first-child {
  color: var(--tp-gold) !important;
}

.transfer-prices__table tbody .transfer-prices__row--vip:hover td {
  background: linear-gradient(90deg, rgba(212, 160, 23, .12) 0%, var(--tp-blue-hover) 100%);
}

/* ---------- Иконка ---------- */
.transfer-prices__icon {
  margin-right: 6px;
  font-size: 18px;
}

/* ---------- Сноска ---------- */
.transfer-prices__note {
  margin: 14px 0 0;
  font-size: 13px;
  color: #7f8c9b;
  text-align: right;
}

/* ---------- Звёздочка ---------- */
.transfer-prices__asterisk {
  color: var(--tp-blue-accent);
  font-weight: 700;
}

/* ---------- Адаптив (ниже 860px — горизонтальный скролл) ---------- */
@media (max-width: 860px) {
  .transfer-prices__container {
    min-width: 100%;
  }

  .transfer-prices__table-wrap {
    -webkit-overflow-scrolling: touch;
  }
}