/* TIGGO 4 PRO vehicle placement. Shared layout stays in colores-show. */

.chery-colores-t4 .chery-colores-show-tagline {
  white-space: normal;
  width: auto;
  max-width: 100%;
}

/* Coordinates within the existing TIGGO 4 vehicle image. */
.chery-colores-t4 .chery-colores-highlight.is-headlight { --point-x: 35%; --point-y: 40%; }
.chery-colores-t4 .chery-colores-highlight.is-wheel { --point-x: 51%; --point-y: 69%; }
.chery-colores-t4 .chery-colores-highlight.is-rear { --point-x: 85%; --point-y: 34%; }

/* One stable image box for all four existing assets, including the AVIF. */
.chery-colores-t4 .chery-colores-show-vehicle-layer { aspect-ratio: 16 / 9; }
.chery-colores-t4 .chery-colores-show-vehicle-layer img,
.chery-colores-t4 .chery-colores-show-vehicle-layer.is-fading img {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  transform: none !important;
  transition: none !important;
  opacity: 1 !important;
}

/* Normalize the uploaded Blood Red framing within the shared 16:9 box. */
.chery-colores-t4 .chery-colores-show-vehicle-layer img[src*="tiggo-4-blood-red.png"] {
  transform: scale(0.88) !important;
  transform-origin: center center;
}