.product-card.svelte-1pt8hht{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--border-radius-lg);border:1px solid var(--color-border);background-color:var(--color-surface);transition:all var(--transition-normal);box-shadow:var(--shadow-md)}.product-card.svelte-1pt8hht:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.product-image-container.svelte-1pt8hht{position:relative;aspect-ratio:1;overflow:hidden;background-color:var(--color-surface-hover)}.product-image.svelte-1pt8hht{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-slow)}.group.svelte-1pt8hht:hover .product-image:where(.svelte-1pt8hht){transform:scale(1.05)}.product-no-image.svelte-1pt8hht{display:flex;height:100%;width:100%;align-items:center;justify-content:center;background-color:var(--color-surface-hover)}.product-no-image-text.svelte-1pt8hht{color:var(--color-text-muted)}.product-image-overlay.svelte-1pt8hht{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.2),transparent);pointer-events:none}.product-unavailable-overlay.svelte-1pt8hht{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#0009}.product-unavailable-badge.svelte-1pt8hht{border-radius:var(--border-radius-md);background-color:var(--color-error);padding:.25rem .75rem;font-size:.875rem;font-weight:600;color:#fff}.product-info.svelte-1pt8hht{display:flex;flex:1;flex-direction:column;padding:1rem}.product-header.svelte-1pt8hht{margin-bottom:.5rem}.product-title.svelte-1pt8hht{font-size:1.125rem;font-weight:600;color:var(--color-text);transition:color var(--transition-fast);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.group.svelte-1pt8hht:hover .product-title:where(.svelte-1pt8hht){color:var(--color-primary)}.product-price.svelte-1pt8hht{margin-top:.25rem;font-size:1.25rem;font-weight:700;color:var(--color-primary)}.product-description.svelte-1pt8hht{margin-bottom:.75rem;flex:1;font-size:.875rem;color:var(--color-text-muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.product-variants.svelte-1pt8hht{margin-bottom:1rem;display:flex;flex-direction:column;gap:.75rem}.variant-group.svelte-1pt8hht{display:flex;flex-direction:column;gap:.5rem}.variant-label.svelte-1pt8hht{font-size:.75rem;font-weight:500;color:var(--color-text-muted)}.color-options.svelte-1pt8hht{display:flex;flex-wrap:wrap;gap:.375rem}.color-button.svelte-1pt8hht{display:flex;height:1.5rem;width:1.5rem;align-items:center;justify-content:center;border-radius:9999px;border:2px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast)}.color-button.svelte-1pt8hht:hover{border-color:var(--color-text-muted);transform:scale(1.1)}.color-selected.svelte-1pt8hht{border-color:var(--color-primary);transform:scale(1.1)}.color-check.svelte-1pt8hht{height:.375rem;width:.375rem;border-radius:9999px;background-color:#fff;box-shadow:var(--shadow-sm)}.variant-selected-text.svelte-1pt8hht{margin-top:.25rem;font-size:.75rem;color:var(--color-text-muted);text-transform:capitalize}.size-options.svelte-1pt8hht{display:flex;flex-wrap:wrap;gap:.375rem}.size-button.svelte-1pt8hht{min-width:2rem;border-radius:var(--border-radius-sm);border:1px solid var(--color-border);background-color:transparent;padding:.25rem .5rem;font-size:.75rem;font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.size-button.svelte-1pt8hht:hover{border-color:var(--color-text);color:var(--color-text)}.size-selected.svelte-1pt8hht{border-color:var(--color-primary);background-color:var(--color-primary);color:#fff}.product-variant-count.svelte-1pt8hht{margin-bottom:1rem}.variant-count-text.svelte-1pt8hht{font-size:.75rem;color:var(--color-text-muted)}.product-actions.svelte-1pt8hht{margin-top:auto;display:flex;flex-direction:column;gap:.5rem}.dark .product-card.svelte-1pt8hht{background-color:var(--color-surface);border-color:var(--color-border)}.dark .product-image-container.svelte-1pt8hht{background-color:var(--color-surface-hover)}
