.page-row{display:flex;align-items:flex-start;gap:28px;position:relative;color:var(--font-color)}.steps-col{flex:1 1 0;min-width:0}.summary-col{width:260px;flex-shrink:0;position:relative}.summary-device-info{display:flex;flex-direction:column;gap:4px;min-width:0;text-align:right;flex:1}.summary-card{border:1px solid var(--device-border);border-radius:8px;background:var(--white);padding:14px}.summary-card-inner{display:flex;gap:10px;align-items:flex-start;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #e5e5e5}.summary-device-img{width:44px;height:56px;object-fit:contain;flex-shrink:0}.summary-dev-name{font-size:var(--body-font-size);font-weight:var(--font-weight-600);line-height:1.5;word-break:break-word}.summary-pay-row{display:flex;justify-content:space-between;align-items:center}.summary-pay-lbl{font-size:var(--body-font-size);color:var(--font-color);line-height:24px}.summary-pay-amt{font-size:var(--device-amount-font-size);font-weight:var(--font-weight-600)}.step-block{padding-top:15px}.step-block.is-open{border-bottom:1px solid #e5e5e5;padding-bottom:15px}.step-block:last-child{border-bottom:none}.step-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.step-num{border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:var(--font-weight-600);flex-shrink:0}.step-num.active{width:28px;height:28px;background:var(--blue);color:var(--white);border:1px solid var(--blue)}.step-num.pending{width:28px;height:28px;background:var(--white);color:var(--font-color);border:1px solid var(--border)}.step-num .material-icons{font-size:.88rem}.step-lbl.active{font-weight:var(--font-weight-600);font-size:var(--sub-section-heading-font-size)}.step-lbl.pending{font-size:var(--sub-section-heading-font-size);font-weight:var(--font-weight-600)}.step-lbl.done{font-weight:var(--font-weight-600);font-size:var(--sub-section-heading-font-size)}.opt-card.disabled{opacity:.5;pointer-events:none}.opt-card.selected{border:2px solid #6a9fd8}.lnk{color:var(--blue);font-size:var(--device-sub-content-font-size);display:inline-flex;align-items:center;gap:5px;font-weight:var(--font-weight-600);text-decoration:none}.lnk:hover{color:var(--blue)}.lnk-text{text-decoration:underline;text-underline-offset:3px}.lnk-plain{color:var(--blue);text-decoration:underline;font-size:var(--body-font-size);font-weight:var(--font-weight-600)}.lnk-plain:hover{text-decoration:underline;color:var(--blue)}.device-row{display:flex;align-items:center;gap:14px;margin-bottom:14px}.device-img-lg{width:62px;height:78px;object-fit:contain}.device-name-lg{font-weight:var(--font-weight-600);font-size:var(--device-sub-content-font-size)}.storage-wrap{margin-bottom:14px}.f-lbl{font-size:var(--body-font-size);color:var(--text-body-color);margin-bottom:3px;display:block;font-weight:var(--font-weight-600)}.f-lbl .f-lbl-note{font-size:.875rem;color:var(--text-body-color);margin-bottom:3px;font-weight:var(--font-weight-400)}.f-lbl sup{color:var(--red)}.sel-store{border:1px solid var(--border);border-radius:4px;padding:8px 32px 8px 11px;font-size:.875rem;color:var(--font-color);appearance:none;min-width:150px;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 10px center}.promo{background:#135ca3;color:#fff;border-radius:4px;padding:11px 14px;font-size:.79rem;line-height:1.55;margin-bottom:14px}.promo strong{font-weight:600}.condition-label{font-weight:var(--font-weight-600);font-size:var(--device-sub-content-font-size);margin-bottom:12px}.opt-cards-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.opt-card{flex:1 1 48%;min-width:280px;border:1.5px solid #ddd;border-radius:6px;padding:13px 14px;cursor:pointer;transition:border-color .18s,background .18s}.opt-card:hover{border-color:#aaa}.opt-card.sel{border:2px solid var(--blue)}.opt-card-top{display:flex;align-items:center;gap:10px;margin-bottom:15px}.opt-card-top-left{display:flex;align-items:center;gap:10px}.opt-card-top-left-start{display:flex;align-items:flex-start;gap:8px}.radio-ring{width:18px;height:18px;border-radius:50%;border:1px solid #bbb;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.opt-card.sel .radio-ring,.pay-card.sel .radio-ring{border-color:var(--blue)}.radio-dot{width:9px;height:9px;border-radius:50%;background:var(--blue);display:none}.card-content{flex:1;min-width:0}.card-row{display:flex;align-items:flex-start;gap:8px}.opt-card.sel .radio-dot,.pay-card.sel .radio-dot{display:block}.opt-card-inner{display:flex;align-items:flex-start;gap:12px}.opt-card-content{flex:1}.opt-card-title{display:block;font-weight:var(--font-weight-600);color:var(--text-body-color);font-size:var(--device-sub-content-font-size)}.opt-card-bottom{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.opt-card-desc{font-size:var(--body-font-size);color:var(--font-color);font-weight:var(--font-weight-400);margin:0;flex:1}.icon-box{display:flex;align-items:center;justify-content:center;flex-shrink:0}.tick-list{list-style:none;padding:0;margin:0 0 0 28px}.tick-list li{display:flex;align-items:flex-start;gap:5px;font-size:var(--body-font-size);color:var(--font-color);margin-bottom:10px}.tick-list li .material-icons{font-size:var(--body-font-size);color:var(--green);margin-top:1px}.btn-go{background:var(--green);color:var(--white);border:none;border-radius:4px;padding:10px 26px;font-size:var(--device-sub-content-font-size);font-weight:var(--font-weight-600);cursor:pointer;transition:background .15s}.btn-go:hover:not(:disabled){background:var(--green)}.btn-go:disabled{background:var(--green);cursor:not-allowed;opacity:50%}.done-row{display:flex;align-items:flex-start;justify-content:space-between}.done-device-row{display:flex;align-items:center;gap:12px}.done-device-img{width:44px;height:56px;object-fit:contain}.done-device-name{font-size:var(--device-sub-content-font-size);font-weight:var(--font-weight-600)}.done-cond-lbl{font-size:var(--body-font-size);font-weight:var(--font-weight-400)}.done-summary-label{font-size:var(--body-font-size);font-weight:var(--font-weight-600)}.done-summary-val{font-size:var(--body-font-size);font-weight:var(--font-weight-400)}.uplift-badge{display:inline-flex;align-items:center;gap:5px;background-color:var(--gift-card-uplift-bg-color);color:var(--white);font-size:var(--body-font-size);font-weight:var(--font-weight-600);padding:5px 12px;border-radius:8px;margin-top:6px}.uplift-badge svg{flex-shrink:0}.pay-cards-row{display:flex;gap:14px;margin-bottom:14px}.pay-card{flex:1 1 0;min-width:0;min-height:120px;border:1.5px solid #ddd;border-radius:6px;padding:13px 14px;cursor:pointer;transition:border-color .18s,background .18s}.pay-card:hover{border-color:#aaa}.pay-card.sel{border:2px solid var(--blue)}.pay-card-top{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}.pay-card-radio{margin-top:2px}.pay-card-name{font-weight:var(--font-weight-600);font-size:var(--device-sub-content-font-size);line-height:1.3}.pay-card-sub{font-size:var(--body-font-size);margin-top:2px;margin-bottom:5px}.pay-card-bottom-left{display:flex;justify-content:space-between;align-items:flex-end;margin-top:8px}.pay-card-bottom-right{display:flex;justify-content:flex-end;margin-top:8px}.badge-ev{display:inline-flex;align-items:center;gap:4px;background:var(--blue-light);color:#fff;font-size:11px;font-weight:600;border-radius:20px;padding:4px 10px 4px 8px;margin-top:7px}.badge-ev svg{width:13px;height:13px;fill:#fff;flex-shrink:0}.badge-ev .material-icons{font-size:.72rem}.bank-form-inner{margin-bottom:18px}.bank-form-desc{font-size:.875rem;margin-bottom:12px}.bank-fields-row{display:flex;margin-bottom:12px}.bank-before-label{font-weight:var(--font-weight-600);font-size:var(--body-font-size);margin-bottom:8px}.f-inp{border:1px solid var(--border);border-radius:4px;padding:8px 11px;width:100%;font-size:var(--body-font-size)}.f-inp:focus{outline-color:var(--blue);border-color:transparent}.f-group{margin-bottom:12px}.form-row-2{display:flex;gap:14px;margin-bottom:12px}.form-row-2>div{flex:1 1 0;min-width:0}.addr-wrap{position:relative}.addr-wrap .material-icons{position:absolute;left:9px;top:50%;transform:translateY(-50%);font-size:var(--body-font-size);color:var(--search-btn)}.addr-inp{border:1px solid var(--border);border-radius:4px;padding:8px 11px 8px 32px;font-size:var(--body-font-size);width:100%;color:var(--search-btn)}.postage-subtitle{font-size:var(--device-sub-content-font-size);margin-bottom:12px;font-weight:var(--font-weight-600)}.addr-section-label{font-weight:var(--font-weight-600);font-size:var(--body-font-size);margin-bottom:12px}.rev-tbl{border:1px solid var(--device-border);border-radius:4px;overflow:hidden;margin-bottom:18px}.rev-row{display:flex;justify-content:space-between;padding:9px 13px;border-bottom:1px solid var(--device-border);font-size:var(--body-font-size)}.rev-row:last-child{border-bottom:none}.rev-k{color:var(--font-color);font-size:var(--body-font-size);font-weight:var(--font-weight-400)}.rev-v{color:var(--font-color);font-size:var(--body-font-size);font-weight:var(--font-weight-600)}.review-intro{color:var(--text);font-weight:var(--font-weight-400);font-size:var(--body-font-size)}.rev-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.rev-section-title{font-weight:var(--font-weight-600);font-size:var(--device-sub-content-font-size)}.rev-pay-val{color:var(--text);font-weight:var(--font-weight-400);font-size:var(--body-font-size);margin-bottom:18px}.details-block{font-size:.8rem;margin-bottom:18px}.details-sub-title{font-weight:var(--font-weight-600);font-size:var(--body-font-size);margin-bottom:4px}.details-val{color:var(--text);font-size:var(--body-font-size);line-height:1.8}.chk-row{display:flex;align-items:center;gap:10px;font-size:var(--body-font-size);color:var(--text-body-color);font-weight:var(--font-weight-400);margin-bottom:9px}.chk-row input{margin:0!important;flex-shrink:0;width:24px;height:24px;cursor:pointer}.before-label{font-weight:var(--font-weight-600);font-size:var(--body-font-size);color:var(--text-body-color);margin-bottom:8px}.valid-bar{border-top:1px solid var(--border);padding-top:13px;margin-top:14px;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:10px}.valid-note{font-weight:var(--font-weight-400);font-size:var(--body-font-size);color:var(--text);line-height:1.5}.valid-note-sub{font-weight:var(--font-weight-400);font-size:var(--body-font-size);color:var(--text)}.valid-price-box{text-align:right}.valid-price-lbl{font-weight:var(--font-weight-600);font-size:var(--body-font-size);color:var(--text)}.final-price{font-size:2rem;font-weight:var(--font-weight-600);color:var(--green)}.confirm-wrap{margin-top:14px}.field-error{display:block;font-size:var(--body-font-size);color:var(--red);margin-top:4px}.addr-dropdown{display:none;position:absolute;top:100%;left:0;right:0;background:var(--white);border-radius:6px;list-style:none;margin:4px 0 0;padding:0;z-index:9999;max-height:260px;overflow-y:auto;box-shadow:0 6px 16px rgba(0,0,0,.12)}.addr-dropdown li{padding:10px 14px;cursor:pointer;font-size:14px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.addr-dropdown li:hover{background:var(--grey-bg)}.addr-dropdown li.is-container::after{content:'›';font-size:18px;color:var(--text-body-color)}.addr-dropdown li.addr-active{background:var(--white);outline-offset:-2px}.f-inp.inp-error{border-color:var(--red)!important;background:var(--white)}.f-inp.inp-success{border-color:var(--green)!important;background:var(--white)}.bank-verify-status{display:flex;align-items:center;gap:6px;padding:10px 14px;border-radius:6px;font-size:14px;margin-top:8px}.bank-verify-status.status-error{background:var(--white);color:var(--red);border:1px solid #ffcdd2}.bank-verify-status.status-success{background:var(--white);color:var(--green);border:1px solid #c8e6c9}.bank-verify-status.status-checking{background:var(--white);color:var(--orange);border:1px solid #ffe082}.bank-verify-status .material-icons{font-size:18px}.icon-box img{width:100%;height:auto;display:block}#form-global-error{background:#fff0f0;border:1px solid #f5c2c2;color:#c0392b;border-radius:6px;padding:10px 14px;font-size:.82rem;font-weight:600;margin-bottom:12px}.promo-box{background:#f4f7ff;border:1.5px solid #c5d5f0;border-radius:8px;padding:14px 16px;margin-bottom:20px}.promo-input-row{display:flex;gap:10px;margin-top:8px;align-items:center}.promo-input-row .f-inp-md{flex:1}.btn-promo{background:#1a4f9c;color:#fff;border:none;border-radius:6px;padding:9px 20px;font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .18s}.btn-promo:hover:not(:disabled){background:#163f7a}.btn-promo:disabled{opacity:.5;cursor:not-allowed}#promo-status{margin-top:10px;font-size:.82rem;font-weight:600;padding:8px 12px;border-radius:6px}#promo-status.status-success{background:#eafaf1;border:1px solid #a9dfbf;color:#1e8449}#promo-status.status-error{background:#fff0f0;border:1px solid #f5c2c2;color:#c0392b}#promo-status.status-checking{background:#f0f4ff;border:1px solid #c5d5f0;color:#1a4f9c}.order-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9999;display:flex;align-items:center;justify-content:center}.order-overlay.d-none{display:none!important}.order-overlay-inner{background:var(--white);border-radius:14px;padding:40px 48px;text-align:center;box-shadow:0 8px 40px rgba(0,0,0,.2);max-width:360px;width:90%}.order-spinner{width:52px;height:52px;border:4px solid #e0e0e0;border-top-color:#1a4f9c;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 20px;transition:border-top-color .3s}.order-spinner.success{border-top-color:#1e8449;animation:none;border-color:#1e8449}@keyframes spin{to{transform:rotate(360deg)}}.order-overlay-msg{font-size:1rem;font-weight:700;color:#111;margin-bottom:6px;transition:color .3s}.order-overlay-msg.success{color:#1e8449}.order-overlay-sub{font-size:.8rem;color:#888;margin-bottom:20px}.order-overlay-steps{text-align:left;border-top:1px solid #eee;padding-top:16px;display:flex;flex-direction:column;gap:10px}.overlay-step{display:flex;align-items:center;gap:10px;font-size:.82rem;color:#bbb;transition:color .3s}.overlay-step.active{color:#1a4f9c;font-weight:600}.overlay-step.done{color:#1e8449}.step-dot{width:10px;height:10px;border-radius:50%;background:#ddd;flex-shrink:0;transition:background .3s;position:relative}.overlay-step.active .step-dot{background:#1a4f9c;box-shadow:0 0 0 3px rgba(26,79,156,.15);animation:pulse 1s infinite}.overlay-step.done .step-dot{background:#1e8449}.overlay-step.done .step-dot::after{content:'✓';position:absolute;font-size:8px;color:#fff;top:50%;left:50%;transform:translate(-50%,-50%);line-height:1}@keyframes pulse{0%,100%{box-shadow:0 0 0 3px rgba(26,79,156,.15)}50%{box-shadow:0 0 0 6px rgba(26,79,156,.08)}}.order-failed-box{padding:2px 0}.order-failed-title{display:flex;align-items:center;gap:6px;font-size:.9rem;font-weight:700;color:#c0392b;margin-bottom:10px}.order-failed-title .material-icons{font-size:1.1rem}.order-failed-msg{font-size:.85rem;color:#333;margin-bottom:8px}.order-failed-ref{display:flex;align-items:center;gap:10px;font-size:.85rem;color:#333;background:#fff8e1;border:1px solid #ffe082;border-radius:6px;padding:8px 12px;margin-bottom:8px}.btn-copy-ref{display:inline-flex;align-items:center;gap:3px;background:0 0;border:1px solid #bbb;border-radius:4px;padding:2px 8px;font-size:.75rem;cursor:pointer;color:#555;margin-left:auto;transition:border-color .15s,color .15s}.btn-copy-ref:hover{border-color:#1a4f9c;color:#1a4f9c}.btn-copy-ref .material-icons{font-size:.8rem}.order-failed-sub{font-size:.8rem;color:#666;margin-bottom:10px;line-height:1.5}.retry-status{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#1a4f9c;padding-top:8px;border-top:1px solid #f0f0f0}.order-spinner-sm{width:14px;height:14px;border:2px solid #c5d5f0;border-top-color:#1a4f9c;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.order-failed-errors{margin:0 0 10px 0;padding:0 0 0 18px;font-size:.85rem;color:#333;line-height:1.7}.order-failed-attempts{display:flex;align-items:center;gap:6px;font-size:.82rem;color:#b7770d;background:#fff8e1;border:1px solid #ffe082;border-radius:6px;padding:8px 12px;margin-top:10px}.order-failed-attempts .material-icons{font-size:.95rem}.order-failed-attempts.exhausted{color:#c0392b;background:#fff0f0;border-color:#f5c2c2}@media (max-width:767px){.page-row{flex-direction:column;gap:0}.summary-col{width:100%;order:-1;margin-bottom:16px;position:static}.summary-card{position:static!important;top:auto!important;width:auto!important}.opt-cards-row,.pay-cards-row{flex-direction:column}.bank-fields-row,.form-row-2{flex-direction:column}.steps-col{width:100%}.opt-card{flex:1 1 100%}}@media (max-width:600px){.valid-price-box{text-align:center;width:100%}.confirm-wrap{width:100%}.btn-go{display:block;width:100%;-webkit-appearance:none;appearance:none;padding:13px 12px}.step-block{width:100%;max-width:100%;overflow:hidden}/*!* ── Bank form ── *!*/.bank-form-inner{width:100%}.f-group,.f-inp,.f-inp-md{width:100%!important;box-sizing:border-box!important}.bank-fields-row{display:flex!important;flex-direction:row!important;width:100%}.f-inp-sm{width:100%!important;box-sizing:border-box!important}.btn-go{width:100%!important;display:block!important;-webkit-appearance:none;appearance:none}}
