/* GP517 — four cards by default on wide content areas, selectable 1–4.
 * The catalog main column becomes the container, so breakpoints account for
 * the actual filter width, not just the browser window. */
.gp-product-archive .gp-directory-main{container-type:inline-size;container-name:gp-products;}
.gp-product-archive .gp-product-list.is-grid-view{grid-template-columns:repeat(4,minmax(0,1fr));}

.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));}
.gp-product-archive .gp-directory-columns{display:flex;align-items:center;gap:.45rem;min-width:0;}
.gp-product-archive .gp-directory-columns label{font-size:.73rem;font-weight:760;color:#365e51;white-space:nowrap;}
.gp-product-archive .gp-directory-columns select{min-height:43px;min-width:100px;max-width:145px;padding:7px 26px 7px 10px;border:1px solid #ccdad1;border-radius:10px;background:#fff;color:#264c41;font-weight:730;font-size:.78rem;cursor:pointer;}
.gp-product-archive .gp-directory-columns select:focus-visible{outline:3px solid #7dac8b;outline-offset:2px;}
.gp-product-archive .gp-directory-columns.is-disabled{opacity:.5;}
/* Narrower cards need fewer thumbnail images in view, never clipped under text. */
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-gallery-thumb{flex-basis:42px;width:42px;height:43px;}
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-gallery-thumbs{min-height:53px;gap:4px;padding:5px 10px 6px;}
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-title{font-size:clamp(14px,1.05vw,16px);}
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-description{font-size:11.5px;}
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-main{padding-inline:12px;}
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-commerce{padding-inline:12px;}
.gp-product-archive .gp-product-list.is-grid-view[data-gp-columns="4"] .gp-product-loop-image{height:clamp(158px,13.7vw,200px);}
.gp-product-archive .gp-product-loop-commerce-metadata:empty{display:none;}
.gp-product-archive .gp-product-loop-stock-indicator.is-stock-no i{background:#bd806b;}


/* In each range, user choice is the maximum, not a demand to squeeze 4 tiny cards. */
@container gp-products (max-width:900px) {
  .gp-product-archive .gp-directory-toolbar__top{flex-wrap:wrap;}
  .gp-product-archive .gp-directory-toolbar-controls{flex-wrap:wrap;justify-content:flex-start;}
}
@container gp-products (max-width:570px) {
  .gp-product-archive .gp-product-list.is-grid-view .gp-product-loop-image{height:220px;}
  .gp-product-archive .gp-directory-columns label{font-size:0;}
  .gp-product-archive .gp-directory-columns label:after{content:"Spalten";font-size:12px;}
}
@media (max-width:520px) {
  .gp-product-archive .gp-directory-toolbar-controls{display:flex;flex-wrap:wrap;gap:8px;}
  .gp-product-archive .gp-directory-columns{width:auto;}
  .gp-product-archive .gp-directory-columns select{min-width:104px;}
}