/* Печатный лист каталога. Отдельным файлом с media="print" нарочно:
   правило @media print внутри общего файла всё равно грузится экраном,
   а здесь браузер сам решает, нужен ли ему файл.

   @page НЕ используется: правило без селектора всегда глобально, и поля
   страницы уехали бы у всего сайта, включая печать корзины и счетов.

   Печатают у нас две вещи. Первая и главная это подборка для расчёта:
   на неё есть кнопка. Вторая это страница списка, если человек нажал
   печать сам. Первый вариант листа печатал адрес после КАЖДОЙ ссылки,
   и плитки списка разъезжались: адрес вставал внутрь карточки и рвал
   имя позиции. Теперь адреса печатаются только в подборке, а список
   на листе становится простым перечнем без плиток и кадров. */

/* Круг 70. Имена классов здесь остались от сборки ДО приставки «k-»:
   .btn, .btn-add и .row-img в разметке больше не встречаются, и на лист
   печатались обе кнопки подборки, кнопки карточки и кадры строк списка.
   Заодно закрыт блок импорта артикулов: на бумаге поле ввода бессмысленно. */
/* Управление, которое на бумаге бессмысленно. */
#sse-catalog.sse-catalog .filter,
#sse-catalog.sse-catalog .sk-bar,
#sse-catalog.sse-catalog .vsw,
#sse-catalog.sse-catalog .pager,
#sse-catalog.sse-catalog .tile-promo,
#sse-catalog.sse-catalog .qa,
#sse-catalog.sse-catalog .services,
#sse-catalog.sse-catalog .warehouse,
#sse-catalog.sse-catalog .addw,
#sse-catalog.sse-catalog .k-btn-add,
#sse-catalog.sse-catalog .rq,
#sse-catalog.sse-catalog .ovl,
#sse-catalog.sse-catalog .sp-x,
#sse-catalog.sse-catalog .sp-f .k-btn,
#sse-catalog.sse-catalog .sp-imp,
#sse-catalog.sse-catalog .action .k-btn,
#sse-catalog.sse-catalog .tile-img,
#sse-catalog.sse-catalog .k-row-img,
#sse-catalog.sse-catalog .hero-pic,
#sse-catalog.sse-catalog .gallery .ph-row { display: none }

/* Список на бумаге это перечень, а не сетка плиток: в три колонки
   имя позиции обрезается, и лист становится нечитаемым. */
#sse-catalog.sse-catalog .tiles { display: block }
#sse-catalog.sse-catalog .tile {
  display: block; width: auto; height: auto; border: 0;
  border-bottom: 1px solid #ddd; border-radius: 0;
  padding: 6px 0; break-inside: avoid;
}
#sse-catalog.sse-catalog .tile-b { display: block; padding: 0 }
#sse-catalog.sse-catalog .tile-t { font-size: 12pt }
#sse-catalog.sse-catalog .tile-d,
#sse-catalog.sse-catalog .tile-pn { font-size: 9pt; color: #444 }

/* Панель подборки на экране это плавающее окно. На листе она обычный
   блок в потоке, иначе печатается один первый экран. */
#sse-catalog.sse-catalog .sp {
  position: static; width: auto; max-width: none; max-height: none;
  box-shadow: none; border: 0; padding: 0; overflow: visible;
}
#sse-catalog.sse-catalog .sp-b { max-height: none; overflow: visible }

/* Адрес после ссылки нужен только в подборке: её уносят с собой
   и по ней открывают позиции. В списке он рвёт вёрстку. */
#sse-catalog.sse-catalog .sp a[href^="/product"]::after,
#sse-catalog.sse-catalog .sp a[href^="https://sse-group.ru/product"]::after {
  content: " (" attr(href) ")"; font-size: 9pt; color: #555;
}

#sse-catalog.sse-catalog { color: #000; background: #fff }
#sse-catalog.sse-catalog .rows > li,
#sse-catalog.sse-catalog .sp-b tr { break-inside: avoid }
#sse-catalog.sse-catalog h1,
#sse-catalog.sse-catalog h2 { break-after: avoid }

/* Промо-плитка склада на листе не нужна. Правило стоит В КОНЦЕ нарочно:
   выше «.tile{display:block}» возвращает плиткам блочность, и при равной
   специфичности побеждает то правило, что ниже. В первом варианте
   скрытие стояло выше и не работало, промо печаталось серым блоком. */
#sse-catalog.sse-catalog .tile.tile-promo,
#sse-catalog.sse-catalog .tile.tile-promo-ask { display: none }