.bank-payment{--bank-ink:#244b3b;--bank-muted:#62746a;--bank-line:#e1e7e2;margin:0 0 18px;border:1px solid #d5dfd8;border-top:3px solid #285640;border-radius:12px;background:#fff;color:var(--bank-ink);scroll-margin-top:24px;overflow:hidden;box-sizing:border-box}
.bank-payment:focus,.bank-payment-title:focus{outline:none}
.bank-payment .bank-payment-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:24px 26px 20px;margin:0;border:0;border-bottom:1px solid var(--bank-line);background:none;box-shadow:none}
.bank-payment-header>div:first-child{min-width:0}.bank-payment .bank-payment-eyebrow{display:flex;align-items:center;gap:7px;font:600 11px/1.5 Arial,sans-serif;letter-spacing:.6px;text-transform:uppercase;color:#527260;margin:0 0 9px}
.bank-payment-eyebrow svg{display:block;width:16px;height:16px;flex:none}
.bank-payment header .bank-payment-title{display:block!important;margin:0 0 8px!important;font:600 clamp(23px,2.5vw,28px)/1.25 Arial,sans-serif!important;letter-spacing:-.4px;color:#234a39}
.bank-payment header p{font:14px/1.65 Arial,sans-serif;margin:0;color:var(--bank-muted);max-width:560px}
.bank-payment-document{flex:0 1 240px;text-align:right;min-width:0;padding-top:2px}.bank-payment-document>span{display:block;font:12px/1.5 Arial,sans-serif;color:var(--bank-muted);margin:0 0 5px}.bank-payment-document>strong{display:block;font:600 13px/1.5 Arial,sans-serif;letter-spacing:.25px;color:#3d5849;overflow-wrap:anywhere}
.bank-payment-body{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.6fr);gap:30px;align-items:start;padding:24px 26px}
.bank-payment-total{display:flex;flex-direction:column;align-items:flex-start;gap:24px;box-sizing:border-box;min-width:0;padding:20px;border:1px solid #e3e8df;border-radius:9px;background:#f6f8f3}
.bank-payment-method{display:flex;align-items:center;gap:8px;color:#5c6f60;font:600 12px/1.5 Arial,sans-serif}.bank-payment-method svg{display:block;flex:none;width:18px;height:18px}
.bank-payment-amount{min-width:0}.bank-payment-amount>span{display:block;font:13px/1.5 Arial,sans-serif;color:#5d705f}.bank-payment-amount>strong{display:block;font:600 clamp(30px,3vw,38px)/1.25 Arial,sans-serif;letter-spacing:-.8px;font-variant-numeric:tabular-nums;color:#204d36;overflow-wrap:anywhere;margin:6px 0 7px}.bank-payment-amount>small{display:block;font:12px/1.6 Arial,sans-serif;color:#647160}
.bank-payment-fields{display:grid;gap:0;min-width:0}.bank-payment-field{display:grid;gap:4px;min-width:0;padding:13px 0;border-bottom:1px solid var(--bank-line)}.bank-payment-field:first-child{padding-top:0}.bank-payment-field:last-child{border-bottom:0;padding-bottom:0}
.bank-payment .bank-payment-field>label{display:block;font:600 11px/1.5 Arial,sans-serif;letter-spacing:.4px;color:#64766a;margin:0}
.bank-payment-field>div{display:flex;align-items:center;gap:12px;min-width:0}
.bank-payment .bank-payment-field input{display:block;box-sizing:border-box;min-width:0;min-height:42px;flex:1;width:100%;padding:8px 10px 8px 0;border:1px solid transparent;border-radius:5px;font:500 16px/1.5 Arial,sans-serif;color:#2c4938;background:transparent;margin:0;text-overflow:ellipsis;box-shadow:none}
.bank-payment .bank-payment-field input[data-payment-value=iban]{font-family:Arial,sans-serif;font-weight:600;letter-spacing:.45px;font-variant-numeric:tabular-nums}
.bank-payment .bank-payment-field input[data-payment-value=reference]{font-weight:600;letter-spacing:.3px}
.bank-payment .bank-payment-field input:focus{outline:2px solid #b0c6b8;outline-offset:2px;background:#f6f9f6}
.bank-payment .bank-copy{display:inline-flex;align-items:center;justify-content:center;flex:none;gap:7px;min-height:40px;width:auto;max-width:190px;padding:9px 12px;margin:0;border:1px solid #d1ddd4;border-radius:7px;background:#fff;color:#365d46;font:600 12px/1.4 Arial,sans-serif;cursor:pointer;box-sizing:border-box;white-space:normal;text-align:center;box-shadow:none}
.bank-payment .bank-copy svg{display:block;width:15px;height:15px;flex:none}
.bank-payment .bank-copy:hover:not(:disabled){background:#edf4ee;border-color:#92af9d}
.bank-payment .bank-copy[data-payment-copy=iban]:not(:disabled){background:#285640;border-color:#285640;color:#fff}
.bank-payment .bank-copy[data-payment-copy=iban]:hover:not(:disabled){background:#1d4432;border-color:#1d4432}
.bank-payment .bank-copy:focus-visible{outline:3px solid #99b9a6;outline-offset:2px}
.bank-payment .bank-copy:disabled{opacity:.45;cursor:default}
.bank-payment .bank-payment-total>.bank-copy{min-height:42px;background:transparent;border-color:#c4d2c3;color:#365c40}
.bank-payment .bank-payment-footer{display:block;margin:0;padding:16px 26px 18px;border:0;border-top:1px solid var(--bank-line);background:#fbfcfa;box-shadow:none}
.bank-payment .bank-payment-help,.bank-payment .bank-payment-test-note{font:12px/1.75 Arial,sans-serif;margin:0;color:#627466;max-width:850px}
.bank-payment .bank-payment-test-note{padding:10px 12px;border:1px solid #e3d9b8;border-radius:6px;background:#fffaf0;color:#806b36}
.bank-payment [data-payment-feedback]{font:600 12px/1.6 Arial,sans-serif;margin:10px 0 0;color:#60735f}.bank-payment [data-state=success]{color:#286e45}.bank-payment [data-state=success]::before{content:"✓";margin-right:6px}.bank-payment [data-state=error]{color:#923e31}
.bank-payment-manual{display:block;box-sizing:border-box;width:100%;min-height:70px;margin:10px 0 0;padding:12px;font:15px/1.5 Arial,sans-serif;resize:vertical;border:1px solid #d5dfd8;border-radius:6px}
.bank-payment [hidden]{display:none!important}
.bank-invoice-details,.bank-order-products{margin:0;border:0;border-top:1px solid #e2e8e2;padding:0}
.bank-invoice-details>summary,.bank-order-products>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;list-style:none;min-height:49px;margin:0;padding:11px 2px;box-sizing:border-box;cursor:pointer;color:#4e6855;font:600 13px/1.5 Arial,sans-serif}
.bank-invoice-details>summary::-webkit-details-marker,.bank-order-products>summary::-webkit-details-marker{display:none}.bank-invoice-details>summary::marker,.bank-order-products>summary::marker{content:""}
.bank-invoice-details>summary::after,.bank-order-products>summary::after{content:"";flex:none;width:6px;height:6px;border-right:1.5px solid #7e9584;border-bottom:1.5px solid #7e9584;transform:rotate(45deg);margin:0 5px 3px 0}
.bank-invoice-details[open]>summary::after,.bank-order-products[open]>summary::after{transform:rotate(225deg);margin-top:5px}
.bank-invoice-details[open],.bank-order-products[open]{padding-bottom:14px}
@media(max-width:820px){.bank-payment-body{grid-template-columns:1fr;gap:22px}.bank-payment-total{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 20px;align-items:center}.bank-payment-method{grid-column:1/-1}.bank-payment-document{flex-basis:200px}}
@media(max-width:550px){.bank-payment{border-radius:9px}.bank-payment .bank-payment-header{padding:19px 18px 16px;flex-direction:column;gap:14px}.bank-payment-document{flex:auto;text-align:left;display:flex;align-items:baseline;gap:10px;max-width:100%;padding:0}.bank-payment-document>span{margin:0;font-size:11px}.bank-payment-document>strong{font-size:12px}.bank-payment header p{font-size:13px}.bank-payment-body{padding:18px;gap:20px}.bank-payment-total{padding:16px;grid-template-columns:1fr;gap:16px}.bank-payment-method{font-size:11px}.bank-payment-total>.bank-copy{justify-self:start}.bank-payment-amount>strong{font-size:33px}.bank-payment .bank-payment-footer{padding:14px 18px 16px}.bank-payment .bank-copy{min-height:44px;padding:10px;max-width:175px}.bank-payment-fields .bank-copy>span{display:none}.bank-payment-fields .bank-copy{width:44px;min-width:44px}.bank-payment-field>div{gap:7px}.bank-payment .bank-payment-field input{min-height:44px;padding-right:4px;font-size:16px}.bank-payment-field:has([data-payment-value=iban]){grid-template-columns:1fr auto;gap:4px 10px}.bank-payment-field:has([data-payment-value=iban])>label{grid-column:1;grid-row:1;align-self:center}.bank-payment-field:has([data-payment-value=iban])>div{display:contents}.bank-payment-field:has([data-payment-value=iban]) input{grid-column:1/-1;grid-row:2}.bank-payment-field:has([data-payment-value=iban]) .bank-copy{grid-column:2;grid-row:1;width:auto}.bank-payment-field:has([data-payment-value=iban]) .bank-copy>span{display:inline}}