.cat-summary{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px;padding:16px 18px;border:1px solid var(--bd);border-radius:var(--radius);background:var(--paper)}
.cat-summary-main{display:flex;align-items:center;gap:12px;min-width:0}
.cat-mark{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:var(--teal-soft);color:var(--teal)}
.cat-summary-main div{display:grid;gap:3px;min-width:0}
.cat-summary-main strong{overflow:hidden;color:var(--ink);font-size:15px;text-overflow:ellipsis;white-space:nowrap}
.cat-summary-main span{color:var(--ink-3);font-family:var(--mono);font-size:11.5px}
.cat-counts{display:flex;align-items:center;gap:24px;color:var(--ink-3);font-size:12px;white-space:nowrap}
.cat-counts span{display:grid;gap:2px}
.cat-counts strong{color:var(--ink);font-family:var(--mono);font-size:18px;font-variant-numeric:tabular-nums}
.cat-card{overflow:hidden}
.cat-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:250px}
.cat-products:has(>.dv-state){align-content:center}
.cat-products>.dv-state{grid-column:1/-1;margin:0;padding:48px 24px}
.cat-product{display:flex;gap:16px;min-width:0;padding:18px;border-right:1px solid var(--bd);border-bottom:1px solid var(--bd);background:var(--paper)}
.cat-product:nth-child(2n){border-right:0}
.cat-image{display:grid;place-items:center;flex:none;width:112px;height:112px;overflow:hidden;border:1px solid var(--bd);border-radius:12px;background:var(--canvas)}
.cat-image img{width:100%;height:100%;object-fit:cover}
.cat-image-fallback{display:grid;place-items:center;width:100%;height:100%;color:var(--ink-4)}
.cat-product-main{display:flex;flex:1;flex-direction:column;min-width:0}
.cat-product-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.cat-product h2{margin:2px 0 0;overflow:hidden;color:var(--ink);font-family:var(--sans);font-size:14px;font-weight:700;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.cat-stock{flex:none;padding:3px 7px;border-radius:99px;background:var(--canvas);color:var(--ink-3);font-size:10px;font-weight:700;text-transform:capitalize}
.cat-stock.is-ok{background:var(--ok-soft);color:var(--ok)}
.cat-product p{display:-webkit-box;margin:8px 0;color:var(--ink-3);font-size:12px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.cat-product-bottom{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:auto}
.cat-product-bottom>strong{color:var(--ink);font-family:var(--mono);font-size:12px}
.cat-sku{overflow:hidden;max-width:130px;color:var(--ink-4);font-family:var(--mono);font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}
.cat-product-actions{display:flex;gap:10px;margin-left:auto}
.cat-product-actions a,.cat-product-actions button{padding:0;border:0;background:none;color:var(--teal);font:600 11.5px var(--sans);text-decoration:none;cursor:pointer}
.cat-product-actions a:hover,.cat-product-actions button:hover{text-decoration:underline}
@media(max-width:900px){.cat-products{grid-template-columns:1fr}.cat-product{border-right:0}.cat-counts{gap:14px}}
@media(max-width:560px){.cat-summary{align-items:flex-start}.cat-counts{flex-direction:column;align-items:flex-end;gap:8px}.cat-counts span{display:flex;gap:5px;align-items:baseline}.cat-counts strong{font-size:14px}.cat-product{gap:12px;padding:14px}.cat-image{width:82px;height:82px}.cat-stock{display:none}.cat-product-actions{width:100%;margin-left:0}.cat-sku{max-width:110px}}