/* scroll progress */
    .scroll-progress {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  z-index: 99999;
  background: rgba(128, 128, 128, 0.15);
  pointer-events: none;
}

.scroll-progress__fill {
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, #ffd89c, #cca975);
  transform: scaleX(0);
  transform-origin: left center;
  will-change: transform;
}

/* Variantă verticală, pe marginea stângă */
.scroll-progress--vertical {
  top: 0;
  left: 0;
  width: 3px;
  height: 100vh;
}

.scroll-progress--vertical .scroll-progress__fill {
  transform: scaleY(0);
  transform-origin: top center;
}
    /* scroll progress */