.payment-hero{min-height:340px}.payment-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr);gap:64px;align-items:start}.payment-main{min-width:0}.payment-main fieldset{border:0;padding:0;margin:0 0 35px}.payment-main legend{font-family:'Cormorant Garamond',serif;font-size:2rem;margin:0 0 20px}.payment-main label{display:block;font-size:.93rem;margin:18px 0 7px}.payment-main input:not([type=checkbox]),.payment-main select{width:100%;min-height:48px;padding:12px;border:1px solid #b9c5bd;border-radius:4px;background:#fff;color:#0c3b45;font:inherit}.payment-main input:focus,.payment-main select:focus,.payment-main button:focus-visible{outline:3px solid #9a783c;outline-offset:3px}.payment-main .payment-check{display:flex;align-items:flex-start;gap:12px;line-height:1.6}.payment-check input{width:19px;height:19px;flex-shrink:0;margin-top:4px;accent-color:#0c3b45}.payment-fields{display:flex;gap:16px}.payment-fields>div{flex:1;min-width:0}.payment-price{font-family:'Cormorant Garamond',serif;font-size:2.5rem;margin:20px 0 0}.payment-muted{font-size:.87rem;line-height:1.7;color:#4b5d57}.payment-message{background:#e7eeea;padding:17px 20px;border-left:3px solid #0c3b45;line-height:1.65;margin-bottom:25px}.payment-aside{padding:34px;background:#e4eadd;border-radius:8px;position:sticky;top:110px}.payment-aside h2{font-family:'Cormorant Garamond',serif;font-size:2.3rem;line-height:1.1}.payment-aside p{margin-bottom:25px;line-height:1.7}.payment-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.payment-main button{cursor:pointer}.payment-main button:disabled{opacity:.5;cursor:wait}.payment-main a:not(.btn){text-decoration:underline;text-underline-offset:3px}.payment-main [hidden]{display:none!important}.payment-history-row{padding:16px 0;border-bottom:1px solid #c8cfc4;font-size:.9rem;overflow-wrap:anywhere}#manage-payment{margin-bottom:30px}#manage-link{font-size:.8rem}#payment-conditions{scroll-margin-top:110px}@media(max-width:760px){.payment-layout{grid-template-columns:1fr;gap:36px}.payment-aside{position:static}.payment-fields{flex-wrap:wrap}.payment-fields>div{flex-basis:110px}.payment-hero{min-height:300px}.payment-main .btn{white-space:normal;text-align:center}}

.payment-layout .btn-outline{color:#0c3b45;border-color:#0c3b45}.payment-layout .btn-outline:hover{color:#fff;background:#0c3b45}.payment-layout .btn-outline:focus-visible{outline:3px solid #9a783c;outline-offset:3px}