.checkout-progress-shell{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(88,68,127,.16);padding:8px 0;backdrop-filter:blur(8px)}.checkout-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:620px;margin:0 auto}.checkout-progress-step{display:flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border:1px solid #d8d2e7;border-radius:8px;background:#fff;color:#5f5870;font-size:14px;font-weight:600;line-height:1;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,color .18s ease}.checkout-progress-step:focus-visible,.checkout-progress-step:hover{border-color:var(--primary);box-shadow:0 4px 14px rgba(88,68,127,.14);outline:none}.checkout-progress-index{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#ece8f5;color:var(--primary);font-size:12px;flex:0 0 auto}.checkout-progress-step--complete{border-color:rgba(6,125,98,.34);color:#067d62}.checkout-progress-step--complete .checkout-progress-index{background:#067d62;color:#fff}.checkout-progress-step--current{border-color:var(--primary);color:var(--primary);box-shadow:0 4px 14px rgba(88,68,127,.12)}.checkout-progress-step--pending{color:#827b90}@media only screen and (max-width:576px){.checkout-progress-shell{padding:6px 0}.checkout-progress{gap:5px}.checkout-progress-step{min-height:34px;gap:5px;padding:0 4px;font-size:11px}.checkout-progress-index{width:19px;height:19px;font-size:10px}}