:root{--primary-color:#016fc4;--secondary-color:#8b5cf6;--danger-color:#ef4444;--success-color:#10b981;--warning-color:#f59e0b;--dark-color:#1f2937;--light-bg:#f9fafb;--border-color:#e5e7eb}.compare-container{min-height:100vh;padding:3rem 0}.product-card{background:#fff;border-radius:20px;overflow:hidden;transition:all .3s ease;box-shadow:0 5px 20px rgba(0,0,0,.1);height:100%;border:2px solid transparent}.product-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px rgba(0,0,0,.2);border-color:var(--primary-color)}.product-image-wrapper{position:relative;overflow:hidden;height:280px;background:linear-gradient(135deg,#f5f7fa 0,#c3cfe2 100%)}.product-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-card:hover .product-image-wrapper img{transform:scale(1.1)}.promo-badge{position:absolute;top:15px;right:15px;background:linear-gradient(135deg,#f093fb 0,#f5576c 100%);color:#fff;padding:.5rem 1rem;border-radius:50px;font-weight:700;font-size:.85rem;box-shadow:0 5px 15px rgba(245,87,108,.4);animation:pulse 2s infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.product-body{padding:1.5rem}.product-title{font-size:1.4rem;font-weight:700;color:var(--dark-color);margin-bottom:.5rem;line-height:1.3}.product-ref{color:#6b7280;font-size:.85rem;font-weight:500;margin-bottom:1rem}.status-badge{display:inline-block;padding:.4rem 1rem;border-radius:50px;font-size:.8rem;font-weight:600;margin-bottom:1rem}.status-badge.in-stock{background:linear-gradient(135deg,#10b981 0,#059669 100%);color:#fff;box-shadow:0 4px 10px rgba(16,185,129,.3)}.status-badge.out-stock{background:linear-gradient(135deg,#f59e0b 0,#d97706 100%);color:#fff;box-shadow:0 4px 10px rgba(245,158,11,.3)}.product-description{color:#6b7280;font-size:.9rem;line-height:1.6;margin-bottom:1.5rem;min-height:60px}.price-section{background:var(--light-bg);border-radius:15px;padding:1.25rem;margin-top:auto}.original-price{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.original-price span{text-decoration:line-through;color:#9ca3af;font-size:1rem}.discount-badge{background:linear-gradient(135deg,#ef4444 0,#dc2626 100%);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700}.current-price{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;padding:.2rem 0;display:inline-block}.current-price.promo{background:linear-gradient(135deg,#ef4444 0,#dc2626 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;padding:.2rem 0;display:inline-block}.product-footer{padding:1rem 1.5rem;background:#fafafa;border-top:1px solid var(--border-color)}.btn-remove{background:#fff;color:var(--danger-color);border:2px solid var(--danger-color);padding:.75rem 1.5rem;border-radius:50px;font-weight:600;transition:all .3s ease;width:100%}.btn-remove:hover{background:var(--danger-color);color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px rgba(239,68,68,.3)}.comparison-table-wrapper{background:#fff;border-radius:20px;padding:2rem;margin-top:3rem;box-shadow:0 10px 30px rgba(0,0,0,.1)}.comparison-table-wrapper h3{color:var(--dark-color);font-weight:700;margin-bottom:1.5rem;font-size:1.75rem}.comparison-table{border-radius:15px;overflow:hidden;border:none}.comparison-table thead{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff}.comparison-table thead th{padding:1.25rem;font-weight:600;border:none;font-size:1rem}.comparison-table tbody td{padding:1rem 1.25rem;vertical-align:middle;border-color:#e5e7eb}.comparison-table tbody tr:hover{background:#f9fafb}.comparison-table .feature-label{background:linear-gradient(135deg,#f5f7fa 0,#e5e7eb 100%);font-weight:700;color:var(--dark-color)}.empty-state{background:#fff;border-radius:20px;padding:4rem 2rem;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.1)}.empty-state-icon{font-size:5rem;margin-bottom:1.5rem;opacity:.3}.empty-state h4{color:var(--dark-color);font-weight:700;margin-bottom:1rem;font-size:1.75rem}.empty-state p{color:#6b7280;font-size:1.1rem}@media (max-width:768px){.compare-header h2{font-size:1.5rem}.product-title{font-size:1.2rem}.current-price{font-size:1.5rem}}