/* ===== Progress Wrap ===== */
.progress-wrap {
  position: fixed;
  left: 50px;
  right: auto;
  bottom: 50px;
  height: 60px; /* بزرگ‌تر شد برای راحتی */
  width: 60px;
  cursor: pointer;
  display: block;
  border-radius: 50%;
  box-shadow: inset 0 0 0 2px rgba(135, 80, 247, 0.5);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  transition: all 200ms linear;
}

.progress-wrap.active-progress {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* ===== SVG & Paths ===== */
.progress-wrap svg {
  width: 100%;
  height: 100%;
}

.progress-wrap svg circle {
  fill: none;
}

.progress-wrap svg .progress-bg {
  stroke: #ccc;
  stroke-width: 5;
}

.progress-wrap svg .progress-bar {
  stroke: #00cfff;
  stroke-width: 5;
  stroke-dasharray: 283; /* محیط دایره */
  stroke-dashoffset: 0;
  stroke-linecap: round;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
  transition: stroke-dashoffset 0.3s linear;
}

/* فلش بالا */
.progress-wrap svg polygon {
  fill: #00cfff;
}