/* Bálatologató – betöltőképernyő */
#loader {
  position: fixed; inset: 0; z-index: 100;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 28px;
  background: linear-gradient(#bfe9fb, #9fdcf7 60%, #86c95a 60.1%, #7cc452);
  transition: opacity .5s ease, visibility .5s;
}
#loader img { width: min(46vw, 220px); height: auto; animation: loaderBob 1.6s ease-in-out infinite; }
#loader .bar { width: min(60vw, 260px); height: 14px; border-radius: 99px; background: rgba(255,255,255,.6); overflow: hidden; box-shadow: inset 0 2px 4px rgba(0,0,0,.12); }
#loader .bar i { display: block; height: 100%; width: 40%; border-radius: 99px; background: var(--pink-dark); animation: loaderBar 1.1s ease-in-out infinite; }
#loader.hide { opacity: 0; visibility: hidden; }

@keyframes loaderBob { 50% { transform: translateY(-10px) rotate(-3deg); } }
@keyframes loaderBar { from { transform: translateX(-100%); } to { transform: translateX(260%); } }