/* ==========================================================================
   Açılış animasyonu — kardeş v2 sitelerinin (jinekolojiderobotikcerrahi v2)
   splash'ının aynısı: "Prof. Dr. Taner Usta" logosunun "e"si tek başına ve
   büyük durur, lacivert bir halka iki tur atar, sonra düz bir çizgiye açılıp
   sağa süpürülürken logonun geri kalanını altından çizer; pembe bir çizgiyle
   biter. Tamamen CSS: JS çalışmasa da kendiliğinden kalkar (4.35 s + .6 s).

   Ölçüler logo görselinden: kelime işaretinin yüksekliği genişliğinin
   %8.978'i, "e" merkezi soldan %66.760, mürekkep merkezi dikeyde %62.736.
   ========================================================================== */
.pageloader {
  --pl-navy: var(--navy, #001937);
  --pl-grad: linear-gradient(90deg, #e55691, #c73f78);
  --pl-ease: cubic-bezier(.22, .61, .36, 1);
  position: fixed; inset: 0; z-index: 100000; overflow: hidden;
  display: flex; align-items: center; justify-content: center;
  background: #fff;
  animation: pl-dismiss .6s var(--pl-ease) 4.35s forwards;
}
.pageloader.is-skipped { display: none; }
.pageloader__stage {
  --pl-logo: 760px;                                        /* logo genişliği */
  --pl-ex:    calc(var(--pl-logo) * .66760);               /* "e" merkezi, soldan */
  --pl-shift: calc(var(--pl-logo) / 2 - var(--pl-ex));     /* "e"yi ekran ortasına alır */
  --pl-left:  calc(var(--pl-ex) * -1);
  --pl-right: calc(var(--pl-logo) - var(--pl-ex));
  --pl-r:     calc(var(--pl-logo) * .053);                 /* halka yarıçapı */
  --pl-th:    max(3px, calc(var(--pl-logo) * .0053));      /* çizgi kalınlığı */
  --pl-big: 4.2;
  position: relative;
  width: var(--pl-logo);
  height: calc(var(--pl-logo) * .08978);
  transform-origin: var(--pl-ex) 62.736%;
  animation: pl-stage 4.35s linear forwards;
}
.pageloader__word, .pageloader__e { position: absolute; inset: 0; overflow: hidden; }
.pageloader__word img, .pageloader__e img { display: block; width: 100%; height: auto; max-width: none; }
.pageloader__word { clip-path: inset(0 100% 0 0); animation: pl-reveal 4.35s linear forwards; }
.pageloader__e { clip-path: inset(0 30.475% 0 63.995%); }
.pageloader__orbit {
  position: absolute; top: 62.736%; left: var(--pl-ex);
  width: 0; height: 0;
  animation: pl-orbit 4.35s linear forwards;
}
.pageloader__line {
  position: absolute;
  left: calc(var(--pl-r) * -2.6); top: calc(var(--pl-r) * -1.3);
  width: calc(var(--pl-r) * 5.2); height: calc(var(--pl-r) * 2.6);
  max-width: none; max-height: none;
  overflow: visible;
  animation: pl-line 4.35s linear forwards;
}
.pageloader__line path {
  fill: none; stroke: var(--pl-navy); stroke-linecap: round;
  animation: pl-uncurl 4.35s linear forwards;
}
.pageloader__rule {
  position: absolute; left: 0; bottom: -14px;
  height: 2px; width: 100%; border-radius: 2px;
  background: var(--pl-grad);
  transform: scaleX(0); transform-origin: 0 50%;
  animation: pl-rule 4.35s var(--pl-ease) forwards;
}
@keyframes pl-orbit {
  0%     { transform: rotate(0deg); animation-timing-function: cubic-bezier(.35, 0, .25, 1); }
  45.9%  { transform: rotate(720deg); }
  100%   { transform: rotate(720deg); }
}
@keyframes pl-uncurl {
  0%, 45.9% { d: path("M-79.34 60.88 C-106.89 24.97 -106.89 -24.97 -79.34 -60.88");
              stroke-width: calc(var(--pl-th) * 1.5 / var(--pl-big));
              animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  56.3%, 100% { d: path("M-200 0 C-133.33 0 -66.67 0 0 0"); stroke-width: var(--pl-th); }
}
@keyframes pl-line {
  0%, 45.9%   { transform: translateX(0); opacity: 1;
                animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  56.3%       { transform: translateX(calc(var(--pl-left) + var(--pl-r) * 2)); opacity: 1;
                animation-timing-function: cubic-bezier(.45, 0, .2, 1); }
  82.8%       { transform: translateX(calc(var(--pl-right) + var(--pl-r) * 2)); opacity: 1; }
  87.4%, 100% { transform: translateX(calc(var(--pl-right) + var(--pl-r) * 2)); opacity: 0; }
}
@keyframes pl-reveal {
  0%, 56.3% { clip-path: inset(0 100% 0 0); animation-timing-function: cubic-bezier(.45, 0, .2, 1); }
  82.8%     { clip-path: inset(0 0% 0 0); }
  100%      { clip-path: inset(0 0% 0 0); }
}
@keyframes pl-stage {
  0%, 45.9% { transform: translateX(var(--pl-shift)) scale(var(--pl-big));
              animation-timing-function: cubic-bezier(.65, 0, .35, 1); }
  56.3%     { transform: translateX(var(--pl-shift)) scale(1);
              animation-timing-function: cubic-bezier(.45, 0, .2, 1); }
  82.8%     { transform: translateX(0) scale(1); }
  100%      { transform: translateX(0) scale(1); }
}
@keyframes pl-rule {
  0%, 82.8% { transform: scaleX(0); }
  95.4%     { transform: scaleX(1); }
  100%      { transform: scaleX(1); }
}
@keyframes pl-dismiss { to { opacity: 0; visibility: hidden; pointer-events: none; } }
@media (max-width: 1000px) {
  .pageloader__stage { --pl-logo: 560px; }
}
@media (max-width: 640px) {
  .pageloader__stage { --pl-logo: 300px; --pl-big: 3.2; }
}
@media (prefers-reduced-motion: reduce) { .pageloader { display: none; } }
/* Arapça (rtl) sayfada da logo soldan sağa çizilsin */
.pageloader__stage { direction: ltr; }