/* GP545 – finaler Feinschliff fuer Verfuegbarkeitszeile und Einzelbild-Loop-Cards. */

/* Einzelbild-Karten: gleiche Gesamthoehe wie Galerie-Karten,
 * weisser Unterbereich in Thumbnail-Hoehe, aber ohne dunkle Trennlinie.
 * Das Produktbild selbst steht groesser und tiefer, damit kein leerer Balken wirkt. */
.gp-product-archive .gp-product-list.is-grid-view .gp-product-loop-media.is-single-image,
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-media.is-single-image{
  grid-template-rows:var(--gp-loop-image-h) var(--gp-loop-gallery-h)!important;
  height:calc(var(--gp-loop-image-h) + var(--gp-loop-gallery-h))!important;
  background:#fff!important;
  border-bottom:0!important;
}
.gp-product-archive .gp-product-list.is-grid-view .gp-product-loop-media.is-single-image>.gp-product-loop-image,
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-media.is-single-image>.gp-product-loop-image{
  grid-row:1!important;
  height:var(--gp-loop-image-h)!important;
  display:grid!important;
  align-items:end!important;
  justify-items:center!important;
  background:linear-gradient(160deg,#ffffff 0%,#f7fbf8 100%)!important;
  border:0!important;
}
.gp-product-archive .gp-product-list.is-grid-view .gp-product-loop-media.is-single-image>.gp-product-loop-image img,
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-media.is-single-image>.gp-product-loop-image img{
  width:100%!important;
  height:100%!important;
  max-height:var(--gp-loop-image-h)!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  padding:12px 14px 2px!important;
}
.gp-product-archive .gp-product-list.is-grid-view .gp-product-loop-media.is-single-image>.gp-product-loop-image::after,
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-media.is-single-image>.gp-product-loop-image::after{
  content:none!important;
  display:none!important;
}
.gp-product-archive .gp-product-list.is-grid-view .gp-product-loop-media.is-single-image::after,
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-media.is-single-image::after{
  content:""!important;
  display:block!important;
  grid-row:2!important;
  grid-column:1!important;
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
}

/* Sanfter Kartenuebergang ohne harte Trennlinie direkt unter dem Medienbereich. */
.gp-product-archive .gp-product-list.is-grid-view .gp-product-loop-main,
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-main{
  border-top:0!important;
}

/* Kleine Ausrichtungsruhe im Commerce-Teil. */
.gp-product-archive .gp-product-list.is-grid-view .gp-product-loop-commerce,
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-commerce{
  margin-top:-14px!important;
}