.checkout-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;opacity:0;pointer-events:none;background-color:#0006;width:100%;height:100%;position:fixed;top:0;left:0}.checkout-drawer{background-color:var(--base-100);z-index:1001;flex-direction:column;width:450px;height:100%;padding:1.2rem;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-10px 0 30px #0000001a}@media (max-width:600px){.checkout-drawer{width:100%}}.drawer-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.drawer-header h3{letter-spacing:-.03rem;text-transform:uppercase;font-size:2.25rem}.close-btn{cursor:pointer;color:var(--base-400);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:opacity .3s;display:flex}.close-btn:hover{opacity:.6}.drawer-content{flex:1;padding-right:.5rem;overflow-y:auto}.drawer-content::-webkit-scrollbar{width:4px}.drawer-content::-webkit-scrollbar-thumb{background:var(--base-200);border-radius:10px}.item-summary{background-color:var(--base-200);border-radius:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.item-summary p.sm{opacity:.5;text-transform:uppercase;margin-bottom:.5rem;font-size:.75rem}.item-summary h4{letter-spacing:.1px;margin-bottom:.25rem;font-size:1.25rem}.item-summary .price{color:var(--base-400);font-size:1.5rem;font-weight:600}.checkout-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{text-transform:uppercase;opacity:.7;font-size:.85rem}.form-group input{background-color:var(--base-200);color:var(--base-400);border:1px solid #0000;border-radius:.5rem;padding:1rem;font-family:inherit;font-size:1rem;transition:all .3s}.form-group input:focus{border-color:var(--base-300);background-color:#0000;outline:none}.bank-details-box{border:1px dashed var(--base-300);border-radius:1rem;margin-top:1rem;padding:1.5rem}.bank-details-box p.sm{text-transform:uppercase;opacity:.5;margin-bottom:1rem;font-size:.75rem}.bank-info p{margin-bottom:.5rem;font-size:.9rem;line-height:1.4}.upload-section{margin-top:.5rem}.upload-btn{border:1px solid var(--base-300);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;gap:.75rem;padding:1rem;transition:all .3s;display:flex}.upload-btn:hover{background-color:var(--base-200)}.upload-btn span{font-size:.9rem}.checkout-submit-btn{background-color:var(--base-400);color:var(--base-100);text-transform:uppercase;cursor:pointer;border:none;border-radius:.5rem;margin-top:.5rem;padding:1.25rem;font-size:1rem;font-weight:600;transition:all .3s}.checkout-submit-btn:hover{opacity:.9;transform:translateY(-2px)}.checkout-status-overlay{background-color:var(--base-100);z-index:10;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:flex;position:absolute;top:0;left:0}.status-spinner{border:3px solid var(--base-200);border-top-color:var(--base-400);border-radius:50%;width:50px;height:50px;margin-bottom:2rem;animation:1s linear infinite status-spin}@keyframes status-spin{to{transform:rotate(360deg)}}.status-steps{flex-direction:column;gap:1rem;width:100%;max-width:300px;margin-top:1rem;display:flex}.status-step{color:var(--base-300);align-items:center;gap:.75rem;font-size:.95rem;transition:color .3s;display:flex}.status-step.active{color:var(--base-400);font-weight:500}.status-step.completed{color:#10b981}.status-step-dot{background-color:var(--base-200);border-radius:50%;width:8px;height:8px;transition:all .3s}.status-step.active .status-step-dot{background-color:var(--base-400);transform:scale(1.3)}.status-step.completed .status-step-dot{background-color:#10b981}.status-success-icon{color:#10b981;margin-bottom:1.5rem;animation:.5s cubic-bezier(.175,.885,.32,1.275) both scale-up}@keyframes scale-up{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.status-error-container{flex-direction:column;align-items:center;gap:1rem;display:flex}.status-error-icon{color:#ef4444;margin-bottom:.5rem}.status-error-msg{color:#ef4444;margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.status-error-retry-btn{background-color:var(--base-400);color:var(--base-100);cursor:pointer;text-transform:uppercase;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:opacity .3s}.status-error-retry-btn:hover{opacity:.9}
