.checkout{max-width:780px}.checkout-head{padding:20px 0 2px}.checkout-head h1{margin:7px 0}.checkout-head p{margin:4px 0}.checkout .panel{padding:28px}.checkout h2{margin-top:0}fieldset{border:0;padding:0;margin:18px 0}legend{font-weight:800;margin-bottom:9px}.plan{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #cbd9e5;border-radius:10px;margin:10px 0;cursor:pointer}.plan:has(input:checked){border:2px solid #174e7c;background:#eff6fc;padding:15px}.plan input{flex:none;accent-color:#174e7c}.plan span{flex:1;line-height:1.3}.plan small{display:block;color:#53667a;margin-top:5px}.plan b{text-align:right;white-space:nowrap}.terms{display:flex;align-items:flex-start;gap:12px;margin:20px 0}.terms input{margin-top:6px;flex:none}.checkout .button,.checkout button:not(.method){min-height:46px}.method-tabs{display:flex;gap:8px;margin:24px 0 8px}.method{background:#e6edf5;color:#174e7c}.method.active{background:#174e7c;color:white}.order-reference{padding:12px 16px;background:#eff6fc;border-radius:8px}.bank-details{border:1px solid #dce5ef}.bank-details dd{overflow-wrap:anywhere}@media(max-width:560px){.checkout .panel{padding:18px}.plan{align-items:flex-start;flex-wrap:wrap}.plan b{margin-left:30px}.method-tabs{flex-wrap:wrap}}