/* Reference-style confirmation window, with native modal focus and isolation. */
.purchase-dialog-open{overflow:hidden}
dialog.product-confirmation{--confirm-blue:#1768ff;--detail-blue:#3658e2;--detail-green:#389e0d;--detail-red:#e13c39;border:0;border-radius:18px;background:#fff;color:#252a33;padding:0;width:min(690px,calc(100vw - 36px));max-width:none;max-height:calc(100dvh - 40px);box-shadow:0 24px 90px #111b3445;font-family:Arial,'Microsoft YaHei','PingFang SC',sans-serif}
dialog.product-confirmation[open]{display:flex;flex-direction:column}
.product-confirmation::backdrop{background:rgb(28 34 43 / 58%);backdrop-filter:none}
.confirmation-header{position:relative;display:flex;align-items:center;justify-content:center;min-height:64px;padding:16px 88px;border-bottom:1px solid #f0f1f4;flex-shrink:0}
.confirmation-header>h2{font-size:19px;line-height:1.6;font-weight:500;margin:0;color:#252a33}
.confirmation-header>div{position:absolute;right:20px;display:flex;gap:5px}
.confirmation-header button{width:32px;height:32px;border:0;background:transparent;color:#535a66;display:grid;place-items:center;border-radius:5px;cursor:pointer}
.confirmation-header button:hover{background:#eef3fc;color:#1455cc}.confirmation-header svg{width:17px;height:17px}
.confirmation-content{overflow-y:auto;min-height:0;overscroll-behavior:contain}
.confirmation-checkout.commerce-shell,.confirmation-inquiry{padding:0 40px 24px;margin:0;max-width:none;color:#252a33}
.confirmation-product{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0 19px;border-bottom:1px solid #eff0f4}
.confirmation-product h2{font-size:20px;font-weight:700;line-height:1.6;margin:0;color:#252a33}.confirmation-product>span{color:#747f91;font-size:16px;white-space:nowrap}
.confirmation-copy{height:360px;max-height:46dvh;min-height:280px;overflow-y:auto;padding:12px 12px 12px 0;scrollbar-width:thin;scrollbar-color:#9c9c9c #f5f5f5;overscroll-behavior:contain}
.confirmation-copy:focus-visible{outline:2px solid #739bff;outline-offset:3px}
.confirmation-copy .reference-details{font-size:16px;line-height:1.9}.confirmation-copy .reference-details h3{margin:20px 0 10px;font-size:21px;color:#252a33;font-weight:700}
.confirmation-copy .reference-details p{margin:12px 0;font-size:16px;line-height:1.85}.confirmation-copy .reference-details ul{padding-left:20px;margin:10px 0}.confirmation-copy .reference-details li{margin:10px 0}
.confirmation-copy .detail-blue{color:var(--detail-blue)}.confirmation-copy .detail-green{color:var(--detail-green)}.confirmation-copy .detail-red{color:var(--detail-red)}
.confirmation-copy .reference-details .detail-emphasis{font-size:19px;font-weight:700;line-height:1.8}.confirmation-copy .reference-details a{color:var(--detail-blue);text-underline-offset:4px;font-weight:600}
.confirmation-controls.commerce-panel,.confirmation-controls{border:0;border-radius:0;box-shadow:none;padding:0;background:#fff;overflow:visible}
.confirmation-badges{display:flex;gap:10px;flex-wrap:wrap;padding:15px 0;border-top:1px solid #f0f1f4}
.confirmation-badges>span{font-size:12px;line-height:1.6;border-radius:3px;padding:4px 9px;color:#1763d9;background:#eaf3ff}.confirmation-badges .confirmation-green{color:#237349;background:#edfaef}
.confirmation-checkout .commerce-feedback{padding:9px 12px;margin:0 0 12px;border:1px solid #d9e6fc;background:#f6f9ff;border-radius:6px}.confirmation-checkout .commerce-feedback h2{font-size:13px;color:#265caa;margin:0 0 3px}.confirmation-checkout .commerce-feedback p{font-size:12px;line-height:1.6;color:#466181}
.confirmation-email{display:flex;align-items:center;gap:12px}.confirmation-email label{min-width:82px;white-space:nowrap;font-size:14px;margin:0!important;color:#566175}.confirmation-email label>span{color:#e13c39}.confirmation-checkout .confirmation-email input{margin:0;font-size:15px;min-height:43px;background:#f5f6f8;border:1px solid #e8ebf0;border-radius:5px;padding:10px 12px;min-width:0}.confirmation-email input::placeholder{color:#66758a;opacity:1}
.confirmation-email-note{color:#69788d;font-size:12px;line-height:1.7;margin:7px 0 0 94px}
.confirmation-checkout .terms{font-size:12px;margin:14px 0;line-height:1.75;color:#58677c}.confirmation-checkout .terms input{width:16px;height:16px;flex-shrink:0;margin-top:2px}
.confirmation-total{display:flex;align-items:baseline;gap:7px;padding:15px 0;border-top:1px solid #eff0f4;font-size:15px}.confirmation-total strong{color:#1768ff;font-size:27px;line-height:1.4;font-weight:700;letter-spacing:-.4px}.confirmation-total small{font-size:12px;color:#596b85}.confirmation-total .confirmation-quantity{margin-left:auto;color:#5c687c;font-size:14px}
.confirmation-checkout .payment-methods{margin-bottom:0}.confirmation-checkout .payment-methods legend{display:none}.confirmation-checkout .payment-choice{min-height:54px;padding:9px 13px}.confirmation-checkout .wechat-contact{padding:12px 15px}.confirmation-checkout .wechat-contact h3{font-size:15px}.confirmation-checkout .wechat-contact p{font-size:12px}
.confirmation-submit{display:flex;align-items:center;justify-content:flex-end;gap:17px;padding:20px 0 2px;position:sticky;bottom:0;z-index:2;background:#fff}.confirmation-cancel{border:0;background:transparent;color:#2864d7;font:inherit;font-size:14px;padding:10px;cursor:pointer}.confirmation-submit .commerce-action{min-height:42px;border-radius:7px;padding:10px 25px;background:#1768ff;color:white;font-size:15px;font-weight:600}
.confirmation-checkout .commerce-actions{margin:0;gap:10px}.confirmation-checkout .commerce-actions:has(button:not([hidden])){padding:18px 0 4px}.confirmation-checkout .commerce-saved{margin:8px 0;gap:6px}.confirmation-checkout .saved-order{font-size:11px;padding:6px 9px}.confirmation-detail-link{display:block;font-size:12px;margin-top:10px;text-align:right;color:#37629e;text-decoration:underline;text-underline-offset:3px}
.confirmation-checkout .commerce-receipt dt{color:#536681;font-size:12px}.confirmation-checkout .commerce-receipt dd{font-size:12px;color:#234566;line-height:1.7}.confirmation-checkout.has-order .confirmation-copy{height:auto;max-height:200px;min-height:0}.confirmation-checkout #payment-time{color:#6b542e;font-size:13px}
.confirmation-inquiry .confirmation-total{gap:10px}.confirmation-contact-note{font-size:14px;line-height:1.9;color:#52627b;margin:8px 0 20px}.confirmation-inquiry-actions{display:flex;gap:12px;flex-wrap:wrap}.confirmation-inquiry-actions a{color:#fff;text-decoration:none}.confirmation-inquiry .confirmation-copy{max-height:360px}
.product-confirmation.is-expanded{width:min(960px,calc(100vw - 36px));height:calc(100dvh - 40px)}.product-confirmation.is-expanded .confirmation-copy{max-height:40dvh}
@media(max-height:800px){.confirmation-copy{height:340px;max-height:48dvh;min-height:260px}.confirmation-product{padding:16px 0 13px}.confirmation-badges{padding:10px 0}.confirmation-checkout .commerce-feedback{padding:7px 10px;margin-bottom:9px}.confirmation-checkout .terms{margin:10px 0}.confirmation-total{padding:10px 0}.confirmation-payment{padding:7px 12px}.confirmation-submit{padding:12px 0 2px}.confirmation-checkout .commerce-saved:empty{display:none}.confirmation-inquiry .confirmation-copy{max-height:calc(100dvh - 470px)}}
@media(max-width:600px){dialog.product-confirmation{width:calc(100vw - 16px);max-height:calc(100dvh - 20px);border-radius:12px}.confirmation-header{min-height:54px;padding:12px 75px}.confirmation-header>h2{font-size:17px}.confirmation-header>div{right:10px}.confirmation-checkout.commerce-shell,.confirmation-inquiry{padding:0 20px 20px}.confirmation-product{padding:18px 0 13px}.confirmation-product h2{font-size:18px}.confirmation-copy{height:300px;max-height:42dvh;min-height:240px}.confirmation-copy .reference-details .detail-emphasis{font-size:18px}.confirmation-copy .reference-details p,.confirmation-copy .reference-details li{font-size:14px}.confirmation-email{align-items:flex-start;flex-direction:column;gap:8px}.confirmation-email-note{margin-left:0}.confirmation-badges{padding:12px 0}.confirmation-total strong{font-size:25px}.confirmation-inquiry-actions .commerce-action{flex:1;padding:11px 12px;font-size:13px}.product-confirmation.is-expanded{width:calc(100vw - 16px);height:calc(100dvh - 20px)}}
@media(prefers-reduced-motion:no-preference){.product-confirmation[open]{animation:confirm-appear .18s ease-out}@keyframes confirm-appear{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}}

.confirmation-checkout:has(#wechat-contact:not([hidden])) .confirmation-copy{height:360px;max-height:46dvh;min-height:280px}
.confirmation-checkout .payment-choice-api{min-height:38px;padding:7px 13px}
.confirmation-checkout.has-order .confirmation-submit{display:none}
.confirmation-checkout .commerce-feedback h2{font-size:18px}.confirmation-checkout .commerce-feedback p{font-size:15px;line-height:1.75}.confirmation-checkout .commerce-receipt dt{font-size:14px;color:#526680}.confirmation-checkout .commerce-receipt dd{font-size:15px;color:#243f60}.confirmation-checkout .receipt-essential .receipt-amount dd{font-size:30px;color:#b74a0e}.confirmation-checkout #payment-time{font-size:16px;font-weight:650;color:#a95711}.confirmation-checkout .fixed-payment-instructions p,.confirmation-checkout .fixed-payment-instructions li{font-size:15px}.confirmation-checkout .confirmation-copy[hidden]{display:none!important}.confirmation-checkout .terms{font-size:14px;line-height:1.8}.confirmation-checkout .confirmation-detail-link{font-size:14px}.confirmation-checkout .payment-choice strong{font-size:16px}.confirmation-checkout .payment-choice small{font-size:13px}
.confirmation-checkout:not(.has-order):has(.payment-choice-api) .confirmation-copy{height:360px;max-height:46dvh;min-height:280px}
@media(max-width:600px){.confirmation-checkout:has(#wechat-contact:not([hidden])) .confirmation-copy{height:300px;max-height:42dvh;min-height:240px}}

@media(max-width:600px){.confirmation-checkout:not(.has-order):has(.payment-choice-api) .confirmation-copy{height:300px;max-height:42dvh;min-height:240px}}