.b2b-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.filter-kat{transition:all .2s;border-radius:20px!important;font-size:.78rem}.filter-card{background:var(--color-bg-white);border-radius:20px;box-shadow:0 4px 32px #00000012,0 1px 4px #0000000a;border:1px solid rgba(148,163,184,.2);padding:1.25rem;position:sticky;top:80px}.filter-card h6{font-weight:700;margin-bottom:1rem;font-size:.9rem}.filter-card .form-label{font-size:.78rem;font-weight:600;color:var(--color-gray-600)}.filter-card .form-control,.filter-card .form-select{font-size:.82rem;border-radius:8px}.filter-card .btn-filter{background:var(--color-primary);color:var(--color-text-inverse);border:none;padding:.55rem;border-radius:var(--radius-lg);font-size:.82rem;font-weight:600;width:100%}.filter-card .btn-filter:hover{background:var(--color-primary-hover)}.umkm-card{background:#fff;border-radius:10px;border:1px solid #e2e8f0;overflow:hidden;transition:transform .2s,box-shadow .2s}.umkm-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.umkm-card-img{height:160px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);position:relative;overflow:hidden}.umkm-card-img img{width:100%;height:100%;object-fit:cover}.umkm-card-img .badge-skala{position:absolute;top:8px;left:8px;padding:.2rem .5rem;border-radius:4px;font-size:.65rem;font-weight:700;color:#fff}.umkm-card-body{padding:.8rem}.umkm-card-body h6{font-size:.88rem;font-weight:700;margin:0 0 .4rem;color:#1e2a38}.umkm-card-body h6 a{color:inherit;text-decoration:none}.umkm-card-body h6 a:hover{color:#1a73e8}.umkm-card-body .meta{font-size:.74rem;color:#64748b;display:flex;flex-direction:column;gap:.3rem}.umkm-card-body .meta-item{display:flex;align-items:center;gap:.4rem}.umkm-card-body .meta-item .dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.umkm-card-footer{padding:.6rem .8rem;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.umkm-card-footer .karyawan{color:#64748b}.umkm-card-footer .btn-detail{color:#fff;background:#075985;font-weight:600;text-decoration:none;padding:.3rem .7rem;border-radius:6px;font-size:.72rem}.umkm-card-footer .btn-detail:hover{background:#064e73}@media(max-width:992px){.b2b-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.b2b-grid{grid-template-columns:1fr}}