/* DST Logo 3D — section widget styles (Flatsome Child).
   Layout is fixed here (aspect-ratio) so the canvas never causes layout shift.
   Vertical touch scroll passes through the canvas; horizontal drag rotates. */

.dst-logo-3d {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  max-height: 520px;
  overflow: hidden;
}

.dst-logo-3d__canvas {
  display: block;
  width: 100%;
  height: 100%;
  touch-action: pan-y;
}

.dst-logo-3d__poster {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* While the model loads the poster stays visible (no empty box). */
.dst-logo-3d.is-ready .dst-logo-3d__poster {
  display: none;
}

@media (max-width: 849px) {
  .dst-logo-3d {
    aspect-ratio: 4 / 3;
    max-height: 420px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dst-logo-3d__canvas {
    display: none;
  }
}