.product-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-slow);border:1px solid var(--color-neutral-100);background-color:#fff;flex-direction:column;height:100%;display:flex;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-xl);border-color:var(--color-neutral-200);transform:translateY(-6px)}.product-card.out-of-stock{opacity:.65}.product-image-wrapper{background-color:var(--color-neutral-50);width:100%;padding-top:100%;position:relative;overflow:hidden}.product-image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow);position:absolute;top:0;left:0}.product-card:hover .product-image{transform:scale(1.08)}.product-image-wrapper:after{content:"";opacity:0;transition:opacity var(--transition-base);pointer-events:none;background:linear-gradient(#0000 50%,#0000001f 100%);position:absolute;inset:0}.product-card:hover .product-image-wrapper:after{opacity:1}.product-badge{top:var(--spacing-3);left:var(--spacing-3);padding:var(--spacing-1)var(--spacing-3);font-size:11px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-full);z-index:2;position:absolute;box-shadow:0 2px 8px #00000026}[dir=rtl] .product-badge{left:auto;right:var(--spacing-3)}.badge-new{background:linear-gradient(135deg,var(--color-info),#2563eb);color:#fff}.badge-sale{background:linear-gradient(135deg,var(--color-accent-500),var(--color-accent-600));color:#fff}.badge-out-of-stock{background:linear-gradient(135deg,var(--color-error),#dc2626);color:#fff}.discount-badge{top:var(--spacing-3);right:var(--spacing-3);background:linear-gradient(135deg,var(--color-error),#dc2626);color:#fff;padding:var(--spacing-1)var(--spacing-2);font-size:11px;font-weight:var(--font-weight-bold);border-radius:var(--radius-full);z-index:2;position:absolute;box-shadow:0 2px 8px #ef44444d}[dir=rtl] .discount-badge{right:auto;left:var(--spacing-3)}.product-quick-actions{top:var(--spacing-3);right:var(--spacing-3);gap:var(--spacing-2);opacity:0;transition:all var(--transition-base);z-index:3;flex-direction:column;display:flex;position:absolute;transform:translate(10px)}[dir=rtl] .product-quick-actions{right:auto;left:var(--spacing-3);transform:translate(-10px)}.product-card:hover .product-quick-actions{opacity:1;transform:translate(0)}.quick-action-btn{border-radius:var(--radius-full);cursor:pointer;width:34px;height:34px;color:var(--color-neutral-600);transition:all var(--transition-fast);background-color:#fff;border:none;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 8px #0000001f}.quick-action-btn:hover{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));color:#fff;transform:scale(1.15);box-shadow:0 4px 12px #2563eb4d}.quick-action-btn.active{background:linear-gradient(135deg,var(--color-accent-500),var(--color-accent-600));color:#fff}.product-info{padding:var(--spacing-4)var(--spacing-5);gap:var(--spacing-2);flex-direction:column;flex:1;display:flex}.product-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);margin:0}.product-title a{color:var(--color-neutral-900);transition:color var(--transition-fast);-webkit-line-clamp:2;-webkit-box-orient:vertical;text-decoration:none;display:-webkit-box;overflow:hidden}.product-title a:hover{color:var(--color-primary-600)}.product-sku{font-size:var(--font-size-xs);color:var(--color-neutral-400);font-family:monospace}.product-rating{align-items:center;gap:1px;display:flex}.star{color:var(--color-neutral-300);transition:color var(--transition-fast)}.star.filled{color:var(--color-accent-500)}.review-count{font-size:var(--font-size-xs);color:var(--color-neutral-400);margin-left:var(--spacing-2)}[dir=rtl] .review-count{margin-left:0;margin-right:var(--spacing-2)}.product-price-section{padding-top:var(--spacing-3);border-top:1px solid var(--color-neutral-100);margin-top:auto}.product-price{align-items:baseline;gap:var(--spacing-2);margin-bottom:var(--spacing-3);flex-wrap:wrap;display:flex}.current-price{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-700)}.original-price{font-size:var(--font-size-xs);color:var(--color-neutral-400);text-decoration:line-through}.add-to-cart-btn{justify-content:center;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-3)var(--spacing-4);background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));color:#fff;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);border:none;font-family:inherit;display:flex;position:relative;overflow:hidden}.add-to-cart-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.add-to-cart-btn:active:not(:disabled){transform:translateY(0)}.add-to-cart-btn:disabled{background:var(--color-neutral-300);cursor:not-allowed}.add-to-cart-btn.adding{pointer-events:none}.cart-btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}.product-card-list{flex-direction:row;height:auto}.product-card-list .product-image-wrapper{flex-shrink:0;width:220px;height:220px;padding-top:0}.product-card-list .product-image{position:static}.product-card-list .product-info{padding:var(--spacing-6);flex:1}.product-card-list .product-title{font-size:var(--font-size-lg)}.product-card-list .product-price-section{border-top:none;justify-content:space-between;align-items:center;padding-top:0;display:flex}.product-card-list .add-to-cart-btn{width:auto;padding:var(--spacing-3)var(--spacing-6)}@media (max-width:767px){.product-card-list{flex-direction:column}.product-card-list .product-image-wrapper{width:100%;height:auto;padding-top:100%}.product-card-list .product-image{position:absolute}.product-card-list .product-info{padding:var(--spacing-4)}.product-card-list .product-price-section{align-items:flex-start;gap:var(--spacing-3);flex-direction:column}.product-card-list .add-to-cart-btn{width:100%}.product-quick-actions{opacity:1;transform:translate(0)}}.quickview-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99999;padding:var(--spacing-4);background-color:#00000080;justify-content:center;align-items:center;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.quickview-modal{border-radius:var(--radius-2xl);width:100%;max-width:800px;box-shadow:var(--shadow-2xl);padding:var(--spacing-6);background:#fff;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleIn;position:relative;overflow:hidden}.quickview-close-btn{cursor:pointer;color:#6b7280;z-index:10;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.5rem;transition:background-color .2s,color .2s;display:flex;position:absolute;top:1rem;right:1rem}.quickview-close-btn:hover{color:#ef4444;background:#fee2e2}.quickview-grid{gap:var(--spacing-8);grid-template-columns:1fr 1fr;align-items:center;display:grid}.quickview-image-sec{aspect-ratio:1;border-radius:var(--radius-xl);padding:var(--spacing-4);background:#f9fafb;border:1px solid #f3f4f6;justify-content:center;align-items:center;display:flex}.quickview-image-sec img{object-fit:contain;max-width:100%;max-height:100%}.quickview-details-sec{gap:var(--spacing-3);flex-direction:column;display:flex}.quickview-brand{text-transform:uppercase;letter-spacing:1px;color:var(--color-primary-600);font-size:.75rem;font-weight:700}.quickview-title{color:#111827;margin:0;font-size:1.5rem;font-weight:700;line-height:1.3}.quickview-sku{color:#9ca3af;font-family:monospace;font-size:.8rem}.quickview-price-sec{align-items:baseline;gap:var(--spacing-3);margin-top:.5rem;display:flex}.quickview-desc{color:#4b5563;margin:0;font-size:.9rem;line-height:1.6}.quickview-actions{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.view-details-link{color:var(--color-primary-600);align-self:flex-start;font-size:.85rem;font-weight:600;text-decoration:none;transition:color .2s}.view-details-link:hover{color:var(--color-primary-800);text-decoration:underline}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:767px){.quickview-grid{gap:var(--spacing-4);grid-template-columns:1fr}.quickview-modal{max-height:90vh;overflow-y:auto}}