:root{--card-bg:var(--surface-lowest,#fff);--bg:var(--surface,#fff);--border-color:var(--outline-variant,#e5e5e5);--text-primary:var(--on-surface,#1a1c1d);--text-secondary:var(--on-surface-variant,#4d4353)}:root.dark-theme{--card-bg:var(--surface-low,#18181b);--bg:var(--surface-lowest,#09090b);--border-color:var(--outline,#3f3f46);--text-primary:var(--on-surface,#f4f4f5);--text-secondary:var(--on-surface-variant,#a1a1aa)}.checkout-main{min-height:80vh;padding:120px 20px 60px}.checkout-container{max-width:720px;margin:0 auto}.checkout-step{display:none}.checkout-step.active{animation:.4s fadeUp;display:block}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.step-indicator{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.step-indicator .step{background:var(--card-bg,#f5f5f7);color:var(--text-secondary,#666);border:1px solid var(--border-color,#e5e5e5);border-radius:30px;padding:8px 18px;font-size:.82rem;font-weight:600}.step-indicator .step.active{background:var(--primary,#9333ea);color:#fff;border-color:var(--primary)}.step-indicator .step.done{color:#22c55e;background:#22c55e1a;border-color:#22c55e4d}h1{margin-bottom:24px;font-size:1.8rem;font-weight:800}.cart-items{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.cart-item{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e5e5);border-radius:14px;align-items:center;gap:16px;padding:20px;display:flex}.cart-item .item-emoji{text-align:center;width:48px;font-size:2rem}.cart-item .item-info{flex:1}.cart-item .item-info h3{margin-bottom:2px;font-size:1rem;font-weight:700}.cart-item .item-info p{color:var(--text-secondary,#666);font-size:.82rem}.cart-item .item-price{white-space:nowrap;font-size:1.1rem;font-weight:700}.cart-item .item-remove{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:1.3rem;transition:all .2s}.cart-item .item-remove:hover{color:#ef4444;background:#ef44441a}.cart-empty{text-align:center;padding:60px 20px}.cart-empty .empty-icon{margin-bottom:16px;font-size:3rem}.cart-empty h3{margin-bottom:8px}.cart-empty p{color:var(--text-secondary);margin-bottom:24px}.cart-summary{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e5e5);border-radius:14px;padding:24px}.coupon-section{gap:8px;margin-bottom:12px;display:flex}.coupon-section input{border:1px solid var(--border-color,#e5e5e5);background:var(--bg,#fff);color:var(--text-primary,#111);text-transform:uppercase;letter-spacing:.05em;border-radius:10px;outline:none;flex:1;padding:12px 16px;font-family:inherit;font-size:.9rem}.coupon-section input:focus{border-color:var(--primary)}.coupon-btn{background:var(--card-bg,#f0f0f0);color:var(--text-primary);cursor:pointer;border:none;border:1px solid var(--border-color);border-radius:10px;padding:12px 20px;font-family:inherit;font-weight:600;transition:all .2s}.coupon-btn:hover{border-color:var(--primary)}.coupon-status{min-height:20px;margin-bottom:8px;font-size:.85rem}.coupon-status.success{color:#22c55e}.coupon-status.error{color:#ef4444}.summary-row{border-bottom:1px solid var(--border-color,#eee);justify-content:space-between;padding:10px 0;font-size:.95rem;display:flex}.summary-row.discount{color:#22c55e}.summary-row.total{border:none;padding-top:16px;font-size:1.2rem;font-weight:800}.checkout-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#9333ea,#7928ca);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:16px;padding:14px 28px;font-family:inherit;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.checkout-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #9333ea4d}.checkout-btn.secondary{background:var(--card-bg,#f5f5f7);color:var(--text-primary,#111);border:1px solid var(--border-color)}.checkout-btn.secondary:hover{border-color:var(--primary);box-shadow:none}.form-actions{gap:12px;margin-top:8px;display:flex}.form-actions .checkout-btn{flex:1}.checkout-form .form-group{margin-bottom:18px}.checkout-form label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:8px;font-size:.8rem;font-weight:600;display:block}.checkout-form input,.checkout-form textarea,.checkout-form select{border:1px solid var(--border-color,#e5e5e5);background:var(--bg,#fff);width:100%;color:var(--text-primary,#111);border-radius:10px;outline:none;padding:13px 16px;font-family:inherit;font-size:.95rem;transition:all .2s}.checkout-form input:focus,.checkout-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #9333ea1a}.checkout-form textarea{resize:vertical;min-height:80px}.checkout-form .form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.payment-amount{text-align:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:24px;padding:16px;font-size:1.3rem}.payment-amount strong{color:var(--primary,#9333ea);font-size:1.5rem}.payment-methods{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.payment-card{background:var(--card-bg,#fff);border:2px solid var(--border-color,#e5e5e5);cursor:pointer;text-align:center;border-radius:14px;padding:24px;transition:all .2s}.payment-card:hover{border-color:var(--primary);transform:translateY(-2px)}.payment-card.selected{border-color:var(--primary);background:#9333ea0d;box-shadow:0 0 0 3px #9333ea26}.payment-card .pm-icon{margin-bottom:12px;font-size:2.5rem}.payment-card h3{margin-bottom:4px;font-size:1rem;font-weight:700}.payment-card p{color:var(--text-secondary);font-size:.82rem}.payment-detail{margin-bottom:20px;animation:.3s fadeUp}.payment-info-card{background:var(--card-bg);border:1px solid var(--border-color);text-align:center;border-radius:14px;padding:28px}.payment-info-card h3{margin-bottom:20px;font-size:1.1rem}.qr-placeholder{background:var(--bg,#f9f9f9);border:2px dashed var(--border-color);border-radius:12px;justify-content:center;align-items:center;width:200px;height:200px;margin:0 auto 20px;display:flex;overflow:hidden}.qr-placeholder img{object-fit:contain;width:100%;height:100%}.qr-coming-soon{color:var(--text-secondary);padding:16px;font-size:.85rem}.upi-id-box{background:var(--bg,#f5f5f7);border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:16px;padding:14px;display:flex}.upi-id-box span{color:var(--text-secondary);font-size:.85rem}.upi-id-box strong{word-break:break-all;font-size:.95rem}.copy-btn{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:6px 14px;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s}.copy-btn:hover{border-color:var(--primary)}.pay-note{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.txn-section{margin-top:20px}.txn-section .form-group{margin-bottom:16px}.txn-section label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:8px;font-size:.8rem;font-weight:600;display:block}.txn-section input{border:1px solid var(--border-color,#e5e5e5);background:var(--bg,#fff);width:100%;color:var(--text-primary,#111);border-radius:10px;outline:none;padding:13px 16px;font-family:inherit;font-size:.95rem}.txn-section input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #9333ea1a}.confirm-icon{margin-bottom:16px;font-size:4rem}.confirm-sub{color:var(--text-secondary);max-width:500px;margin-bottom:28px;margin-left:auto;margin-right:auto;font-size:1rem;line-height:1.6}.order-summary-card{background:var(--card-bg);border:1px solid var(--border-color);text-align:left;border-radius:14px;margin-bottom:24px;padding:24px}.order-summary-card .osc-row{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:8px 0;font-size:.92rem;display:flex}.order-summary-card .osc-row:last-child{border:none}.order-summary-card .osc-row strong{font-weight:700}.confirm-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.confirm-actions .checkout-btn{width:auto}@media (width<=600px){.checkout-form .form-row,.payment-methods{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.step-indicator .step{padding:6px 12px;font-size:.72rem}}.cart-item h3,.cart-item .item-price,.cart-summary,.payment-amount,.payment-card h3,.payment-info-card h3,.upi-id-box strong{color:var(--text-primary)}.coupon-section input{color:var(--text-primary);background:var(--bg)}.coupon-btn,.checkout-btn.secondary{color:var(--text-primary);background:var(--card-bg)}.checkout-form input,.checkout-form textarea,.checkout-form select,.txn-section input{color:var(--text-primary);background:var(--bg)}.qty-btn:hover{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}
