design

Print CSS: коммерческие предложения и счета, которые нормально печатаются

Print CSS: коммерческие предложения и счета, которые нормально печатаются

Отдельный @media print блок убирает шапку, чат и баннеры cookie — на бумаге остаётся КП, реквизиты и таблица позиций.

Задайте @page { margin: 2cm; } и print-color-adjust: exact только для логотипа, если брендбук требует точный Pantone на принтере.

- [Printing — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/@media#print) — Синтаксис @media print.

- [Print stylesheets — web.dev](https://web.dev/articles/print-styles) — Паттерны печати страниц.

---

## Практика

Тестируйте Print Preview в Chrome и «Сохранить как PDF» — разрывы страниц задавайте через break-inside: avoid на блоках таблиц.

Не полагайтесь на фоновые градиенты hero: для print показывайте упрощённый логотип.

beforetoggle: хук жизненного цикла popover

Аналитика до открытия панели.

Мы используем обязательные cookie для работы сайта (корзина, вход, оформление заказа) и необязательные — для аналитики и маркетинга. Вы можете принять все, отклонить необязательные или настроить категории. Подробнее в политике cookies.