.fsp:empty {
  display: none;
}

.fsp {
  margin: 1rem 0;
}

.fsp__inner {
  padding: 0.75rem 1rem;
  border: 1px solid var(--bs-border-color, #dee2e6);
  border-radius: var(--bs-border-radius, 0.375rem);
  background: var(--bs-light, #f8f9fa);
}

.fsp__inner--reached {
  border-color: var(--bs-success, #198754);
}

.fsp__message {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
}

.fsp__icon {
  flex-shrink: 0;
  color: var(--bs-primary, #2fb5d2);
}

.fsp__inner--reached .fsp__icon {
  color: var(--bs-success, #198754);
}

.fsp__bar {
  height: 0.5rem;
  margin-top: 0.5rem;
  overflow: hidden;
  border-radius: 1rem;
  background: var(--bs-gray-300, #dee2e6);
}

.fsp__bar-fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--bs-primary, #2fb5d2);
  transition: width 0.4s ease;
}

.fsp__inner--reached .fsp__bar-fill {
  background: var(--bs-success, #198754);
}

.fsp--cart {
  margin-top: 0;
}