Print CSS: коммерческие предложения и счета, которые нормально печатаются
@media print, скрытие навигации и контраст чёрного текста — без «обрезанного» PDF из браузера.
Отдельный `@media print` блок убирает шапку, чат и баннеры cookie — на бумаге остаётся КП, реквизиты и таблица позиций.
Задайте `@page { margin: 2cm; }` и `print-color-adjust: exact` только для логотипа, если брендбук требует точный Pantone на принтере.
- Printing — MDN — Синтаксис @media print.
- Print stylesheets — web.dev — Паттерны печати страниц.
Практика
Тестируйте Print Preview в Chrome и «Сохранить как PDF» — разрывы страниц задавайте через `break-inside: avoid` на блоках таблиц.
Не полагайтесь на фоновые градиенты hero: для print показывайте упрощённый логотип.