.guided-checkout{background:var(--canvas-subtle);color:var(--fg);min-height:100svh;padding:28px 20px 48px}.checkout-frame{max-width:640px;margin:0 auto}.checkout-navigation{justify-content:space-between;align-items:center;padding:0 0 24px;display:flex}.checkout-navigation .brand-symbol{display:none}.checkout-navigation .brand{font-size:24px}.checkout-nav-spacer{width:38px}.checkout-card{background:var(--canvas);border:1px solid var(--border);box-shadow:0 8px 28px #00000008}.checkout-summary{justify-content:space-between;align-items:center;gap:24px;padding:28px;display:flex}.checkout-summary>div{min-width:0}.checkout-eyebrow{color:var(--fg-muted);font-size:14px}.checkout-summary h1{font-family:var(--font-title);overflow-wrap:anywhere;margin:8px 0;font-size:26px;font-weight:400;line-height:1.4}.checkout-summary>strong{white-space:nowrap;font-size:30px;font-weight:500}.checkout-summary small{color:var(--fg-muted);font-size:13px}.checkout-steps{border-block:1px solid var(--border-muted);grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.checkout-steps li{color:var(--fg-muted);text-align:center;padding:12px 4px;font-size:15px}.checkout-steps li[aria-current=step]{background:var(--canvas-subtle);box-shadow:inset 0 -2px var(--success);color:var(--fg)}.checkout-methods,.checkout-payment{padding:28px}.checkout-methods h2,.checkout-payment h2{margin:6px 0 20px;font-size:23px;font-weight:400;line-height:1.5}.checkout-methods>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.checkout-method{background:var(--canvas);border:1px solid var(--border);color:var(--fg);cursor:pointer;text-align:left;align-items:center;gap:12px;min-height:84px;padding:16px;display:flex}.checkout-method:hover:not(:disabled){background:var(--canvas-subtle);border-color:var(--method-color,var(--accent))}.checkout-method>span:nth-child(2){flex:1;gap:4px;min-width:0;display:grid}.checkout-method strong{overflow-wrap:anywhere;font-size:18px;font-weight:500}.checkout-method small{color:var(--fg-muted);font-size:13px}.checkout-method:disabled{cursor:not-allowed;opacity:.55}.method-bkash{--method-color:#d8286b}.method-nagad{--method-color:#e4542e}.method-upay{--method-color:#ac7900}.method-banglaqr{--method-color:#188751}.method-bank{--method-color:#2875bc}.checkout-method-mark{background:color-mix(in srgb, var(--method-color) 10%, var(--canvas));color:var(--method-color);flex:0 0 40px;justify-content:center;align-items:center;height:40px;font-size:25px;display:flex}.checkout-payment>header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.checkout-payment h2 small{color:var(--fg-muted);font-family:var(--font-body);font-size:14px;display:block}.checkout-recipient{background:var(--canvas-subtle);border-left:3px solid var(--method-color);gap:8px;padding:20px;display:grid}.checkout-recipient>span,.checkout-recipient>small{color:var(--fg-muted);font-size:14px}.checkout-recipient>strong{overflow-wrap:anywhere;font-size:20px;font-weight:500}.checkout-copy-row{justify-content:space-between;align-items:center;gap:12px;min-width:0;padding-top:8px;display:flex}.checkout-copy-row bdi{font-family:var(--font-mono);overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;font-size:19px}.checkout-copy-row .button{flex-shrink:0}.checkout-copy-row>span{font-size:17px}.checkout-instructions{color:var(--fg-muted);gap:10px;margin:24px 0;padding-left:24px;font-size:16px;line-height:1.65;list-style-type:bengali;display:grid}.checkout-instructions strong{color:var(--fg);font-weight:500}.checkout-verification{gap:20px;margin-top:24px;display:grid}.checkout-verification>label,.payment-fields>label,.payment-qr-upload{gap:8px;font-size:16px;display:grid}.checkout-verification input,.payment-settings-panel input:not([type=checkbox]),.payment-settings-panel select{background:var(--canvas);border:1px solid var(--border);color:var(--fg);font:inherit;border-radius:4px;width:100%;min-width:0;min-height:44px;padding:10px 12px;font-size:16px}.checkout-verification input::placeholder{color:var(--fg-subtle);font-size:16px}.checkout-verification input:focus,.payment-settings-panel input:focus,.payment-settings-panel select:focus{outline:2px solid var(--focus);outline-offset:2px}.checkout-verification>small,.checkout-help small{color:var(--fg-muted);font-size:14px;line-height:1.6}.checkout-help{border-top:1px solid var(--border-muted);padding-top:16px}.checkout-help summary,.checkout-qr summary{color:var(--accent);cursor:pointer;padding:4px 0;font-size:15px}.checkout-help label{gap:8px;margin-top:16px;display:grid}.checkout-qr{border:1px solid var(--border-muted);margin-top:20px;padding:12px 16px}.checkout-qr img{object-fit:contain;background:#fff;max-width:100%;height:auto;margin:16px auto;display:block}.checkout-qr small{color:var(--fg-muted);font-size:14px;display:block}.guided-checkout .button,.payment-settings-panel .button{gap:8px;min-height:42px;padding:8px 14px;font-size:16px;font-weight:400}.guided-checkout .checkout-verify{justify-content:center;width:100%;min-height:48px}.checkout-card-footer{border-top:1px solid var(--border-muted);color:var(--fg-muted);justify-content:center;align-items:start;gap:8px;padding:18px 24px;font-size:14px;display:flex}.checkout-card-footer svg{flex-shrink:0;margin-top:2px}.checkout-bottom{flex-wrap:wrap;justify-content:center;gap:12px 24px;padding-top:24px;font-size:14px;display:flex}.checkout-bottom a{color:var(--fg-muted)}.checkout-feedback,.checkout-notice{background:var(--canvas-subtle);border:1px solid var(--border);overflow-wrap:anywhere;margin:20px 28px;padding:16px;font-size:16px;line-height:1.7}.checkout-notice{align-items:flex-start;gap:12px;display:flex}.checkout-notice svg{flex-shrink:0;margin-top:4px}.checkout-notice p{margin:8px 0 0}.checkout-payment .checkout-notice{margin-inline:0}.checkout-result{text-align:center;padding:36px 28px}.checkout-result-icon{background:var(--canvas-subtle);border:1px solid var(--border-muted);justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:12px;display:inline-flex}.checkout-result.approved .checkout-result-icon{color:var(--success)}.checkout-result h2{font-size:26px;font-weight:400}.checkout-result p{color:var(--fg-muted);overflow-wrap:anywhere;font-size:17px;line-height:1.75}.checkout-result-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin:24px 0;display:flex}.checkout-modal-backdrop{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.checkout-cancel-dialog{background:var(--canvas);border:1px solid var(--border);width:100%;max-width:440px;max-height:calc(100svh - 40px);padding:28px;position:relative;overflow:auto}.checkout-cancel-dialog>.icon-button{position:absolute;top:8px;right:8px}.checkout-cancel-dialog h2{margin-top:24px;font-size:25px;font-weight:400}.checkout-cancel-dialog p{color:var(--fg-muted);font-size:17px;line-height:1.7}.checkout-cancel-dialog>div{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.payment-settings-link{justify-content:flex-end;margin-bottom:20px;display:flex}.payment-settings-panel{min-width:0;max-width:1160px;padding-bottom:24px}.payment-settings-panel>header{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:20px;margin-bottom:24px;display:flex}.payment-settings-panel h1{margin:8px 0;font-size:34px;font-weight:400}.payment-settings-panel>header p{color:var(--fg-muted);font-size:17px}.payment-settings-panel>.checkout-notice{margin:0 0 28px}.payment-settings-panel fieldset{border:1px solid var(--border);min-width:0;margin:0 0 28px;padding:24px}.payment-settings-panel legend{padding:0 8px;font-size:22px}.payment-switch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;display:grid}.payment-switch{border-bottom:1px solid var(--border-muted);cursor:pointer;align-items:flex-start;gap:12px;padding:16px 0;display:flex}.payment-settings-panel input[type=checkbox]{accent-color:var(--success);flex-shrink:0;width:18px;height:18px;margin-top:4px}.payment-switch strong{font-size:17px;font-weight:500;display:block}.payment-switch small,.checkout-muted{color:var(--fg-muted);font-size:15px;line-height:1.65}.payment-switch small{margin-top:6px;display:block}.payment-accounts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.payment-account-config{border:1px solid var(--border);min-width:0;padding:20px}.payment-account-config>header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.payment-account-config h2{align-items:center;gap:8px;margin:0;font-size:23px;font-weight:400;display:flex}.payment-account-config>small{color:var(--fg-muted);font-size:14px}.payment-account-config header label{align-items:center;gap:8px;display:flex}.payment-fields{gap:16px;margin-block:20px;display:grid}.payment-qr-preview{flex-wrap:wrap;align-items:center;gap:16px;margin-top:16px;display:flex}.payment-qr-preview img{object-fit:contain;background:#fff}.payment-settings-save{background:var(--canvas);border-top:1px solid var(--border);z-index:20;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex;position:sticky;bottom:0}.checkout-success{color:var(--success)}.checkout-error{color:#cf3c3c}@media (max-width:760px){.payment-switch-grid,.payment-accounts-grid{grid-template-columns:minmax(0,1fr)}.payment-settings-panel fieldset,.payment-account-config{padding:16px}}@media (max-width:480px){.guided-checkout{padding:16px 12px 32px}.checkout-navigation{padding-bottom:16px}.checkout-summary{gap:12px;padding:20px}.checkout-summary h1{font-size:23px}.checkout-summary>strong{font-size:27px}.checkout-methods,.checkout-payment,.checkout-result{padding:20px}.checkout-methods>div{grid-template-columns:minmax(0,1fr)}.checkout-method{min-height:72px}.checkout-recipient{padding:16px}.checkout-copy-row bdi{font-size:17px}.checkout-payment>header{align-items:start}.checkout-payment>header>.button{white-space:nowrap;padding-inline:10px;font-size:14px}.checkout-feedback,.checkout-notice{margin-inline:20px}.checkout-cancel-dialog{padding:24px 20px}}
