/* GP551 – Feinausgleich zwischen Beschreibung, Commerce und Einzelbild-Medienbereich. */

/* Unter der Beschreibung etwas Leerraum wegnehmen,
 * indem der Commerce-Block leicht nach oben rückt. */
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-main{
  padding-bottom:5px!important;
}
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-commerce{
  padding-top:2px!important;
  gap:6px!important;
}
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-main-actions{
  margin-top:0!important;
}

/* Einzelbild-Karten: Medienbereich minimal frueher enden lassen,
 * damit darunter ein kleiner weisser Leerraum entsteht. */
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-media.is-single-image > .gp-product-loop-image{
  height:calc(var(--gp-loop-image-h) + var(--gp-loop-gallery-h) - 8px)!important;
  max-height:calc(var(--gp-loop-image-h) + var(--gp-loop-gallery-h) - 8px)!important;
  align-self:start!important;
}
.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{
  max-height:calc(var(--gp-loop-image-h) + var(--gp-loop-gallery-h) - 8px)!important;
}