.shopping-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid var(--c-border);
}
.shopping-item:last-child { border-bottom: none; }
.shopping-item.checked .item-name { text-decoration: line-through; color: var(--c-muted); }
.item-name { flex: 1; font-size: .95rem; }
.item-qty  { font-size: .8rem; color: var(--c-muted); flex-shrink: 0; }

.list-progress {
  height: 4px;
  background: var(--c-border);
  border-radius: 2px;
  margin: 8px 0;
  overflow: hidden;
}
.list-progress-bar {
  height: 100%;
  background: var(--c-success);
  border-radius: 2px;
  transition: width .3s ease;
}