/* GP546 – Einzelbild-Loop-Cards bis zur gewuenschten Medienlinie auslaufen lassen. */

/* Einzelbildkarten: Hauptbild belegt die komplette Medienhoehe bis zur gleichen Linie
 * wie die Nachbarkarten mit Thumbnail-Zone. Kein zusaetzlicher Leerraum unten. */
.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-column:1!important;
  grid-row:1 / span 2!important;
  display:grid!important;
  align-items:end!important;
  justify-items:center!important;
  width:100%!important;
  height:calc(var(--gp-loop-image-h) + var(--gp-loop-gallery-h))!important;
  min-height:0!important;
  margin:0!important;
  border:0!important;
  background:linear-gradient(160deg,#ffffff 0%,#f7fbf8 100%)!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:calc(var(--gp-loop-image-h) + var(--gp-loop-gallery-h))!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  padding:14px 14px 0!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,
.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;
}

/* Die Textsektion darf direkt sauber nach der gemeinsamen Medienlinie beginnen. */
.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{
  padding-top:10px!important;
}