/* KDEO_PRODUCT_CARD_TISCH_FIX_AND_TEXT_REMOVE_V1_0_1
 *
 * Die bestehende, bewährte Kartenaufteilung des Portals bleibt erhalten.
 * Das Mockup ersetzt ausschließlich den Inhalt der vorhandenen
 * .kdeo-product-schematic-Fläche.
 */
.kdeo-product-card--mockup-ready
.kdeo-product-schematic.kdeo-product-mockup {
  display: block !important;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  padding: 0 !important;
  background: #edf4f5;
}

.kdeo-product-card--mockup-ready
.kdeo-product-schematic.kdeo-product-mockup img {
  display: block !important;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  transition: transform 180ms ease;
}

@media (hover: hover) and (pointer: fine) {
  .kdeo-product-card--mockup-ready
  .kdeo-product-schematic.kdeo-product-mockup img {
    transform: scale(1.012);
  }
}

/*
 * Mobil bleibt die ursprüngliche Portalstruktur erhalten:
 * Bild links, Inhalt rechts. Die Fläche wird ausdrücklich eingeblendet.
 */
@media (max-width: 720px) {
  .kdeo-product-card.kdeo-product-card--mockup-ready {
    grid-template-columns: 116px minmax(0, 1fr) !important;
  }

  .kdeo-product-card--mockup-ready
  .kdeo-product-schematic.kdeo-product-mockup {
    display: block !important;
    grid-column: auto;
    order: initial;
  }
}

@media (prefers-reduced-motion: reduce) {
  .kdeo-product-card--mockup-ready
  .kdeo-product-schematic.kdeo-product-mockup img {
    transition: none;
  }
}