@charset "utf-8";

/* ===== Video players ===== */
#tsc_player {
  z-index: 9999;
}

.tscplayer_inline {
  position: static;
  margin: 30px;
  width: 520px;
  height: 292px;
  z-index: auto;
}

.tscplayer_fullframe {
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  z-index: 9999;
}

@media screen and (max-width: 520px) {
  .tscplayer_inline {
    width: 100%;
  }
}

.tscplayer_eliot {
  position: static;
  margin: 0px;
  width: 100%;
  height: 360px;
  z-index: auto;
}

.tscplayer_jorge {
  position: static;
  margin: 0px;
  width: 100%;
  height: 342px;
  z-index: auto;
}

@media screen and (max-width: 640px) {
  .tscplayer_inline2 {
    margin: -20px;
  }
}

/* ===== Competitors table (MicroForm3D) — CLEANED ===== */
#home-marketing-content .comp-table-wrap {
  margin-left: 0;
  margin-right: 0;
  overflow-x: auto;                 /* горизонтальний скрол за потреби */
  -webkit-overflow-scrolling: touch;
}

#home-marketing-content .comp-table {
  width: 100%;
  min-width: 600px;                 /* було 720px */
  border-collapse: collapse;
  table-layout: fixed;
  font: inherit;                    /* шрифт сайту */
  font-size: 0.85em;                 /* «крок менше» */
}

/* Хедер (без напівжирного) */
#home-marketing-content .comp-table thead th {
  background: #2f5496;
  color: #fff;
  font-weight: 550;
  text-align: center;
  padding: 8px;                     /* було 8px */
  border-right: 1px solid #2f5496;
  border-bottom: 1px solid #233f71;
}

/* Ширини колонок */
#home-marketing-content .comp-table th:nth-child(1),
#home-marketing-content .comp-table td:nth-child(1) { width: 25%; }
#home-marketing-content .comp-table th:nth-child(2),
#home-marketing-content .comp-table td:nth-child(2) { width: 18%; }
#home-marketing-content .comp-table th:nth-child(3),
#home-marketing-content .comp-table td:nth-child(3) { width: 17%; }
#home-marketing-content .comp-table th:nth-child(4),
#home-marketing-content .comp-table td:nth-child(4) { width: 18%; }
#home-marketing-content .comp-table th:nth-child(5),
#home-marketing-content .comp-table td:nth-child(5) { width: 22%; }

/* Комірки */
#home-marketing-content .comp-table td {
  color: #000;
  background: #fff;
  text-align: center;
  padding: 8px;                 /* було 6px 8px */
  border: 1px solid #2b559f;
  word-break: break-word;
}



/* Рядок MicroForm3D — лише підсвітка */
#home-marketing-content .comp-table tbody tr.is-microform td {
  background: #cfe2f3;
  font-weight: 400;
}

/* Посилання в таблиці успадковують колір */
#home-marketing-content .comp-table td a {
  color: inherit;
}

/* ===== Packages table (Select Your MicroForm3D Scanner Model) ===== */
/* Контейнер секції вже має .comp-table-wrap — використовуємо той самий */
#home-marketing-content .pkg-table {
  width: 100%;
  min-width: 600px;
  border-collapse: collapse;
  table-layout: auto;               /* контент сам задає ширини */
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 0.85rem;               /* трохи крупніше за таблицю вище */
}

/* Шапка — синій фон, без жирного, з темнішою нижньою межею */
#home-marketing-content .pkg-table thead th {
  background-color: #2f5496;        /* як у експорті Sheets */
  color: #ffffff;
  text-align: center;
  font-weight: 550;                 /* bold */
  padding: 8px;
  border-bottom: 1px solid #233f71; /* темніша смуга внизу */
  border-right: 1px solid #2f5496;  /* як у s4 */
}
#home-marketing-content .pkg-table thead th:last-child {
  border-right: 1px solid #233f71;  /* як у s5 */
}

/* Перший стовпець — синя смуга з білим текстом (назви параметрів) */
#home-marketing-content .pkg-table tbody td:first-child {
  background-color: #2f5496;        /* як у s6/s3 */
  color: #ffffff;
  text-align: left;
  padding: 8px;
  border-right: 1px solid #2f5496;  /* межа до даних */
  border-bottom: 1px solid #ffffff; /* як у s6 */
  font-weight: 600;                  /* можна зняти, якщо треба все без bold */
}

/* Комірки даних — чорний текст, сітка #4472c4 */
#home-marketing-content .pkg-table tbody td:not(:first-child) {
  background-color: #ffffff;
  color: #000000;
  text-align: center;
  padding: 8px;
  border-right: 1px solid #4472c4;  /* як у s8/s9 */
  border-bottom: 1px solid #4472c4;
  white-space: nowrap;
}

/* Рядок з цінами — світло-блакитний фон (як s7) */
#home-marketing-content .pkg-table tbody td.is-price {
  background-color: #deeaf6;
  border-right: 1px solid #4472c4;
  border-bottom: 1px solid #deeaf6;
  font-weight: 600;
}

/* Остання клітинка в рядку — підрівняти праву межу (на випадок відмінних браузерів) */
#home-marketing-content .pkg-table tbody td:last-child {
  border-right: 1px solid #4472c4;
}

/* Посилання в таблиці пакетів успадковують колір */
#home-marketing-content .pkg-table td a {
  color: inherit;
}

#home-marketing-content .pkg-table thead th:first-child{
  background: #fff;
  color: #000;
  border-right: 1px solid #2f5496;  /* стикується з синім хедером */
  border-bottom: 1px solid #233f71; /* лишаємо темнішу нижню межу */
}