.phone-screen{width:100%;height:calc(100% - 11px);object-fit:cover;object-position:top;border-radius:0 0 25px 25px}
.qr-card{position:absolute;inset-inline-start:-18px;bottom:48px;width:202px;padding:17px;border-radius:15px;background:linear-gradient(145deg,#1e170d,#0a0907);color:var(--ink);border:2px solid var(--accent);box-shadow:0 18px 45px #000a,0 0 30px #ff9e1420;transform:rotate(-6deg);z-index:2;text-align:center}
.qr-card-overline{display:block;color:var(--accent);font-size:12px;font-weight:750;letter-spacing:.4px;line-height:1.5;margin-bottom:13px}
.qr-code-frame{padding:5px;background:#fff;border-radius:8px}.qr-code-frame img{display:block;width:100%;height:auto;aspect-ratio:1}
.qr-card strong{display:block;font-size:16px;font-weight:750;line-height:1.5;margin-top:13px}.qr-card small{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:5px}
.qr-strip-feature i{background:#fff;border-radius:9px;padding:6px}.qr-strip-feature i img{width:30px;height:30px}
.feature--qr{background:linear-gradient(145deg,#3a2611,#1b160f);border-color:#c4802c}
.qr-feature-icon{border:0;background:#fff;padding:5px}.qr-feature-icon img{width:100%;height:100%}
.rtl .qr-card{transform:rotate(6deg)}.rtl .qr-card-overline{letter-spacing:0;font-size:14px}
@media(max-width:1200px){.qr-card{width:190px;inset-inline-start:-12px;bottom:42px;padding:15px}}
@media(max-width:960px){.qr-card{width:228px;inset-inline-start:32px;bottom:36px;padding:18px}.qr-card-overline{font-size:13px}.qr-card strong{font-size:18px}}
@media(max-width:650px){.qr-card{width:164px;inset-inline-start:2px;bottom:37px;padding:12px}.qr-card-overline{font-size:11px;margin-bottom:10px}.qr-card strong{font-size:14px;margin-top:10px}.qr-card small{font-size:11px}.rtl .qr-card-overline{font-size:12px}}
@media(max-width:360px){.qr-card{width:149px;padding:10px}}