/* ── Таблицы в контенте: не вылезают за экран ─────────────────
   Мобильные: горизонтальный скролл внутри таблицы.
   Десктоп: обычное поведение.                                */

.text-content table,
.catalog-inner_container table,
.products_item_content table {
  border-collapse: collapse;
  max-width: 100%;
}

@media (max-width: 900px) {
  .text-content table,
  .catalog-inner_container table,
  .products_item_content table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    /* мягкая подсказка, что справа есть продолжение */
    background-image:
      linear-gradient(to right, #fff 30%, rgba(255,255,255,0)),
      linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,.08));
    background-position: left center, right center;
    background-repeat: no-repeat;
    background-size: 32px 100%, 24px 100%;
    background-attachment: local, scroll;
  }

  .text-content table th,
  .text-content table td,
  .catalog-inner_container table th,
  .catalog-inner_container table td,
  .products_item_content table th,
  .products_item_content table td {
    font-size: 14px;
    line-height: 1.45;
    padding: 10px 12px;
    vertical-align: top;
  }

  /* первая колонка (код) не должна сжиматься в точку */
  .text-content table th:first-child,
  .text-content table td:first-child {
    min-width: 64px;
    white-space: nowrap;
  }

  /* длинные артикулы и ссылки не рвут ширину */
  .text-content table td {
    word-break: normal;
    overflow-wrap: anywhere;
  }
}

/* Десктоп: гарантируем, что таблица не вылезет за контейнер */
@media (min-width: 901px) {
  .text-content table {
    width: 100%;
    table-layout: auto;
  }
}