/* Optional API price bounds and a catalog list, using the same product nodes. */
.price-filter-help,.price-filter-status{font-size:13px;line-height:1.5;color:var(--muted);margin:12px 0}
.price-filter-status{padding:12px 16px;border-radius:8px;background:#e7eddf}
.price-filter-status.is-error{background:#f6e7dc;color:var(--ink);border-left:3px solid var(--orange)}
.filter-bar input[aria-invalid="true"]{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange)}
.catalog-view-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0;font-size:13px}
.catalog-view-controls>span{margin-right:4px;color:var(--muted)}
.catalog-view-controls button{border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--ink);padding:8px 16px;font-size:13px}
.catalog-view-controls button[aria-pressed="true"]{background:var(--green);border-color:var(--green);color:#fff}
.catalog.catalog-list .product-grid{grid-template-columns:minmax(0,1fr);gap:14px}
.catalog.catalog-list .product-card:not([hidden]){display:grid;grid-template-columns:160px minmax(0,1fr)}
.catalog.catalog-list .product-art{height:auto;min-height:160px;padding:18px}
.catalog.catalog-list .card-body{padding:18px 22px;min-width:0}
.catalog.catalog-list .card-body h3{margin-bottom:8px}
.catalog.catalog-list .card-body>p{min-height:0;margin-bottom:10px}
.catalog.catalog-list .spec-chips{margin-bottom:10px}
.catalog.catalog-list .amazon-offer{padding:12px 0;gap:8px 14px}
.catalog.catalog-list .card-bottom{margin-top:12px}
@media(max-width:680px){
 .catalog.catalog-list .product-card:not([hidden]){grid-template-columns:minmax(0,1fr)}
 .catalog.catalog-list .product-art{display:none}
 .catalog.catalog-list .card-body{padding:18px}
 .catalog.catalog-list .card-body h3{font-size:24px}
 .catalog-view-controls button{min-height:40px}
}
.compare-open:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:680px){
 .filter-bar label:has(input[name="price_min"]){grid-column:1}
 .filter-bar label:has(input[name="price_max"]){grid-column:2}
 .filter-bar label:has(select[name="sort"]){grid-column:1/-1}
}