.product-card.svelte-ty3e7a{background:#1a162599;border:1px solid #4a4560;border-radius:12px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;width:inherit;padding:1px;margin:.1rem}.product-card.svelte-ty3e7a:hover{transform:translateY(-4px);border-color:#a78bfa;box-shadow:0 10px 25px -5px #a78bfa33}.card-image.svelte-ty3e7a{position:relative;width:100%;height:280px;background:#2a2438;overflow:hidden}.card-image.svelte-ty3e7a img:where(.svelte-ty3e7a){width:100%;height:100%;object-fit:cover}.card-image.svelte-ty3e7a .placeholder-image:where(.svelte-ty3e7a){width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:4rem;background:linear-gradient(135deg,#3d3650,#4a4560)}.card-image.svelte-ty3e7a .placeholder-image:where(.svelte-ty3e7a) small:where(.svelte-ty3e7a){font-size:.75rem;margin-top:.5rem}.card-image.svelte-ty3e7a .card-badge:where(.svelte-ty3e7a){position:absolute;top:.5rem;right:.5rem;background:#a78bfae6;color:#fff;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-image.svelte-ty3e7a .variant-badge:where(.svelte-ty3e7a){position:absolute;bottom:.5rem;left:.5rem;background:#64c8ffe6;color:#fff;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-content.svelte-ty3e7a{padding:1rem}.item-name.svelte-ty3e7a{color:#f3f4f6;font-size:1.1rem;margin:0 0 .5rem;font-weight:600}.item-description.svelte-ty3e7a{color:#94a3b8;font-size:.9rem;line-height:1.4;margin:0 0 1rem}.card-footer.svelte-ty3e7a{display:flex;justify-content:space-between;align-items:center;gap:1rem}.price-rating.svelte-ty3e7a{display:flex;flex-direction:column;gap:.25rem}.item-price.svelte-ty3e7a{color:#a78bfa;font-size:1.25rem;font-weight:700}.item-rating.svelte-ty3e7a{color:#9ca3af;font-size:.85rem}.add-to-cart-btn.svelte-ty3e7a{background:#a78bfa;border:none;color:#fff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;transition:all .18s ease;white-space:nowrap;position:relative;z-index:10;min-width:140px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}.add-to-cart-btn.svelte-ty3e7a:hover{background:#8b5cf6;transform:translateY(-2px)}.add-to-cart-btn.svelte-ty3e7a:disabled{cursor:default}.btn-content.svelte-ty3e7a{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.status-icon.svelte-ty3e7a{position:relative;width:0;height:18px;opacity:0;transform:scale(.75);transition:width .18s ease,opacity .18s ease,transform .18s ease}.add-to-cart-btn.is-loading.svelte-ty3e7a .status-icon:where(.svelte-ty3e7a),.add-to-cart-btn.is-success.svelte-ty3e7a .status-icon:where(.svelte-ty3e7a){width:18px;opacity:1;transform:scale(1)}.spinner.svelte-ty3e7a,.check-icon.svelte-ty3e7a{position:absolute;top:0;left:0;width:18px;height:18px}.spinner.svelte-ty3e7a{border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;opacity:0}.check-icon.svelte-ty3e7a{opacity:0;transform:scale(.7)}.check-icon.svelte-ty3e7a path:where(.svelte-ty3e7a){fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:22;stroke-dashoffset:22}.add-to-cart-btn.is-loading.svelte-ty3e7a{background:linear-gradient(120deg,#a78bfa,#8b5cf6,#a78bfa);background-size:200% 100%;animation:svelte-ty3e7a-btnShimmer 1s ease infinite}.add-to-cart-btn.is-loading.svelte-ty3e7a .spinner:where(.svelte-ty3e7a){opacity:1;animation:svelte-ty3e7a-spin .75s linear infinite}.add-to-cart-btn.is-success.svelte-ty3e7a{background:linear-gradient(135deg,#34a275,#2d8b66);transform:translateY(-1px);box-shadow:0 6px 14px #34a27559}.add-to-cart-btn.is-success.svelte-ty3e7a .spinner:where(.svelte-ty3e7a){opacity:0;animation:none}.add-to-cart-btn.is-success.svelte-ty3e7a .check-icon:where(.svelte-ty3e7a){opacity:1;transform:scale(1);transition:transform .18s ease}.add-to-cart-btn.is-success.svelte-ty3e7a .check-icon:where(.svelte-ty3e7a) path:where(.svelte-ty3e7a){animation:svelte-ty3e7a-drawCheck .35s ease forwards}@keyframes svelte-ty3e7a-spin{to{transform:rotate(360deg)}}@keyframes svelte-ty3e7a-drawCheck{to{stroke-dashoffset:0}}@keyframes svelte-ty3e7a-btnShimmer{0%{background-position:0% 50%}to{background-position:100% 50%}}
