.kh{background:var(--white);border:1.5px solid var(--border-subtle);border-radius:1rem;box-shadow:var(--shadow-card);display:block;overflow:hidden;transition:border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.kh:hover{border-color:color-mix(in srgb,var(--blue) 40%,transparent);box-shadow:var(--shadow-raised)}.kh-foto{aspect-ratio:4/5;background:var(--blue-wash);overflow:hidden;position:relative}.kh-foto img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s var(--ease-out);width:100%}.kh:hover .kh-foto img{transform:scale(1.03)}.kh-tanpa-foto{align-items:center;color:var(--blue-tint-40);display:flex;height:100%;justify-content:center;width:100%}.kh-menyusu{background:var(--yellow-light);border-radius:9999px;color:var(--yellow-dark);font-size:9.5px;font-weight:700;left:.625rem;padding:.25rem .625rem;position:absolute;top:.625rem}.kh-program{background:var(--color-kz-cream);border-radius:0 .75rem 0 0;bottom:0;left:0;padding:.35rem .7rem .35rem .6rem;position:absolute}.kh-program img{display:block;height:24px;width:auto}@media(min-width:640px){.kh-program img{height:28px}}.kh-isi{display:flex;flex-direction:column;gap:.375rem;padding:.75rem}.kh-nama{color:var(--blue-dark);font-size:13.5px;font-weight:700;line-height:1.25}.kh-meta{color:var(--text-muted);font-size:10.5px}.kh-baris{display:flex;flex-wrap:wrap;gap:.25rem}.kh-pil{align-items:center;border-radius:9999px;display:inline-flex;font-size:9px;font-weight:600;gap:.125rem;padding:.125rem .5rem}.kh-pil--sifat{background:var(--blue-tint-10);color:var(--blue)}.kh-pil--ok{background:var(--success-soft);color:var(--success)}.kh-pil--ok:before{background:currentColor;content:"";flex-shrink:0;height:.75rem;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center /contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center /contain no-repeat;width:.75rem}.kh-pil--belum{background:var(--neutral-light);color:var(--text-muted)}.kh-breeder{align-items:center;color:var(--text-muted);display:none;font-size:11.5px;gap:.375rem;overflow:hidden;white-space:nowrap}.kh-ajak{align-items:center;color:var(--orange);display:inline-flex;font-size:11px;font-weight:700;gap:.25rem;margin-top:.25rem}.kh:hover .kh-ajak{text-decoration:underline}@media(min-width:48rem){.kh-menyusu{font-size:11px}.kh-isi{padding:1rem}.kh-nama{font-size:16px}.kh-meta{font-size:12px}.kh-pil{font-size:10.5px}.kh-breeder{display:flex}.kh-ajak{border-top:1px solid var(--border-subtle);font-size:13px;margin-top:.375rem;padding-top:.75rem}}@media(prefers-reduced-motion:reduce){.kh,.kh-foto img{transition:none}.kh:hover .kh-foto img{transform:none}}