/* LAADBALK — bovenaan de pagina, vult tijdens het laden van productdata */

#sopheaLoadingBar {
  position: fixed;
  top: 0;
  left: 0;
  height: 3px;
  width: 0%;
  background: var(--clr-gold);
  z-index: 9998;
  opacity: 1;
  transition: width 0.3s ease, opacity 0.4s ease;
  pointer-events: none;
}

#sopheaLoadingBar.is-klaar {
  transition: width 0.15s ease, opacity 0.25s ease 0.05s;
}

#sopheaLoadingBar.is-verborgen {
  opacity: 0;
}