.store-handoff{width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 32px);border:1px solid #dce5da;border-radius:24px;padding:0;background:#fffdf7;color:#163e35;box-shadow:0 28px 100px #102f3540;overflow:auto;}
.store-handoff::backdrop{background:#102c286b;backdrop-filter:blur(3px);}
.store-handoff__content{position:relative;padding:30px 28px 24px;text-align:center;}
.store-handoff__close{position:absolute;right:12px;top:10px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;width:40px;height:40px;color:#426257;font-size:28px;cursor:pointer;}
.store-handoff__close:hover{background:#edf1e7;}
.store-handoff__platform{margin:0 36px 0;font-size:12px;color:#587164;}
.store-handoff h2{margin:1px 0 7px;font-size:27px;line-height:1.3;font-weight:750;letter-spacing:-.025em;}
.store-handoff__instruction{font-size:14px;line-height:1.6;margin:0 0 14px;}
.store-handoff__qr{margin:0 auto 18px;max-width:280px;border:1px solid #e4e9df;border-radius:12px;overflow:hidden;background:white;}
.store-handoff__qr img{display:block;width:100%;height:auto;aspect-ratio:1;}
.store-handoff__direct{display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;border:1px solid #b9c9bb;border-radius:10px;padding:10px 12px;color:#214f3e;text-decoration:none;font-size:13px;line-height:1.5;}
.store-handoff__direct:hover{background:#edf1e7;}
.store-handoff__direct svg{flex:none;}
.store-handoff__error{font-size:13px;color:#855037;}
.store-handoff__error[hidden]{display:none;}
.store-handoff button:focus-visible,.store-handoff a:focus-visible{outline:3px solid #6d957b;outline-offset:3px;}
@media(max-height:600px){.store-handoff__content{padding:20px;}.store-handoff__qr{max-width:220px;margin-bottom:12px;}.store-handoff h2{font-size:23px;}}