.card.svelte-qppca3{background:#fff;width:var(--stretch);padding:16px;border-radius:16px;height:100%;box-sizing:border-box}.card.svelte-qppca3 .contentcard:where(.svelte-qppca3){position:relative}.card.svelte-qppca3 .imgcontainer:where(.svelte-qppca3){position:relative;overflow:hidden;aspect-ratio:1;border-radius:8px}.card.svelte-qppca3 .imgcontainer:where(.svelte-qppca3) a:where(.svelte-qppca3){display:flex;align-items:center;justify-content:center;width:100%;position:relative;height:100%}.card.svelte-qppca3 .imgcontainer:where(.svelte-qppca3) .img-primary:where(.svelte-qppca3){object-fit:contain;display:block;width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.card.svelte-qppca3 .imgcontainer:where(.svelte-qppca3) .img-hover:where(.svelte-qppca3){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease}.card.svelte-qppca3 .imgcontainer.has-hover:where(.svelte-qppca3):hover .img-primary:where(.svelte-qppca3){opacity:0}.card.svelte-qppca3 .imgcontainer.has-hover:where(.svelte-qppca3):hover .img-hover:where(.svelte-qppca3){opacity:1}.card.svelte-qppca3 .title-row:where(.svelte-qppca3){display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:.4rem 0 .15rem;padding:0 .25rem}.card.svelte-qppca3 .title:where(.svelte-qppca3){font-size:.875rem;font-weight:700;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.card.svelte-qppca3 .price:where(.svelte-qppca3){font-size:.875rem;font-weight:700;white-space:nowrap;flex-shrink:0;background:#d0e8d3;color:#3a7d44;padding:.2rem .6rem;border-radius:20px}.card.svelte-qppca3 .category:where(.svelte-qppca3){padding:0 .25rem .25rem;font-size:.75rem;font-weight:300;color:var(--text-color-muted, #888)}.card.svelte-qppca3 .badge-new:where(.svelte-qppca3),.card.svelte-qppca3 .badge-company:where(.svelte-qppca3){position:absolute;z-index:1;font-size:.7rem;font-weight:700;padding:.15rem .5rem;border-radius:20px;pointer-events:none}.card.svelte-qppca3 .badge-new:where(.svelte-qppca3){top:.5rem;left:.5rem;color:#3a7d44;background:#d0e8d3}.card.svelte-qppca3 .badge-company:where(.svelte-qppca3){top:.5rem;right:.5rem;color:#5b4a8a;background:#ede9f7}.card.svelte-qppca3 img:where(.svelte-qppca3){width:100%;height:100%;object-fit:cover}.card.svelte-qppca3 .no-image:where(.svelte-qppca3){width:100%;aspect-ratio:1;background:var(--bg-color-alt, #eee);display:flex;align-items:center;justify-content:center;color:#aaa;border-radius:4px}