/* Таблицы товаров на телефоне: компактная карточка вместо таблицы с горизонтальной прокруткой, цена всегда на виду.
   Служебные ячейки .sc-id и .sc-sum создаёт assets/spec-cards.js; на компьютере они скрыты. */
.spec-table td.sc-id, .spec-table td.sc-sum{display:none;}
@media (max-width:760px){
  html.sc-ready body .spec-table-wrap{overflow:visible; border:0; background:transparent;}
  html.sc-ready body .spec-table-wrap::before{display:none;}
  html.sc-ready body .spec-table{min-width:0; display:block; border:0;}
  html.sc-ready body .spec-table thead{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0);}
  html.sc-ready body .spec-table tbody{display:block;}
  html.sc-ready body .spec-table tbody tr{
    display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:12px; row-gap:2px; align-items:start;
    margin:0 0 8px; padding:10px 12px; background:#fff;
    border:1px solid var(--line,#DDE3EA); border-radius:10px;
  }
  html.sc-ready body .spec-table tbody tr:hover{background:#fff;}
  /* исходные ячейки скрыты, остаются цена и кнопка; до загрузки скрипта (без html.sc-ready) таблица остаётся обычной */
  html.sc-ready body .spec-table tbody tr td{display:none;}
  html.sc-ready body .spec-table tbody tr td.sc-id, html.sc-ready body .spec-table tbody tr td.sc-sum,
  html.sc-ready body .spec-table tbody tr td.price-cell, html.sc-ready body .spec-table tbody tr td.action-cell{display:block; border:0; padding:0; white-space:normal;}
  html.sc-ready body .spec-table td.sc-id{
    order:1; grid-column:1; font-family:'IBM Plex Mono',monospace; font-weight:600; font-size:16px; line-height:1.3; color:var(--navy,#0F2942);
  }
  html.sc-ready body .spec-table td.sc-sum{
    order:2; grid-column:1; font-family:'Inter',sans-serif; font-size:12px; line-height:1.4; color:var(--muted,#5B6B7B);
    display:-webkit-box !important; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;
  }
  html.sc-ready body .spec-table td.price-cell{order:3; grid-column:2; text-align:right; font-size:13px; line-height:1.3;}
  html.sc-ready body .spec-table td.price-cell strong{font-size:17px;}
  html.sc-ready body .spec-table td.price-cell .price-sub{display:block; margin-top:1px; font-size:11px; white-space:normal;}
  html.sc-ready body .spec-table tr.sc-multi td.price-cell::before{
    content:attr(data-label); display:block; font-family:'Inter',sans-serif; font-size:11px; color:var(--muted,#5B6B7B);
  }
  html.sc-ready body .spec-table td.action-cell{order:4; grid-column:1 / -1; margin-top:8px; box-shadow:none; position:static; background:transparent;}
  html.sc-ready body .spec-table td.action-cell .btn{width:100%; min-height:40px; justify-content:center;}
}