/* print.css — block 4 (spec §2): loaded after app.css with media="print"; its rules outrank every screen selector by
   !important, not by order. Media is hidden on every product page unless a page opts in with .print-media. */
.side, .top, #modal, .toast, .no-print { display: none !important; }
img, video { display: none !important; }
.print-media img, .print-media video { display: block !important; }
.print-only { display: block !important; }
.print-hide { display: none !important; }
.app { display: block !important; }
.main .wrap { padding: 0 !important; max-width: none !important; }
.card, .elgrp, .plu-fold { break-inside: avoid; box-shadow: none !important; border-color: #ccc !important; }
body { background: #fff !important; color: #000 !important; }
@page sheet { size: landscape; }
.sheet-print { page: sheet; }