/* Product miniatures remain white even inside a selected transport button. */
.transport-scene,
[data-transport-scene] {
  position: relative;
  display: block;
  width: 100%;
  height: clamp(84px, 10vw, 156px);
  min-width: 0;
  overflow: hidden;
  isolation: isolate;
  background: #fff;
  border-radius: 12px;
  contain: layout paint;
}
.transport-scene-canvas {
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: #fff;
}
.transport-scene-canvas[hidden],
.transport-scene-fallback[hidden] { display: none; }
.transport-scene-fallback {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 10px;
  font-family: inherit;
  font-size: .68rem;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  color: #fff;
  -webkit-text-stroke: .55px #9b741f;
  paint-order: stroke fill;
  background: #fff;
  pointer-events: none;
}
.hub-mode [data-transport-scene] { margin-bottom: 8px; }
@media (max-width: 760px) {
  [data-transport-scene], .transport-scene { height: 90px; border-radius: 8px; }
  .hub-mode [data-transport-scene] { margin-bottom: 6px; }
}
@media (max-width: 430px) {
  [data-transport-scene], .transport-scene { height: 70px; }
  .transport-scene-fallback { font-size: .6rem; padding: 3px; }
}
@media (prefers-reduced-motion: reduce) {
  .transport-scene-canvas { animation: none; transition: none; }
}