.loading-area{
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;

  /* 👇 Cam efekti */
  background: rgba(255, 255, 255, 0.65);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  z-index: 9999;

  opacity: 1;
  visibility: visible;
  transition: opacity .6s ease, visibility .6s ease;
}

/* Tamamen kaybolmasın */
.loading-area.hide{
  opacity: 0.15;              /* 👈 sıfır değil */
  visibility: visible;
  pointer-events: none;
}

.loader-svg{
  display: block;
}

/* Dikdörtgen */
.loader-rect{
  fill: none;
  stroke: #000;
  stroke-width: 6;
  rx: 0;
  ry: 0;

  stroke-dasharray: 236 40 236 40;
  animation: dash 8s linear infinite;
}

@keyframes dash{
  to { stroke-dashoffset: -552; }
}

/* Yazı */
.loader-text{
  fill: #000;
  font-size: 60px;
  font-weight: 900;
  letter-spacing: 2px;
  user-select: none;
}