/* Card is drawn on a fixed 1536x1024 canvas (same size as the template image) and scaled for preview. */
.qr-card-scale { position: relative; width: 100%; overflow: hidden; border-radius: 10px; box-shadow: 0 2px 14px rgba(0,0,0,.18); background: #fff; }
.qr-card { position: absolute; left: 0; top: 0; width: 1536px; height: 1024px; overflow: hidden; direction: rtl; transform-origin: 0 0; background: #fff; }
.qr-card * { box-sizing: border-box; }
.qr-card > img.qr-card-bg { position: absolute; left: 0; top: 0; width: 1536px; height: 1024px; display: block; }
.qr-card .qr-c { position: absolute; display: flex; align-items: flex-end; justify-content: center; white-space: nowrap; overflow: visible; color: #0b2a1a; line-height: 1.55; text-align: center; }
.qr-card .qr-c > span { display: inline-block; max-width: 100%; }
.qr-card .qr-c-latin { font-family: Arial, Helvetica, sans-serif !important; font-weight: 700; direction: ltr; }
.qr-card .qr-c-seat { color: #10241a; align-items: center; line-height: 1; }
.qr-card .qr-photo { position: absolute; left: 1300px; top: 413px; width: 193px; height: 266px; border-radius: 12px; background-size: cover; background-position: center top; background-repeat: no-repeat; background-color: #e3f1e9; }
.qr-card .qr-tick { position: absolute; width: 54px; height: 56px; }