/* Native modal enlarges encoded bars while the grid stays compact. */
.product-card__barcode-visual{cursor:zoom-in;color:inherit;width:100%;text-align:left}
.product-card__barcode-visual:hover{border-color:var(--ink)}
.barcode-viewer{box-sizing:border-box;width:440px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:28px;border:1px solid var(--ink);border-radius:3px;background:var(--white);color:var(--ink);box-shadow:0 12px 48px #182b2426}
.barcode-viewer::backdrop{background:#182b2473}
.barcode-viewer h2{font-family:var(--font-display);font-size:42px;line-height:1;margin:0 0 14px}
.barcode-viewer>p{font-size:14px;line-height:1.5;margin:0 0 20px}
.barcode-viewer .barcode-viewer__code{display:block;width:352px;max-width:100%;height:70px;margin:24px auto 12px;background:var(--white)}
.barcode-viewer .barcode-viewer__code[hidden]{display:none}
.barcode-viewer .barcode-viewer__identifier{font:600 16px/1.5 var(--font-mono);text-align:center;overflow-wrap:anywhere;margin-bottom:24px}
.barcode-viewer .barcode-viewer__message:empty{display:none}
.barcode-viewer .button{width:100%;justify-content:center}
@media(max-width:760px){.barcode-viewer{padding:20px 15px}.barcode-viewer h2{font-size:36px}}