@font-face{font-family:Vazirmatn;src:url('../assets/fonts/vazirmatn.ttf') format('truetype');font-weight:100 900;font-display:swap}
*{box-sizing:border-box}html,body{margin:0;width:100%;font-family:Vazirmatn,sans-serif}body{padding:24px;background:#eef0ed;transition:background .2s}body[data-theme=dark]{background:#11191e}#demo-root{width:100%;min-width:0}.loading{text-align:center;padding:80px 0;color:#58667b}.zp-payment{--zp-font-family:Vazirmatn,sans-serif}.demo-store{max-width:760px;margin:0 auto 18px;border:1px solid #dae0dc;background:#fff;border-radius:15px;padding:22px;color:#26382e}.demo-store>span{font-size:12px;color:#5b6e61}.demo-store h1{font-size:21px;margin:8px 0 16px}.demo-store .fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.demo-store .fields span{border:1px solid #e1e6e2;border-radius:8px;padding:12px;font-size:12px}.demo-store p{display:flex;justify-content:space-between;font-size:13px;margin:18px 0 0;padding-top:16px;border-top:1px solid #e1e6e2}.demo-store strong{font-size:14px}.demo-footer{max-width:760px;margin:18px auto 0;padding:14px 20px;border-radius:12px;font-size:12px;color:#374b40;background:#e2e9e4;line-height:1.8}.demo-footer button{font:inherit;padding:10px 18px;min-height:44px;border:0;border-radius:8px;background:#183e30;color:white;display:block;width:100%;margin-bottom:8px;cursor:default}.demo-safe-note{font-size:11px;line-height:1.8;color:#56675e;text-align:center;padding:18px 0 0;margin:0}body[data-theme=dark] .demo-store{background:#1b2621;border-color:#35463c;color:#eff8f2}body[data-theme=dark] .demo-store>span,body[data-theme=dark] .demo-safe-note{color:#afc5b6}body[data-theme=dark] .demo-store .fields span,body[data-theme=dark] .demo-store p{border-color:#35463c}body[data-theme=dark] .demo-footer{background:#24382b;color:#d5e6da}.zp-payment .zp-preview-notice{font-size:11px}.zp-payment input[type=file]{pointer-events:none}body[data-capture=true]{padding:14px}.demo-upload-state{background:var(--zp-soft);border:1px solid var(--zp-border);color:var(--zp-text);padding:20px;border-radius:12px;text-align:center}.demo-upload-state strong{display:block;font-size:16px}.demo-upload-state span{font-size:12px}.zp-upload-label{cursor:default}@media(max-width:400px){body{padding:14px}.demo-store{padding:16px}.demo-store .fields{grid-template-columns:1fr}}