.pay-modal{width:min(520px,100vw);height:min(88dvh,780px);max-width:100vw;max-height:100dvh;padding:0;margin:auto;border:0;border-radius:12px;background:#fffdf7;color:#10231c;overflow:hidden;box-shadow:0 40px 80px -30px rgba(0,0,0,.55)}.pay-modal[open]{display:flex;flex-direction:column}.pay-modal::-webkit-backdrop{background:rgba(16,35,28,.58);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.pay-modal::backdrop{background:rgba(16,35,28,.58);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.pay-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px 14px;border-bottom:1px solid #e3dcc6}.pay-head h2{margin:0;font-family:var(--font-app);font-size:18px;font-weight:600;letter-spacing:-.01em}.pay-head p{margin:3px 0 0;font-size:13.5px;color:#55635a}.pay-frame{position:relative;flex:1 1;min-height:0;background:#fff}.pay-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.pay-loading{position:absolute;inset:0;display:grid;place-items:center;margin:0;font-size:14px;color:#66705f}.pay-foot{display:flex;flex-direction:column;gap:6px;padding:10px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #e3dcc6;font-size:12.5px;color:#55635a}.pay-foot a{align-self:flex-start;gap:6px;font-weight:600;color:#1e715c}.pay-foot a,.pay-wait{display:inline-flex;align-items:center}.pay-wait{gap:8px}.pay-wait i{flex:none;width:8px;height:8px;border-radius:50%;background:#1f6f5c;animation:pay-pulse 1.8s ease-out infinite}@keyframes pay-pulse{0%{box-shadow:0 0 0 0 rgba(31,111,92,.55)}to{box-shadow:0 0 0 10px rgba(31,111,92,0)}}.pay-fallback{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:28px;text-align:center}.pay-fallback h3{margin:4px 0 0;font-family:var(--font-app);font-size:22px;font-weight:600;letter-spacing:-.02em}.pay-fallback p{margin:0;max-width:30em;font-size:14.5px;line-height:1.6;color:#55635a}.pay-fallback .small{font-size:12.5px;color:#8a8f84}.pay-fallback .bad{color:#a8590a}.pay-foot .pay-link{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;padding:0;border:0;background:transparent;font:inherit;font-weight:600;color:#1e715c;text-align:left;cursor:pointer}.pay-foot .pay-link:hover{text-decoration:underline}.pay-done{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:32px 28px;text-align:center}.pay-done h3{margin:6px 0 0;font-family:var(--font-app);font-size:24px;font-weight:600;letter-spacing:-.02em}.pay-done p{margin:0 0 8px;max-width:28em;font-size:15px;line-height:1.6;color:#55635a}.pay-done .ok{color:#1e715c}.pay-done .bad{color:#a8590a}.pay-embed{min-height:100vh;display:grid;place-content:center;justify-items:center;grid-gap:10px;gap:10px;padding:28px 24px;text-align:center;background:#fff;color:#10231c}.pay-embed h1{margin:6px 0 0;font-family:var(--font-app);font-size:22px;font-weight:600}.pay-embed p{margin:0;max-width:26em;font-size:14.5px;line-height:1.6;color:#55635a}.pay-embed .ok{color:#1e715c}.pay-embed .wait{color:#8a7433}.pay-embed .bad{color:#a8590a}@media (max-width:560px){.pay-modal{width:100vw;height:100dvh;border-radius:0}}@media (prefers-reduced-motion:reduce){.pay-wait i{animation:none}}.voucher-row{display:flex;gap:8px}.voucher-row .input{flex:1 1;min-width:0;text-transform:uppercase}