/* Order payment instructions. Original receiving artwork is displayed unchanged. */
.order-payment{margin-top:20px;padding:25px;background:#f5f3ee;border:1px solid #ded8cc;border-left:1px solid #ded8cc}
.payment-panel-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.payment-eyebrow{font-size:9px;letter-spacing:1.8px;color:#94846b;display:block;margin-bottom:8px}
.payment-panel-heading h4{font-size:19px;letter-spacing:.5px;font-weight:500;line-height:1.6;margin:0}
.payment-amount{text-align:right;min-width:0}
.payment-amount>span{display:block;font-size:10px;color:#91836d;margin-bottom:3px}
.payment-amount strong{font-size:25px;font-weight:450;letter-spacing:-.4px;color:#2c2a24;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.payment-order-reference{display:flex;flex-wrap:wrap;gap:7px 12px;align-items:baseline;padding:14px 0;margin-top:15px;border-top:1px solid #ded8cc;border-bottom:1px solid #ded8cc;font-size:11px;color:#8a7d67}
.payment-order-reference strong{color:#5c5549;font-weight:400;overflow-wrap:anywhere;flex:1;min-width:140px;font-variant-numeric:tabular-nums}
.payment-copy{font-size:10px;color:#796447;border:0;background:transparent;white-space:nowrap;padding:5px 0;text-decoration:underline;text-underline-offset:3px;min-height:30px}
.order-payment .payment-instructions{font-size:12px;line-height:1.9;color:#7a715f;margin:15px 0 20px}
.order-payment .payment-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 26px}
.order-payment .payment-method{padding:20px 17px 17px;border:1px solid #ded8cc;background:#fff;display:flex;flex-direction:column;min-width:0;transition:border-color .15s,box-shadow .15s}
.payment-method.selected{border-color:#8a7558;box-shadow:inset 0 0 0 1px #8a7558}
.payment-method>header{display:flex;align-items:center;gap:10px;min-height:25px;margin-bottom:10px}
.payment-method-number{font-size:10px;color:#b0a28c;font-variant-numeric:tabular-nums}
.payment-method h5{font-size:15px;font-weight:500;letter-spacing:.6px;margin:0;color:#39352d;flex:1}
.payment-method-currency{font-size:9px;letter-spacing:1px;color:#a09179}
.order-payment .payment-method-instructions{font-size:11px;color:#867b68;line-height:1.8;margin:0 0 9px}
.order-payment .payment-details{font-size:11px;color:#6e6556;line-height:1.85;margin:0 0 14px;overflow-wrap:anywhere}
.payment-code-wrap{display:grid;grid-template-columns:1fr 1fr;justify-items:center;align-items:start;gap:0 14px;margin:3px 0 16px;text-align:center}
.payment-poster-window{position:relative;width:min(210px,100%);aspect-ratio:1;background:#fff;overflow:hidden;grid-column:1 / -1;margin:0 auto 11px}
/* 340 × 340 viewports retain white margins around each code: (115,435) and (598,430). */
.payment-poster-window .payment-poster-image{position:absolute;display:block;max-width:none;max-height:none;width:310.29411765%;height:auto;margin:0;padding:0;border:0;object-fit:fill}
.payment-poster-alipay .payment-poster-image{left:-33.82352941%;top:-127.94117647%}
.payment-poster-wechat .payment-poster-image{left:-175.88235294%;top:-126.47058824%}
.payment-single-code{width:min(210px,100%);max-width:210px;max-height:260px;height:auto;object-fit:contain;margin:0 auto 11px;grid-column:1 / -1}
.payment-image-link{font-size:10px;line-height:1.8;color:#8a7558;text-decoration:underline;text-underline-offset:3px;display:inline-flex;gap:5px;padding:4px 0}
.order-payment .payment-code-hint{grid-column:1 / -1;font-size:10px;color:#a09685;line-height:1.8;margin:7px 0 0}
.payment-code-wrap>.form-error{grid-column:1 / -1}
.payment-select-button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin-top:auto;border:1px solid #d8d0c1;min-height:40px;padding:10px 12px;text-align:left;font-size:11px;background:#fff;color:#655b49}
.payment-select-button:hover{border-color:#8a7558;color:#3e392f}
.payment-select-button[aria-pressed=true]{background:#ede8de;border-color:#a18c6a;color:#57482f}
.payment-method-bank{grid-column:1 / -1}
.payment-bank-details{display:grid;gap:0;margin:5px 0 15px;font-size:12px;line-height:1.8}
.payment-bank-details>div{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:baseline;gap:12px;padding:10px 0;border-bottom:1px solid #eeebe4}
.payment-bank-details dt{font-size:11px;color:#9b8d77}
.payment-bank-details dd{display:flex;align-items:baseline;justify-content:space-between;gap:16px;min-width:0;margin:0;color:#514b3f}
.payment-bank-details dd>span{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;letter-spacing:.2px}
.payment-method-bank .payment-select-button{max-width:260px}
.payment-report-heading{border-top:1px solid #ded8cc;padding:19px 0 0;margin:0 0 6px}
.payment-report-heading>span{font-size:10px;letter-spacing:1px;color:#9c8d74}
.payment-report-heading h5{font-size:17px;font-weight:400;letter-spacing:.5px;margin:3px 0 0;color:#51493b}
.order-payment .payment-report-form{display:grid;gap:13px}
.order-payment .payment-report-form label{font-size:12px;color:#75694f;margin-bottom:0;gap:7px}
.payment-report-form select{border:1px solid #d7cfbe;background:#fff;padding:10px 12px;border-radius:0;min-width:0}
.order-payment .payment-report-form input{border-color:#d7cfbe;font-size:13px}
.order-payment .payment-report-form input::placeholder{font-size:11px;color:#a19886}
.order-payment .payment-report-note{font-size:10px;line-height:1.8;color:#998b72;margin:-2px 0 0}
.order-payment .payment-report-form .button{font-size:12px;min-height:45px;justify-content:space-between;width:100%;margin-top:1px}
.payment-help{padding:0;font-size:11px;color:#97846a;min-height:35px;margin-top:13px;text-decoration:underline;text-underline-offset:3px}
.payment-calculation{display:grid;gap:6px;border-top:1px solid #dfd8cc;padding-top:12px;margin-top:15px}
.payment-calculation>div{display:flex;justify-content:space-between;align-items:baseline;gap:15px;font-size:11px;line-height:1.9;color:#968970}
.payment-calculation strong{font-size:12px;color:#71634d;font-weight:400;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.order-payment .payment-scope-note,.order-quote .payment-scope-note{border:1px solid #ddcfb8;background:#f1eadc;color:#866b40;padding:10px 12px;font-size:11px;line-height:1.8;margin:13px 0 0}
.order-quote .payment-calculation{border-top:0;margin-top:7px;padding-top:0}
.order-payment .payment-state-note{padding:18px 0 0;color:#6c624e;font-size:12px;line-height:1.9}
.payment-state-note>strong{font-size:14px;font-weight:500;color:#565440}
.order-payment .payment-state-note p{font-size:12px;line-height:1.85;color:#8e836e;margin:7px 0 0}
.order-payment .payment-unavailable{background:#eee9df;border-left:2px solid #a18b66;margin:18px 0 0;padding:13px 15px;font-size:12px;line-height:1.9;color:#857052}
.order-payment .payment-submitted-reference{margin:18px 0 0;border-top:1px solid #dfd9cc;padding-top:12px;font-size:11px;color:#8e826b;overflow-wrap:anywhere}
.order-payment button:focus-visible,.order-payment a:focus-visible{outline:2px solid #8b7457;outline-offset:3px}
@media(max-width:650px){.order-payment{padding:18px 14px;margin-top:17px}.payment-panel-heading{display:block}.payment-panel-heading h4{font-size:18px}.payment-eyebrow{font-size:8px;margin-bottom:4px}.payment-amount{text-align:left;border-top:1px solid #e0d9cd;padding-top:12px;margin-top:12px}.payment-amount strong{font-size:25px}.payment-order-reference{font-size:10px;gap:5px 8px;margin-top:12px;padding:10px 0}.payment-order-reference strong{flex-basis:calc(100% - 50px);min-width:0;font-size:10px}.payment-order-reference .payment-copy{margin-left:auto}.order-payment .payment-instructions{font-size:11px;line-height:1.9;margin:12px 0 17px}.order-payment .payment-methods{grid-template-columns:1fr;gap:12px;margin-bottom:20px}.order-payment .payment-method{padding:17px 15px 15px}.payment-method h5{font-size:15px}.payment-poster-window{width:210px;max-width:100%;flex-basis:210px}.payment-bank-details>div{grid-template-columns:54px minmax(0,1fr);gap:9px}.payment-bank-details dd{gap:8px;font-size:11px;flex-wrap:wrap}.payment-bank-details dd .payment-copy{margin-left:auto}.payment-bank-details dd>span{flex:1;min-width:100px}.payment-method-bank .payment-select-button{max-width:none}.payment-report-heading h5{font-size:16px}.order-payment .payment-report-form input,.order-payment .payment-report-form select{font-size:16px}.order-payment .payment-report-form input::placeholder{font-size:10px}.order-payment .payment-unavailable{padding:12px;font-size:11px}.order-payment .payment-state-note p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.order-payment .payment-method{transition:none}}