/* The popover's padded bridge keeps the trigger and QR in one continuous hover region. */
.contact-qr{position:relative;flex:0 0 auto;align-self:center}
.contact-qr .support-link{display:inline-flex;align-items:center;gap:12px;padding-left:0;padding-right:0;cursor:pointer;background:none}
.contact-qr .support-link svg{color:#8ac7f2;flex:none}
.contact-qr .support-link:hover,.contact-qr .support-link[aria-expanded="true"]{color:#fff;border-color:#8ac7f2}
.qr-popover{position:absolute;right:0;bottom:100%;width:254px;padding-bottom:14px;z-index:50}
.qr-popover[hidden]{display:none}
.qr-popover.is-below{bottom:auto;top:100%;padding-bottom:0;padding-top:14px}
.qr-card{position:relative;padding:16px;border-radius:12px;background:#262c35;border:1px solid #4e5f73;box-shadow:0 18px 48px #0007;color:#f3f3f3;text-align:center}
.qr-card:after{content:"";position:absolute;bottom:-6px;right:24px;width:10px;height:10px;transform:rotate(45deg);background:#262c35;border-bottom:1px solid #4e5f73;border-right:1px solid #4e5f73}
.qr-popover.is-below .qr-card:after{bottom:auto;top:-6px;transform:rotate(225deg)}
#contact-qr-title{font-size:13px;font-weight:500;line-height:1.6;letter-spacing:.1px}
.qr-image-frame{margin-top:13px;padding:7px;border-radius:6px;background:#fff}
.qr-image-frame img{display:block;width:206px;height:auto;max-width:100%;margin:0 auto;object-fit:contain}
.qr-card .qr-caption{font-size:10px;line-height:1.8;color:#b7c2cf;margin-top:11px}
@media(max-width:600px){.contact-qr{align-self:flex-start}.qr-popover{left:0;right:auto;max-width:calc(100vw - 40px)}.qr-card:after{left:25px;right:auto}}