.compare-modal-overlay{z-index:1000;width:100vw;height:100vh;padding:var(--space-4);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.compare-modal{background:var(--color-background);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:80vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.compare-modal-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.compare-modal-header h3{font-size:var(--text-lg);font-weight:var(--font-weight-bold);margin:0}.close-btn{font-size:var(--text-xl);cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none}.compare-modal-body{padding:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex;overflow-y:auto}.compare-search-input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-md)}.compare-search-input:focus{border-color:var(--color-primary);outline:none}.compare-result-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.compare-result-item{align-items:center;gap:var(--space-4);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.compare-result-item img{object-fit:contain;border-radius:var(--radius-sm);background:#fff;width:50px;height:50px}.compare-result-info{flex:1}.compare-result-name{font-weight:var(--font-weight-medium);font-size:var(--text-sm)}.compare-result-brand{font-size:var(--text-xs);color:var(--color-text-secondary)}.compare-no-results{text-align:center;padding:var(--space-8) 0;color:var(--color-text-secondary)}
.compare-table-wrapper{margin-top:var(--space-4);width:100%}.compare-controls{margin-bottom:var(--space-4);justify-content:flex-end;display:flex}.difference-toggle{align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);-webkit-user-select:none;user-select:none;font-weight:500;display:flex}.compare-table-container{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);width:100%;overflow-x:auto}.compare-table{border-collapse:collapse;width:100%;min-width:800px}.compare-table th,.compare-table td{padding:var(--space-4);border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border);text-align:left}.compare-table th:last-child,.compare-table td:last-child{border-right:none}.compare-feature-cell{background-color:var(--color-background);color:var(--color-text-secondary);z-index:10;border-right:2px solid var(--color-border);width:20%;min-width:150px;font-weight:600;position:sticky;left:0}.empty-header{background-color:#0000;border-top:none}.compare-product-header{vertical-align:top;background-color:var(--color-surface);width:20%;min-width:200px;position:relative}@media (min-width:768px){.compare-product-header,.compare-feature-cell.empty-header{z-index:20;position:sticky;top:60px;box-shadow:0 4px 6px -6px #0000001a}.compare-feature-cell.empty-header{z-index:30}}.compare-remove-btn{top:var(--space-2);right:var(--space-2);background-color:var(--color-background);color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:pointer;width:24px;height:24px;font-size:var(--text-xs);z-index:5;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute}.compare-remove-btn:hover{background-color:var(--color-danger);color:#fff;border-color:var(--color-danger)}.compare-header-img{object-fit:contain;width:100%;height:140px;margin-bottom:var(--space-2)}.compare-header-brand{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;margin-bottom:var(--space-1)}.compare-header-name{font-size:var(--text-md);margin-bottom:var(--space-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.8em;font-weight:600;display:-webkit-box;overflow:hidden}.compare-header-price{margin-bottom:var(--space-4)}.old-price{font-size:var(--text-sm);color:var(--color-text-secondary);margin-right:var(--space-2);text-decoration:line-through}.current-price{font-size:var(--text-lg);color:var(--color-primary);font-weight:700}.compare-header-actions{gap:var(--space-2);flex-direction:column;display:flex}.compare-group-header{background-color:var(--color-background)}.compare-group-header td{font-size:var(--text-lg);color:var(--color-primary);padding:var(--space-4);font-weight:700}.compare-value-cell{font-size:var(--text-sm);vertical-align:middle;position:relative}.compare-value-cell.highlighted{background-color:#22c55e0d;font-weight:600}.highlight-icon{margin-left:var(--space-1);font-size:var(--text-xs)}.empty-header-col,.empty-val{background-color:#fcfcfc}.compare-loading{padding:var(--space-8);text-align:center;color:var(--color-text-secondary)}.compare-empty-state{text-align:center;padding:var(--space-12) var(--space-4);background-color:var(--color-surface);border-radius:var(--radius-lg);border:1px dashed var(--color-border);margin-top:var(--space-4)}.compare-one-product-alert{padding:var(--space-4);background-color:var(--color-primary-light);color:var(--color-primary-dark);border-radius:var(--radius-md);margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.compare-add-slot{border:2px dashed var(--color-border);border-radius:var(--radius-md);height:100%;min-height:200px;color:var(--color-text-secondary);cursor:pointer;background-color:var(--color-background);flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex}.compare-add-slot:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-surface-hover)}.compare-add-icon{margin-bottom:var(--space-2);font-size:2rem}.compare-header-name{color:var(--color-text-primary);text-decoration:none}.compare-header-name:hover{color:var(--color-primary);text-decoration:underline}