.loader,
#loader,
[class*="loader"],
[class*="loading"] {
  z-index: 9999 !important;
}

/* Preloader z-index - header dan past */
#preloader,
[class*="preloader"] {
  z-index: 9999 !important;
  margin-top: -100px;
}

/* Header base styles - eng yuqori z-index */
header.header,
header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 9998 !important;
  transition: all 0.3s ease-out;
  background: transparent !important;

}
.hero-block{
  margin-top: -200px !important;
}
/* Header container blur effect */
header .container,
header .header-container {
  transition: all 0.3s ease-out;
  position: relative;
}

/* Scrolled state - blur effect */
header.header-scrolled .container,
header.header-scrolled .header-container {
  -webkit-backdrop-filter: blur(0.5px) !important;
}

/* Agar container bo'lmasa, header ga to'g'ridan-to'g'ri qo'llash */
header.header-scrolled {
  -webkit-backdrop-filter: blur(0.5px) !important;
}



/* Mobile adjustments */
@media (max-width: 768px) {
  body {
    padding-top: 70px;
  }
  
  header.header-scrolled .container,
  header.header-scrolled .header-container {
    border-radius: 16px 16px 16px 16px !important;
  }
}

/* Desktop adjustments */
@media (min-width: 769px) {
  header.header-scrolled .container,
  header.header-scrolled .header-container {
    border-radius: 30px 30px 30px 30px !important;
    margin-top: 10px !important;
  }
}