/* Add custom CSS styles below */ 
/* شاشة تحميل شعار المتجر */
:root {
  --loader-logo: url("https://cdn.files.salla.network/theme/430027144/ac1e54d4-cedb-417f-a0b7-5f49e2a812af-original.webp");
  --loader-background: #ffffff;
  --loader-delay: 0.95s;
  --loader-fade: 0.45s;
}

/* خلفية شاشة التحميل */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  background: var(--loader-background);
  z-index: 999998;
  opacity: 1;
  visibility: visible;
  pointer-events: none;
  animation: loader-screen-out var(--loader-fade) ease
    var(--loader-delay) forwards;
}

/* شعار المتجر */
body::after {
  content: "";
  position: fixed;
  top: 50%;
  left: 50%;
  width: clamp(120px, 22vw, 190px);
  height: clamp(120px, 22vw, 190px);
  background: var(--loader-logo) center / contain no-repeat;
  transform: translate(-50%, -50%);
  z-index: 999999;
  opacity: 1;
  visibility: visible;
  pointer-events: none;
  animation:
    loader-logo-pulse 0.85s ease-in-out infinite,
    loader-logo-out var(--loader-fade) ease
      var(--loader-delay) forwards;
}

/* حركة بسيطة للشعار */
@keyframes loader-logo-pulse {
  0%,
  100% {
    transform: translate(-50%, -50%) scale(0.96);
    opacity: 0.75;
  }

  50% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}

/* اختفاء الشعار */
@keyframes loader-logo-out {
  to {
    opacity: 0;
    visibility: hidden;
  }
}

/* اختفاء الخلفية */
@keyframes loader-screen-out {
  to {
    opacity: 0;
    visibility: hidden;
  }
}