/* Eğitmen portre SSOT — kaynak 500×500, görüntüleme slotları türetilir */

:root,
.mup-kadro,
.mup-program,
.mup-kit,
.mup-portal {
  /* Kaynak sözleşmesi */
  --mup-portrait-size: 500;
  --mup-portrait-ratio: 1 / 1;
  --mup-portrait-intrinsic-w: 500px;
  --mup-portrait-intrinsic-h: 500px;

  /* Admin upload önizleme (88×88) */
  --mup-portrait-admin-preview: 5.5rem;
  --mup-portrait-admin-compact: var(--mup-portrait-admin-preview);
  --mup-portrait-preview-card-max: 320px;

  /* Program / kit cutout — 500×500 kaynağa göre kalibre */
  --mup-portrait-program-scale: 1.12;
  --mup-portrait-program-scale-hover: 1.16;
  --mup-portrait-program-translate-y: 12%;
  --mup-portrait-program-translate-x-hover: -2%;

  /* Kit remote cutout (eski 1.35 / 16%) */
  --mup-portrait-kit-remote-scale: 1.18;
  --mup-portrait-kit-remote-translate-y: 12%;

  /* Kart kabuğu — display slot (değişmez) */
  --mup-card-aspect-ratio: 4 / 5;
  --mup-card-height-mobile: 22rem;

  /* Sosyal kit program pan/zoom default */
  --sk-por-s-default-program: var(--mup-portrait-program-scale);
  --sk-por-ty-default-program: var(--mup-portrait-program-translate-y);

  /* Görüntüleme slotları — 500×500 kare kaynak (yüz merkezde) */
  --mup-portrait-slot-kadro-position: center 18%;
  --mup-portrait-slot-program-position: center 88%;
  --mup-portrait-slot-kit-position: center 22%;
  --mup-portrait-slot-cutout-position: center 85%;
}

/* Yalnızca admin thumb — vitrin slotları kendi geometrisini kullanır */
.mup-studio-portrait__preview .mup-portrait-img,
.mup-avatar-slot__img.mup-portrait-img {
  aspect-ratio: var(--mup-portrait-ratio);
  object-fit: cover;
  object-position: center top;
}

.mup-kadro-card__portrait-img.mup-portrait-img {
  aspect-ratio: unset;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--mup-portrait-slot-kadro-position, center 18%);
}

.mup-program-card__portrait-img.mup-portrait-img {
  aspect-ratio: unset;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: var(--mup-portrait-slot-program-position, center 88%);
}

.mup-kit__program-card__avatar.mup-portrait-img {
  aspect-ratio: unset;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: var(--mup-portrait-slot-program-position, center 88%);
}

.mup-kit__instructor-portrait__img.mup-portrait-img,
.mup-kit__instructor-cutout__img.mup-portrait-img {
  aspect-ratio: unset;
  object-position: var(--mup-portrait-slot-kit-position, center 22%);
}

.mup-kit__instructor-cutout__img.mup-portrait-img {
  object-position: var(--mup-portrait-slot-cutout-position, center 85%);
}

@media (max-width: 720px) {
  :root,
  .mup-portal {
    --mup-portrait-admin-compact: 4.75rem;
  }
}