.commerce-mask{position:fixed;inset:0;z-index:22000;display:grid;place-items:center;padding:20px;background:#261c17a6;backdrop-filter:blur(5px)}.commerce-card{width:min(420px,100%);max-height:90dvh;overflow:auto;background:#fff9ee;color:#543c29;border:1px solid #e2c89e;border-radius:22px;padding:22px;font-size:14px;box-shadow:0 20px 80px #22120550}.commerce-card *{box-sizing:border-box}.commerce-card header{display:flex;align-items:center;justify-content:space-between;gap:12px}.commerce-card h2{margin:0;font-size:20px}.commerce-card h3{margin:24px 0 10px;line-height:1.5;font-size:18px}.commerce-card button{font:inherit;cursor:pointer;border:1px solid #ddc59e;border-radius:12px;background:#fffdf6;color:#65482d;padding:10px 14px;min-height:40px}.commerce-card button:disabled{opacity:.58;cursor:default}.commerce-card button:focus-visible{outline:3px solid #a77e3e;outline-offset:3px}.commerce-card header button{border:0;background:transparent;font-size:24px;line-height:1}.commerce-amount{display:block;font-size:34px;color:#8e6036;margin:20px 0}.commerce-methods{display:flex;gap:10px;margin:20px 0}.commerce-methods button{flex:1;text-align:left}.commerce-methods button.active{border-color:#956936;background:#f5e9d2}.commerce-methods small{display:block;font-size:12px;line-height:1.6;margin-top:8px}.commerce-note,.commerce-card p{line-height:1.8}.commerce-note{color:#8c7761;font-size:12px}.commerce-card .commerce-error{color:#a33a2f;white-space:pre-wrap}.commerce-error:empty{display:none}.commerce-card footer button{width:100%;background:#8c6237;border-color:#8c6237;color:#fff;font-weight:600;margin-top:14px;min-height:46px}.commerce-success{color:#557a43}

.commerce-card footer [data-cancel-order]{background:transparent;color:#8b6849;border-color:#ddc59e;font-weight:400;min-height:40px}.commerce-card [hidden]{display:none}