.checkout-page{padding-top:var(--space-xl);padding-bottom:var(--space-3xl);min-height:60vh}.checkout-empty-inner{display:flex;flex-direction:column;align-items:center;text-align:center;padding:4rem 1rem}.checkout-steps{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:2.5rem;padding:1.5rem 2rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.checkout-step{display:flex;align-items:center;gap:.55rem;opacity:.38;transition:opacity .25s ease}.checkout-step.active{opacity:1}.checkout-step.completed{opacity:.75}.step-num{width:32px;height:32px;border-radius:50%;background:var(--color-surface-alt);border:1.5px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;font-family:var(--font-display);color:var(--color-text-secondary);transition:all .25s ease}.checkout-step.active .step-num{background:var(--color-accent);border-color:var(--color-accent);color:#fff;box-shadow:0 0 0 4px #0f766e26}.checkout-step.completed .step-num{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent)}.step-label{font-size:.84rem;font-weight:700;color:var(--color-text-secondary);font-family:var(--font-display);letter-spacing:-.01em}.checkout-step.active .step-label{color:var(--color-text)}.step-connector{flex:1;height:1.5px;background:var(--color-border);margin:0 1rem;min-width:32px}.checkout-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:1024px){.checkout-grid{grid-template-columns:1fr 380px;gap:2.5rem;align-items:start}}.checkout-section{margin-bottom:1.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:1.75rem;box-shadow:var(--shadow-sm)}.checkout-section-title{display:flex;align-items:center;gap:.65rem;font-size:1rem;font-weight:700;color:var(--color-text);margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.form-row{margin-bottom:.85rem}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.form-row-3{display:grid;grid-template-columns:1fr 100px 100px;gap:.85rem}@media(max-width:640px){.form-row-2,.form-row-3{grid-template-columns:1fr}}.form-field{display:flex;flex-direction:column;gap:.3rem}.form-label{font-size:.78rem;font-weight:600;color:var(--color-text-secondary);font-family:var(--font-display)}.req{color:var(--color-sale)}.form-input{padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.88rem;color:var(--color-text);background:var(--color-surface);outline:none;font-family:var(--font-body);transition:border-color .18s ease,box-shadow .18s ease;width:100%}.form-input:focus{border-color:var(--color-text);box-shadow:0 0 0 3px #0f172a14;background:var(--color-surface)}.form-input::placeholder{color:var(--color-text-muted)}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem}.form-textarea{resize:vertical;min-height:80px}.form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border);gap:1rem}@media(max-width:480px){.form-actions{flex-direction:column}.form-actions .btn-primary,.form-actions .btn-secondary{width:100%;justify-content:center}}.shipping-options,.payment-methods{display:flex;flex-direction:column;gap:.65rem}.shipping-option,.payment-method-option{cursor:pointer}.shipping-radio{display:none}.shipping-option-content{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);transition:all .18s ease}.shipping-option-content:hover{border-color:var(--color-accent);box-shadow:0 1px 6px #1549cc14}.shipping-radio:checked+.shipping-option-content{border-color:var(--color-accent);background:var(--color-accent-soft);box-shadow:0 1px 6px #1549cc1f}.shipping-name{display:block;font-size:.88rem;font-weight:600;color:var(--color-text)}.shipping-time{display:block;font-size:.75rem;color:var(--color-text-muted);margin-top:.15rem}.shipping-price{font-size:.92rem;font-weight:700;color:var(--color-text)}.payment-info-box{display:flex;gap:.85rem;padding:1rem 1.15rem;background:#f8fafc;border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:1.25rem;align-items:flex-start}.payment-info-box svg{flex-shrink:0;margin-top:.1rem}.payment-livechat-note{display:flex;gap:.85rem;align-items:flex-start;margin-top:1rem;padding:1rem 1.15rem;border-radius:var(--radius-md);background:var(--color-accent-soft);border:1px solid var(--color-accent-light)}.payment-livechat-note .plc-icon{flex-shrink:0;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--color-accent);color:#fff}.payment-livechat-note .plc-body strong{color:var(--color-text);font-size:.9rem}.payment-livechat-note .plc-body p{color:var(--color-text-secondary);font-size:.82rem;line-height:1.6;margin-top:.2rem}.plc-link{background:none;border:none;padding:0;cursor:pointer;color:var(--color-accent);font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:2px}.plc-link:hover{color:var(--color-accent-hover)}.checkout-agree{display:flex;align-items:flex-start;gap:.65rem;cursor:pointer}.agree-checkbox{width:18px;height:18px;margin-top:.1rem;accent-color:var(--color-accent);flex-shrink:0}.agree-text{font-size:.82rem;color:var(--color-text-secondary);line-height:1.5}.agree-text a{color:var(--color-accent);text-decoration:none;font-weight:600}.agree-text a:hover{text-decoration:underline}.checkout-summary{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:1.75rem;position:sticky;top:100px;height:fit-content;box-shadow:var(--shadow-sm)}.checkout-summary-title{font-size:1rem;font-weight:700;color:var(--color-text);margin-bottom:1.25rem;padding-bottom:.85rem;border-bottom:1px solid var(--color-border)}.checkout-items{display:flex;flex-direction:column;gap:.75rem;max-height:320px;overflow-y:auto}.checkout-item{display:flex;gap:.75rem;align-items:center}.checkout-item-img{width:52px;height:52px;object-fit:contain;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-alt);flex-shrink:0}.checkout-item-info{flex:1;min-width:0}.checkout-item-title{font-size:.78rem;font-weight:600;color:var(--color-text);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.checkout-item-meta{font-size:.72rem;color:var(--color-text-muted);margin-top:.1rem}.checkout-item-price{font-family:var(--font-display);font-size:.82rem;font-weight:600;color:var(--color-text);flex-shrink:0}.checkout-divider{border:none;border-top:1px solid var(--color-border);margin:.85rem 0}.checkout-summary-row{display:flex;justify-content:space-between;align-items:center;padding:.35rem 0;font-size:.85rem;color:var(--color-text-secondary)}.checkout-total-row{padding-top:.5rem}.checkout-total-row span:first-child{font-size:1rem;font-weight:700;color:var(--color-text)}.checkout-total-row span:last-child{font-size:1.15rem;font-weight:700;color:var(--color-text)}.checkout-tax-note{font-size:.72rem;color:var(--color-text-muted);margin-top:.5rem}