/* Таблицы в текстах сайта — один вид везде (образец «Образец таблицы для статей», утверждён Дмитрием):
   без заливки, линия сверху и снизу таблицы, тонкие линии между строками, заголовки колонок мелкими прописными,
   числа — по правому краю (класс .lk-num ставит assets/js/content-tables.js).
   Где: тексты конструктора и статей (.pb-text, .art-page__body), страницы темы (.adn-text),
   описание раздела и подраздела каталога — первый абзац и «О разделе» (.cathead__desc),
   полное описание товара и семейства (.prose.lk-text — класс ставит shop-catalog: product-ssr.php, product.js).
   Не трогаются: таблицы с товарами в описании товара и семейства (.lk-rtable — свой вид, product.css),
   корзина, калькулятор, таблица с классом .lk-tbl-off.
   На телефоне таблица, которая не помещается по ширине, показывается карточками: строка — карточка,
   подписи из заголовков колонок (класс .lk-tbl--cards ставит скрипт). Без скрипта — таблица с прокруткой.
   Исключения стоят в :where() — правила ниже сравниваются по весу только по классу блока и классам самой таблицы. */

:is(.pb-text,.art-page__body,.adn-text,.cathead__desc,.lk-text) table:where(:not(.vtbl,.hc-calc__grid,.vit-cart-table,.lk-tbl-off,.lk-rtable)){
  width:100%;
  margin:0;
  border:0;
  border-collapse:collapse;
  border-top:1.5px solid rgba(22,35,31,.55);
  border-bottom:1.5px solid rgba(22,35,31,.55);
  background:transparent;
  font-size:15px;
  line-height:1.4;
  color:var(--ink,#16231F);
  font-variant-numeric:tabular-nums;
}
:is(.pb-text,.art-page__body,.adn-text,.cathead__desc,.lk-text) table:where(:not(.vtbl,.hc-calc__grid,.vit-cart-table,.lk-tbl-off,.lk-rtable)) :is(th,td){
  padding:10px 14px;
  border:0;
  border-bottom:1px solid var(--line,rgba(11,94,99,.18));
  background:transparent;
  text-align:left;
  vertical-align:baseline;
  overflow-wrap:normal;
  word-break:normal;
}
/* строка заголовков колонок: в <thead> или первая строка из одних <th> (её отмечает скрипт) */
:is(.pb-text,.art-page__body,.adn-text,.cathead__desc,.lk-text) table:where(:not(.vtbl,.hc-calc__grid,.vit-cart-table,.lk-tbl-off,.lk-rtable)) :is(thead th,tr.lk-tbl__head th){
  font-size:12px;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--ink-soft,#54605A);
  border-bottom:1px solid rgba(22,35,31,.35);
}
/* <th> в начале обычной строки (название параметра) — обычный текст, чуть жирнее */
:is(.pb-text,.art-page__body,.adn-text,.cathead__desc,.lk-text) table:where(:not(.vtbl,.hc-calc__grid,.vit-cart-table,.lk-tbl-off,.lk-rtable)) tbody tr:not(.lk-tbl__head) th{
  font-weight:600;
  color:var(--ink,#16231F);
}
:is(.pb-text,.art-page__body,.adn-text,.cathead__desc,.lk-text) table:where(:not(.vtbl,.hc-calc__grid,.vit-cart-table,.lk-tbl-off,.lk-rtable)) tbody tr:last-child > *{
  border-bottom:0;
}
:is(.pb-text,.art-page__body,.adn-text,.cathead__desc,.lk-text) table:where(:not(.vtbl,.hc-calc__grid,.vit-cart-table,.lk-tbl-off,.lk-rtable)):not(.lk-tbl--cards) tbody tr:not(.lk-tbl__head):hover > *{
  background:rgba(11,94,99,.05);
}
:is(.pb-text,.art-page__body,.adn-text,.cathead__desc,.lk-text) table:where(:not(.vtbl,.hc-calc__grid,.vit-cart-table,.lk-tbl-off,.lk-rtable)) .lk-num{
  text-align:right;
}
:is(.pb-text,.art-page__body,.adn-text,.cathead__desc,.lk-text) table:where(:not(.vtbl,.hc-calc__grid,.vit-cart-table,.lk-tbl-off,.lk-rtable)) a{
  color:var(--teal-deep,#0B5E63);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
  text-decoration-color:rgba(11,94,99,.45);
}
:is(.pb-text,.art-page__body,.adn-text,.cathead__desc,.lk-text) table:where(:not(.vtbl,.hc-calc__grid,.vit-cart-table,.lk-tbl-off,.lk-rtable)) a:hover{
  color:var(--accent,#B5762E);
  text-decoration-color:currentColor;
}

/* обёртка таблицы (ставит скрипт): если таблица шире места — прокрутка.
   На телефоне скрипт до прокрутки не доводит: такая таблица становится карточками. */
.lk-tbl-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

/* узкий экран, вид таблицей: заголовок строки (название модели или серии) не уже 10em, чтобы не сжимался в столбик слов;
   если из-за этого таблица не помещается — скрипт покажет её карточками */
@media (max-width:919px){
  :is(.pb-text,.art-page__body,.adn-text,.cathead__desc,.lk-text) table:where(:not(.vtbl,.hc-calc__grid,.vit-cart-table,.lk-tbl-off,.lk-rtable)):not(.lk-tbl--cards) td.lk-tbl__title{min-width:10em}
}

/* телефон: плотнее, крайние ячейки — почти без отступа от края */
@media (max-width:640px){
  :is(.pb-text,.art-page__body,.adn-text,.cathead__desc,.lk-text) table:where(:not(.vtbl,.hc-calc__grid,.vit-cart-table,.lk-tbl-off,.lk-rtable)){font-size:14px}
  :is(.pb-text,.art-page__body,.adn-text,.cathead__desc,.lk-text) table:where(:not(.vtbl,.hc-calc__grid,.vit-cart-table,.lk-tbl-off,.lk-rtable)) :is(th,td){padding:8px 10px}
  :is(.pb-text,.art-page__body,.adn-text,.cathead__desc,.lk-text) table:where(:not(.vtbl,.hc-calc__grid,.vit-cart-table,.lk-tbl-off,.lk-rtable)) tr > :first-child{padding-left:2px}
  :is(.pb-text,.art-page__body,.adn-text,.cathead__desc,.lk-text) table:where(:not(.vtbl,.hc-calc__grid,.vit-cart-table,.lk-tbl-off,.lk-rtable)) tr > :last-child{padding-right:2px}
}

/* ---- карточки: таблица не поместилась по ширине (только узкий экран, класс ставит скрипт) ---- */
:is(.pb-text,.art-page__body,.adn-text,.cathead__desc,.lk-text) table.lk-tbl--cards,
:is(.pb-text,.art-page__body,.adn-text,.cathead__desc,.lk-text) table.lk-tbl--cards > tbody,
:is(.pb-text,.art-page__body,.adn-text,.cathead__desc,.lk-text) table.lk-tbl--cards > tbody > tr{display:block;width:100%}
:is(.pb-text,.art-page__body,.adn-text,.cathead__desc,.lk-text) table.lk-tbl--cards > tbody > tr{padding:12px 0;border-bottom:1px solid var(--line,rgba(11,94,99,.18))}
:is(.pb-text,.art-page__body,.adn-text,.cathead__desc,.lk-text) table.lk-tbl--cards > tbody > tr:last-child{border-bottom:0}
/* строка заголовков не видна (подписи — у каждой ячейки), но остаётся для читалок экрана */
:is(.pb-text,.art-page__body,.adn-text,.cathead__desc,.lk-text) table.lk-tbl--cards > thead,
:is(.pb-text,.art-page__body,.adn-text,.cathead__desc,.lk-text) table.lk-tbl--cards > tbody > tr.lk-tbl__head{
  position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0
}
/* ячейка — строка «подпись … значение» */
:is(.pb-text,.art-page__body,.adn-text,.cathead__desc,.lk-text) table.lk-tbl--cards > tbody > tr > :is(th,td){
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:12px;
  padding:3px 0;
  border:0;
  background:transparent;
  text-align:right;
  overflow-wrap:anywhere;
}
:is(.pb-text,.art-page__body,.adn-text,.cathead__desc,.lk-text) table.lk-tbl--cards > tbody > tr > [data-label]::before{
  content:attr(data-label);
  flex:0 0 auto;
  max-width:48%;
  text-align:left;
  font-size:12px;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--ink-soft,#54605A);
  overflow-wrap:normal;
}
:is(.pb-text,.art-page__body,.adn-text,.cathead__desc,.lk-text) table.lk-tbl--cards .lk-tbl__v{flex:1 1 auto;min-width:0}
/* заголовок карточки (ячейка со ссылкой, иначе первая) и ячейки без подписи — во всю ширину, слева */
:is(.pb-text,.art-page__body,.adn-text,.cathead__desc,.lk-text) table.lk-tbl--cards > tbody > tr > :is(.lk-tbl__title,:not([data-label])){
  display:block;
  text-align:left;
}
:is(.pb-text,.art-page__body,.adn-text,.cathead__desc,.lk-text) table.lk-tbl--cards > tbody > tr > .lk-tbl__title{
  padding:0 0 6px;
  font-size:15px;
  font-weight:600;
  line-height:1.35;
  color:var(--ink,#16231F);
}
:is(.pb-text,.art-page__body,.adn-text,.cathead__desc,.lk-text) table.lk-tbl--cards > tbody > tr > .lk-tbl__title::before{content:none}
:is(.pb-text,.art-page__body,.adn-text,.cathead__desc,.lk-text) table.lk-tbl--cards > tbody > tr > :empty{display:none}