.payment-summary{margin:1.25rem 0;padding:1rem 1.2rem;border-inline-start:3px solid var(--mint,#b9f582);background:#2e4536;border-radius:.4rem;scroll-margin-top:2rem}
.payment-summary h3,.payment-summary p{margin:.2rem 0 .45rem}
.order{max-width:50rem}.order h1{font-size:clamp(2rem,6vw,4rem)}
.order dl div{display:flex;justify-content:space-between;gap:1rem}.order dl dd{margin:0;font-weight:650}
.order-actions{display:flex;flex-wrap:wrap;gap:.75rem}.order-actions button,.order button{cursor:pointer}
.order .formcard{margin:1.25rem 0;overflow-wrap:anywhere}.order [hidden]{display:none}
.order output{display:block;overflow-wrap:anywhere;margin-block:.7rem}

.order summary{cursor:pointer;font-weight:650}
.order .confirm-check{display:flex;align-items:flex-start;gap:.65rem}
.order .confirm-check input{width:auto;flex:0 0 auto;margin-top:.35rem}
#bank-details dd{overflow-wrap:anywhere;text-align:end;min-width:0}
#bank-details dl{padding:.85rem;border:1px solid currentColor;border-radius:.5rem}
#bank-details dl div+div{margin-top:.5rem}
@media(max-width:32rem){#bank-details dl div{display:block}#bank-details dd{text-align:start}.order button{max-width:100%}}

#billing details{margin:1rem 0;padding:1rem;border:1px solid #859a8b;border-radius:.5rem}.order form label{max-width:100%}.order form input,.order form select{max-width:100%;box-sizing:border-box}.order article form{margin-block:1rem}
