/* Shared product lists: one horizontal product per row, with 77px thumbnails. */
.product-grid{grid-template-columns:minmax(0,1fr);gap:12px}
.product-row{display:grid;grid-template-columns:77px minmax(0,1fr);align-items:center;gap:22px;padding:18px 22px;overflow:visible}
.product-row:hover{transform:none;box-shadow:0 3px 16px #173d590a}
.product-grid .product-row .product-image,
.product-grid .product-row .product-image>a,
.product-grid .product-row .image-slot,
.product-grid .product-row .product-image img{width:77px;height:77px;min-width:77px;max-width:77px;min-height:77px;max-height:77px;margin:0;flex-shrink:0}
.product-row .product-image{background:#f5f7f8;border-radius:4px}
.product-row .image-slot{border-radius:4px}
.product-row .image-placeholder{padding:5px;gap:3px;font-size:9px;min-height:77px}
.product-row .image-placeholder-symbol{font-size:20px}
.product-row .image-placeholder small{display:none}
.product-row .product-info{display:grid;grid-template-columns:minmax(130px,1fr) minmax(110px,.7fr) auto;align-items:center;gap:22px;padding:0;min-width:0}
.product-row .product-copy{min-width:0}
.product-row .product-brand{font-size:10px;letter-spacing:.5px;overflow-wrap:anywhere}
.product-row .product-title{margin-top:3px;font-size:17px;overflow-wrap:anywhere}
.product-row .product-title>span{display:inline;margin-left:10px;font-size:11px}
.product-row .product-status{display:flex;align-items:center;gap:7px;margin-top:7px;flex-wrap:wrap}
.product-row .product-pill,.product-row .sale-tag{position:static;white-space:nowrap;font-size:9px;margin:0}
.product-row .product-meta{margin:0;padding:0;border:0;font-size:11px;line-height:1.8;display:block;color:#8192a0}
.product-row .product-meta>span{padding-inline:4px}
.product-row .product-bottom{display:flex;align-items:center;gap:24px;margin:0}
.product-row .product-row-price{text-align:right;min-width:87px}
.product-row .product-bottom strong{font-size:19px;white-space:nowrap}
.product-row .product-bottom small,.product-row .product-bottom del{font-size:10px;white-space:nowrap}
.product-row .product-actions{display:flex;align-items:center;gap:8px}
.product-row .compare-button{position:static;opacity:1;width:36px;height:38px;background:#f1f5f8;border:1px solid #e1e8ef;flex-shrink:0}
.product-row .compare-button.selected{color:var(--blue);background:#e2efff;border-color:#bdd6f7}
.product-row .add-button{display:flex;align-items:center;justify-content:center;gap:7px;width:auto;min-width:109px;height:38px;padding:0 12px;font-size:11px;font-weight:600}
.product-row .add-button>.icon{width:16px;height:16px}
.product-row .product-action-label{white-space:nowrap}
@media(max-width:1150px){
 .product-row{gap:16px;padding:16px}
 .product-row .product-info{grid-template-columns:minmax(0,1fr) auto;gap:4px 18px}
 .product-row .product-copy{grid-column:1;grid-row:1}
 .product-row .product-meta{grid-column:1;grid-row:2;font-size:10px}
 .product-row .product-bottom{grid-column:2;grid-row:1/3;gap:18px}
 .product-row .product-title>span{display:block;margin-left:0;margin-top:2px}
}
@media(max-width:850px){
 .product-row .product-bottom{gap:14px}
 .catalog-products .product-row .product-bottom{flex-direction:column;align-items:flex-end;gap:10px}
 .product-row .add-button{min-width:98px;padding-inline:8px}
}
@media(max-width:600px){
 .product-grid{gap:10px}
 .product-row{padding:12px 10px;gap:12px}
 .product-row .product-info{gap:5px 8px}
 .product-row .product-brand{font-size:8px;line-height:1.5}
 .product-row .product-title{font-size:13px;line-height:1.4}
 .product-row .product-title>span{font-size:10px;margin-top:3px}
 .product-row .product-status{gap:4px;margin-top:5px}
 .product-row .product-pill,.product-row .sale-tag{font-size:8px;padding:1px 4px}
 .product-row .product-meta{font-size:9px;line-height:1.6;overflow-wrap:anywhere}
 .product-row .product-meta>span{padding-inline:1px}
 .product-row .product-bottom{flex-direction:column;align-items:flex-end;gap:10px}
 .product-row .product-row-price{min-width:0}
 .product-row .product-bottom strong{font-size:15px}
 .product-row .product-bottom small,.product-row .product-bottom del{font-size:8px;white-space:normal;max-width:78px}
 .product-row .product-actions{gap:5px}
 .product-row .compare-button,.product-row .add-button{width:30px;min-width:30px;height:32px;padding:0}
 .product-row .product-action-label{display:none}
}