.locker-steps { display: flex; gap: .5rem; justify-content: center; }
.locker-step {
    padding: .35rem .75rem;
    border-radius: 999px;
    background: #e3f2fd;
    color: var(--sot-blue);
    font-size: .82rem;
    font-weight: 600;
    opacity: .5;
}
.locker-step.active { opacity: 1; background: var(--sot-blue); color: #fff; }
.max-w-640 { max-width: 640px; }