/* Small "save our contact" QR beside "Let's talk about your project" in the home page header; click to enlarge.
   The enlarged card uses the shop photo (flag and building) as its background. */
@media(min-width:761px){
.header-call{display:grid;grid-template-columns:auto auto;column-gap:14px;align-items:center}
.header-call small,.header-call a{grid-column:1}
.header-qr{grid-column:2;grid-row:1 / span 2;padding:0;border:0;border-radius:3px;background:#fff;line-height:0;cursor:zoom-in;box-shadow:0 0 0 2px rgba(255,255,255,.22)}
.header-qr img{display:block;width:52px;height:52px}
.header-qr:hover{box-shadow:0 0 0 2px #7fb2e5}
.header-qr:focus-visible{outline:2px solid #fff;outline-offset:3px}
}
@media(min-width:761px) and (max-width:1240px){
.header-call{column-gap:10px}
.header-qr img{width:46px;height:46px}
}
.shop-qr{width:calc(100% - 32px);max-width:440px;padding:0;border:0;border-radius:6px;overflow:hidden;color:#fff;background:linear-gradient(180deg,rgba(8,13,22,.60) 0%,rgba(8,13,22,.80) 100%),url(../images/mcginnis-main-property.jpg?v=20261021) 34% center/cover no-repeat #0b1423;box-shadow:0 24px 80px rgba(0,0,0,.6)}
.shop-qr::backdrop{background:rgba(5,9,18,.78)}
.shop-qr-body{padding:26px 22px 26px;text-align:center}
.shop-qr-body h2{margin:0 0 6px;font-size:22px;line-height:1.2;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.45)}
.shop-qr-body p{margin:0 0 14px;font-size:14px;line-height:1.5;color:#eaf1f9;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.shop-qr-body img{display:block;width:340px;max-width:100%;height:auto;margin:0 auto 14px;border-radius:4px;box-shadow:0 10px 34px rgba(0,0,0,.5)}
.shop-qr-body .shop-qr-small{margin-bottom:18px;font-size:13px;color:#dbe7f3}
.shop-qr-close{min-height:44px;padding:0 28px;border:0;border-radius:2px;background:#fff;color:#0b1423;font:inherit;font-size:14px;font-weight:bold;letter-spacing:.04em;cursor:pointer}
.shop-qr-close:hover{background:#e3edf8}
.shop-qr-close:focus-visible{outline:2px solid #fff;outline-offset:3px}