.product-card.svelte-11ja2cl{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease}.product-card.svelte-11ja2cl:hover{border-color:var(--color-accent);box-shadow:0 4px 16px #0000000f}.product-image.svelte-11ja2cl{display:flex;align-items:center;justify-content:center;height:160px;background:var(--color-bg-warm);overflow:hidden}.product-image.svelte-11ja2cl img:where(.svelte-11ja2cl){width:100%;height:100%;object-fit:cover}.image-placeholder.svelte-11ja2cl{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.product-info.svelte-11ja2cl{padding:16px;display:flex;flex-direction:column;gap:4px}.product-name.svelte-11ja2cl{font-size:.9375rem;font-weight:600;color:var(--color-text);line-height:1.3}.product-name.svelte-11ja2cl:hover{color:var(--color-accent)}.product-vendor.svelte-11ja2cl{font-size:.8125rem;color:var(--color-text-secondary);transition:color .2s ease}.product-vendor.svelte-11ja2cl:hover{color:var(--color-accent)}.product-bottom.svelte-11ja2cl{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.product-price.svelte-11ja2cl{display:flex;align-items:baseline;gap:4px}.price.svelte-11ja2cl{font-size:1.0625rem;font-weight:700;color:var(--color-text)}.unit.svelte-11ja2cl{font-size:.75rem;color:var(--color-text-secondary)}.add-btn.svelte-11ja2cl{width:34px;height:34px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.add-btn.svelte-11ja2cl svg:where(.svelte-11ja2cl){width:18px;height:18px;color:var(--color-text-secondary);transition:color .2s ease}.quote-btn.svelte-11ja2cl{border-color:var(--color-accent-medium);background:var(--color-accent-light)}.quote-btn.svelte-11ja2cl svg:where(.svelte-11ja2cl){color:var(--color-accent-strong)}.add-btn.svelte-11ja2cl:hover{border-color:var(--color-accent);background:var(--color-accent-light)}.add-btn.svelte-11ja2cl:hover svg:where(.svelte-11ja2cl){color:var(--color-accent-strong)}@media(max-width:768px){.add-btn.svelte-11ja2cl{width:44px;height:44px}}