/* A single turquoise studio and a flush circular floor, shared by every car. */
.amitut-car-sales .showroom-stage {
  background: radial-gradient(ellipse at 50% 27%, #2c7779 0, #164b52 35%, #102e35 66%, #0b1d23 100%);
}
.amitut-car-sales .showroom-stage::before {
  content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background: linear-gradient(180deg, transparent 41%, #11191b55 53%, #1b2022f5 74%, #101516 100%);
}
.amitut-car-sales .orbit-floor {
  position: absolute; left: 50%; transform: translate(-50%, -50%); border-radius: 50%;
  pointer-events: none; overflow: hidden; z-index: 1;
  background: radial-gradient(ellipse, #ffffff04 0%, #080c0d0d 66%, #899b9d10 97%, transparent 100%);
  box-shadow: inset 0 -1px 1px #aabdbd1c, inset 0 1px 1px #d4ebe911;
}
.amitut-car-sales .orbit-floor-grain {
  position: absolute; width: 100%; aspect-ratio: 1; top: 50%; left: 50%;
  transform: translate(-50%, -50%) scaleY(.072) rotate(var(--floor-turn, 0deg));
  background: repeating-conic-gradient(from 0deg, transparent 0deg 44.92deg, #a5b3b309 44.94deg 45deg),
    conic-gradient(from 18deg, #90aaac0b, transparent 17%, #a0babc06 33%, transparent 47%, #6d7c7c0a 74%, transparent);
  border-radius: 50%;
}
.amitut-car-sales .orbit-cars {position: absolute; inset: 0; pointer-events: none; z-index: 2}
.amitut-car-sales .orbit-car {position: absolute; pointer-events: none; will-change: transform, opacity}
.amitut-car-sales .orbit-car img {
  display: block; width: 100%; height: 100%; object-fit: contain; user-select: none;
  mask-image: linear-gradient(to bottom, #000 0%, #000 80%, #000b 85%, #0003 94%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 80%, #000b 85%, #0003 94%, transparent 100%);
}
.amitut-car-sales .orbit-caption {
  position: absolute; top: calc(var(--ground-anchor) + 9%); left: 50%; transform: translateX(-50%);
  color: #cad7d4; font-size: 11px; letter-spacing: 2px; text-transform: uppercase;
  opacity: var(--caption-opacity); white-space: nowrap; text-shadow: 0 1px 9px #000;
}
.amitut-car-sales .showroom-stage .showroom-label,
.amitut-car-sales .showroom-stage .showroom-counter,
.amitut-car-sales .showroom-stage .showroom-dots {z-index: 40}
.amitut-car-sales .showroom-stage .showroom-arrow {z-index: 41}
@media(max-width:600px) {
  .amitut-car-sales .orbit-caption {font-size: 8px; letter-spacing: 1px}
}

/* Keep the server-rendered vehicle visible until the orbit images are decoded. */
.amitut-car-sales .showroom-stage:not(.orbit-ready) .orbit-cars{display:none}