.compare-bar { position: fixed; left: 0; right: 0; bottom: 0; background: #fff; border-top: 1px solid #ddd; padding: 8px 12px; display: flex; align-items: center; gap: 12px; z-index: 1000; }
.compare-bar.hidden { display: none; }
.compare-items { display: flex; gap: 8px; flex: 1; overflow-x: auto; }
.compare-chip { display: inline-flex; align-items: center; gap: 6px; border: 1px solid #eee; border-radius: 16px; padding: 4px 8px; white-space: nowrap; }
.compare-chip img { width: 24px; height: 24px; object-fit: cover; border-radius: 4px; }
.chip-remove { border: 0; background: transparent; font-size: 16px; line-height: 1; cursor: pointer; }