.payment-order-v6-inline[hidden], .payment-order-v6-inline [hidden] { display: none !important; }
.payment-order-v6-inline { margin: 0 0 12px; }
#payment-order-v6-status, #payment-order-v6-save-status { color: #777b8c; font-size: 13px; line-height: 1.5; }
#payment-order-v6-status { margin-bottom: 8px; }
#payment-order-v6-save-status { margin: 8px 0; }
#payment-order-v6-save-status.is-error { color: #b42335; }
#payment_edit #chkout_payment_html .payment-order-v6-row { display: flex; align-items: center; gap: 8px; border: 1px solid #e7e9f0; border-radius: 10px; background: #fff; padding-right: 8px; }
#payment_edit.shipping-payment-panel #chkout_payment_html .payment-order-v6-row .ship_payment { flex: 1; min-width: 0; width: auto !important; border: 0; margin: 0; background: transparent; overflow-wrap: anywhere; }
.payment-order-v6-move { display: flex; flex: 0 0 auto; gap: 4px; }
.payment-order-v6-button, .payment-order-v6-arrow { box-sizing: border-box; display: inline-flex; justify-content: center; align-items: center; height: 36px; border: 1px solid #d9dce5; background: #fff; color: #353846; border-radius: 999px; font-size: 13px; font-weight: 700; cursor: pointer; padding: 0 12px; }
.payment-order-v6-arrow { width: 36px; padding: 0; }
.payment-order-v6-arrow:disabled { opacity: .35; cursor: default; }
.payment-order-v6-arrow:focus-visible, .payment-order-v6-button:focus-visible { outline: 2px solid #ff596f; outline-offset: 2px; }
.payment-order-v6-inline { display: flex; justify-content: flex-end; position: relative; margin-bottom: 8px; }
.payment-order-v6-info { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border: 1px solid #d9dce5; border-radius: 999px; padding: 0; background: #fff; color: #777b8c; font-size: 16px; cursor: pointer; }
.payment-order-v6-info:focus-visible { outline: 2px solid #ff596f; outline-offset: 2px; }
.payment-order-v6-help { position: absolute; top: 34px; right: 0; z-index: 2; width: min(340px, 100%); padding: 12px; border: 1px solid #e7e9f0; border-radius: 10px; background: #fff; box-shadow: 0 5px 18px rgba(36,39,53,.12); }
#payment-order-v6-status { margin: 0; }
#payment-order-v6-retry { margin-top: 8px; }
#payment_edit.shipping-payment-panel #chkout_payment_html label.ship_payment { display: flex; align-items: center; gap: 10px; min-height: 60px; }
#payment_edit.shipping-payment-panel #chkout_payment_html label.ship_payment > input + span.payment-order-v6-check { flex: 0 0 1.4em; top: 0; margin: 0; }
.payment-order-v6-copy { display: flex; flex-direction: column; justify-content: center; gap: 3px; flex: 1; min-width: 0; }
.payment-order-v6-name { display: block; line-height: 1.5; overflow-wrap: anywhere; }
.payment-order-v6-type { display: block; color: #808493; font-size: 12px; line-height: 1.4; font-weight: 400; }
#payment_edit.shipping-payment-panel .right-panel-title-wrap { flex: 1; padding-right: 10px; }
.payment-order-v6-title-line { display: flex; align-items: center; gap: 8px; position: relative; min-width: 0; }
.payment-order-v6-title-line #edit_ship_name { min-width: 0; }
.payment-order-v6-title-line .payment-order-v6-inline { flex: 0 0 auto; position: static; margin: 0; }
.payment-order-v6-title-line .payment-order-v6-help { left: 0; right: auto; top: calc(100% + 6px); width: min(340px, calc(94vw - 36px)); }
.payment-order-v6-copy { gap: 0; }
.payment-order-v6-name-viewport { display: block; width: 100%; min-width: 0; overflow: hidden; white-space: nowrap; }
.payment-order-v6-name { display: inline-block; white-space: nowrap; line-height: 1.3; overflow-wrap: normal; }
.payment-order-v6-name-viewport.is-marquee .payment-order-v6-name { animation: payment-order-v6-marquee var(--payment-name-duration, 6s) linear infinite alternate; }
.payment-order-v6-name-viewport:focus-visible { outline: 2px solid #ff596f; outline-offset: 2px; border-radius: 3px; }
.payment-order-v6-type-line { display: flex; flex-wrap: wrap; align-items: center; column-gap: 5px; row-gap: 0; line-height: 1.3; }
.payment-order-v6-type { line-height: 1.3; }
.payment-order-v6-bank-note { color: #d63745; font-size: 12px; line-height: 1.3; font-weight: 700; }
.payment-order-v6-bank-info { display: inline-flex; justify-content: center; align-items: center; width: 20px; height: 20px; color: #d63745; cursor: pointer; border-radius: 999px; }
.payment-order-v6-bank-info:focus-visible { outline: 2px solid #ff596f; outline-offset: 2px; }
.payment-order-v6-bank-modal[hidden] { display: none !important; }
.payment-order-v6-bank-modal { position: fixed; inset: 0; z-index: 12000; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(36,39,53,.4); }
.payment-order-v6-bank-card { width: min(760px, 100%); max-height: calc(100vh - 40px); display: flex; flex-direction: column; border-radius: 14px; background: #fff; box-shadow: 0 14px 42px rgba(36,39,53,.2); overflow: hidden; }
.payment-order-v6-bank-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 20px; border-bottom: 1px solid #e7e9f0; }
.payment-order-v6-bank-head h4 { font-size: 16px; font-weight: 800; color: #242735; }
.payment-order-v6-bank-close { width: 32px; height: 32px; flex: 0 0 32px; display: inline-flex; align-items: center; justify-content: center; padding: 0; border: 1px solid #d9dce5; border-radius: 999px; background: #fff; color: #777b8c; cursor: pointer; }
.payment-order-v6-bank-body { padding: 18px 20px; overflow-y: auto; }
#payment-order-v6-bank-warning { display: flex; gap: 10px; padding: 14px; border: 1px solid #f4d79f; border-radius: 10px; background: #fff8e9; color: #34405a; font-size: 14px; line-height: 1.8; }
#payment-order-v6-bank-warning > i { color: #9b6a20; padding-top: 3px; flex: 0 0 auto; }
#payment-order-v6-bank-warning strong { color: inherit; font-weight: 800; }
#payment-order-v6-bank-warning p { margin-top: 6px; }
#payment-order-v6-bank-warning .payment-bank-priority { color: #d63745; font-weight: 700; }
@keyframes payment-order-v6-marquee { 0%, 15% { transform: translateX(0); } 85%, 100% { transform: translateX(var(--payment-name-travel, 0)); } }
@media (prefers-reduced-motion: reduce) { .payment-order-v6-name-viewport.is-marquee { overflow-x: auto; } .payment-order-v6-name-viewport.is-marquee .payment-order-v6-name { animation: none; } }
@media (max-width: 600px) { .payment-order-v6-bank-modal { padding: 12px; } .payment-order-v6-bank-card { max-height: calc(100vh - 24px); } .payment-order-v6-bank-head, .payment-order-v6-bank-body { padding: 14px; } }
#payment_edit.shipping-payment-panel #chkout_payment_html { grid-template-columns: minmax(0, 1fr); width: 100%; min-width: 0; }
#payment_edit #chkout_payment_html .payment-order-v6-row { width: 100%; min-width: 0; box-sizing: border-box; }
#payment_edit #chkout_payment_html .payment-order-v6-name-viewport { max-width: 100%; }
/* One scroll owner inside the drawer; the background page cannot scroll while it is open. */
html:has(#payment_edit.is-active), body:has(#payment_edit.is-active) { overflow: hidden; }
#payment_edit.shipping-payment-panel .right-panel { display: flex; flex-direction: column; overflow: hidden; }
#payment_edit.shipping-payment-panel .right-panel-head { flex: 0 0 auto; height: auto; }
#payment_edit.shipping-payment-panel .tabs-wrapper { flex: 1 1 auto; min-height: 0; overflow: hidden; }
#payment_edit.shipping-payment-panel .right-panel-body { height: 100%; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; box-sizing: border-box; }
#shipping-payment-settings .shipping-order-v6-move { display: flex; gap: 4px; position: absolute; right: 12px; bottom: 10px; }
#shipping-payment-settings .shipping-order-v6-arrow { width: 36px; height: 36px; }