#page-loader{
  position: fixed;
  inset: 0;                 /* top:0; right:0; bottom:0; left:0; */
  background: #fff;         /* arkaplan rengi */
  z-index: 99999;
  display:flex;
  align-items:center;
  justify-content:center;
  transition: opacity .3s ease;
}
#page-loader.hidden{
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.loader-inner{
  text-align:center;
}
.loader-logo{
    width: 200px;
    height: 200px;
    animation: spin 5s linear infinite;
    display: block;
    margin: auto;
}
@keyframes spin{
  from{ transform: rotate(0deg); }
  to  { transform: rotate(360deg); }
}