.demo-checkout{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.demo-checkout-backdrop{position:absolute;inset:0;background:rgba(28,25,23,.62);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:demo-fade .2s ease-out}.demo-checkout-card{position:relative;width:100%;max-width:420px;max-height:100%;overflow-y:auto;background:var(--background);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:demo-rise .25s ease-out}@keyframes demo-fade{0%{opacity:0}to{opacity:1}}@keyframes demo-rise{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.demo-checkout-banner{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:10px var(--space-md);background:var(--primary-soft);border-bottom:1px solid rgba(241,80,10,.22);color:var(--primary);font-size:12.5px;font-weight:600}.demo-checkout-head{display:flex;align-items:center;gap:12px;padding:var(--space-lg);border-bottom:1px solid var(--border)}.demo-checkout-head img{width:44px;height:44px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0}.demo-checkout-head span{display:flex;flex-direction:column;line-height:1.35;min-width:0}.demo-checkout-head strong{font-family:var(--font-heading);font-size:15px}.demo-checkout-head small{font-size:13px;color:var(--text-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-checkout-amount{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg);background:var(--surface)}.demo-checkout-amount span{font-size:13.5px;color:var(--text-light)}.demo-checkout-amount strong{font-family:var(--font-heading);font-size:30px;color:var(--text)}.demo-checkout-details{display:flex;flex-direction:column;gap:10px;padding:var(--space-lg)}.demo-checkout-details>div{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md);font-size:13.5px}.demo-checkout-details dt{color:var(--text-light);flex-shrink:0}.demo-checkout-details dd{color:var(--text);text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-checkout-order{font-family:monospace;font-size:12px;color:var(--text-light)!important}.demo-checkout-actions{display:flex;flex-direction:column;gap:var(--space-sm);padding:0 var(--space-lg) var(--space-lg)}.demo-checkout-cancel,.demo-checkout-pay{height:48px;border-radius:var(--radius-sm);font-size:15px;font-weight:600;cursor:pointer;transition:background .2s,color .2s,opacity .2s}.demo-checkout-pay{background:var(--primary);border:none;color:#fff;box-shadow:0 6px 18px rgba(241,80,10,.28)}.demo-checkout-pay:hover:not(:disabled){background:var(--primary-dark)}.demo-checkout-cancel{background:none;border:1px solid var(--border);color:var(--text-light)}.demo-checkout-cancel:hover:not(:disabled){border-color:var(--text-light);color:var(--text)}.demo-checkout-cancel:disabled,.demo-checkout-pay:disabled{opacity:.6;cursor:default}.demo-checkout-note{padding:0 var(--space-lg) var(--space-lg);font-size:12px;line-height:1.6;color:var(--text-light)}.demo-checkout-note code{font-size:11.5px;background:var(--surface);border-radius:3px;padding:1px 4px}.donation-form{display:flex;flex-direction:column;gap:var(--space-lg);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-xl)}.donation-form-types{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-sm);gap:var(--space-sm);background:var(--surface);border-radius:var(--radius-md);padding:var(--space-xs)}.donation-form-type{border:none;background:transparent;border-radius:var(--radius-sm);padding:12px var(--space-sm);font-size:14px;font-weight:600;color:var(--text-light);cursor:pointer;transition:background .2s,color .2s}.donation-form-type:hover{color:var(--text)}.donation-form-type-active{background:var(--primary);color:var(--background)}.donation-form-block{display:flex;flex-direction:column;gap:var(--space-md)}.donation-form-block-tight{gap:var(--space-sm)}.donation-form-heading{font-size:17px;padding-bottom:var(--space-sm);border-bottom:1px solid var(--border)}.donation-form-count-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm)}.donation-form-count-head .donation-form-heading{font-size:14px;font-weight:600;color:var(--text-light);padding-bottom:0;border-bottom:none}.donation-form-row{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-md);gap:var(--space-md)}.donation-form-row-three{grid-template-columns:repeat(3,1fr)}.donation-form-amounts{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.donation-form-amount{border:1px solid var(--border);background:var(--background);border-radius:var(--radius-full);padding:10px 22px;font-size:15px;font-weight:600;cursor:pointer;transition:border-color .2s,background .2s,color .2s}.donation-form-amount:hover{border-color:var(--primary);color:var(--primary)}.donation-form-amount-active{background:var(--primary);border-color:var(--primary);color:var(--background)}.donation-form-amount-active:hover{background:var(--primary);color:#fff}.donation-form-checks{display:flex;flex-direction:column;gap:var(--space-sm)}.donation-form-check{display:flex;align-items:center;gap:var(--space-sm);font-size:14px;color:var(--text-light);cursor:pointer}.donation-form-check input{width:17px;height:17px;accent-color:var(--primary);cursor:pointer}.donation-form-unit-price{font-size:14px;font-weight:700;color:var(--primary);white-space:nowrap}.donation-form-total{font-size:18px;font-weight:700;color:var(--primary)}.donation-form-error{background:var(--primary-soft);border:1px solid var(--primary);border-radius:var(--radius-sm);padding:var(--space-md);color:var(--danger);font-size:14px}.donation-form-note{text-align:center;font-size:13px}@media (max-width:720px){.donation-form{padding:var(--space-lg)}.donation-form-row,.donation-form-row-three,.donation-form-types{grid-template-columns:1fr}}.donation-form-collapse-head{display:flex;align-items:center;justify-content:space-between;width:100%;border:none;background:none;padding:0 0 var(--space-sm);cursor:pointer;font-size:15px;font-weight:700;color:var(--text)}.donation-form-collapse-head span{display:flex;align-items:baseline;gap:var(--space-xs)}.donation-form-collapse-head small{font-size:12px;font-weight:500;color:var(--text-light)}.donation-form-collapse-icon{transition:transform .2s;color:var(--text-light)}.donation-form-collapse-icon-open{transform:rotate(180deg)}.donation-form-addons{display:grid;grid-gap:var(--space-sm);gap:var(--space-sm)}.donation-form-addon{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);transition:border-color .15s ease,background .15s ease}.donation-form-addon-active{border-color:var(--primary);background:var(--primary-soft)}.donation-form-addon-head{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);cursor:pointer}.donation-form-addon-head input[type=checkbox]{margin-top:3px;flex-shrink:0}.donation-form-addon-text{display:flex;flex-direction:column;gap:2px;flex:1 1;min-width:0}.donation-form-addon-label{font-weight:600;color:var(--text);display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.donation-form-addon-required{font-style:normal;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--primary);border:1px solid var(--primary);border-radius:var(--radius-full);padding:1px 8px}.donation-form-addon-desc,.donation-form-addon-price{font-size:13px;color:var(--text-light)}.donation-form-addon-price{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0;text-align:right}.donation-form-addon-price small{font-size:13px;font-weight:700;color:var(--primary)}.donation-form-addon-input{padding:0 var(--space-md) var(--space-md);border-top:1px dashed var(--border);padding-top:var(--space-md)}.donation-form-addon-filelabel{display:flex;flex-direction:column;gap:var(--space-xs);font-size:14px;font-weight:500;color:var(--text)}.donation-form-addon-filelabel input[type=file]{font-size:13px}.donation-form-addon-note{font-size:13px;color:var(--text-light);margin-top:var(--space-xs)}.donation-form-addon-preview{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);font-size:13px;color:var(--text-light)}.donation-form-addon-preview img{width:52px;height:52px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border)}.donation-form-addon-preview span{flex:1 1}.donation-form-addon-preview button{border:none;background:none;padding:0;font-size:12.5px;font-weight:600;color:var(--primary);cursor:pointer;flex-shrink:0}.donation-form-addon-filelabel-second{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px dashed var(--border)}.donation-form-packages{display:grid;grid-gap:var(--space-sm);gap:var(--space-sm)}.donation-form-package{display:flex;align-items:center;gap:var(--space-sm);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:var(--space-md);cursor:pointer;transition:border-color .15s ease,background .15s ease}.donation-form-package-active{border-color:var(--primary);background:var(--primary-soft)}.donation-form-package input[type=checkbox]{width:17px;height:17px;accent-color:var(--primary);flex-shrink:0;cursor:pointer}.donation-form-package-text{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.donation-form-package-text strong{font-size:14px;color:var(--text)}.donation-form-package-text small{font-size:12.5px;color:var(--text-light)}.donation-form-package-price{flex-shrink:0;font-weight:700;font-size:14px;color:var(--primary)}.donation-form-summary{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);background:var(--background);display:grid;grid-gap:var(--space-xs);gap:var(--space-xs)}.donation-form-summary-row{display:flex;justify-content:space-between;gap:var(--space-md);font-size:14px;color:var(--text-light)}.donation-form-summary-total{border-top:1px solid var(--border);margin-top:var(--space-xs);padding-top:var(--space-sm);font-size:17px;font-weight:700;color:var(--text)}.donation-form-summary-total span:last-child{color:var(--primary)}