.card.svelte-1xkrnnk{text-decoration:none;color:inherit;background:var(--bg-primary, white);border-radius:var(--radius-lg, .75rem);overflow:hidden;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .08));transition:all .2s ease;display:flex;flex-direction:column;cursor:pointer;border:1px solid var(--border-color, #e5e7eb);position:relative}.card.svelte-1xkrnnk:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.image-container.svelte-1xkrnnk{width:100%;aspect-ratio:3 / 4;overflow:hidden;background:var(--bg-tertiary);position:relative;z-index:1}.color-preview.svelte-1xkrnnk{width:100%;height:100%;transition:transform .4s ease}.card.svelte-1xkrnnk:hover .color-preview:where(.svelte-1xkrnnk){transform:scale(1.05)}img.svelte-1xkrnnk{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.card.svelte-1xkrnnk:hover img:where(.svelte-1xkrnnk){transform:scale(1.05)}.details.svelte-1xkrnnk{padding:1rem;display:flex;flex-direction:column;flex:1;position:relative;z-index:1}h3.svelte-1xkrnnk{font-size:.9375rem;color:var(--text-primary, #1f2937);margin:0 0 .375rem;line-height:1.4;min-height:2.6em;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category.svelte-1xkrnnk{color:var(--text-light, #9ca3af);font-size:.75rem;margin:0 0 .25rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.volume.svelte-1xkrnnk{color:var(--text-secondary, #6b7280);font-size:.8125rem;margin:0 0 .75rem;font-weight:600;padding:.25rem .625rem;background:var(--bg-tertiary, #f3f4f6);border-radius:var(--radius-sm, .375rem);display:inline-block;width:fit-content}.footer.svelte-1xkrnnk{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--border-color, #e5e7eb)}.price.svelte-1xkrnnk{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0;white-space:nowrap}.stock-status.svelte-1xkrnnk{font-size:.75rem}.in-stock.svelte-1xkrnnk{color:#059669;font-weight:500;padding:.2rem .5rem;background:#d1fae5;border-radius:999px;display:inline-block;white-space:nowrap}.out-of-stock.svelte-1xkrnnk{color:#dc2626;font-weight:500;padding:.2rem .5rem;background:#fee2e2;border-radius:999px;display:inline-block;white-space:nowrap}.cart-action.svelte-1xkrnnk{margin-top:.75rem;min-height:36px}.add-btn.svelte-1xkrnnk{width:100%;background:var(--primary-color);color:#fff;border:none;padding:.625rem 1rem;border-radius:6px;font-weight:600;cursor:pointer;font-size:.875rem;transition:all .25s cubic-bezier(.4,0,.2,1);animation:svelte-1xkrnnk-fadeScaleIn .25s cubic-bezier(.4,0,.2,1)}.add-btn.svelte-1xkrnnk:hover:not(:disabled){background:var(--primary-dark)}.add-btn.svelte-1xkrnnk:active:not(:disabled){transform:scale(.97)}.add-btn.svelte-1xkrnnk:disabled{background:#d1d5db;cursor:not-allowed}.qty-control.svelte-1xkrnnk{display:flex;align-items:center;justify-content:center;gap:0;border:2px solid var(--primary-color);border-radius:6px;overflow:hidden;animation:svelte-1xkrnnk-fadeScaleIn .25s cubic-bezier(.4,0,.2,1)}.qty-btn.svelte-1xkrnnk{background:var(--primary-color);color:#fff;border:none;width:36px;height:36px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:background .15s ease;display:flex;align-items:center;justify-content:center}.qty-btn.svelte-1xkrnnk:hover{background:var(--primary-dark)}.qty-btn.svelte-1xkrnnk:active{transform:scale(.9)}.qty-value.svelte-1xkrnnk{flex:1;text-align:center;font-weight:700;font-size:.9375rem;color:var(--primary-color);padding:.25rem;transition:transform .15s ease}@keyframes svelte-1xkrnnk-fadeScaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.details.svelte-1xkrnnk{padding:.875rem}h3.svelte-1xkrnnk{font-size:.875rem}.price.svelte-1xkrnnk{font-size:1.125rem}}@media (max-width: 480px){h3.svelte-1xkrnnk{font-size:.8125rem}.price.svelte-1xkrnnk{font-size:1rem}}.product-grid.svelte-167e2de{padding:0}.header.svelte-167e2de{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color, #e5e7eb)}h2.svelte-167e2de{font-size:1.5rem;color:var(--text-primary);margin:0;font-weight:700}.count.svelte-167e2de{color:var(--text-secondary, #6b7280);font-size:.875rem;font-weight:500;padding:.375rem 1rem;background:var(--bg-tertiary, #f3f4f6);border-radius:999px;border:1px solid var(--border-color, #e5e7eb)}.grid.svelte-167e2de{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}@keyframes svelte-167e2de-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.shimmer.svelte-167e2de{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:svelte-167e2de-shimmer 1.5s infinite}.skeleton-card.svelte-167e2de{background:var(--bg-primary, white);border-radius:var(--radius-lg, .75rem);overflow:hidden;border:1px solid var(--border-color, #e5e7eb);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .08))}.skeleton-card-image.svelte-167e2de{width:100%;aspect-ratio:4 / 5}.skeleton-card-details.svelte-167e2de{padding:1rem}.empty.svelte-167e2de{text-align:center;padding:4rem 2rem;color:var(--text-light, #9ca3af);font-size:1.125rem;background:var(--bg-primary, white);border-radius:var(--radius-xl, 1rem);border:2px dashed var(--border-color, #e5e7eb)}.empty.svelte-167e2de p:where(.svelte-167e2de){margin:0;font-weight:500}@media (max-width: 768px){.grid.svelte-167e2de{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.header.svelte-167e2de{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:1.25rem}h2.svelte-167e2de{font-size:1.25rem}.empty.svelte-167e2de{padding:3rem 1.5rem;font-size:1rem}}@media (max-width: 480px){.grid.svelte-167e2de{grid-template-columns:repeat(2,1fr);gap:.75rem}h2.svelte-167e2de{font-size:1.125rem}}main.svelte-1uha8ag{padding:2.5rem 0;background:var(--bg-secondary, #f9fafb);min-height:calc(100vh - 80px)}.container.svelte-1uha8ag{max-width:1800px;margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:300px 1fr;gap:2.5rem}.main-content.svelte-1uha8ag{min-width:0}@media (max-width: 968px){main.svelte-1uha8ag{padding:2rem 0}.container.svelte-1uha8ag{grid-template-columns:1fr;gap:2rem;padding:0 1rem}}@media (max-width: 640px){main.svelte-1uha8ag{padding:1.5rem 0}.container.svelte-1uha8ag{gap:1.5rem}}