#preloader {
  position: fixed; inset: 0; z-index: 1000000;
  background: #fff; opacity: .8;
  display: flex; align-items: center; justify-content: center;
  transition: opacity .5s ease, visibility .5s ease;
}
#preloader.sakrij { opacity: 0; visibility: hidden; }

#preloader { animation: preloader-rezerva .5s ease 8s forwards; }
@keyframes preloader-rezerva { to { opacity: 0; visibility: hidden; } }

.preloader-tacke { display: flex; gap: 20px; }
.preloader-tacke span {
  width: 20px; height: 20px; border-radius: 50%;
  background: #333;
  animation: preloader-tacka 1.5s infinite;
}
.preloader-tacke span:nth-child(2) { animation-delay: .25s; }
.preloader-tacke span:nth-child(3) { animation-delay: .5s; }

@keyframes preloader-tacka { 75% { transform: scale(0); } }

.zaglavlje {
  position: absolute; top: 0; left: 0; right: 0; z-index: 1000;
  height: var(--header-h);
  display: flex; align-items: center;
  background: transparent;
  transition: background-color .3s ease;
}
.zaglavlje-unutra {
  width: 100%; padding: 0 65px;
  display: flex; align-items: center; gap: 20px;
  position: relative;
}

.logo img { height: var(--logo-h); width: auto; }

.glavni-meni {
  display: flex; align-items: center; gap: 0;
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
}
.glavni-meni > li > a {
  display: block; padding: 15px;
  font-family: var(--font-naslov); font-size: 17px; font-weight: 400; line-height: 25.5px; letter-spacing: normal;
  color: var(--tekst-svetli); position: relative;
}
.glavni-meni > li > a::after {
  content: ''; position: absolute; left: 15px; right: 15px; bottom: 0;
  height: 2px; background: var(--tekst-svetli);
  transform: scaleX(0); transform-origin: left; transition: transform .3s ease;
}
.glavni-meni > li > a:hover::after,
.glavni-meni > li.aktivna > a::after { transform: scaleX(1); }

.zaglavlje-desno { display: flex; align-items: center; gap: 41px; margin-left: auto; }

.dugme-pretrage {
  background: none; border: 0; padding: 0; cursor: pointer;
  width: 24px; height: 24px; font-size: 24px; color: var(--tekst-svetli);
  display: flex; align-items: center; justify-content: center;
  transition: color var(--prelaz);
}
.dugme-pretrage::before { content: '\e9b6'; }
.dugme-pretrage:hover { color: var(--akcenat); }

.zaglavlje .dugme { padding: 13px 40px; min-width: 168px; justify-content: center; gap: 6px; }

.ikona-torba { width: 13px; height: 15px; font-size: 11.7px; line-height: 15px; margin-top: -2px;
  display: inline-flex; align-items: center; justify-content: center; }
.ikona-torba::before { content: '\ea0d'; }

.stiki {
  position: fixed; top: 0; left: 0; right: 0; z-index: 1001;
  height: var(--sticky-h);
  background: var(--footer-bg);
  display: flex; align-items: center;
  transform: translateY(-100%);
  transition: transform .4s cubic-bezier(.46,.03,.52,.96);
}
.stiki.vidljiv { transform: translateY(0); }
.stiki .logo img { height: var(--logo-h-stiki); }

.hamburger {
  display: none; background: none; border: 0; cursor: pointer;
  width: 23px; height: 28px; padding: 0; color: var(--tekst-svetli);
  font-size: 16px; line-height: 19px;
  align-items: center; justify-content: center;
}
.hamburger::before { content: '\e9d7'; }

.mobilni-meni {
  position: fixed; left: 0; right: 0; top: 0; height: 0; z-index: 100002;
  background: var(--meni-bg); overflow: hidden;
  transition: height .45s cubic-bezier(.5,1,.89,1);
}
.mobilni-meni.otvoren { height: 100vh; height: 100dvh; }
.mobilni-meni-unutra {
  height: 100vh; height: 100dvh; padding: 24px 20px;
  display: flex; flex-direction: column; align-items: center;
}
.mobilni-meni-vrh { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; }

.mobilni-meni-vrh .logo img { height: 62px; width: auto; }
.zatvori-meni {
  background: none; border: 0; cursor: pointer; padding: 4px;
  color: var(--tekst-svetli); line-height: 0;
}
.zatvori-meni svg { width: 18px; height: 18px; }

.mobilni-meni nav { margin-top: 46px; width: 100%; }
.mobilni-meni nav a {
  display: block; text-align: center; padding: 8px 0;
  font-family: var(--font-naslov); font-size: 19px; font-weight: 700;
  color: var(--tekst-svetli); line-height: 23px;
}
.mobilni-meni nav a:hover { color: var(--akcenat); }

body.meni-otvoren { overflow: hidden; }