.checkout{gap:var(--space-2xl);max-width:72rem;padding:var(--space-xl) var(--gutter) var(--space-2xl);grid-template-columns:minmax(0,1fr) minmax(0,24rem);align-items:start;margin-inline:auto;display:grid}.checkout .main,.checkout form.order{gap:var(--space-xl);min-width:0;display:grid}.checkout h1{font-size:clamp(2.25rem,1.6rem + 3vw,3.5rem)}.checkout .step{gap:var(--space-m);display:grid}.checkout .step h2{font-size:var(--step-1);font-weight:500}.checkout .alert{padding:var(--space-m);color:oklch(42% .16 27);background:oklch(96% .03 27);border-radius:.5rem;font-weight:500}.checkout .submit{width:100%;min-height:3.5rem;font-size:var(--step-1)}.checkout .note{font-size:var(--step--1);color:var(--ink-muted)}.checkout .summary{gap:var(--space-m);padding:var(--space-l);background:var(--surface-sunken);border-radius:.5rem;display:grid;position:sticky;top:5rem}.checkout .summary-item{gap:var(--space-m);grid-template-columns:4rem minmax(0,1fr);align-items:center;display:grid}.checkout .summary img{aspect-ratio:1;object-fit:cover;background:var(--bg);border-radius:.375rem;width:100%}.checkout .summary dl{gap:var(--space-xs);display:grid}.checkout .summary dl div{justify-content:space-between;gap:var(--space-m);display:flex}.checkout .summary dt{color:var(--ink-muted)}.checkout .summary .total{margin-top:var(--space-s);padding-top:var(--space-s);border-top:1px solid var(--line);font-weight:600}.checkout .summary .total dt{color:var(--ink)}@media (width<=56rem){.checkout{grid-template-columns:minmax(0,1fr)}.checkout .summary{grid-row:1;position:static}}