/* The 15% banner shown to people who arrive from an advert's QR code */
.qr-offer{display:flex;align-items:center;gap:14px;margin:0 0 18px;padding:14px 16px;border-radius:16px;border:1px solid rgba(224,168,0,.55);background:linear-gradient(135deg,rgba(224,168,0,.2),rgba(224,168,0,.04));animation:qrIn .7s cubic-bezier(.2,.8,.2,1) both}
.qr-offer[hidden]{display:none}
.qr-pct{flex:0 0 auto;display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:var(--orange,#E0A800);color:#0B0B0B;font:400 1.35rem Anton,Impact,sans-serif;animation:qrPulse 2.2s infinite}
.qr-offer b{display:block;font-size:1rem}
.qr-offer small{display:block;color:var(--ash,#A8A8A0);font-size:.84rem;line-height:1.45;margin-top:2px}
.qr-offer small b{display:inline;color:var(--orange,#E0A800)}
@keyframes qrIn{from{opacity:0;transform:translateY(-12px) scale(.98)}}
@keyframes qrPulse{0%{box-shadow:0 0 0 0 rgba(224,168,0,.6)}70%,100%{box-shadow:0 0 0 14px rgba(224,168,0,0)}}
.qr-dash{display:flex;align-items:center;gap:16px;padding:18px 20px;margin-bottom:16px;border-radius:18px;border:1px solid rgba(224,168,0,.5);background:linear-gradient(135deg,rgba(224,168,0,.18),#101010)}
.qr-dash .qr-pct{width:58px;height:58px}
.qr-dash p{margin:0;color:var(--ash,#A8A8A0);font-size:.9rem}
.qr-dash b{color:var(--bone,#F4F4F0)}
@media (prefers-reduced-motion:reduce){.qr-offer,.qr-pct{animation:none}}

.qr-admin{margin-top:16px}
.qr-admin-grid{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;margin:10px 0 18px}
.qr-make label{display:grid;gap:6px;font-size:.85rem}
.qr-make input{padding:10px 12px;border-radius:10px;border:1px solid var(--line,#2a2a2a);background:#0b0b0b;color:inherit}
.qr-make .muted{word-break:break-all;font-size:.78rem}
.qr-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.qr-img{width:170px;height:170px;background:#fff;border-radius:14px;padding:6px;animation:qrIn .5s both}
.qr-img svg{width:100%;height:100%;display:block}
@media(max-width:640px){.qr-admin-grid{grid-template-columns:1fr}.qr-img{margin:auto}}