.abc-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
.abc-curve{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;font-size:17px;font-weight:900}
.abc-curve.curve-a,.curve-badge.curve-a{background:#e4f8ef;color:#07865e}
.abc-curve.curve-b,.curve-badge.curve-b{background:#fff3d6;color:#ad6d00}
.abc-curve.curve-c,.curve-badge.curve-c{background:#edf1f6;color:#5d697a}
.curve-badge{display:inline-grid;place-items:center;min-width:34px;height:28px;border-radius:8px;font-weight:900}
.abc-toolbar{justify-content:flex-start;flex-wrap:wrap;gap:10px}
.abc-toolbar .search-box{margin-right:auto}
.abc-toolbar .form-select{width:auto;min-width:150px}
.abc-toolbar~.table-responsive .product-cell>img,.abc-toolbar~.table-responsive .product-cell>.product-placeholder{display:grid;place-items:center;width:44px!important;height:44px!important;min-width:44px;max-width:44px;flex:0 0 44px;overflow:hidden;border-radius:9px;background:#edf2f8;color:#8190a5;object-fit:cover}
@media(max-width:900px){.abc-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.abc-toolbar .search-box{width:100%;margin-right:0}.abc-toolbar .form-select{flex:1}}
@media(max-width:540px){.abc-summary{grid-template-columns:1fr}.abc-toolbar .form-select{width:100%;flex-basis:100%}}