.checkout-grid{grid-template-columns:1fr 24rem;align-items:start;gap:clamp(2rem,6vw,6rem);display:grid}.checkout-fields{gap:1.5rem;display:grid}.form-section{background:var(--surface);border-radius:var(--radius);padding:clamp(1.25rem,3vw,2rem)}.form-section h2,.form-section legend{margin-bottom:1.25rem;font-size:1.35rem;font-weight:650}.form-section fieldset{border:0;padding:0}.form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.choice-list{gap:.65rem;display:grid}.choice{border:1px solid var(--line);cursor:pointer;border-radius:10px;grid-template-columns:auto auto 1fr auto;align-items:center;gap:.8rem;padding:1rem;display:grid}.choice.active{border-color:var(--primary);background:#7483ff14;background:lab(58.062% 24.9616 -70.8782/.08)}.choice input{accent-color:var(--primary)}.choice svg{color:var(--primary)}.choice span{gap:.2rem;display:grid}.choice small{color:var(--muted)}.payment-tabs{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.payment-tabs label{border:1px solid var(--line);cursor:pointer;border-radius:10px;align-items:center;gap:.6rem;padding:1rem;display:flex}.payment-tabs label.active{border-color:var(--primary)}.payment-tabs input{opacity:0;position:absolute}.payment-tabs label:has(input:focus-visible){outline:2px solid var(--primary);outline-offset:3px}.card-fields{margin-top:1rem}.demo-notice{color:var(--muted);margin-top:1rem;font-size:.875rem;line-height:1.5}.checkout-summary{background:var(--elevated);border-radius:var(--radius);gap:1rem;padding:1.4rem;display:grid;position:sticky;top:7rem}.checkout-summary h2{font-size:1.35rem}.checkout-item{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;gap:.7rem;padding-bottom:.9rem;display:grid}.checkout-item div{gap:.2rem;display:grid}.checkout-item small{color:var(--muted)}.checkout-total{border-top:1px solid var(--line);padding-top:1rem;font-size:1.15rem}.checkout-loading{grid-template-columns:1fr 24rem;gap:4rem;display:grid}.checkout-loading div{border-radius:var(--radius);background:var(--surface);height:30rem}@media (max-width:840px){.checkout-grid{grid-template-columns:1fr}.checkout-summary{position:static}}@media (max-width:560px){.form-grid,.payment-tabs{grid-template-columns:1fr}.field[style]{grid-column:auto!important}.choice{grid-template-columns:auto 1fr auto}.choice input{grid-row:span 2}.choice svg{display:none}}