.cc_lz85qzy3_VvQdWY3GQW .kontrol {
  width: 100%;
  padding: var(--space-2xl) 0;
  background: var(--color-surface);
  color: var(--color-text-primary);
}

.cc_lz85qzy3_VvQdWY3GQW .kontrol__container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 5vw, 5rem);
}

.cc_lz85qzy3_VvQdWY3GQW .kontrol__eyebrow {
  margin: 0 0 var(--space-sm);
  font-family: var(--font-label);
  font-size: var(--text-label);
  font-weight: var(--weight-medium);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-eyebrow);
  text-transform: uppercase;
  color: var(--color-accent-text);
}

.cc_lz85qzy3_VvQdWY3GQW .kontrol__heading {
  margin: 0 0 var(--space-md);
  max-width: 18ch;
  font-family: var(--font-display);
  font-size: var(--text-h2);
  font-weight: var(--weight-light);
  line-height: var(--leading-snug);
  letter-spacing: var(--tracking-tight);
  color: var(--color-text-primary);
  text-wrap: balance;
}

.cc_lz85qzy3_VvQdWY3GQW .kontrol__description {
  margin: 0 0 var(--space-xl);
  max-width: 54ch;
  font-family: var(--font-body);
  font-size: var(--text-body-lg);
  font-weight: var(--weight-regular);
  line-height: var(--leading-relaxed);
  color: var(--color-text-secondary);
}

.cc_lz85qzy3_VvQdWY3GQW .kontrol__duzen {
  display: grid;
  gap: var(--space-xl);
}

/* Sahne yüksekliği SABİT: model geç gelirse kutu yerini tutuyor, sayfa
   yükleme anında zıplamıyor. */
.cc_lz85qzy3_VvQdWY3GQW .kontrol__sahne {
  position: relative;
  border-radius: var(--radius-xl);
  background: var(--color-surface-alt);
  overflow: hidden;
}

.cc_lz85qzy3_VvQdWY3GQW .kontrol__sahne--maske {
  height: 20rem;
}

.cc_lz85qzy3_VvQdWY3GQW .kontrol__sahne--kumanda {
  height: 22rem;
}

.cc_lz85qzy3_VvQdWY3GQW .kontrol__viewer {
  display: block;
  width: 100%;
  height: 100%;
  background: transparent;
  --poster-color: transparent;
  /* Hotspot'lar tam tuşun üstünde; modelin arkasına düşenler görünmesin. */
  --min-hotspot-opacity: 0;
}

/* Cihaz açıkken sahnenin ardında beliren ışık. Modelin üstüne binen bir
   efekt değil, arkasındaki ortam — cihaz ışık yayıyor, sahne aydınlanıyor. */
.cc_lz85qzy3_VvQdWY3GQW .kontrol__hale {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 26rem;
  height: 26rem;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  filter: blur(72px);
  opacity: 0;
  transition: opacity 520ms var(--ease-out), background 520ms var(--ease-out);
  pointer-events: none;
}

.cc_lz85qzy3_VvQdWY3GQW .kontrol__loading {
  position: absolute;
  inset: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-body);
  font-size: var(--text-small);
  font-weight: var(--weight-regular);
  line-height: var(--leading-normal);
  color: var(--color-text-muted);
}

/* --- kumandanın üstündeki tuşlar ---------------------------------------- */

.cc_lz85qzy3_VvQdWY3GQW .kontrol__tus {
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--color-text-on-inverse);
  opacity: 0.6;
  /* MODEL-VIEWER HOTSPOT'LARI VARSAYILAN OLARAK TIKLANAMAZ.
     Öğe, yörünge sürüklemesini engellememek için hotspot yuvasına
     `pointer-events: none` veriyor. Tuşlar ekranda görünüyor, imleç bile
     değişiyor ama tıklama modele gidiyor — canlıda ölçüldü:
     `elementFromPoint` tuşun tam ortasında MODEL-VIEWER döndürdü.
     Tuşlar için geri açılır; ekran metni (`.kontrol__ekran`) kapalı kalır,
     orası tıklanacak bir şey değil. */
  pointer-events: auto;
  cursor: pointer;
  display: grid;
  place-items: center;
  touch-action: manipulation;
  transition: transform 120ms var(--ease-out), opacity 200ms var(--ease-out);
}

.cc_lz85qzy3_VvQdWY3GQW .kontrol__tus:hover {
  opacity: 1;
}

.cc_lz85qzy3_VvQdWY3GQW .kontrol__tus:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

.cc_lz85qzy3_VvQdWY3GQW .kontrol__tus.is-basili {
  transform: scale(0.9);
  opacity: 1;
}

.cc_lz85qzy3_VvQdWY3GQW .kontrol__tus-simge {
  font-family: var(--font-label);
  font-size: var(--text-small);
  font-weight: var(--weight-medium);
  line-height: var(--leading-normal);
}

.cc_lz85qzy3_VvQdWY3GQW .kontrol__ekran {
  font-family: var(--font-label);
  font-size: var(--text-body);
  font-weight: var(--weight-medium);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-eyebrow);
  color: var(--color-text-on-inverse);
  pointer-events: none;
  white-space: nowrap;
  transition: color 320ms var(--ease-out);
}

/* --- okuma paneli -------------------------------------------------------- */

.cc_lz85qzy3_VvQdWY3GQW .kontrol__panel {
  display: grid;
  gap: var(--space-lg);
  margin-top: var(--space-xl);
}

.cc_lz85qzy3_VvQdWY3GQW .kontrol__durum {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  margin: 0 0 var(--space-sm);
  font-family: var(--font-label);
  font-size: var(--text-label);
  font-weight: var(--weight-medium);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-eyebrow);
  text-transform: uppercase;
  color: var(--color-text-muted);
}

.cc_lz85qzy3_VvQdWY3GQW .kontrol__nokta {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--color-border);
  transition: background 320ms var(--ease-out);
}

.cc_lz85qzy3_VvQdWY3GQW .kontrol__mod {
  margin: 0 0 var(--space-xs);
  font-family: var(--font-display);
  font-size: var(--text-h3);
  font-weight: var(--weight-light);
  line-height: var(--leading-snug);
  letter-spacing: var(--tracking-tight);
  color: var(--color-text-primary);
  text-wrap: balance;
}

.cc_lz85qzy3_VvQdWY3GQW .kontrol__mod-body {
  margin: 0;
  min-height: 4.5rem;
  max-width: 42ch;
  font-family: var(--font-body);
  font-size: var(--text-body);
  font-weight: var(--weight-regular);
  line-height: var(--leading-relaxed);
  color: var(--color-text-secondary);
}

.cc_lz85qzy3_VvQdWY3GQW .kontrol__olcu {
  display: flex;
  gap: var(--space-xl);
  margin: 0;
  padding: 0;
}

.cc_lz85qzy3_VvQdWY3GQW .kontrol__olcu-satir dt {
  margin: 0 0 var(--space-xs);
  font-family: var(--font-label);
  font-size: var(--text-label);
  font-weight: var(--weight-medium);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-eyebrow);
  text-transform: uppercase;
  color: var(--color-text-muted);
}

.cc_lz85qzy3_VvQdWY3GQW .kontrol__olcu-satir dd {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--text-h3);
  font-weight: var(--weight-light);
  line-height: var(--leading-snug);
  color: var(--color-text-primary);
  font-variant-numeric: tabular-nums;
}

.cc_lz85qzy3_VvQdWY3GQW .kontrol__anlatim {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: var(--space-sm);
}

.cc_lz85qzy3_VvQdWY3GQW .kontrol__anlatim li {
  display: flex;
  align-items: flex-start;
  gap: var(--space-sm);
  font-family: var(--font-body);
  font-size: var(--text-small);
  font-weight: var(--weight-regular);
  line-height: var(--leading-relaxed);
  color: var(--color-text-secondary);
}

.cc_lz85qzy3_VvQdWY3GQW .kontrol__anlatim b {
  font-weight: var(--weight-medium);
  color: var(--color-text-primary);
}

.cc_lz85qzy3_VvQdWY3GQW .kontrol__anlatim-simge {
  flex: none;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  border: 1px solid var(--color-border);
  display: grid;
  place-items: center;
  font-family: var(--font-label);
  font-size: var(--text-label);
  font-weight: var(--weight-medium);
  line-height: var(--leading-normal);
  color: var(--color-text-muted);
}

.cc_lz85qzy3_VvQdWY3GQW .kontrol__footnote {
  margin: var(--space-lg) 0 0;
  max-width: 68ch;
  font-family: var(--font-body);
  font-size: var(--text-small);
  font-weight: var(--weight-regular);
  line-height: var(--leading-relaxed);
  color: var(--color-text-muted);
}

@media (min-width: 768px) {
  .cc_lz85qzy3_VvQdWY3GQW .kontrol__sahne--maske {
    height: 26rem;
  }

  .cc_lz85qzy3_VvQdWY3GQW .kontrol__sahne--kumanda {
    height: 26rem;
  }

  .cc_lz85qzy3_VvQdWY3GQW .kontrol__panel {
    grid-template-columns: 1.6fr 1fr;
    align-items: start;
  }

  .cc_lz85qzy3_VvQdWY3GQW .kontrol__panel-mod {
    grid-row: span 2;
  }
}

@media (min-width: 1024px) {
  /* Maske geniş, kumanda ince ve uzun — ikisi yan yana bu oranda oturuyor. */
  .cc_lz85qzy3_VvQdWY3GQW .kontrol__duzen {
    grid-template-columns: 1.7fr 1fr;
    align-items: stretch;
    gap: var(--space-lg);
  }

  .cc_lz85qzy3_VvQdWY3GQW .kontrol__sahne--maske, .cc_lz85qzy3_VvQdWY3GQW .kontrol__sahne--kumanda {
    height: 32rem;
  }

  .cc_lz85qzy3_VvQdWY3GQW .kontrol__panel {
    grid-template-columns: 1.7fr 0.5fr 1fr;
    align-items: start;
    gap: var(--space-xl);
  }

  .cc_lz85qzy3_VvQdWY3GQW .kontrol__panel-mod {
    grid-row: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cc_lz85qzy3_VvQdWY3GQW .kontrol__tus, .cc_lz85qzy3_VvQdWY3GQW .kontrol__hale, .cc_lz85qzy3_VvQdWY3GQW .kontrol__ekran, .cc_lz85qzy3_VvQdWY3GQW .kontrol__nokta {
    transition: none;
  }
}

/* Maskeyi çıkar / tak — sahnenin içinde, modelin önünde durur. */



@media (prefers-reduced-motion: reduce) {
}