/* Shared title-image framing for all canonical product detail pages. */
.product-title-image,
.hero-image[src$="compiler-werkstatt-hero.webp"] {
  --product-title-position: 50% 50%;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  max-height: none !important;
  height: auto !important;
  aspect-ratio: 16 / 9;
  object-fit: cover !important;
  object-position: var(--product-title-position) !important;
  overflow: hidden;
}

.title-focus-upper {
  --product-title-position: 50% 46%;
}

/* Keep supporting screenshots inside narrow product-page columns. */
img.shot {
  max-width: 100%;
  height: auto;
}

@media (max-width: 575.98px) {
  .product-title-image,
  .hero-image[src$="compiler-werkstatt-hero.webp"] {
    --product-title-position: 50% 48%;
  }

  .product-title-image.title-focus-upper {
    --product-title-position: 50% 44%;
  }
}