.checkout-page{min-height:100dvh;background:#f6f8fc;color:#1f2940;font-family:Manrope,sans-serif}.checkout-header{position:fixed;top:0;left:0;right:0;margin:0 auto;width:min(100%,var(--app-frame-width));min-height:70px;padding:12px 16px;display:flex;align-items:center;gap:12px;background:#f6f8fcf2;border-bottom:1px solid #e1e7f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10}.checkout-back{border:0;width:36px;height:36px;border-radius:10px;background:#e9edf5;color:#2f3750;display:grid;place-items:center}.checkout-header h1{margin:0;font-size:1.2rem;font-family:Satoshi,sans-serif}.checkout-shell{width:min(100%,var(--app-frame-width));margin:0 auto;padding:90px 16px 32px;display:grid;gap:16px}.checkout-hero{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;background:linear-gradient(135deg,#eef4ff,#f3fffb);color:#1d2a44;border-radius:18px;padding:16px;border:1px solid #d8e5f7}.checkout-hero h2{margin:0 0 6px;font-size:1.2rem}.checkout-hero p{margin:0 0 10px;color:#58708f;font-size:.86rem}.hero-tags{display:flex;gap:8px;flex-wrap:wrap}.hero-tags span{display:inline-flex;align-items:center;gap:6px;border-radius:999px;border:1px solid #d0ddf2;background:#fff;padding:4px 10px;font-size:.75rem;color:#244063}.hero-icon{width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,#2f6fed,#57a0ff);display:grid;place-items:center;font-size:1.6rem;color:#fff;box-shadow:0 10px 24px #2f6fed2e}.checkout-steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#fff;border:1px solid #e2e7f2;border-radius:16px;padding:12px;overflow:hidden}.checkout-step{display:grid;gap:4px;justify-items:center;z-index:2;font-size:.78rem;color:#6b748a;font-weight:600}.checkout-step span{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:#f0f3fa;color:#5c6c8f;font-weight:700}.checkout-step.active span,.checkout-step.done span{background:#2f6fed;color:#fff}.checkout-step.active p,.checkout-step.done p{color:#23429d}.checkout-track{position:absolute;bottom:0;left:0;height:4px;background:linear-gradient(90deg,#2f6fed,#4f9cf8);width:33.33%;transition:width .4s ease}.checkout-track.review{width:66.66%}.checkout-track.confirm{width:100%}.checkout-card{background:#fff;border-radius:18px;border:1px solid #e2e7f2;padding:16px;display:grid;gap:14px;animation:rise .4s ease}@keyframes rise{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.checkout-card h2{margin:0;font-size:1.2rem;font-family:Satoshi,sans-serif}.address-grid{display:grid;gap:12px}.address-card{border:1px solid #dbe3f0;border-radius:14px;background:#f8faff;padding:12px;display:grid;grid-template-columns:36px 1fr;gap:10px;text-align:left;color:#2a3550}.address-card.active{border-color:#2f6fed;box-shadow:0 12px 30px #2660d226;background:#edf3ff}.address-card h3{margin:0 0 4px;font-size:1rem}.address-card p{margin:0;color:#5f6a82;font-size:.86rem}.checkout-primary{border:0;border-radius:12px;min-height:48px;background:linear-gradient(90deg,#2f6fed,#4996f5);color:#fff;font-weight:700;font-size:1rem}.checkout-primary:disabled{opacity:.6}.checkout-link{border:0;background:transparent;color:#3655a0;font-weight:600}.review-list{display:grid;gap:10px}.review-row{display:grid;grid-template-columns:54px 1fr;gap:10px;align-items:center;border:1px solid #e2e7f2;border-radius:12px;padding:10px}.review-row img{width:54px;height:54px;border-radius:12px;object-fit:cover}.review-row h4{margin:0;font-size:.98rem}.review-row p{margin:4px 0 0;color:#6a748a}.review-summary{border-top:1px dashed #e2e7f2;padding-top:10px;display:grid;gap:6px}.review-summary div{display:flex;justify-content:space-between;color:#4b556d;font-weight:600}.review-summary-total{margin-top:4px;padding-top:10px;border-top:1px dashed #d7dfeb;color:#1d2a44!important;font-weight:800!important}.confirm-card{gap:16px}.confirm-hero{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center}.confirm-hero svg{color:#2f6fed;font-size:1.8rem}.confirm-safe{display:inline-flex;gap:8px;align-items:center;color:#2d7a4f;font-weight:600}.checkout-error{background:#fff0f0;border:1px solid #f3c1c1;color:#a83a3a;padding:10px 12px;border-radius:12px}.checkout-empty{display:grid;gap:12px;text-align:center;border:1px dashed #d9e2f2;border-radius:18px;padding:24px;background:#fff}.checkout-empty svg{font-size:2rem;color:#7a8bb0}.payment-card{margin:0 0 18px;padding:16px;border:1px solid rgba(67,97,238,.14);border-radius:20px;background:linear-gradient(180deg,#f7f9fff5,#fff)}.payment-card h3{margin:0 0 12px;font-size:1rem;color:#16315f}.payment-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;color:#37507c}.payment-line strong{color:#102347}.payment-line--total{margin-top:6px;padding-top:12px;border-top:1px dashed rgba(67,97,238,.2);font-size:1.02rem}.payment-pill-row{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.payment-pill{border:1px solid #c9d9ff;background:#fff;color:#1f3c7a;border-radius:999px;padding:10px 14px;font-weight:700}.payment-pill.active{background:linear-gradient(135deg,#4469ff,#7553ff);border-color:transparent;color:#fff}