.checkout-grid{grid-template-columns:minmax(0,1fr) 420px;align-items:start;gap:clamp(36px,5vw,80px);margin-top:clamp(36px,5vh,56px);display:grid}.co-form{gap:20px;display:grid}.co-form h2{letter-spacing:-.02em;margin-top:10px;font-size:clamp(20px,2vw,26px)}.field{gap:8px;display:grid}.field>span{font-family:var(--font-display);letter-spacing:.02em;text-transform:none;color:var(--color-muted);font-size:12.5px;font-weight:600}.field>span i{color:var(--color-primary);font-style:normal}.field-row{grid-template-columns:1fr 1fr;align-items:end;gap:14px;display:grid}.opt-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.opt{border:1px solid var(--color-hair);cursor:pointer;border-radius:14px;align-items:center;gap:10px;padding:14px 16px;font-size:14.5px;transition:border-color .3s,background .3s;display:flex}.opt input{accent-color:var(--color-primary)}.opt.is-on{border-color:var(--color-primary-ring);background:var(--color-primary-wash)}.opt b{font-family:var(--font-display);font-size:14.5px;font-weight:600}.opt small{color:var(--color-muted);font-size:12px;display:block}.co-summary{border:1px solid var(--color-hair);background:var(--color-surface);border-radius:24px;position:sticky;top:104px;overflow:hidden}.cs-item{border-bottom:1px solid var(--color-hair);align-items:center;gap:16px;padding:clamp(18px,2vw,24px);display:flex}.cs-thumb{aspect-ratio:4/3;border:1px solid var(--color-hair);background:var(--color-surface-alt);border-radius:12px;flex:none;width:92px;position:relative;overflow:hidden}.cs-thumb img{object-fit:cover}.cs-item b{font-family:var(--font-display);letter-spacing:-.01em;font-size:16.5px;display:block}.cs-item small{color:var(--color-muted);margin-top:3px;font-size:12.5px;display:block}.qty{border:1px solid var(--color-hair);border-radius:999px;align-items:center;margin-top:10px;display:inline-flex}.qty .qty-btn{width:30px;height:30px;color:var(--color-ink);cursor:pointer;background:0 0;border:0;font-size:15px;transition:color .25s}.qty .qty-btn:hover{color:var(--color-primary)}.qty b{text-align:center;min-width:26px;font-family:var(--font-display);font-size:14px}.cs-rows{gap:11px;padding:clamp(18px,2vw,24px);display:grid}.cs-row{color:var(--color-muted);justify-content:space-between;gap:14px;font-size:14.5px;display:flex}.cs-row b{color:var(--color-ink);font-family:var(--font-display);font-weight:500}.cs-row.total{border-top:1px solid var(--color-hair);font-family:var(--font-display);color:var(--color-ink);margin-top:4px;padding-top:14px;font-size:16px}.cs-row.total b{font-size:21px;font-weight:600}.co-success{text-align:center;border:1px solid var(--color-primary-ring);background:radial-gradient(420px 240px at 50% -20%, var(--color-primary-wash), transparent 70%), var(--color-surface);border-radius:28px;max-width:640px;margin:0 auto;padding:clamp(40px,6vw,64px) clamp(24px,4vw,48px)}.cos-ic{background:var(--color-primary);color:#fff;width:64px;height:64px;box-shadow:0 14px 40px -12px var(--color-glow);border-radius:50%;place-items:center;margin:0 auto 22px;font-size:26px;display:grid}.co-success h2{letter-spacing:-.02em;font-size:clamp(26px,3vw,36px)}.co-success p{color:var(--color-muted);margin-top:14px;max-width:44ch;margin-inline:auto;font-size:15.5px;line-height:1.65}.cos-ref{border:1px dashed var(--color-primary-ring);font-family:var(--font-display);letter-spacing:.06em;color:var(--color-primary);border-radius:999px;margin-top:20px;padding:9px 18px;font-size:14px;font-weight:600;display:inline-block}.cos-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}@media (max-width:980px){.checkout-grid{grid-template-columns:1fr}.co-summary{order:-1;position:static}.field-row{grid-template-columns:1fr}}