/* Fresh AOV Bump – Progress Bar */
.fab-progress-bar-wrap {
  background: #f6f6f6;
  border: 1px solid var(--fab-border);
  border-radius: var(--fab-radius);
  padding: 12px 16px;
  margin-bottom: 16px;
  font-size: var(--fab-font-size);
}

.fab-progress-message {
  margin-bottom: 8px;
  color: #333;
  font-weight: 500;
}

.fab-progress-bar-wrap.fab-progress-complete .fab-progress-message {
  color: var(--fab-success);
  font-weight: 600;
}

.fab-progress-track {
  background: #e0e0e0;
  border-radius: 99px;
  height: 10px;
  overflow: hidden;
}

.fab-progress-fill {
  height: 100%;
  background: linear-gradient(90deg, var(--fab-primary), var(--fab-primary-dark));
  border-radius: 99px;
  transition: width .5s ease;
  position: relative;
  min-width: 2%;
}

.fab-progress-bar-wrap.fab-progress-complete .fab-progress-fill {
  background: linear-gradient(90deg, var(--fab-success), #15703a);
}

.fab-progress-percent {
  display: none;
}

.fab-progress-add-more {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 8px;
  font-size: 13px;
  font-weight: 500;
  color: var(--fab-primary);
  text-decoration: none;
  transition: color .2s ease;
}

.fab-progress-add-more:hover {
  color: var(--fab-primary-dark);
  text-decoration: underline;
}

.fab-progress-add-more svg {
  flex-shrink: 0;
  transition: transform .2s ease;
}

.fab-progress-add-more:hover svg {
  transform: translateX(3px);
}