.blender-preview {
  position: relative;
  overflow: hidden;
  background: #050608;
}

.blender-preview > video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  filter: contrast(1.08) saturate(.86) brightness(.82);
  transform: scale(1.015);
}

.preview-vignette {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at 50% 48%, transparent 25%, #0008 100%), linear-gradient(#0008 0, transparent 28%, transparent 72%, #000b 100%);
}

.preview-badge {
  position: absolute;
  left: 1.2rem;
  top: 1.2rem;
  padding: .65rem .9rem;
  color: #fff;
  background: #080c0fd9;
  border: 1px solid #ffffff38;
  border-radius: 999px;
  font-size: .67rem;
  font-weight: 850;
  letter-spacing: .08em;
  backdrop-filter: blur(12px);
}

.preview-badge i {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: .45rem;
  background: var(--yellow);
  border-radius: 50%;
  box-shadow: 0 0 12px var(--yellow);
}

.tour-controls {
  position: absolute;
  left: 50%;
  bottom: 1.4rem;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: .55rem .7rem .55rem .55rem;
  background: #080c0fdd;
  border: 1px solid #ffffff2f;
  border-radius: 999px;
  backdrop-filter: blur(12px);
}

.tour-controls button {
  padding: .7rem 1rem;
  color: #111;
  background: var(--yellow);
  border: 0;
  border-radius: 999px;
  font-weight: 850;
}

.tour-controls span {
  padding-right: .6rem;
  color: #bfc3c6;
  font-size: .7rem;
  white-space: nowrap;
}

#store-hotspots button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  padding: .65rem;
}

#store-hotspots button b {
  color: var(--yellow);
}

@media (max-width: 720px) {
  .preview-badge { top: 4.5rem; font-size: .55rem; }
  .blender-preview > video { object-position: center; }
  .tour-controls { bottom: 5.5rem; max-width: calc(100vw - 2rem); }
  .tour-controls span { display: none; }
}