.comp-page-header{padding:2.5rem 0 1.5rem;border-bottom:1px solid var(--border)}.comp-page-title{font-size:clamp(1.5rem,3.5vw,2rem);font-weight:800;letter-spacing:-.03em;color:var(--text);font-family:var(--font-display);margin-top:.75rem;line-height:1.2}.comp-section{padding-top:2.5rem}.comparator-selectors{display:grid;grid-template-columns:1fr 48px 1fr;gap:1.25rem;align-items:start;max-width:820px;margin:0 auto 1.25rem}.comparator-vs{display:flex;align-items:flex-start;justify-content:center;padding-top:1.9rem}.comparator-vs span{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;letter-spacing:.08em;color:var(--muted);border:1px solid var(--border);border-radius:50%;background:var(--surface-card)}.selector-label{display:flex;align-items:center;gap:.4rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-bottom:.5rem}.comp-actions{text-align:center;margin:2rem 0}.comp-reset-btn{margin-left:.75rem;display:none}.comp-result-hidden{display:none}.vehicle-picker{background:var(--surface-card);border:1px solid var(--border);border-radius:14px;overflow:visible;position:relative;transition:border-color .18s}.vehicle-picker:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.vehicle-picker-search{display:flex;align-items:center;gap:.6rem;padding:.75rem .9rem}.vehicle-picker-search svg{flex-shrink:0;color:var(--muted)}.picker-input{flex:1;min-width:0;background:none;border:none;outline:none;font-size:.875rem;color:var(--text);font-family:var(--font-body)}.picker-input::placeholder{color:var(--muted)}.picker-results{display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 16px 48px #0000008c,0 0 0 1px #1a7fe814;z-index:100;max-height:340px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent;padding:.4rem}.picker-result-item{display:grid;grid-template-columns:68px 1fr;gap:.75rem;align-items:center;padding:.55rem .65rem;border-radius:10px;border:none;background:none;cursor:pointer;width:100%;text-align:left;transition:background .12s;font-family:var(--font-body)}.picker-result-item:hover{background:#1a7fe812}.picker-result-item img{width:68px;height:38px;object-fit:contain;border-radius:7px;background:#f2f3f7;padding:3px;flex-shrink:0}.picker-result-thumb{width:68px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:var(--surface-hover);flex-shrink:0;font-size:1.1rem}.picker-result-info{display:flex;flex-direction:column;gap:.08rem;min-width:0}.picker-result-brand{font-size:.62rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.05em;line-height:1}.picker-result-name{font-size:.855rem;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-display);line-height:1.2}.picker-result-price{font-size:.72rem;color:var(--muted);font-weight:500;line-height:1}.picker-no-results{padding:1.25rem;text-align:center;color:var(--muted);font-size:.82rem}.picker-selected{padding:0}.selected-vehicle{display:grid;grid-template-columns:88px 1fr auto;align-items:center;gap:.75rem;padding:.75rem .9rem;background:#1a7fe80d;border-radius:12px;margin:0}.selected-vehicle img{width:88px;height:50px;object-fit:contain;background:#f2f3f7;border-radius:8px;padding:4px;flex-shrink:0}.clear-selection{width:26px;height:26px;border-radius:50%;border:1px solid var(--border);background:var(--surface-card);color:var(--muted);cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s;flex-shrink:0;line-height:1}.clear-selection:hover{background:#e700131a;border-color:#e700134d;color:var(--accent)}.comp-table{border:1px solid var(--border);border-radius:16px;overflow:hidden;max-width:860px;margin:0 auto}.comp-header-row,.comp-row{display:grid;grid-template-columns:160px 1fr 1fr;border-bottom:1px solid var(--border)}.comp-row:last-child{border-bottom:none}.comp-row:nth-child(2n){background:#ffffff04}.comp-header-row{background:#1a7fe80a}.comp-cell{padding:.85rem 1.1rem;font-size:.875rem;display:flex;align-items:center;gap:.45rem;border-left:1px solid var(--border)}.comp-cell:first-child{border-left:none}.comp-label{color:var(--muted);font-weight:500;font-size:.8rem;background:#ffffff03}.comp-label-header{color:var(--muted);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.comp-vehicle-header{flex-direction:column;align-items:flex-start;gap:.45rem;padding:1.1rem}.comp-vehicle-header img{width:110px;height:58px;object-fit:contain;border-radius:8px;background:#f2f3f7;padding:4px}.comp-vehicle-brand{font-size:.62rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.05em}.comp-vehicle-name{font-size:1rem;font-weight:800;color:var(--text);letter-spacing:-.02em;font-family:var(--font-display)}.better{color:var(--green);font-weight:700}.worse{color:var(--accent)}.comp-badge-better{background:#22c55e26;color:var(--green);border-radius:999px;padding:0 .4rem;font-size:.7rem;font-weight:700}.comp-same{color:var(--muted);font-style:italic}.comp-result-links{display:flex;gap:.75rem;justify-content:center;margin-top:1.75rem;flex-wrap:wrap}.comparator-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 2rem 2.5rem;gap:.75rem;max-width:420px;margin:0 auto}.comparator-empty-icon{color:var(--muted);margin-bottom:.25rem;opacity:.5}.comparator-empty-title{font-size:1.25rem;font-weight:800;color:var(--text);letter-spacing:-.03em;font-family:var(--font-display)}.comparator-empty-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.65;margin-bottom:.5rem}.comp-cta{display:flex;align-items:center;gap:1.5rem;margin-top:3.5rem;padding:1.25rem 1.5rem;background:var(--surface-card);border:1px solid var(--border);border-radius:14px;max-width:620px;margin-left:auto;margin-right:auto}.comp-cta-body{flex:1;min-width:0}.comp-cta-title{font-size:.95rem;font-weight:700;color:var(--text);font-family:var(--font-display);margin:0 0 .2rem}.comp-cta-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.5;margin:0}[data-theme=dark] .selected-vehicle img,[data-theme=dark] .picker-result-item img,[data-theme=dark] .comp-vehicle-header img{background:#ffffff0d}[data-theme=light] .picker-results{background:#fff;box-shadow:0 12px 36px #0000001a,0 0 0 1px #0000000d}[data-theme=light] .comp-row:nth-child(2n){background:#00000005}[data-theme=light] .comp-label{background:#00000004}[data-theme=light] .comp-header-row{background:#1a7fe80f}[data-theme=light] .comparator-vs span,[data-theme=light] .vehicle-picker{background:#fff}@media (max-width: 640px){.comparator-selectors{grid-template-columns:1fr}.comparator-vs{padding:0}.comp-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.comp-header-row,.comp-row{grid-template-columns:90px 1fr 1fr;min-width:420px}.comp-cell{padding:.6rem .65rem;font-size:.78rem}.comp-label{font-size:.72rem}.comp-label-header{font-size:.6rem}.comp-vehicle-header img{width:80px;height:44px}.comp-vehicle-name{font-size:.85rem}.comp-page-title{font-size:1.35rem}.comp-cta{flex-direction:column;text-align:center;gap:1rem}}@media (max-width: 380px){.comp-header-row,.comp-row{grid-template-columns:70px 1fr 1fr}.comp-cell{padding:.5rem;font-size:.72rem}.comp-label{font-size:.66rem}}