/* HomeOffice checkout: clean, full-width accordion */
body.page-checkout #checkoutSteps.checkout-steps{display:grid;gap:14px;margin:28px auto 32px;width:100%;max-width:1000px}
body.page-checkout #checkoutSteps .checkout-step{display:block;overflow:hidden;border:1px solid #e0e8eb;border-radius:18px;background:#fff;box-shadow:0 4px 18px rgba(15,46,57,.045);transition:border-color .2s,box-shadow .2s}
body.page-checkout #checkoutSteps .checkout-step.is-active{border-color:#8bc6c8;box-shadow:0 12px 36px rgba(8,102,109,.09)}
body.page-checkout #checkoutSteps .checkout-step-head{appearance:none!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:16px!important;width:100%!important;max-width:none!important;min-height:78px!important;margin:0!important;padding:17px 24px!important;border:0!important;border-radius:0!important;background:#fff!important;color:#263e48!important;box-shadow:none!important;text-align:left!important;font-size:18px!important;font-weight:650!important;line-height:1.35!important;letter-spacing:-.02em!important;cursor:pointer!important;transform:none!important}
body.page-checkout #checkoutSteps .checkout-step.is-active .checkout-step-head{background:#f4faf9!important}
body.page-checkout #checkoutSteps .checkout-step-head:hover{background:#f3f9f9!important}
body.page-checkout #checkoutSteps .checkout-step-number{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 40px!important;width:40px!important;height:40px!important;border-radius:12px!important;background:#e6f3f3!important;color:#0a777e!important;font-size:16px!important;font-weight:800!important;box-shadow:none!important}
body.page-checkout #checkoutSteps .checkout-step.is-active .checkout-step-number{background:#087d83!important;color:white!important}
body.page-checkout #checkoutSteps .checkout-step-head::after{content:'+';display:flex;align-items:center;justify-content:center;margin-left:auto;flex:0 0 30px;width:30px;height:30px;border:1px solid #e2ecee;border-radius:50%;color:#62808a;font-size:22px;font-weight:400;line-height:1}
body.page-checkout #checkoutSteps .checkout-step.is-active .checkout-step-head::after{content:'−';border-color:#bbdfe0;color:#087d83}
body.page-checkout #checkoutSteps .checkout-step-body{padding:24px 28px 28px!important;border-top:1px solid #e9eff0;background:#fff}
body.page-checkout #checkoutSteps .checkout-step[hidden] .checkout-step-body{display:none!important}
body.page-checkout #checkoutSteps .checkout-step-body>label{display:block;margin:15px 0 7px;color:#354b56;font-size:14px;font-weight:650}
body.page-checkout #checkoutSteps .checkout-step-body input:not([type=checkbox]):not([type=hidden]),body.page-checkout #checkoutSteps .checkout-step-body textarea{width:100%;max-width:100%;border:1px solid #d9e3e7;border-radius:11px;background:#fbfcfd;padding:13px 15px;min-height:46px;box-sizing:border-box;box-shadow:none;outline-offset:2px}
body.page-checkout #checkoutSteps .checkout-step-body input:focus,body.page-checkout #checkoutSteps .checkout-step-body textarea:focus{border-color:#087d83;background:#fff;outline:2px solid rgba(8,125,131,.13)}
body.page-checkout #checkoutSteps .checkout-step-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:26px;padding-top:20px;border-top:1px solid #edf1f2}
body.page-checkout #checkoutSteps .checkout-step-actions button{width:auto!important;min-width:130px!important;padding:12px 22px!important;border-radius:11px!important;font-size:14px!important;font-weight:650!important}
body.page-checkout #checkoutSteps .checkout-back{background:#eef2f3!important;color:#35515b!important}
body.page-checkout #checkoutSteps .checkout-next{background:#087d83!important;color:#fff!important}
body.page-checkout #checkoutSteps #signature{max-width:100%;height:auto;touch-action:none}
@media(max-width:650px){body.page-checkout #checkoutSteps.checkout-steps{gap:10px;margin-top:18px}body.page-checkout #checkoutSteps .checkout-step{border-radius:14px}body.page-checkout #checkoutSteps .checkout-step-head{padding:14px 15px!important;min-height:66px!important;font-size:15px!important;gap:12px!important}body.page-checkout #checkoutSteps .checkout-step-number{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:10px!important}body.page-checkout #checkoutSteps .checkout-step-body{padding:17px 16px 20px!important}body.page-checkout #checkoutSteps .checkout-step-actions button{flex:1;min-width:0!important}}
