:root {
  --band-height: clamp(44px, 6vw, 88px);
  --stripe-width: 60px; /* latimea fiecarei dungi – joacă-te cu 50–70 */
  --yellow: #ffd400;
  --black: #000;
  --anim-duration: 10s;
}

.construction-band {
  width: 100%;
  margin: -30px 0;
  overflow: hidden;
}

.band-inner {
  width: 100%;
  height: var(--band-height);
  background: repeating-linear-gradient(
    -45deg,
    var(--yellow) 0 var(--stripe-width),
    var(--black) var(--stripe-width) calc(var(--stripe-width) * 2)
  );
  background-size: calc(var(--stripe-width) * 2) calc(var(--stripe-width) * 2);
  animation: slideStripes var(--anim-duration) linear infinite;
  display: flex;
  justify-content: center;
  align-items: center;
}

@keyframes slideStripes {
  0%   { background-position: 0 0; }
  100% { background-position: calc(-1 * var(--stripe-width)) 0; }
}