/* Five print designs for a shop's permanent QR link. Decoration never enters
   the white QR field or its four-module quiet zone. */
.qr-sign{position:relative;overflow:hidden;isolation:isolate;transition:background-color .2s,border-color .2s}
.qr-sign>*{position:relative;z-index:1}
.qr-sign-logo{display:block;width:144px;height:auto;max-width:60%;margin:0 auto}
.qr-sign .qr-image{background:#fff;padding:9px;border-radius:10px;width:max-content;max-width:100%;margin:0 auto}
/* The 5×7 illustrated sign preview: the PDF's layout at 1060×1484, scaled. */
.qr-art-wrap{display:flex;justify-content:center;margin:4px 0 6px}
.qr-art{--w:236px;position:relative;width:var(--w);aspect-ratio:1060/1484;overflow:hidden;border-radius:6px;box-shadow:0 6px 20px rgba(52,42,36,.18)}
.qr-art-page{position:absolute;left:0;top:0;width:1060px;height:1484px;transform-origin:0 0;transform:scale(calc(236 / 1060));background:#fff8ef}
/* Letter: the same art at full page height, centred, cream either side. */
.qr-art.is-letter{aspect-ratio:8.5/11;background:#fff8ef}
/* Same 0.25 in margin as the PDF: 236 px = 8.5 in, so 0.25 in = 6.94 px. */
.qr-art.is-letter .qr-art-page{left:calc((236px - 1060px * 291.53 / 1484) / 2);top:6.94px;transform:scale(calc(291.53 / 1484))}
.qr-art-page>*{position:absolute}
.qr-art-card{background:#fff;border:3px solid #e3d2c5;border-radius:27px;box-shadow:0 8px 0 #ebddd1}
.qr-art-code svg{display:block;width:100%;height:auto}
.qr-art-frame{left:0;top:0;width:1060px;height:1484px;pointer-events:none}
.qr-art-logo{height:auto}
.qr-art-head{left:0;top:0;width:1060px;height:1484px;pointer-events:none}
.qr-art-head text{text-anchor:middle;font-family:Georgia,"Times New Roman",serif;font-weight:700;fill:#3a2922}
.qr-theme-picker{border:0;padding:0;margin:17px 0}
.qr-theme-picker legend{font-size:13px;font-weight:700;margin-bottom:10px}
.qr-theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.qr-theme-choice img{display:block;width:100%;max-width:106px;height:auto;aspect-ratio:1060/1484;border-radius:4px;background:#fff8ef}
.qr-theme-picker[disabled]{opacity:.45}
.qr-theme-choice{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;padding:10px 6px 9px;border:1px solid #ded2c4;border-radius:10px;background:#fffdfa;font-size:11px;font-weight:650;text-align:center;line-height:1.2;cursor:pointer}
.qr-theme-choice:has(input:checked){border:2px solid #bb4d2b;background:#fff8f2;padding:9px 5px 8px;box-shadow:0 0 0 2px #bb4d2b25}
.qr-theme-choice:has(input:focus-visible){outline:3px solid #342a24;outline-offset:2px}
.qr-theme-choice input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.qr-theme-cookie .qr-theme-market .qr-theme-garden .qr-theme-bold .qr-print-guide{background:#fffaf3;border:1px solid #e8d9c8;border-radius:10px;padding:14px 16px;margin:14px 0;font-size:12px;line-height:1.5}
.qr-print-guide>strong{display:block;font-size:13px;margin-bottom:5px}
.qr-print-guide p{font-size:12px!important;line-height:1.5!important;margin:5px 0!important}
.qr-print-guide ol{margin:9px 0;padding-left:20px}
.qr-print-guide li{margin:5px 0}
@media(max-width:400px){.qr-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.qr-sign{transition:none}}
/* Sticker sheet preview: the real 3 × 4 sheet of twelve 2.5 in stickers. */
.qr-sheet-wrap{display:flex;justify-content:center;margin:4px 0 6px}
/* As the PDF: a Letter page (236 px = 8.5 in), 0.5 in margins, 2.5 in square cells. */
.qr-sheet{width:236px;height:305.41px;background:#fff;border-radius:4px;box-shadow:0 6px 20px rgba(52,42,36,.18);padding:13.88px;display:grid;grid-template-columns:repeat(3,69.41px);grid-template-rows:repeat(4,69.41px);justify-content:center;align-content:center;gap:0;box-sizing:border-box}
.qr-sticker{border:1px dashed #d8cfc4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:3px;min-width:0;overflow:hidden;background:#faf7f2}
.qr-sticker img{width:60%;height:auto}
.qr-sticker b{font:700 6px/1.1 Georgia,serif;color:#342a24;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qr-sticker svg{width:56%;height:auto}