/* GP519 – ruhiger, gleich hoher Bild-/Galeriebereich im 4-Karten-Raster.
 * Nur die Kachelansicht ist betroffen. Die 518er Spaltenwahl bleibt unangetastet. */
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-media {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:auto 57px;
  gap:0;
  align-content:start;
  min-width:0;
}
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-media > .gp-product-loop-image {
  grid-area:auto;
  width:100%;
  margin:0;
}
/* Fünf vollständige Miniaturen statt abgeschnittener fünfter Miniatur/Scrollleiste.
   Die fünf sind per Tastatur und Maus weiterhin anwählbar. */
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-gallery-thumbs {
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
  max-width:100%;
  min-width:0;
  height:57px;
  min-height:57px;
  margin:0;
  padding:5px 10px 7px;
  gap:4px;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
  scroll-snap-type:x proximity;
  overscroll-behavior-inline:contain;
}
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-gallery-thumbs::-webkit-scrollbar { display:none; }
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-gallery-thumb {
  flex:0 1 40px;
  min-width:0;
  width:40px;
  height:40px;
  aspect-ratio:1;
  scroll-snap-align:start;
  padding:3px;
}
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-gallery-fallback {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  min-height:57px;
  height:57px;
  width:100%;
  max-width:100%;
  margin:0;
  padding:0 12px;
  border:0;
  border-radius:0;
  background:#fff;
  color:#687a70;
  font-size:10px;
}
/* Titel in Galerie- und Einbildkarten beginnen an derselben Höhe. */
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-main {
  padding-top:8px;
}
/* Produkteigenschaften bleiben klar, jedoch mit definiertem Zeilenumbruch. */
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-commerce-metadata {
  min-height:28px;
  align-content:center;
  align-items:center;
  gap:2px 7px;
  overflow-wrap:normal;
}
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-stock-indicator,
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-delivery {
  min-width:0;
  line-height:1.38;
}
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-side-actions {
  min-width:0;
  gap:6px;
}
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-side-actions .gp-library-button {
  min-width:0;
  padding-inline:3px;
  font-size:clamp(10px,.72vw,11px);
  gap:4px;
  text-align:center;
  white-space:nowrap;
}
/* Bei einer tatsächlichen schmaleren Hauptspalte werden 3/2/1 Karten gerendert.
   Die Typografie wird wieder normal groß, nicht künstlich vier-spaltig klein. */
@container gp-products (max-width:860px) {
  .gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-title {font-size:15px;}
  .gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-description {font-size:12px;}
  .gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-side-actions .gp-library-button {font-size:11px;}
}
@container gp-products (max-width:510px) {
  .gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-title {font-size:16px;}
  .gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-description {font-size:13px;}
  .gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-image {height:220px;}
}

/* Tablet: selbst bei großer Hauptspalte nicht vier unlesbar schmale Karten erzwingen. */
@media (min-width:641px) and (max-width:1024px) {
  .gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:640px) {
  .gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] {
    grid-template-columns:minmax(0,1fr);
  }
}