.order-item-line{grid-template-columns:80px minmax(0,1fr) auto;gap:16px;align-items:start;break-inside:avoid}
.order-item-photo{display:block;position:relative;width:80px;height:80px;overflow:hidden;border-radius:10px;background:#f0e7da;border:1px solid var(--line)}
.order-item-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.order-item-photo-fallback{display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:7px;color:var(--brown);text-align:center}
.order-item-photo-fallback small{font-size:8px;line-height:1.3;color:var(--muted)}
.order-item-details{min-width:0;overflow-wrap:anywhere}
.order-item-line .order-item-total{font-size:12px;white-space:nowrap;padding-top:1px}
@media(max-width:480px){.order-item-line{grid-template-columns:64px minmax(0,1fr);gap:5px 12px}.order-item-photo{width:64px;height:64px;grid-row:1/3}.order-item-line .order-item-total{grid-column:2;padding-top:3px}.order-item-photo-fallback small{font-size:7px}}
@media print{.order-item-line{grid-template-columns:64px minmax(0,1fr) auto;gap:12px}.order-item-photo{width:64px;height:64px;grid-row:auto}.order-item-line .order-item-total{grid-column:auto}.order-item-photo,.order-item-photo-fallback{print-color-adjust:exact;-webkit-print-color-adjust:exact}}