.compare-tray{position:fixed;bottom:0;left:0;right:0;z-index:500;background:var(--cc-surface);border-top:1px solid var(--cc-border);box-shadow:0 -4px 20px rgba(44,41,37,.1);padding:12px 24px;transform:translateY(100%);transition:transform .25s;display:flex;align-items:center;gap:12px}.compare-tray.is-visible{transform:translateY(0)}.compare-tray__label{font-size:var(--cc-font-sm);font-weight:var(--cc-weight-semibold);color:var(--cc-text-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;flex-shrink:0}.compare-tray__pills{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-width:0}.compare-tray__pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--cc-bg-deep);border:1px solid var(--cc-border-light);border-radius:var(--cc-radius-pill);font-size:var(--cc-font-body-sm);font-weight:var(--cc-weight-medium);color:var(--cc-text);max-width:200px;animation:.15s comparePillIn}@keyframes comparePillIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.compare-tray__pill-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-tray__pill-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:var(--cc-border-light);border-radius:50%;cursor:pointer;color:var(--cc-text-muted);font-size:9px;line-height:1;padding:0;flex-shrink:0;transition:var(--cc-transition-fast)}.compare-tray__pill-remove:hover{background:var(--cc-danger-light);color:var(--cc-danger)}.compare-tray__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.compare-tray__clear{border:none;background:0 0;cursor:pointer;font-size:var(--cc-font-body-sm);color:var(--cc-text-muted);padding:4px 8px;border-radius:var(--cc-radius-sm);transition:var(--cc-transition-fast)}.compare-tray__clear:hover{background:var(--cc-danger-light);color:var(--cc-danger)}.compare-tray__btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;font-size:var(--cc-font-body);font-weight:var(--cc-weight-semibold);color:var(--cc-surface);background:var(--cc-gradient-accent);border:none;border-radius:var(--cc-radius-sm);cursor:pointer;white-space:nowrap;transition:var(--cc-transition-fast)}.compare-tray__btn:disabled{opacity:.45;cursor:not-allowed}.compare-tray__btn:not(:disabled):hover{filter:brightness(1.08)}.compare-tray-add{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:var(--cc-weight-medium);color:var(--cc-accent);background:var(--cc-info-light);border:1px solid transparent;border-radius:var(--cc-radius-sm);cursor:pointer;transition:var(--cc-transition-fast);white-space:nowrap}.compare-tray-add:hover{background:var(--cc-accent);color:var(--cc-surface)}.compare-tray-add.is-added{background:var(--cc-success-light);color:var(--cc-success);border-color:var(--cc-success)}.compare-tray-add.is-added:hover{background:var(--cc-danger-light);color:var(--cc-danger);border-color:var(--cc-danger)}.compare-tray__count{display:none;font-size:var(--cc-font-body);font-weight:var(--cc-weight-semibold);color:var(--cc-text);white-space:nowrap}@media (max-width:640px){.compare-tray{padding:10px 16px;gap:8px}.compare-tray__label,.compare-tray__pills{display:none}.compare-tray__count{display:block;flex:1}.compare-tray__clear{font-size:11px;padding:2px 6px}.compare-tray__btn{padding:8px 14px;font-size:12px}}