/* ==========================================================================
   Расширенное КП — только два блока (тест-драйв на 3 тарифа + матрица пакетов).
   Всё под .kx, чтобы не задеть стандартный и квал КП. Подключается в index.html и kp.html.
   ========================================================================== */

/* ---- ТЕСТ-ДРАЙВ: 3 тарифа ---- */
.kx-tariffs{
  display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:14px;align-items:stretch;margin-top:6px;
}
.kx-tariff{
  position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:14px;
  padding:22px 18px;display:flex;flex-direction:column;
}
.kx-tariff--featured{border:2px solid #2196F3;background:#fafcff;box-shadow:0 10px 24px -6px rgba(33,150,243,.18);}
.kx-tariff__badge{
  position:absolute;top:-11px;left:50%;transform:translateX(-50%);white-space:nowrap;
  background:#2196F3;color:#fff;font-size:10px;font-weight:800;text-transform:uppercase;
  letter-spacing:.06em;padding:4px 11px;border-radius:20px;
}
.kx-tariff__title{font-size:16px;font-weight:800;color:#0f172a;margin-bottom:3px;}
.kx-tariff__sub{font-size:12px;color:#64748b;margin-bottom:14px;}
.kx-tariff__price{font-size:26px;font-weight:800;color:#2196F3;line-height:1;margin-bottom:16px;}
.kx-tariff__list{list-style:none;margin:0;padding:0;font-size:13px;line-height:1.45;color:#0f172a;}
.kx-tariff__list li{position:relative;padding-left:24px;margin-bottom:9px;}
.kx-tariff__list li::before{position:absolute;left:0;top:0;font-weight:800;}
.kx-tariff__list li.on::before{content:"✓";color:#10b981;}
.kx-tariff__list li.off{color:#94a3b8;text-decoration:line-through;}
.kx-tariff__list li.off::before{content:"✕";color:#ef4444;}
.kx-conv{
  margin-top:16px;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;
  padding:13px 18px;text-align:center;font-size:14px;font-weight:600;color:#92400e;
}
.kx-conv b{color:#b45309;}

/* ---- ПАКЕТЫ: матрица ---- */
.kx-scroll{margin-top:6px;border:1px solid #e2e8f0;border-radius:14px;overflow-x:auto;}
.kx-table{width:100%;border-collapse:collapse;font-size:14px;min-width:560px;}
.kx-table th{
  background:#121926;color:#fff;padding:13px 16px;text-align:center;font-size:12px;font-weight:600;
  text-transform:uppercase;letter-spacing:.04em;
}
.kx-table th:first-child{text-align:left;width:28%;}
.kx-table th span{display:block;font-size:11px;font-weight:400;opacity:.8;text-transform:none;letter-spacing:0;}
.kx-table td{padding:15px 16px;border-bottom:1px solid #e2e8f0;text-align:center;color:#0f172a;vertical-align:middle;}
.kx-table td:first-child{text-align:left;}
.kx-table td b{font-weight:700;}
.kx-table td span{display:block;font-size:11px;color:#64748b;font-weight:400;margin-top:2px;}
.kx-table tr:last-child td{border-bottom:none;}
.kx-table tr.kx-row-feat{background:#f0f7ff;border-top:2px solid #2196F3;border-bottom:2px solid #2196F3;}
.kx-table tr.kx-row-feat td b{color:#2196F3;font-size:15px;}
.kx-table tr.kx-row-feat td span{color:#0066cc;}

@media (max-width:640px){
  .kx-tariffs{grid-template-columns:1fr;}
  .kx-tariff--featured{order:-1;}
}