.payment-selection{border:1px solid var(--line,#ead8d1);border-radius:16px;padding:16px;margin:20px 0}.payment-selection legend{font-weight:800;padding:0 8px}.payment-selection label{display:flex;align-items:center;gap:10px;min-height:48px;font-size:14px}.payment-selection input{width:20px;height:20px;accent-color:#99556d}.manual-payment{margin:24px 0;padding:22px;background:#fff;border:1px solid var(--line,#ead8d1);border-radius:20px}.manual-payment h3{margin:0 0 12px}.manual-notice,.mp-notice{background:#f7e9ee;padding:16px;border-radius:14px;font-size:14px;line-height:1.7}.manual-bank{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:20px;align-items:center}.manual-bank:not(:has(img)){grid-template-columns:1fr}.manual-bank dl{margin:0}.manual-bank dl>div{padding:9px 0;border-bottom:1px solid #f1e4df}.manual-bank dt{font-size:12px;color:#806963}.manual-bank dd{font-size:15px;font-weight:700;overflow-wrap:anywhere;margin:3px 0 0}.manual-bank img{width:160px;height:160px;object-fit:contain}.manual-upload{margin:20px 0}.manual-upload>label:first-child{display:block;font-weight:700;font-size:13px;margin-bottom:10px}.manual-upload input[type=file]{width:100%;font-size:13px;border:1px solid #e0d2cc;border-radius:12px;padding:12px;background:#fffaf7}.manual-proof-history{padding:16px 0;border-top:1px solid #eadbd5;display:grid;gap:8px}.manual-proof-history small{color:#806963}.manual-proof-history a{color:#99556d;min-height:44px;display:inline-flex;align-items:center}.mp-dialog{padding:0;border:1px solid #e9d9d2;border-radius:24px;width:min(640px,calc(100% - 24px));max-height:calc(100dvh - 32px);color:#584740;background:#fffaf7;box-shadow:0 24px 80px #4c283440}.mp-dialog::backdrop{background:#49333a70;backdrop-filter:blur(3px)}.mp-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;border-bottom:1px solid #eadbd5;position:sticky;top:0;background:#fffaf7;z-index:1}.mp-header h2{font-size:22px;line-height:1.3;margin:0}.mp-header button{width:44px;height:44px;flex:none;border:0;background:#f4e5e9;border-radius:50%;font-size:28px;color:#97546b}.mp-body{padding:24px}.mp-body>p{line-height:1.7;font-size:14px}.mp-field{display:grid;gap:8px;font-size:13px;font-weight:700;margin:16px 0}.mp-field input,.mp-field textarea,.mp-field select{width:100%;min-height:46px;border:1px solid #dbcbc4;border-radius:12px;background:white;padding:12px;font:inherit;color:inherit}.mp-field textarea{min-height:100px;resize:vertical}.mp-check{display:flex;align-items:start;gap:10px;line-height:1.6;font-size:14px;padding:10px 0}.mp-check input{width:20px;height:20px;accent-color:#99556d;flex:none}.mp-qr{display:block;max-width:200px;width:100%;height:auto;border-radius:12px}.mp-proof{display:block;max-width:100%;max-height:440px;object-fit:contain;background:#fff;margin:20px auto}.mp-error{color:#a42f4b;font-size:14px;line-height:1.7}.mp-error:empty{display:none}.mp-hint{font-size:13px;color:#806963}.mp-settings-entry{margin-top:24px;padding:22px;border:1px solid #eadbd5;border-radius:18px;background:#fff9f7}.mp-settings-entry h3{font-size:18px;margin:0 0 8px}.mp-settings-entry p{font-size:14px;line-height:1.6;color:#806963}.mp-order-review{padding:18px;border:1px solid #e8d5dd;border-radius:16px;background:#fff8fa;margin-bottom:22px}.mp-order-review h3{font-size:18px;margin:0 0 12px}.mp-order-review article{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-top:1px solid #eadbd5;padding:14px 0}.mp-order-review article p{flex-basis:100%;margin:0;line-height:1.7}.mp-order-review article b{flex:1;font-size:14px}.mp-body .btn{min-height:44px}.mp-field input:focus-visible,.mp-field select:focus-visible,.mp-field textarea:focus-visible{outline:2px solid #99556d;outline-offset:2px}@media(max-width:600px){.manual-payment{padding:18px}.manual-bank{grid-template-columns:1fr}.manual-bank img{width:180px;height:180px;margin:auto}.manual-bank>a{justify-self:center}.mp-header{padding:16px 18px}.mp-body{padding:20px}.mp-header h2{font-size:20px}.mp-order-review{padding:16px}.mp-order-review article>b{flex-basis:100%}.mp-body .btn{width:100%}}
.mp-dialog[open]{display:flex;flex-direction:column;overflow:hidden}.mp-dialog .mp-header{flex-shrink:0}.mp-dialog .mp-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}