#preloder{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  top:0;
  left:0;
  z-index:99999;
  background: rgb(0, 0, 0);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  display:block;
  pointer-events:auto;
}
#preloder .preload-img{
  position:fixed;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:auto;
  height:auto;
  min-width:150px;
  min-height:150px;
  padding:8px 12px;
  background: url("../images/logos/main.webp") center center no-repeat transparent;
  background-size: 120px auto; /* small logo size — adjust as desired */
  z-index:100000;
  pointer-events:none;
  display:block;
}

/* Position loader relative to the small logo — centered below the logo */
#preloder .loader{
  position:fixed;
  top: 22%;
  left:22%;
  transform:translateX(-50%);
  z-index:100001;
  width:110px;
  height:110px;
}
#preloder.active ~ *{
  pointer-events: none;
}