.badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:9999px;font-size:.72rem;font-weight:700}
.badge-eks{background:#7c3aed;color:#fff}.badge-sale{background:#fde047;color:#111827}.badge-rent{background:#3b82f6;color:#fff}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:box-shadow .2s,transform .2s}
.card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.10),0 4px 6px -4px rgba(0,0,0,.10);transform:translateY(-1px)}
.chip{display:inline-flex;gap:.25rem;padding:.25rem .5rem;border-radius:9999px;font-size:.72rem;background:#f1f5f9;color:#475569}
.border-gold{border:2px solid #f59e0b}
.line-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.pill{padding:.45rem 1rem;border:1px solid #e5e7eb;border-radius:9999px;background:#fff}
.search{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:9999px;background:#fff}
.cat{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.75rem;border-radius:.75rem;border:1px solid #e5e7eb;background:#fff;font-size:.8rem}
.cat.active,.pill.active{border-color:#111827;box-shadow:0 0 0 1px #111827 inset}