.product-card{position:relative;display:flex;flex-direction:column;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);overflow:hidden;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-card-image-wrapper{position:relative;width:100%;padding-bottom:75%;overflow:hidden;background:var(--color-gray-100)}.product-card-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.product-card:hover .product-card-image{transform:scale(1.05)}.product-card-image-overlay{position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);pointer-events:none}.product-card-badges{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:6px;z-index:2}.product-badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full);box-shadow:var(--shadow-sm);text-transform:uppercase;letter-spacing:.5px}.product-badge-new{background:var(--color-primary);color:#fff}.product-badge-sale{background:var(--color-error);color:#fff}.product-badge-featured{background:var(--color-warning);color:#fff}.product-badge-vegetarian{background:var(--color-success);color:#fff}.product-badge-spicy{background:#ff5722;color:#fff}.product-card-actions{position:absolute;top:12px;right:12px;display:flex;gap:8px;z-index:2;opacity:0;transform:translateY(-10px);transition:all var(--transition-fast)}.product-card:hover .product-card-actions{opacity:1;transform:translateY(0)}.product-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border:none;border-radius:var(--border-radius-full);box-shadow:var(--shadow-md);cursor:pointer;transition:all var(--transition-fast)}.product-action-btn:hover{background:var(--color-primary);color:#fff;transform:scale(1.1)}.product-action-btn:active{transform:scale(.95)}.product-action-btn svg{width:18px;height:18px}.product-action-btn.active{background:var(--color-primary);color:#fff}.product-card-content{display:flex;flex-direction:column;padding:16px;flex:1}.product-card-category{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.product-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:8px;line-height:var(--line-height-tight);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.product-card-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal);margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;flex:1}.product-card-rating{display:flex;align-items:center;gap:6px;margin-bottom:12px}.product-rating-stars{display:flex;gap:2px}.product-rating-star{color:#ffc107;font-size:14px}.product-rating-star.empty{color:var(--color-gray-300)}.product-rating-count{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.product-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}.product-card-price{display:flex;flex-direction:column;gap:4px}.product-price-current{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.product-price-original{font-size:var(--font-size-sm);color:var(--color-text-tertiary);text-decoration:line-through}.product-price-discount{font-size:var(--font-size-xs);color:var(--color-success);font-weight:var(--font-weight-medium)}.product-add-to-cart{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:var(--color-primary);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.product-add-to-cart:hover{background:var(--color-primary-dark);transform:scale(1.05);box-shadow:var(--shadow-md)}.product-add-to-cart:active{transform:scale(.98)}.product-add-to-cart svg{width:16px;height:16px}.product-quantity-selector{display:inline-flex;align-items:center;gap:8px;background:var(--color-gray-100);border-radius:var(--border-radius-md);padding:4px}.product-quantity-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#fff;border:1px solid var(--color-border-light);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast)}.product-quantity-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.product-quantity-value{min-width:32px;text-align:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-base)}.product-card-horizontal{flex-direction:row}.product-card-horizontal .product-card-image-wrapper{width:140px;padding-bottom:0;flex-shrink:0}.product-card-horizontal .product-card-image{position:static;height:100%}.product-card-horizontal .product-card-content{flex:1}.product-card-compact{padding:12px}.product-card-compact .product-card-content{padding:12px 0 0}.product-card-compact .product-card-title{font-size:var(--font-size-base)}.product-card-compact .product-price-current{font-size:var(--font-size-lg)}.product-card-featured{border:2px solid var(--color-primary);background:linear-gradient(135deg,var(--color-primary-alpha-10) 0,transparent 100%)}.product-card.out-of-stock{opacity:.6}.product-card.out-of-stock .product-card-image{filter:grayscale(1)}.product-out-of-stock-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.8);color:#fff;padding:12px 24px;border-radius:var(--border-radius-md);font-weight:var(--font-weight-semibold);z-index:3}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;padding:16px}@media (max-width:576px){.products-grid{grid-template-columns:1fr;gap:16px;padding:12px}.product-card-horizontal .product-card-image-wrapper{width:100px}.product-card-title{font-size:var(--font-size-base)}.product-price-current{font-size:var(--font-size-xl)}.product-add-to-cart{padding:8px 14px;font-size:var(--font-size-xs)}.product-card-actions{opacity:1}}@media (min-width:577px) and (max-width:768px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:769px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}[data-theme=dark] .product-card{background:var(--color-bg-secondary);border-color:var(--color-border-dark)}[data-theme=dark] .product-card-image-wrapper{background:var(--color-gray-800)}[data-theme=dark] .product-action-btn{background:var(--color-gray-800);color:var(--color-text-primary)}[data-theme=dark] .product-action-btn:hover{background:var(--color-primary);color:#fff}[data-theme=dark] .product-quantity-selector{background:var(--color-gray-800)}[data-theme=dark] .product-quantity-btn{background:var(--color-gray-700);border-color:var(--color-border-dark)}@keyframes addToCartPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.product-add-to-cart.adding{animation:.3s ease-out addToCartPulse}.product-card-image.loading{background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}