/* css/urun-3d.css — Saraylı Künefe
   Ana sayfadaki 3B ürün görünümü (assets/models/urun.glb).
   ar.css'teki .ar-sahne / [data-hata] deseniyle aynı mantığı izler. */

.urun3d-sahne {
  position: relative;
  max-width: 560px;
  margin: 0 auto;
  border-radius: var(--kart-radius, 1.25rem);
  overflow: hidden;
  background: radial-gradient(circle at 50% 40%, rgba(200,134,10,0.14), transparent 70%);
  min-height: min(52vh, 440px);
}

.urun3d-sahne model-viewer {
  display: block;
  width: 100%;
  height: min(52vh, 440px);
  --poster-color: transparent;
  background-color: transparent;
}

/* Model yüklenemedi / WebGL yoksa — PNG'ye düş */
.urun3d-hata {
  display: none;
  position: absolute;
  inset: 0;
  border-radius: inherit;
  overflow: hidden;
}
.urun3d-sahne[data-hata="1"] .urun3d-hata { display: block; }
.urun3d-hata img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.urun3d-hata p {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  margin: 0;
  padding: 0.6rem 1rem;
  font-size: 0.85rem;
  text-align: center;
  color: rgba(250,243,224,0.9);
  background: rgba(26,10,0,0.72);
}

.urun3d-ipucu {
  text-align: center;
  margin: 1rem 0 0;
  font-size: 0.9rem;
  color: rgba(250,243,224,0.55);
}

@media (max-width: 480px) {
  .urun3d-sahne,
  .urun3d-sahne model-viewer { min-height: min(46vh, 340px); height: min(46vh, 340px); }
}