/* GP518 – Grid-Auswahl: vier Karten auch bei mittelbreiten Desktop-Inhaltsflächen.
 * Auf Version 517 aufbauend. CSS-Container ist die reale rechte Archivspalte.
 * Die 517er Grenze bei 1099px schaltete 4 Karten fälschlich auf 3 zurück. */

.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="2"]{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="3"]{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"]{ grid-template-columns:repeat(4,minmax(0,1fr)); }

/* The selected count is honored whenever the RESULT area is wide enough.
 * Three cards need >820px; four need >1120px of real content width. */
@container gp-products (max-width:1120px) {
 .gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"]{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@container gp-products (max-width:820px) {
 .gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="3"],
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"]{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@container gp-products (max-width:570px) {
 .gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="2"],
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="3"],
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"]{ grid-template-columns:minmax(0,1fr); }
}
/* Feinschliff: bessere Lesbarkeit/Bedienbarkeit auch bei vier kompakteren Karten. */
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"]{ column-gap:clamp(10px,1vw,15px); row-gap:16px; }
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-card{ min-width:0; border-radius:15px; }
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-media{min-width:0;}
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-image{height:clamp(155px,13vw,194px);}
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-image img{padding:29px 11px 7px;}
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-chips{inset:10px auto auto 10px;max-width:calc(100% - 56px);}
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-chip{font-size:10px;min-height:25px;padding:4px 8px;line-height:1.25;}
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-top-favorite{width:34px!important;height:34px!important;min-width:34px;min-height:34px;right:9px;top:9px;box-shadow:0 1px 4px rgba(24,58,40,.07)!important;}
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-gallery-thumbs{min-height:51px;gap:4px;padding:5px 9px 5px;scrollbar-width:thin;}
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-gallery-thumb{flex:0 0 40px;width:40px;height:40px;border-radius:7px;}
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-gallery-fallback{min-height:36px;margin:7px 10px 8px;padding:4px 10px;}
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-main{gap:6px;padding:6px 11px 8px;}
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-title{font-size:clamp(13px,.88vw + 2px,15px);line-height:1.29;max-height:3.87em;overflow-wrap:anywhere;}
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-description{font-size:11.5px;line-height:1.42;max-height:2.84em;}
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-commerce{gap:6px;padding:5px 11px 11px;}
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-commerce-metadata{gap:3px 8px;font-size:10px;}
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-price strong{font-size:clamp(18px,1.1vw + 3px,21px);}
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-button--provider{min-height:38px;font-size:11.5px;}
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-side-actions .gp-library-button{min-height:36px;font-size:10.5px;padding-inline:2px;}
.gp-product-archive .gp-product-list.is-grid-view .gp-product-loop-card:focus-within{border-color:#a4c4ae;}
.gp-product-archive .gp-product-list.is-grid-view .gp-product-loop-gallery-thumbs:focus-visible{outline:2px solid #609c79;outline-offset:-2px;}
/* Im Zwischenbereich bekommen Metadaten ihre eigene Zeile, statt gequetscht zu wirken. */
@container gp-products (min-width:861px) and (max-width:1100px) {
 .gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-commerce-metadata{align-items:flex-start;}
 .gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-delivery{max-width:100%;}
}
@media (max-width:650px) {
 .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;}
}