.compare-main{flex:1;padding-bottom:4rem}.compare-container{width:100%;max-width:80rem;margin:0 auto;padding:1.5rem 1rem}.compare-header{justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.5rem;display:flex}.compare-header-title-wrap,.compare-header-actions{align-items:center;gap:.75rem;display:flex}.compare-header h1{color:var(--ink-900,#111827);align-items:center;gap:.5rem;margin:0;font-size:1.35rem;font-weight:700;line-height:1.5;display:flex}.compare-count-badge{color:#9ca3af;font-size:.875rem;font-weight:600}.compare-loading-badge{color:#ea580c;background:#fff7ed;border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.top-add-vehicle-btn{color:#ea580c;white-space:nowrap;background:#fffaf5;border:1px solid #fed7aa;border-radius:.5rem;justify-content:center;align-items:center;gap:.375rem;height:2.25rem;margin:0;padding:0 .875rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #ea580c0d}.top-add-vehicle-btn:hover{color:#fff;background:#ea580c;border-color:#ea580c;box-shadow:0 4px 12px #ea580c2e}.clear-all-btn{height:2.25rem;color:var(--ink-700,#4b5563);cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;justify-content:center;align-items:center;gap:.375rem;margin:0;padding:0 .75rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.clear-all-btn:hover{background:var(--ink-100,#fef2f2);color:#dc2626;border-color:#fecaca}.compare-error-banner{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.banner-action-btn{cursor:pointer;white-space:nowrap;border-radius:.5rem;justify-content:center;align-items:center;padding:.375rem .875rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.banner-action-red{color:#dc2626;background:#fff;border:1px solid #fca5a5}.banner-action-red:hover{background:#fee2e2}.compare-empty-card{text-align:center;background:#fff;border:1px solid #f3f4f6;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;margin-top:2rem;padding:3.5rem 1.5rem;display:flex;box-shadow:0 2px 8px #0000000a}.compare-empty-icon{color:#ea580c;background:#fff7ed;border-radius:50%;justify-content:center;align-items:center;width:3.75rem;height:3.75rem;margin-bottom:1rem;display:flex}.compare-empty-icon svg{width:1.875rem;height:1.875rem}.compare-empty-title{color:#111827;margin:0;font-size:1.125rem;font-weight:700}.compare-empty-desc{color:#6b7280;max-width:28rem;margin:.375rem 0 1.5rem;font-size:.875rem;line-height:1.375rem}.compare-empty-actions{align-items:center;gap:.75rem;display:flex}.btn-primary-orange{color:#fff;background:#ea580c;border-radius:.5rem;justify-content:center;align-items:center;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:background-color .15s;display:inline-flex}.btn-primary-orange:hover{background:#c2410c}.btn-secondary-outline{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;justify-content:center;align-items:center;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:background-color .15s;display:inline-flex}.btn-secondary-outline:hover{background:#f9fafb}.compare-scroll{width:100%;margin-top:1rem;padding-bottom:.5rem;overflow-x:auto}.compare-grid{grid-template-columns:160px repeat(2,minmax(0,1fr));gap:.75rem;min-width:640px;display:grid}.compare-grid-header-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;align-items:flex-end;padding:.625rem .5rem;font-size:.75rem;font-weight:700;display:flex}.vehicle-card{background:#fff;border:1px solid #e5e7eb;border-radius:.875rem;flex-direction:column;padding:.75rem;transition:transform .15s,box-shadow .15s;display:flex;position:relative;box-shadow:0 1px 3px #00000008}.vehicle-card:hover{box-shadow:0 4px 14px #0000000f}.vehicle-image-wrapper{background:#f3f4f6;border-radius:.625rem;flex-shrink:0;width:100%;height:160px;position:relative;overflow:hidden}.vehicle-image{transition:transform .3s;display:block;object-fit:cover!important;width:100%!important;height:100%!important}.vehicle-card:hover .vehicle-image{transform:scale(1.03)}.vehicle-name{-webkit-line-clamp:2;color:var(--ink-900,#111827);word-break:break-word;-webkit-box-orient:vertical;margin-top:.75rem;font-size:.9375rem;font-weight:700;line-height:1.35;text-decoration:none;display:-webkit-box;overflow:hidden}.vehicle-name:hover{color:var(--brand-600,#ea580c)}.remove-vehicle-btn{z-index:2;width:1.75rem;height:1.75rem;color:var(--ink-400,#9ca3af);cursor:pointer;background:#fff;border:0;border-radius:9999px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex;position:absolute;top:.5rem;right:.5rem;box-shadow:0 2px 5px #0000001f}.remove-vehicle-btn:hover{color:#ef4444;background:#fee2e2;transform:scale(1.05)}.remove-vehicle-btn svg{width:.875rem;height:.875rem}.comparison-row{display:contents}.comparison-label{color:var(--ink-500,#6b7280);align-items:center;padding:0 .5rem;font-size:.875rem;font-weight:600;display:flex}.comparison-value{min-width:0;color:var(--ink-800,#1f2937);background:#fff;border:1px solid #f3f4f6;border-radius:.625rem;align-items:center;padding:.75rem .875rem;font-size:.875rem;line-height:1.25rem;display:flex}.highlight-value{font-weight:700;color:#059669!important;background:#ecfdf5!important;border-color:#a7f3d0!important}.features-value{display:block}.features-pill-wrap{flex-wrap:wrap;gap:.375rem;display:flex}.feature-pill-badge{color:#374151;background:#f3f4f6;border-radius:.375rem;align-items:center;padding:.25rem .5rem;font-size:.75rem;font-weight:500;line-height:1;display:inline-flex}@media (min-width:768px){.compare-main{padding-bottom:0}.compare-container{padding-left:1.5rem;padding-right:1.5rem}.compare-header h1{font-size:1.5rem}.vehicle-image-wrapper{height:175px}}@media (max-width:767px){.compare-container{padding-top:1.25rem}.compare-grid{grid-template-columns:140px repeat(2,minmax(220px,1fr))}.vehicle-image-wrapper{height:140px}}