/* تعديل تأثير loader */
.loader-init {
 
  background-image: url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/RvBmX/1T7gGcJ9E04kDaQmNa2qCsKahEN1217OM7fQx3zl.png') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 150px !important;
  width: 100vw !important;
  height: 100vh !important;
  position: fixed !important;
  top: 0;
  background: #ffffff;
/* make var for color */
position: fixed;
z-index: 999999;
background: #ffffff71;
-webkit-backdrop-filter: blur(16px);
backdrop-filter: blur(20px);
animation-name: logoZoom ;
animation-duration: 2s;
animation-duration: 2s;
left: 0;
z-index: 9999;
display: flex !important;
align-items: center;
justify-content: center;
animation: fadeOut 6s ease 4s forwards; /* تسريع الـ animation */
animation-delay: 4s; /* تأخير نصف ثانية إضافية */
}

.loader-init::after {
  display: none !important;
  /* make var for color */
position: fixed;
z-index: 999999;
background: #ffffff71;
-webkit-backdrop-filter: blur(16px);
backdrop-filter: blur(20px);
animation-name: loader ;
animation-duration: 2s;
animation-duration: 2s

}

.loader-init::before {
  content: "";
  display: block;
  width: 150px;
  height: 150px;
  background-image: url('https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/RvBmX/1T7gGcJ9E04kDaQmNa2qCsKahEN1217OM7fQx3zl.png') !important;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  animation: logoZoom 1.5s infinite ease-in-out;
}

@keyframes logoZoom {
   100% {
    transform: scale(4);
  }
  0% {
    transform: scale(1.08);
  }
}

@keyframes fadeOut {
  to {
    opacity: 0;
    visibility: hidden;
  }
}