.compare-drawer{position:fixed;bottom:-100%;left:50%;transform:translate(-50%);width:95%;max-width:1200px;background:var(--bg-card);border:1px solid var(--border);box-shadow:0 -10px 40px #00000059;border-radius:var(--radius-lg) var(--radius-lg) 0 0;z-index:9500;transition:bottom .35s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;max-height:85vh}.compare-drawer.open{bottom:0}.compare-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border)}.compare-title{font-size:1.1rem;font-weight:700;color:var(--primary);display:flex;align-items:center;gap:8px;margin:0}.compare-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;padding:1.5rem;overflow-y:auto}.compare-column{background:#ffffff05;border:1px solid var(--border);border-radius:var(--radius-md);padding:1.25rem;display:flex;flex-direction:column;gap:.85rem;position:relative}.compare-column-close{position:absolute;top:8px;right:8px;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem}.compare-column-close:hover{color:var(--danger, #ef4444)}.compare-feature-row{font-size:.85rem;line-height:1.5;border-bottom:1px dashed var(--border);padding-bottom:.5rem}.compare-feature-row strong{color:var(--text-primary);display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.btn-compare-select{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;padding:4px 8px;border-radius:4px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.btn-compare-select.active{background:var(--primary);color:var(--text-on-primary);border-color:var(--primary)}.compare-floating-bar{position:fixed;bottom:20px;right:20px;background:var(--primary);color:var(--text-on-primary);padding:.75rem 1.25rem;border-radius:50px;box-shadow:var(--shadow-lg),0 0 20px #2563eb66;display:flex;align-items:center;gap:10px;cursor:pointer;z-index:9000;transition:transform .2s cubic-bezier(.16,1,.3,1);font-weight:600;font-size:.9rem}.compare-floating-bar:hover{transform:scale(1.05)}.compare-floating-bar.hidden{display:none}@media(max-width:600px){.compare-floating-bar{bottom:150px}}