/* ============================================================
   Luiertaart van Jade — gedeelde stijlen
   Deze extra stijlen gelden op ELKE pagina.
   ============================================================ */

/* Verbergt de scrollbalk bij de horizontale productenrij op de homepage */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Zachte "fade-in" voor het mobiele menu */
.animate-fade-in {
  animation: fadeIn 0.4s ease-out;
}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-10px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Productfoto-galerij: vloeiend doorschuiven (valt terug op direct
   springen bij "verminder bewegingen", dus werkt overal) */
.gallery-track {
  scroll-behavior: smooth;
}

/* Onderdelen die rustig in beeld schuiven als je naar beneden scrollt */
.scroll-hidden {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.scroll-visible {
  opacity: 1;
  transform: translateY(0);
}