/* Keep the selected vehicle complete throughout all four workspace stages. */
.ai-page-v71 .ai-vehicle-v71 > [data-ai-vehicle-photo] {
  display: block;
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  min-height: 0;
  max-height: none;
  aspect-ratio: 2856 / 1600;
  object-fit: contain;
  object-position: center;
  transform: none;
}

/* Short desktop windows use normal page flow instead of an oversized pin. */
@media (min-width: 1000px) and (max-height: 899px) {
  .ai-page-v71 .ai-workspace-v71 {
    height: auto;
  }

  .ai-page-v71 .ai-workspace-pin-v71 {
    position: static;
  }

  .ai-page-v71 .ai-workspace-body-v71 {
    height: auto;
    min-height: 0;
    max-height: none;
  }

  .ai-page-v71 .ai-vehicle-v71 > [data-ai-vehicle-photo] {
    flex: 0 0 auto;
    height: auto;
    min-height: 0;
    aspect-ratio: 2856 / 1600;
  }

  .ai-page-v71 .ai-panels-v71 {
    overflow: visible;
  }

  .ai-page-v71 .ai-panels-v71 > section {
    min-height: 0;
  }
}

/* The topic rail and vehicle details must not squeeze the photo into a strip. */
@media (min-width: 1000px) and (min-height: 900px) and (prefers-reduced-motion: no-preference) {
  .ai-page-v71 .ai-workspace-body-v71 {
    min-height: 440px;
  }

  .ai-page-v71 .ai-vehicle-v71 > [data-ai-vehicle-photo] {
    flex: 1 1 auto;
    height: 0;
    min-height: 200px;
    aspect-ratio: auto;
  }
}