:root{color-scheme:light;--bg: #f8faf9;--surface: #ffffff;--surface-soft: #f4f7f5;--line: #dde4e1;--line-strong: #c8d3cf;--text: #131816;--muted: #68736f;--faint: #8b9691;--green: #078653;--green-dark: #006b40;--red: #c7463f;--amber: #c67a12;--blue: #0969a8;--purple: #7b56aa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--text);background:var(--bg);font-size:14px;line-height:1.45;letter-spacing:0}button,input,select{font:inherit}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh;display:grid;grid-template-columns:204px minmax(690px,1fr) 340px;grid-template-rows:62px 1fr;background:var(--surface)}.app-shell:after{content:attr(data-note);position:fixed;z-index:8;left:50%;bottom:24px;translate:-50% 0;min-height:0;padding:9px 13px;border-radius:6px;color:#fff;background:#18231f;opacity:0;pointer-events:none;transition:opacity .14s ease}.app-shell[data-note]:after{opacity:1}.topbar{grid-column:1 / -1;display:grid;grid-template-columns:180px minmax(320px,1fr) auto;align-items:center;gap:24px;height:62px;padding:0 16px 0 24px;border-bottom:1px solid var(--line);background:#fffffff5;position:sticky;top:0;z-index:6}.brand{display:inline-flex;align-items:center;gap:0;color:var(--text);text-decoration:none;font-size:30px;line-height:1;font-weight:780}.brand-mark{color:var(--green);letter-spacing:-1px}.global-search{max-width:520px;min-width:280px;height:38px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface);color:var(--muted)}.global-search:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #0786531f}.global-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text)}kbd{border:1px solid var(--line);border-radius:4px;padding:1px 5px;color:var(--muted);background:var(--surface-soft);font-size:11px}.topbar-actions{display:flex;align-items:center;gap:12px}.select-button,.compare-button,.secondary-button,.more-filters,.icon-button,.view-toggle button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface);color:var(--text)}.select-button{padding:0 10px}.select-button select{border:0;background:transparent;outline:0}.compare-button{padding:0 12px}.compare-button strong{display:grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:var(--green);color:#fff;font-size:12px}.icon-button{width:38px;padding:0}.filters,.compare-panel{overflow:auto;background:var(--surface)}.filters{border-right:1px solid var(--line);padding:16px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-heading h1,.panel-heading h2{margin:0;font-size:20px;line-height:1.1}.panel-heading button,.text-link{border:0;background:transparent;color:var(--green);padding:0;font-size:12px}.filter-group{padding:0 0 16px;margin-bottom:14px;border-bottom:1px solid var(--line)}.filter-label{display:block;margin:0 0 9px;color:var(--text);font-weight:680}.field,.filters select,.range-row input{width:100%;height:32px;border:1px solid var(--line-strong);border-radius:5px;background:var(--surface);color:var(--text)}.compact-field{display:flex;align-items:center;gap:8px;padding:0 8px;color:var(--muted)}.compact-field input{width:100%;border:0;outline:0}.filters select{padding:0 9px}.check-list{display:grid;gap:8px;margin-top:10px}.check-list label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}input[type=checkbox]{width:15px;height:15px;accent-color:var(--green)}.check-list em{color:var(--faint);font-style:normal}.text-link{margin-top:9px}.range-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.range-row input{padding:0 9px}.more-filters{width:100%;justify-content:space-between;padding:0 12px;margin-top:4px}.results{min-width:0;overflow:auto;background:var(--surface)}.results-toolbar{height:66px;display:flex;align-items:center;gap:18px;padding:0 26px;border-bottom:1px solid var(--line)}.results-toolbar p{margin:0}.results-toolbar label{display:flex;align-items:center;gap:9px}.results-toolbar select{height:36px;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface);padding:0 32px 0 12px}.toolbar-spacer{flex:1}.view-toggle{display:flex;border:1px solid var(--line-strong);border-radius:6px;overflow:hidden}.view-toggle button{width:40px;border:0;border-radius:0;color:var(--muted)}.view-toggle button.active{color:var(--green);background:#eef8f3}.secondary-button{padding:0 14px}.table-wrap{position:relative;min-height:520px}.car-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px;line-height:1.28}.car-table th{position:sticky;top:62px;z-index:4;height:54px;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--surface);color:var(--text);font-size:12px;text-align:left;font-weight:760}.car-table th span{display:block;color:var(--muted);font-weight:450}.car-table th:first-child,.car-table td:first-child{width:46px;text-align:center}.car-table th:nth-child(2),.car-table td:nth-child(2){width:260px}.car-table td{height:66px;padding:5px 12px;border-bottom:1px solid var(--line);vertical-align:middle}.car-table tbody tr{cursor:pointer}.car-table tbody tr:hover{background:#f7fbf8}.car-table tbody tr:focus-visible{outline:3px solid rgba(7,134,83,.24);outline-offset:-3px}.car-table td>strong{display:block;font-weight:730}.car-table td:not(:nth-child(2))>strong{white-space:nowrap}.car-table td>span{display:block;margin-top:2px;color:var(--muted);font-size:12px}.model-cell{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:10px}.model-cell img,.selected-card img{display:block;width:100%;height:auto;object-fit:contain}.model-cell strong,.selected-card strong{display:block;font-weight:760}.model-cell span,.selected-card span,.model-cell small{display:block;color:var(--muted)}.model-cell small{margin-top:2px;font-size:12px}.status{color:var(--green)}.status.limited{color:var(--amber)}.empty-state{position:absolute;inset:96px 24px auto;padding:24px;border:1px dashed var(--line-strong);border-radius:6px;text-align:center;color:var(--muted)}.empty-state strong,.empty-state span{display:block}.pagination{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:60px;padding:10px 26px;color:var(--muted)}.pagination label{display:flex;align-items:center;gap:8px}.pagination select{height:32px;border:1px solid var(--line-strong);border-radius:5px;background:var(--surface);padding:0 8px}.pages{display:flex;align-items:center;gap:6px}.pages button{min-width:30px;height:30px;border:0;border-radius:5px;background:transparent;color:var(--text)}.pages button.active{background:var(--green);color:#fff}.compare-panel{border-left:1px solid var(--line);padding:18px 16px 12px}.compare-panel.collapsed>*:not(.panel-heading){display:none}.selected-list{display:grid;gap:10px}.selected-card{min-height:74px;display:grid;grid-template-columns:82px minmax(0,1fr) 28px;align-items:center;gap:10px;padding:8px;border:1px solid var(--line);border-radius:4px;background:var(--surface)}.selected-card b{display:block;margin-top:2px}.selected-card button{width:26px;height:26px;border:1px solid var(--line-strong);border-radius:5px;background:var(--surface);color:var(--muted)}.diff-toggle{display:flex;align-items:center;justify-content:space-between;margin:18px 0;color:var(--muted)}.diff-toggle input{width:36px;height:20px}.compare-matrix,.dialog-matrix{display:grid;grid-template-columns:1.1fr repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.compare-matrix>*,.dialog-matrix>*{min-height:49px;padding:8px 9px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.matrix-head,.matrix-dot{min-height:44px}.matrix-dot{display:grid;place-items:center}.matrix-dot:before{content:"";width:13px;height:13px;border-radius:999px;background:var(--green)}.dot-1:before{background:var(--blue)}.dot-2:before{background:var(--purple)}.metric-label{color:var(--muted)}.metric-value{text-align:center;font-weight:720}.metric-value.base{color:var(--green-dark)}.compare-empty{grid-column:1 / -1;padding:24px;color:var(--muted)}.primary-button{width:100%;min-height:44px;margin-top:12px;border:0;border-radius:5px;background:var(--green);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:760}.comparison-dialog{width:min(920px,calc(100vw - 32px));border:1px solid var(--line-strong);border-radius:6px;padding:18px;color:var(--text)}.car-detail-dialog{width:min(1040px,calc(100vw - 28px));max-height:calc(100vh - 32px);border:1px solid var(--line-strong);border-radius:6px;padding:18px;color:var(--text);background:var(--surface)}.comparison-dialog::backdrop,.car-detail-dialog::backdrop{background:#0c120f70}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dialog-heading h2{margin:0}.detail-dialog-heading{align-items:flex-start}.detail-dialog-heading span{display:block;margin-bottom:4px;color:var(--muted);font-size:12px;font-weight:680;text-transform:uppercase}.car-detail-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.85fr);gap:18px}.detail-gallery{min-width:0}.detail-photo-stage{position:relative;min-height:356px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:linear-gradient(180deg,#f7faf8,#eef4f1)}.detail-photo-stage img{width:min(88%,680px);height:auto;max-height:320px;object-fit:contain}.carousel-button{position:absolute;top:50%;translate:0 -50%;width:36px;height:36px;border:1px solid var(--line-strong);border-radius:999px;background:#fffffff0;color:var(--text);font-size:28px;line-height:1}.carousel-button.prev{left:12px}.carousel-button.next{right:12px}.photo-meta{position:absolute;left:14px;right:14px;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid rgba(200,211,207,.72);border-radius:5px;background:#ffffffe6}.photo-meta span{color:var(--green-dark);font-size:12px;font-weight:760}.photo-meta strong{text-align:right}.photo-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}.photo-strip button{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:8px;min-height:58px;padding:6px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--muted);text-align:left}.photo-strip button.active{border-color:var(--green);color:var(--green-dark);background:#eef8f3}.photo-strip img{width:58px;height:38px;object-fit:contain}.detail-summary{min-width:0}.detail-price{padding-bottom:14px;border-bottom:1px solid var(--line)}.detail-price span{display:block;color:var(--muted);font-size:12px;font-weight:680}.detail-price strong{display:block;margin-top:2px;font-size:30px;line-height:1.1}.detail-summary p{margin:14px 0;color:var(--muted)}.detail-actions{margin-bottom:14px}.inline-primary{width:100%;margin-top:0}.quick-specs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-metric{min-height:92px;padding:11px;border:1px solid var(--line);border-radius:5px;background:var(--surface-soft)}.detail-metric span,.detail-metric small{display:block;color:var(--muted)}.detail-metric strong{display:block;margin:5px 0 2px;font-size:18px}.detail-info-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.detail-info-grid h3{margin:0 0 10px;font-size:15px}.detail-list{display:grid;gap:8px;margin:0}.detail-list div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid var(--line)}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0;text-align:right;font-weight:720}.detail-notes ul{display:grid;gap:8px;margin:0;padding-left:18px;color:var(--muted)}.grid-mode .car-table,.grid-mode .car-table thead,.grid-mode .car-table tbody,.grid-mode .car-table tr,.grid-mode .car-table td{display:block}.grid-mode .car-table thead{display:none}.grid-mode .car-table tbody{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px;padding:16px}.grid-mode .car-table tr{border:1px solid var(--line);border-radius:6px}.grid-mode .car-table td{height:auto;border:0;padding:8px 12px}.grid-mode .model-cell{grid-template-columns:1fr}.grid-mode .model-cell img{width:160px}@media(max-width:1180px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.compare-panel{grid-column:1 / -1;border-left:0;border-top:1px solid var(--line)}}@media(max-width:820px){.app-shell{display:block}.topbar{position:static;height:auto;grid-template-columns:1fr;gap:12px;padding:14px}.brand{font-size:26px}.global-search{max-width:none;min-width:0}.topbar-actions{flex-wrap:wrap}.filters,.results,.compare-panel{overflow:visible;border:0;border-top:1px solid var(--line)}.results-toolbar{height:auto;flex-wrap:wrap;padding:14px}.car-table{min-width:780px}.table-wrap,.compare-matrix{overflow-x:auto}.car-detail-layout,.detail-info-grid{grid-template-columns:1fr}.detail-photo-stage{min-height:280px}.photo-meta{align-items:flex-start;flex-direction:column}.photo-meta strong{text-align:left}.photo-strip,.quick-specs{grid-template-columns:1fr}.desktop-only{display:none}}