#wrapper {
  transition: opacity 0.4s ease;
}
body.loading #wrapper {
  opacity: 0;
}
body.reveal #wrapper {
  opacity: 1; 
}

/*
body.loading #main, 
body.loading header,
body.loading #site-header { opacity: 0 !important; }
*/

#dipimacu-loader {
  position: fixed;
  inset: 0;
  background: white;
  z-index: 999999 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.4s ease;  /* sincron cu wrapper */
}
svg#bread-loader { width: 120px; height: auto; }

#dipimacu-loader.is-fading {
  opacity: 0 !important;
  background: transparent !important;
  pointer-events: none !important;
}
#dipimacu-loader.is-gone {
  display: none !important;
}

@media (prefers-reduced-motion: reduce) {
  #wrapper, #dipimacu-loader { transition: none !important; }
}