.free-delivery-progress {
  margin-bottom: 20px;
  font-family: inherit;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.free-delivery-progress .progress-text {
  margin: 0;
  font-size: calc(1rem * 1.05);
  color: rgba(0, 0, 0, 0.85);
  opacity: 0;
  animation: skdFadeIn 0.5s ease-in forwards;
}

.free-delivery-progress .progress-bar-container {
  width: 100%;
  background-color: rgba(200, 163, 97, 0.2);
  height: 25px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

.free-delivery-progress .progress-bar {
  width: var(--skd-progress-width, 0%);
  height: 100%;
  background: linear-gradient(135deg, #C8A361 0%, #A88A4A 100%);
  border-radius: inherit;
  transition: width 0.8s ease-in-out;
}

@keyframes skdFadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}