.purchase-dialog{width:min(520px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto;border:0;border-radius:24px;padding:28px;background:#1b2720;color:#eff7f2;font:14px/1.5 Inter,Arial,sans-serif;box-shadow:0 24px 100px #0008}
.purchase-dialog::backdrop{background:#040907bc;backdrop-filter:blur(6px)}
.purchase-dialog h2{font-size:25px;line-height:1.25;margin:9px 0 12px;letter-spacing:-.6px}
.purchase-dialog p{color:#a0b6a9;margin:12px 0}
.purchase-eyebrow{font-size:10px;letter-spacing:2px;color:#73ceb0}
.purchase-items{max-height:280px;overflow:auto;margin:20px 0}
.purchase-items>div{display:flex;gap:12px;align-items:center;padding:10px 0}
.purchase-items img{width:65px;height:50px;object-fit:contain}
.purchase-items span{flex:1;min-width:0;font-size:12px;overflow-wrap:anywhere}
.purchase-items small{display:block;color:#9aae9f}
.purchase-items b{font-size:12px;white-space:nowrap}
.purchase-total{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0;padding:16px;border-radius:14px;background:#26382c}
.purchase-total strong{color:#55ffda;font-size:20px}
.purchase-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}
.purchase-actions button{border:0;border-radius:14px;padding:13px 18px;font:600 14px Inter,Arial,sans-serif;cursor:pointer;background:#334a3c;color:#dbece2}
.purchase-actions button:last-child{background:#00cfa4;color:#05271d;flex:1}
.purchase-actions button:disabled{opacity:.5;cursor:wait}
.purchase-actions button:focus-visible{outline:2px solid #a7ffda;outline-offset:3px}
.purchase-dialog .purchase-error{color:#f1a49b}
.purchase-success-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#234e3c;color:#55ffda;font-size:28px}
@media(max-width:500px){.purchase-dialog{padding:22px 18px}.purchase-items>div{gap:8px}.purchase-items img{width:45px}.purchase-actions button{padding:13px 12px}}