[data-multicategory-preview] .scene-effects {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
}

[data-multicategory-preview][data-motion-state="active"] .scene-effects,
[data-multicategory-preview][data-motion-state="paused"] .scene-effects {
  opacity: 1;
}

[data-multicategory-preview] .scene-atmosphere {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

[data-multicategory-preview] .shop-light {
  transform-box: fill-box;
  transform-origin: center;
  animation: showroom-lamplight 7s ease-in-out infinite alternate;
}

[data-multicategory-preview] .shop-light-secondary { animation-delay: -3.5s; }
[data-multicategory-preview] .shop-light-interior { animation-duration: 9s; animation-delay: -1.8s; }

[data-multicategory-preview] .water-highlight {
  transform-box: fill-box;
  transform-origin: center;
  animation: showroom-water 5.8s ease-in-out infinite alternate;
}

[data-multicategory-preview] .water-highlight-secondary { animation-delay: -3.2s; animation-duration: 7.4s; }

[data-multicategory-preview] .fan-motion {
  position: absolute;
  left: 81.46%;
  top: 42.14%;
  width: 5.17%;
  height: 10.08%;
  overflow: hidden;
  border-radius: 50%;
  opacity: .19;
  mix-blend-mode: screen;
}

[data-multicategory-preview] .fan-motion::before {
  content: "";
  position: absolute;
  inset: -15%;
  background: conic-gradient(from 12deg, transparent 0deg 33deg, rgba(235, 218, 187, .58) 47deg, transparent 80deg 153deg, rgba(235, 218, 187, .52) 167deg, transparent 200deg 273deg, rgba(235, 218, 187, .55) 287deg, transparent 320deg 360deg);
  animation: showroom-fan 2.8s linear infinite;
}

[data-multicategory-preview]:not([data-motion-state="active"]) .scene-effects *,
[data-multicategory-preview]:not([data-motion-state="active"]) .fan-motion::before {
  animation-play-state: paused;
}

@keyframes showroom-lamplight {
  from { opacity: .1; transform: scale(.97); }
  to { opacity: .27; transform: scale(1.025); }
}

@keyframes showroom-water {
  from { opacity: .07; transform: translateX(-2px) scaleX(.98); }
  to { opacity: .3; transform: translateX(3px) scaleX(1.04); }
}

@keyframes showroom-fan { to { transform: rotate(360deg); } }

/* Mobile keeps a stable reading area and only the small warm-light layer. */
@media (max-width: 900px) {
  [data-multicategory-preview] .fan-motion,
  [data-multicategory-preview] .water-highlights { display: none; }
  [data-multicategory-preview] .water-highlight { animation: none; }
  [data-multicategory-preview] .shop-light { animation-duration: 10s; }
}

@media (prefers-reduced-motion: reduce) {
  [data-multicategory-preview] .scene-effects { opacity: 0 !important; }
  [data-multicategory-preview] .scene-effects *,
  [data-multicategory-preview] .fan-motion::before { animation: none !important; }
}