.checkout-page[data-v-c9b0bbc2]{min-height:100vh;background:var(--color-bg);padding-bottom:var(--space-xl)}.checkout-content[data-v-c9b0bbc2]{max-width:var(--page-max-width);margin:0 auto;padding:var(--space-xl) var(--space-lg) var(--space-3xl)}.page-toolbar[data-v-c9b0bbc2]{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border-light)}.toolbar-title[data-v-c9b0bbc2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-xs)}.toolbar-title__text[data-v-c9b0bbc2]{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin:0;letter-spacing:-.01em}.toolbar-title__subtitle[data-v-c9b0bbc2]{font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:400;color:var(--color-text-secondary);margin:0}.checkout-main[data-v-c9b0bbc2]{display:grid;grid-template-columns:1fr 380px;gap:24px;-webkit-animation:fadeInUp-c9b0bbc2 .6s ease-out .2s both;animation:fadeInUp-c9b0bbc2 .6s ease-out .2s both}.checkout-container[data-v-c9b0bbc2]{max-width:1280px;margin:0 auto;padding:0 24px}.section-card[data-v-c9b0bbc2]{background:var(--color-surface);border-radius:var(--border-radius-md);-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);overflow:hidden;-webkit-transition:-webkit-box-shadow .3s ease;transition:-webkit-box-shadow .3s ease;transition:box-shadow .3s ease;transition:box-shadow .3s ease,-webkit-box-shadow .3s ease}.section-card[data-v-c9b0bbc2]:hover{-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md)}.section-header[data-v-c9b0bbc2]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-light);background:var(--color-bg)}.section-header[data-v-c9b0bbc2],.section-title[data-v-c9b0bbc2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.section-title[data-v-c9b0bbc2]{gap:var(--space-sm);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.section-title i[data-v-c9b0bbc2]{font-size:var(--font-size-xl);color:var(--color-accent)}.product-count[data-v-c9b0bbc2]{font-size:var(--font-size-sm);font-weight:400;color:var(--color-text-secondary)}.optional-label[data-v-c9b0bbc2]{font-size:var(--font-size-sm);font-weight:400;color:var(--color-text-tertiary)}.section-content[data-v-c9b0bbc2]{padding:var(--space-lg)}.order-form-section .section-content[data-v-c9b0bbc2]{padding:var(--space-md) var(--space-lg) var(--space-lg)}.order-form[data-v-c9b0bbc2]{margin:0}.order-form[data-v-c9b0bbc2] .el-form-item{margin-bottom:var(--space-sm)}.order-form[data-v-c9b0bbc2] .el-form-item:last-child{margin-bottom:0}.order-form[data-v-c9b0bbc2] .el-form-item__label{font-size:var(--font-size-md);color:var(--color-text-secondary);font-weight:500;padding-right:var(--space-sm);line-height:36px}.order-form[data-v-c9b0bbc2] .el-input__inner,.order-form[data-v-c9b0bbc2] .el-select .el-input__inner{height:36px;line-height:36px;border-radius:var(--border-radius-md);font-size:var(--font-size-md);border-color:var(--color-border)}.order-form[data-v-c9b0bbc2] .el-input__inner:focus,.order-form[data-v-c9b0bbc2] .el-select .el-input__inner:focus{border-color:var(--color-accent)}.order-form[data-v-c9b0bbc2] .el-input{font-size:var(--font-size-md)}.order-form[data-v-c9b0bbc2] .el-row{margin-left:0!important;margin-right:0!important}.order-form[data-v-c9b0bbc2] .el-col{padding-left:var(--space-sm)!important;padding-right:var(--space-sm)!important}.products-collapse[data-v-c9b0bbc2],.products-collapse[data-v-c9b0bbc2] .el-collapse-item{border:none}.products-collapse[data-v-c9b0bbc2] .el-collapse-item__header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-light);background:var(--color-bg);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);height:auto;line-height:normal;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.products-collapse[data-v-c9b0bbc2] .el-collapse-item__header:hover{background:var(--color-surface-hover)}.products-collapse[data-v-c9b0bbc2] .el-collapse-item__header.is-active{border-bottom-color:var(--color-border-light)}.products-collapse[data-v-c9b0bbc2] .el-collapse-item__arrow{margin-left:auto;color:var(--color-accent);font-size:var(--font-size-md);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.products-collapse[data-v-c9b0bbc2] .el-collapse-item__arrow.is-active{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.products-collapse[data-v-c9b0bbc2] .el-collapse-item__wrap{border-bottom:none}.products-collapse[data-v-c9b0bbc2] .el-collapse-item__content{padding:0}.products-list[data-v-c9b0bbc2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:0}.product-item[data-v-c9b0bbc2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--space-md);border-bottom:1px solid var(--color-border-light);-webkit-transition:background-color .3s ease;transition:background-color .3s ease;-webkit-animation:slideInRight-c9b0bbc2 .4s ease-out both;animation:slideInRight-c9b0bbc2 .4s ease-out both;border-radius:var(--border-radius-md);margin-bottom:var(--space-sm);background:var(--color-bg)}.product-item[data-v-c9b0bbc2]:last-child{border-bottom:none;margin-bottom:0}.product-item[data-v-c9b0bbc2]:hover{background:var(--color-accent-light)}.product-image[data-v-c9b0bbc2]{width:80px;height:80px;margin-right:var(--space-md);-ms-flex-negative:0;flex-shrink:0;border-radius:var(--border-radius-md);overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border-light)}.product-item:hover .product-image[data-v-c9b0bbc2]{border-color:var(--color-accent)}.product-image img[data-v-c9b0bbc2]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.product-info[data-v-c9b0bbc2]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-xs)}.product-name[data-v-c9b0bbc2]{font-size:var(--font-size-md);color:var(--color-text-primary);margin:0;font-weight:600;line-height:var(--line-height-md);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-oe[data-v-c9b0bbc2],.product-spec[data-v-c9b0bbc2]{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0;line-height:var(--line-height-md)}.oe-label[data-v-c9b0bbc2]{color:var(--color-text-tertiary);font-weight:400}.oe-value[data-v-c9b0bbc2]{color:var(--color-text-secondary);font-weight:500}.product-meta[data-v-c9b0bbc2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-sm);margin-top:var(--space-xs)}.current-price[data-v-c9b0bbc2]{color:var(--color-danger);font-size:var(--font-size-lg);font-weight:600}.quantity-badge[data-v-c9b0bbc2]{color:var(--color-text-secondary);font-size:var(--font-size-sm);background:var(--color-border-light);padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius-lg);font-weight:500}.product-total[data-v-c9b0bbc2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:var(--space-xs);min-width:80px;text-align:right}.total-label[data-v-c9b0bbc2]{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:400}.total-value[data-v-c9b0bbc2]{font-size:var(--font-size-xl);font-weight:700;color:var(--color-danger)}.empty-products[data-v-c9b0bbc2]{text-align:center;padding:var(--space-2xl) var(--space-lg);color:var(--color-text-tertiary)}.empty-products i[data-v-c9b0bbc2]{font-size:var(--font-size-2xl);margin-bottom:var(--space-md);display:block;opacity:.5}.empty-products p[data-v-c9b0bbc2]{margin:0;font-size:var(--font-size-md)}.address-option[data-v-c9b0bbc2]{padding:var(--space-xs) 0}.address-option-header[data-v-c9b0bbc2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.address-option .receiver-name[data-v-c9b0bbc2]{font-weight:600;color:var(--color-text-primary);font-size:var(--font-size-md)}.address-option-detail[data-v-c9b0bbc2],.address-option .mobile[data-v-c9b0bbc2]{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.address-option-detail[data-v-c9b0bbc2]{line-height:var(--line-height-md);margin-top:var(--space-xs)}.sticky-summary[data-v-c9b0bbc2]{position:sticky;top:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-md)}.summary-card[data-v-c9b0bbc2]{background:var(--color-surface);border-radius:var(--border-radius-md);-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);overflow:hidden}.summary-header[data-v-c9b0bbc2]{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-light);background:var(--color-bg);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.summary-header h3[data-v-c9b0bbc2]{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.summary-content[data-v-c9b0bbc2]{padding:var(--space-lg)}.amount-row[data-v-c9b0bbc2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:var(--space-md);font-size:var(--font-size-md)}.amount-row[data-v-c9b0bbc2]:last-child{margin-bottom:0}.amount-label[data-v-c9b0bbc2]{color:var(--color-text-secondary);font-weight:400}.amount-value[data-v-c9b0bbc2]{color:var(--color-text-primary);font-weight:500;font-size:var(--font-size-lg)}.amount-divider[data-v-c9b0bbc2]{height:1px;background:var(--color-border);margin:var(--space-md) 0}.total-row .amount-label[data-v-c9b0bbc2]{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.total-amount[data-v-c9b0bbc2]{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-danger);letter-spacing:-.5px}.submit-section[data-v-c9b0bbc2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-sm)}.submit-order-btn[data-v-c9b0bbc2]{width:100%;height:48px;border-radius:var(--border-radius-md);font-size:var(--font-size-lg);font-weight:600;letter-spacing:.5px;background:var(--color-accent);border:none;-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md);-webkit-transition:all .3s ease;transition:all .3s ease}.submit-order-btn[data-v-c9b0bbc2]:hover:not(:disabled){background:var(--color-accent-hover);-webkit-box-shadow:var(--shadow-lg);box-shadow:var(--shadow-lg);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.submit-order-btn[data-v-c9b0bbc2]:active:not(:disabled){-webkit-transform:translateY(0);transform:translateY(0);-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm)}.submit-order-btn[data-v-c9b0bbc2]:disabled{background:var(--color-text-tertiary);cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none;-webkit-transform:none;transform:none;color:var(--color-surface)}@-webkit-keyframes fadeIn-c9b0bbc2{0%{opacity:0}to{opacity:1}}@keyframes fadeIn-c9b0bbc2{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeInDown-c9b0bbc2{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown-c9b0bbc2{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeInUp-c9b0bbc2{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp-c9b0bbc2{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideInRight-c9b0bbc2{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight-c9b0bbc2{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}