/*
 * TGMarkt Zeta – Anzeigenvorschau proportional
 * 2026-08-27
 *
 * Die Osclass-Medienbilder sind bereits korrekt. Dieses Stylesheet verhindert,
 * dass Zeta Hoch-/Querformatbilder in Anzeigenkarten mit object-fit:cover
 * abschneidet. Betrifft normale Karten, VIP/Premium, Startseite, Suche/Raster
 * und Listenansicht. Profil-/Avatarbilder bleiben unverändert.
 */

/* Standard Zeta Produktkarten / VIP / Premium / Home / Suche / Raster */
.simple-prod .img-wrap {
  background:#17191c !important;
  overflow:hidden !important;
}

.simple-prod .img-wrap > a {
  background:#17191c !important;
  overflow:hidden !important;
}

.simple-prod .img-wrap > a img {
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#17191c !important;
  transform:none !important;
}

/* Zeta Listenansicht / erweiterte Suche */
.items-box .item .image {
  background:#17191c !important;
  overflow:hidden !important;
  border-radius:4px !important;
}

.items-box .item .image img {
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#17191c !important;
}

/* Startseite besitzt im TGMarkt-Zeta zusätzliche cover-Regeln mit !important. */
body#home #tgmm-vip-items .simple-prod .img-wrap > a img,
body#home #latest-items .simple-prod .img-wrap > a img {
  object-fit:contain !important;
  object-position:center center !important;
  background:#17191c !important;
}

/* Dashboard-Anzeigenkarten ebenfalls proportional darstellen. */
body#user-items .tga-dashboard-card .image {
  background:#17191c !important;
  overflow:hidden !important;
}

body#user-items .tga-dashboard-card .image img,
body#user-items .tga-dashboard-card > .image img {
  object-fit:contain !important;
  object-position:center center !important;
  background:#17191c !important;
}

/* Mobile: gleiche Regel, keine Sonder-Crops. */
@media screen and (max-width:767px) {
  .simple-prod .img-wrap > a img,
  .items-box .item .image img,
  body#home #tgmm-vip-items .simple-prod .img-wrap > a img,
  body#home #latest-items .simple-prod .img-wrap > a img {
    object-fit:contain !important;
    object-position:center center !important;
  }
}