/* Approved portrait coating scenes. Scoped to these replacements only.
   Retain the existing corner previews and single-image lightboxes. No model
   geometry, gallery styling, crop, image filter or artwork transformation. */
#coatings .porsche-coating-package[data-coating-scene] {
  --coating-preview-width: clamp(108px, 11vw, 150px);
}
#coatings [data-coating-scene] > .porsche-gloss-preview {
  width: var(--coating-preview-width);
}
#coatings [data-coating-scene] > .porsche-gloss-preview img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 5;
  object-fit: contain;
}
#coatings [data-coating-scene] > h3,
#coatings [data-coating-scene] > p.acura-product:first-of-type,
#coatings [data-coating-scene] > p.acura-price {
  padding-right: calc(var(--coating-preview-width) + 20px);
}
#coatings .manufacturer-ir-scene img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: contain;
}
/* INEOS and Lucid previously had text-only callouts. Keep their new approved
   IR illustration beside the copy, like the established manufacturer layout. */
@media (min-width: 651px) {
  .brand-no-project-gallery #coating-preparation {
    grid-template-columns: 1fr 1.2fr;
  }
}
@media (max-width: 650px) {
  #coatings .porsche-coating-package[data-coating-scene] {
    --coating-preview-width: clamp(90px, 26vw, 104px);
  }
}