/* GP544 – aktive Kopfaktionen klar sichtbar und Einzelbildkarten
 * ohne Stoerlinie zur weissen Thumbnail-Hoehe angleichen. */

/* Aktive Merken-/Vergleichsbuttons oben in Loop-Cards hellgruen hervorheben. */
.gp-product-archive .gp-product-list .gp-product-loop-top-actions>.gp-product-loop-top-action:is(.is-active,[aria-pressed="true"],[data-gp-selected="true"]){
  background:#e7f3ea!important;
  border:2px solid #95c29f!important;
  color:#356f47!important;
  box-shadow:0 0 0 2px rgba(134,188,145,.16)!important;
}
.gp-product-archive .gp-product-list .gp-product-loop-top-actions>.gp-product-loop-top-action:is(.is-active,[aria-pressed="true"],[data-gp-selected="true"]) .gp-library-button__icon svg{
  stroke:#356f47!important;
  fill:none!important;
}
.gp-product-archive .gp-product-list .gp-product-loop-top-actions>.gp-product-loop-top-favorite:is(.is-active,[aria-pressed="true"],[data-gp-selected="true"]) .gp-library-button__icon svg{
  fill:#356f47!important;
}

/* Karten ohne Galerie: weisse Flaeche beginnt exakt auf Thumbnail-Hoehe,
 * ohne sichtbare Linie am Beginn dieser Zone. */
.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;
  border-bottom:0!important;
  background:#fff!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;
  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::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;
  grid-column:1!important;
  grid-row:2!important;
  display:block!important;
  background:#fff!important;
  border-top:0!important;
  border-bottom:1px solid #edf2ee!important;
}