/* ---- warna merek (konsisten per merek) ---- */
.mk-1{--mk-fg:#4338ca;--mk-bg:#eef2ff}
.mk-2{--mk-fg:#15803d;--mk-bg:#e7f6ed}
.mk-3{--mk-fg:#b45309;--mk-bg:#fdf1e0}
.mk-4{--mk-fg:#be123c;--mk-bg:#fdeaef}
.mk-5{--mk-fg:#0e7490;--mk-bg:#e5f5fa}
.mk-6{--mk-fg:#7e22ce;--mk-bg:#f5ecfd}
.mk-7{--mk-fg:#0f766e;--mk-bg:#e4f5f1}
.mk-8{--mk-fg:#92400e;--mk-bg:#f7eee3}
.mk-9{--mk-fg:#1d4ed8;--mk-bg:#e8f0fe}
.mk-10{--mk-fg:#be185d;--mk-bg:#fdeaf2}
.mk-11{--mk-fg:#4d7c0f;--mk-bg:#f0f7e1}
.mk-12{--mk-fg:#c2410c;--mk-bg:#fdeee3}
.mk-13{--mk-fg:#a21caf;--mk-bg:#fbeafa}
.mk-14{--mk-fg:#0369a1;--mk-bg:#e6f3fb}
.mk-15{--mk-fg:#b91c1c;--mk-bg:#fbe9e9}
.badge:is(.mk-1,.mk-2,.mk-3,.mk-4,.mk-5,.mk-6,.mk-7,.mk-8,.mk-9,.mk-10,.mk-11,.mk-12,.mk-13,.mk-14,.mk-15){background:var(--mk-bg);color:var(--mk-fg)}
.chip-merek:is(.mk-1,.mk-2,.mk-3,.mk-4,.mk-5,.mk-6,.mk-7,.mk-8,.mk-9,.mk-10,.mk-11,.mk-12,.mk-13,.mk-14,.mk-15){color:var(--mk-fg);border-color:var(--mk-bg)}
.kat-group-head b:is(.mk-1,.mk-2,.mk-3,.mk-4,.mk-5,.mk-6,.mk-7,.mk-8,.mk-9,.mk-10,.mk-11,.mk-12,.mk-13,.mk-14,.mk-15){color:var(--mk-fg)}
.chip-merek.active{background:#195395;border-color:#195395;color:#fff}
.chip-merek.active .c{color:rgba(255,255,255,.85)}
.kat-card .badge:is(.mk-1,.mk-2,.mk-3,.mk-4,.mk-5,.mk-6,.mk-7,.mk-8,.mk-9,.mk-10,.mk-11,.mk-12,.mk-13,.mk-14,.mk-15){font-size:11.4px;letter-spacing:.1px}

@media (max-width:760px){.kat-filter{padding-bottom:6px;scroll-padding-right:26px}#kmerek{margin-bottom:9px}#kmerek.wrap{flex-wrap:wrap;overflow:visible}#kmerek.wrap .chip-merek{max-width:100%}}