:root{--bg:#f7f7f4;--paper:#fff;--ink:#202520;--muted:#7b8179;--line:#e9ece5;--orange:#ed6039;--orange-soft:#fff0e9;--green:#3f785a;--green-soft:#eef5ec;--radius:16px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none} *{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}button{color:inherit}a{color:inherit;text-decoration:none}svg{display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ee9d7e;outline-offset:3px}[hidden]{display:none!important}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .site-header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:auto;padding:0 48px}.brand{display:flex;align-items:center;gap:11px;font-size:22px;font-weight:750;letter-spacing:-.9px}.brand-light{font-weight:450}.brand-icon{background:var(--orange);color:white;display:grid;place-items:center;width:37px;height:37px;border-radius:11px;transform:rotate(-5deg)}.brand-icon svg{width:29px;height:29px;stroke-width:2.9}.header-actions{display:flex;align-items:center;gap:30px}.free-label{font-size:12px;color:#5c675a;display:flex;align-items:center;gap:7px}.free-label>span{width:6px;height:6px;border-radius:50%;background:#7b9b62}.quiet-button{border:1px solid #dce1d7;background:transparent;display:flex;align-items:center;gap:8px;border-radius:9px;padding:10px 13px;font-size:12px;font-weight:550}.quiet-button:hover{background:white}.quiet-button svg{width:16px;height:16px}.page-shell{max-width:1440px;padding:0 48px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:end;padding:45px 0 38px;gap:32px}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:650;display:flex;align-items:center;gap:8px;margin:0 0 14px;color:#596554}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--orange)}h1{font-size:43px;line-height:1.13;letter-spacing:-1.8px;font-weight:640;margin:0}h1 .orange{color:var(--orange)}.intro-description{font-size:14px;line-height:1.65;color:var(--muted);margin:17px 0 0}.intro-note{display:flex;gap:12px;align-items:center;padding-bottom:4px}.note-icon{height:39px;width:39px;border:1px solid #dfdfd5;background:#f0f0e8;border-radius:12px;display:grid;place-items:center;color:#7e876b}.note-icon svg{width:20px;height:20px}.intro-note strong{display:block;font-size:12px;font-weight:600;margin-bottom:7px}.intro-note span{display:block;font-size:11px;line-height:1.6;color:var(--muted)} .workspace{display:grid;grid-template-columns:286px minmax(0,1fr);gap:26px;align-items:start}.filters-panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 23px;gap:5px}h2{font-size:15px;letter-spacing:-.3px;margin:0;font-weight:650}.text-button{font-size:11px;color:var(--muted);background:none;border:0;padding:3px 0}.text-button:hover{color:var(--orange)}fieldset{padding:0;margin:0 0 18px;border:0;min-width:0}legend,.field>label{display:block;padding:0;margin-bottom:9px;font-size:11px;font-weight:600;color:#555c52}.field{margin:0 0 18px}.country-switch{display:flex;gap:4px;padding:4px;background:#f5f6f2;border-radius:9px}.country-option{flex:1;text-align:center;position:relative;cursor:pointer;font-size:11px;color:#777f70;border-radius:6px;min-width:0}.country-option input{position:absolute;opacity:0;width:1px;height:1px}.country-option:has(input:focus-visible){outline:3px solid #ee9d7e}.country-option>span{display:flex;gap:5px;align-items:center;justify-content:center;padding:10px 4px;white-space:nowrap}.country-option.active{background:white;box-shadow:0 1px 3px #26302012;color:#263322;font-weight:600}.country-option.unavailable{cursor:not-allowed;color:#969b92}.country-option small{font-size:7px;font-weight:500;background:#e9ece4;border-radius:3px;padding:2px 3px}.field input,.range-inputs input,.field select{width:100%;border:1px solid #e3e7df;border-radius:8px;background:#fff;height:41px;padding:0 12px;font-size:12px;color:var(--ink);min-width:0;transition:border-color .15s}.field input::placeholder,.range-inputs input::placeholder{color:#9ba097}.field input:hover,.range-inputs:hover,.field select:hover{border-color:#c5cabc}.range-inputs{display:flex;border:1px solid #e3e7df;border-radius:8px;align-items:center;height:41px;overflow:hidden}.range-inputs input{border:0;border-radius:0;height:38px;padding:0 11px;width:calc(50% - 8px);outline-offset:-3px}.range-inputs>span{font-size:11px;color:#bec2b9;width:16px;text-align:center}.range-inputs input::-webkit-outer-spin-button,.range-inputs input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.range-inputs input[type=number]{appearance:textfield}.sources-fieldset{border-top:1px solid var(--line);padding-top:20px;margin-top:23px}.sources-fieldset legend{float:left;width:100%;margin-bottom:13px}.source-options{clear:both;display:flex;flex-direction:column;gap:13px}.source-option-row{display:grid;grid-template-columns:15px minmax(0,1fr) auto;align-items:center;gap:8px;font-size:12px;cursor:pointer}.source-option-row input{accent-color:var(--orange);height:14px;width:14px;margin:0}.source-option-row.unavailable{color:#9b9f96;cursor:not-allowed}.source-option-row small{font-size:8px;background:#f2f3ef;border-radius:4px;padding:3px 5px}.source-option-reason{font-size:9px;color:#90958a;line-height:1.5;margin:5px 0 0 23px}.page-limit{margin-top:23px}.page-limit label{font-size:10px}.page-limit select{font-size:11px;height:38px;padding-left:10px}.field-hint{font-size:10px;color:#94998e;line-height:1.55;margin:7px 0 0}.search-button{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;border:0;background:var(--orange);color:white;border-radius:9px;padding:14px 10px;font-size:12px;font-weight:600;box-shadow:0 3px 8px #ed603921;transition:background .15s,transform .15s}.search-button:hover{background:#db502a;transform:translateY(-1px)}.search-button:disabled{background:#c6ccc0;box-shadow:none;transform:none}.search-button svg{height:16px;width:16px}.privacy-note{font-size:9px;text-align:center;color:#9a9f94;margin:11px 0 0}.form-error{background:#fff0ea;border:1px solid #f6d7ca;border-radius:8px;color:#a1452a;font-size:11px;line-height:1.5;padding:10px;margin-bottom:14px} .results-panel{min-width:0}.source-monitor{border:1px solid var(--line);background:var(--paper);border-radius:var(--radius);padding:21px 23px 0}.monitor-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-kicker{display:block;color:#9b9f92;letter-spacing:1.25px;font-size:8px;font-weight:650;margin-bottom:8px}.monitor-heading h2{font-size:15px}.live-label{border:1px solid var(--line);border-radius:30px;padding:5px 8px;font-size:9px;color:#8b9284;white-space:nowrap;display:flex;align-items:center;gap:6px}.live-label>span{background:#a3ad97;width:5px;height:5px;border-radius:50%}.live-label.running{color:var(--orange);border-color:#f5d5c7;background:#fff9f5}.live-label.running>span{background:var(--orange);animation:pulse 1.5s ease infinite}.live-label.failed{color:#b24a3c}.live-label.failed>span{background:#b24a3c}.source-statuses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:21px;margin-bottom:18px}.source-status{border:1px solid var(--line);border-radius:10px;min-width:0;padding:12px 11px;background:#fbfcf9}.source-status-top{display:flex;align-items:center;gap:6px;min-width:0}.source-mark{height:19px;width:19px;border-radius:5px;display:grid;place-items:center;font-size:9px;font-weight:750;color:white;flex-shrink:0;background:#757d6c}.source-mark.autoru{background:#e63828}.source-mark.drom{background:#be2837}.source-mark.avito{background:#ecf1e8;color:#838d7c;font-size:8px;letter-spacing:-1px}.source-name{font-size:10px;font-weight:650;white-space:nowrap}.source-indicator{width:5px;height:5px;border-radius:50%;background:#aab29f;margin-left:auto;flex-shrink:0}.source-status.running .source-indicator{background:var(--orange);animation:pulse 1.5s ease infinite}.source-status.completed .source-indicator{background:#5d945c}.source-status.error .source-indicator{background:#cc7955}.source-status.unavailable{background:#fafbf8}.source-status.unavailable .source-name{color:#929889}.source-status-label{font-size:10px;margin:11px 0 4px;color:#626c58;line-height:1.4}.source-status-detail{font-size:9px;line-height:1.5;color:#959c8c;margin:0;overflow-wrap:anywhere}.source-time{font-size:8px;color:#a3a898;margin:6px 0 0;line-height:1.5}.source-placeholder{grid-column:1/-1;font-size:12px;color:var(--muted);padding:10px 0}.monitor-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:9px;line-height:1.5;color:#949b8b;padding:13px 0}.danger-text{color:#ba4e34;white-space:nowrap}.results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:31px 0 21px}.results-toolbar h2{font-size:18px;display:flex;gap:10px;align-items:center}.count-badge{font-size:11px;font-weight:500;background:#eaede5;color:#77846a;border-radius:6px;padding:4px 7px;min-width:23px;text-align:center}.results-toolbar p{font-size:10px;color:#969c8d;margin:8px 0 0;line-height:1.5}.sort-label select{background:transparent;border:0;color:#747e69;font-size:10px;max-width:100%;padding:8px 0;cursor:pointer}.empty-state{border:1px dashed #dbe1d1;border-radius:var(--radius);min-height:408px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px 16px;background:linear-gradient(130deg,#f9faf5aa,#f5f7f1)}.empty-illustration{position:relative;height:140px;width:200px;display:grid;place-items:center;margin-bottom:5px}.orbit{position:absolute;border:1px solid #e3e8da;border-radius:50%;width:120px;height:120px}.orbit-two{width:180px;height:180px;opacity:.6;transform:scaleY(.67)}.car-tile{position:relative;width:92px;height:75px;background:white;box-shadow:0 12px 28px #4c653914;border:1px solid #e1e8d5;border-radius:18px;display:grid;place-items:center;transform:rotate(-7deg)}.car-tile svg{width:66px;height:45px;color:#a9b797;stroke-width:2.4}.search-bubble{position:absolute;right:31px;bottom:21px;width:37px;height:37px;border-radius:11px;display:grid;place-items:center;background:var(--orange);color:white;transform:rotate(9deg);box-shadow:0 5px 13px #ee764344}.search-bubble svg{height:22px;width:22px}.empty-kicker{font-size:8px;font-weight:600;letter-spacing:1.4px;color:#98a08d;margin:11px 0 10px}.empty-state h3{font-size:21px;font-weight:550;letter-spacing:-.5px;margin:0}.empty-state>p:not(.empty-kicker){font-size:11px;color:#909981;line-height:1.7;margin:12px 0 0;max-width:420px}.empty-features{display:flex;justify-content:center;gap:22px;margin-top:28px}.empty-features span{display:flex;align-items:center;gap:5px;font-size:9px;color:#89957b}.empty-features svg{height:13px;width:13px;color:#91a47b}.search-notice{padding:12px 14px;border:1px solid #f1d8bd;background:#fff8ed;border-radius:10px;color:#926533;font-size:11px;line-height:1.6;margin-bottom:18px}.search-notice.info{border-color:#dbe5d0;background:#f1f6eb;color:#64794e}.data-footnote{font-size:10px;line-height:1.7;color:#989f8f;margin:22px 0 0}.site-footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #e5e9de;padding:25px 0;margin-top:42px;font-size:9px;color:#9ba48f}.footer-dot{padding:0 8px;color:#c3cbb8} .listing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.listing-card{border:1px solid var(--line);background:#fff;border-radius:13px;overflow:hidden;min-width:0;animation:card-appear .3s ease both}.listing-image{position:relative;display:block;height:170px;background:#eef1e8;overflow:hidden}.listing-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.listing-image:hover img{transform:scale(1.025)}.listing-image .photo-placeholder{display:grid;place-items:center;height:100%;width:100%;color:#c3cdb5}.photo-placeholder svg{height:66px;width:90px}.photo-caption{position:absolute;bottom:10px;left:12px;font-size:9px;color:#99a18c}.listing-source{position:absolute;top:10px;left:11px;background:#ffffffed;border:1px solid #ffffff70;border-radius:5px;padding:5px 7px;font-size:9px;font-weight:600;display:flex;gap:5px;align-items:center}.listing-source>span{height:5px;width:5px;border-radius:50%;background:var(--orange)}.listing-body{padding:15px}.listing-title{display:block;font-size:14px;font-weight:650;line-height:1.4;margin:0 0 10px}.listing-title:hover{color:var(--orange)}.listing-price{font-weight:650;font-size:21px;letter-spacing:-.55px;margin:0}.listing-price-note{font-size:9px;line-height:1.5;color:#939989;margin-top:4px}.listing-specs{display:flex;flex-wrap:wrap;gap:6px;color:#7e8972;font-size:10px;margin:12px 0}.listing-specs span+span:before{content:"·";margin-right:6px;color:#b4bdaa}.listing-city{font-size:10px;color:#969f8a;display:flex;align-items:center;gap:5px;margin-bottom:15px}.listing-city svg{width:12px;height:12px}.listing-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);gap:8px;padding-top:12px}.price-history-button{display:flex;align-items:center;gap:5px;font-size:9px;border:0;background:none;color:#859476;padding:3px 0}.price-history-button:hover{color:var(--orange)}.price-history-button svg{width:13px;height:13px}.listing-open{display:flex;align-items:center;gap:4px;color:var(--orange);font-weight:550;font-size:10px}.listing-open svg{width:12px;height:12px}.listing-observed{font-size:8px;line-height:1.5;color:#a7af9d;margin:10px 0 0}.app-dialog{width:min(540px,calc(100% - 32px));border:1px solid #e1e6d8;border-radius:18px;padding:0;color:var(--ink);max-height:80vh;box-shadow:0 24px 70px #25301833}.app-dialog::backdrop{background:#202a20a8;backdrop-filter:blur(3px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:23px 24px}.dialog-header h2{font-size:20px}.icon-button{background:#f4f5f0;border:0;width:32px;height:32px;border-radius:50%;font-size:23px;color:#8f987f}.icon-button:hover{background:#e9ecdf}.dialog-content{padding:20px 24px}.dialog-message{color:var(--muted);font-size:13px;line-height:1.65;margin:5px 0 10px}.history-row{width:100%;text-align:left;border:1px solid var(--line);border-radius:10px;background:#fff;padding:14px;margin-bottom:10px;display:block}.history-row:hover{background:#f6f8f0;border-color:#cdd8be}.history-row strong{display:block;font-size:13px;line-height:1.5;font-weight:600}.history-row span{display:block;margin-top:5px;font-size:10px;color:#8a977a;line-height:1.7}.price-table{width:100%;border-collapse:collapse;font-size:12px}.price-table th{font-size:10px;font-weight:500;color:var(--muted);text-align:left;padding:9px 0;border-bottom:1px solid var(--line)}.price-table td{padding:12px 0;border-bottom:1px solid var(--line)}.price-table td:last-child,.price-table th:last-child{text-align:right}.price-table td:last-child{font-weight:600}.price-chart{display:flex;gap:5px;align-items:end;height:84px;margin:20px 0 8px;border-bottom:1px solid #dce5d0;padding:0 5px}.price-bar{background:#e2edce;flex:1;min-width:2px;border-radius:4px 4px 0 0}.price-bar:last-child{background:var(--orange)}.chart-caption{font-size:9px;color:var(--muted);margin:0 0 20px}.loading-spinner{display:inline-block;width:14px;height:14px;border:2px solid #e5e9dc;border-top-color:var(--orange);border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle;margin-right:6px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.3}}@keyframes card-appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}} @media(min-width:1300px){.workspace{grid-template-columns:300px minmax(0,1fr);gap:30px}.listing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.listing-image{height:145px}.intro-note{margin-right:20px}.empty-state{min-height:435px}} @media(max-width:1050px){.site-header{padding:0 28px}.page-shell{padding:0 28px}.intro-note{max-width:255px}.intro-note span{font-size:10px}h1{font-size:36px}.workspace{grid-template-columns:260px minmax(0,1fr);gap:20px}.filters-panel{padding:19px}.source-monitor{padding:18px 17px 0}.source-statuses{gap:7px}.source-status{padding:10px 8px}.source-name{font-size:9px}.source-mark{width:16px;height:16px;font-size:8px}.source-status-detail{font-size:8px}.source-status-label{font-size:9px}.results-toolbar{gap:10px}.sort-label select{font-size:9px;max-width:148px}.listing-grid{gap:12px}.listing-image{height:135px}.listing-body{padding:12px}.listing-title{font-size:13px}.listing-price{font-size:18px}.listing-open{font-size:9px}.price-history-button{font-size:8px}.empty-features{gap:12px}.intro{gap:20px}} @media(max-width:800px){.site-header{height:75px;padding:0 22px}.brand{font-size:20px}.free-label{display:none}.page-shell{padding:0 22px}.intro{padding:32px 0}.intro-note{display:none}h1{font-size:38px}.intro-description{font-size:13px}.workspace{grid-template-columns:235px minmax(0,1fr);gap:16px}.filters-panel{padding:17px}.panel-heading h2{font-size:13px}.panel-heading .text-button{font-size:10px}.source-statuses{grid-template-columns:1fr;gap:7px;margin-top:16px}.source-status{display:grid;grid-template-columns:90px minmax(0,1fr);gap:4px 8px;padding:10px}.source-status-top{grid-row:span 2;align-self:start;padding-top:2px}.source-status-label{margin:0}.source-status-detail{grid-column:2}.source-time{grid-column:2;margin:0}.monitor-heading{align-items:start}.monitor-heading h2{font-size:13px}.live-label{font-size:8px;padding:4px 6px}.monitor-footer{font-size:8px;align-items:start}.results-toolbar{align-items:start;flex-wrap:wrap;margin:24px 0 15px;gap:6px}.results-toolbar h2{font-size:17px}.results-toolbar p{font-size:9px}.sort-label{margin-left:auto}.sort-label select{padding:4px 0}.listing-grid{grid-template-columns:1fr}.listing-image{height:195px}.listing-title{font-size:14px}.listing-price{font-size:22px}.listing-body{padding:15px}.listing-open{font-size:10px}.price-history-button{font-size:10px}.empty-state{min-height:370px;padding:24px 10px}.empty-state h3{font-size:18px}.empty-state>p:not(.empty-kicker){font-size:10px}.empty-features{gap:8px;flex-wrap:wrap;max-width:230px}.empty-features span{font-size:8px}.site-footer{font-size:8px;line-height:1.6}} @media(max-width:600px){.site-header{padding:0 18px;height:69px}.brand{gap:8px;font-size:19px}.brand-icon{width:31px;height:31px;border-radius:9px}.brand-icon svg{width:25px;height:25px}.history-button{padding:8px;border-color:#e2e6da}.history-button>span{display:none}.history-button svg{width:17px;height:17px}.page-shell{padding:0 18px}.intro{padding:30px 0 26px}.eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:13px}h1{font-size:34px;letter-spacing:-1.1px;line-height:1.15}.intro-description{font-size:12px;line-height:1.7;margin-top:13px}.workspace{display:block}.filters-panel{padding:20px;border-radius:14px}.panel-heading{margin-bottom:20px}.panel-heading h2{font-size:15px}.panel-heading .text-button{font-size:11px}.country-option>span{font-size:12px;padding:11px 8px}.country-option small{font-size:8px}.field input,.range-inputs input,.field select{font-size:16px}.field input,.range-inputs{height:45px}.range-inputs input{height:42px}.field input::placeholder,.range-inputs input::placeholder{font-size:12px}.page-limit select{font-size:12px}.field-hint{font-size:10px}.source-option-row{font-size:13px}.source-option-reason{font-size:10px}.source-option-row small{font-size:9px}.search-button{font-size:13px;padding:15px 10px}.privacy-note{font-size:10px}.results-panel{margin-top:22px}.source-monitor{padding:19px 18px 0}.source-statuses{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:18px}.source-status{display:block;padding:11px 8px}.source-status-top{padding:0}.source-mark{width:15px;height:15px;font-size:7px}.source-name{font-size:8px}.source-status-label{font-size:9px;margin:10px 0 4px}.source-status-detail{font-size:8px}.source-time{font-size:8px;margin-top:5px}.monitor-heading h2{font-size:15px}.live-label{font-size:9px}.monitor-footer{font-size:9px;padding:13px 0}.results-toolbar{margin-top:25px;gap:12px}.results-toolbar p{font-size:10px}.sort-label{margin-left:0;width:100%}.sort-label select{font-size:11px;max-width:100%;padding:2px 0 3px}.empty-state{min-height:365px}.empty-illustration{height:126px}.empty-state h3{font-size:21px}.empty-state>p:not(.empty-kicker){font-size:11px}.empty-kicker{font-size:8px}.empty-features{max-width:none;gap:12px;margin-top:22px}.empty-features span{font-size:8px}.listing-grid{grid-template-columns:1fr;gap:16px}.listing-image{height:215px}.listing-body{padding:17px}.listing-price{font-size:24px}.listing-title{font-size:16px}.listing-specs{font-size:11px}.listing-city{font-size:11px}.listing-source{font-size:10px}.listing-observed{font-size:9px}.listing-open{font-size:11px}.price-history-button{font-size:11px}.site-footer{display:block;font-size:9px;line-height:1.8;margin-top:32px;padding:20px 0}.site-footer>span{display:block}.site-footer>span+span{margin-top:5px}.dialog-content{padding:18px}.dialog-header{padding:21px 18px}.dialog-header h2{font-size:18px}} .results-pagination{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:26px 0 4px;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.results-pagination[hidden]{display:none}.pagination-summary{margin:0;color:#7d8773;font-size:10px;white-space:nowrap}.pagination-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px;min-width:0}.pagination-page,.pagination-direction{min-width:36px;height:36px;border:1px solid #dfe5d7;border-radius:9px;background:#fff;color:#68745f;font:inherit;font-size:10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;cursor:pointer}.pagination-page:hover,.pagination-direction:hover{border-color:#9dad8d;color:#42513d;background:#f6f8f2}.pagination-page:focus-visible,.pagination-direction:focus-visible{outline:3px solid #ef825b4d;outline-offset:2px}.pagination-page.is-current{border-color:#68795e;background:#68795e;color:#fff}.pagination-direction{min-width:auto}.pagination-direction:disabled{opacity:.42;cursor:default}.pagination-direction:disabled:hover{border-color:#dfe5d7;color:#68745f;background:#fff}.pagination-ellipsis{width:22px;text-align:center;color:#9aa390;font-size:12px} @media(max-width:600px){.results-pagination{align-items:flex-start;flex-direction:column;gap:11px;margin-top:22px}.pagination-summary{font-size:10px}.pagination-controls{width:100%;justify-content:flex-start;gap:4px}.pagination-page,.pagination-direction{height:38px;min-width:34px;padding:0 8px}.pagination-direction span:not([aria-hidden]){display:none}.pagination-ellipsis{width:12px}} @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} .field input:disabled{background:#f8f9f5;color:#a1a796;cursor:not-allowed}.price-history-note{font-size:10px;margin-top:16px}.bar-level-1{height:5%}.bar-level-2{height:10%}.bar-level-3{height:15%}.bar-level-4{height:20%}.bar-level-5{height:25%}.bar-level-6{height:30%}.bar-level-7{height:35%}.bar-level-8{height:40%}.bar-level-9{height:45%}.bar-level-10{height:50%}.bar-level-11{height:55%}.bar-level-12{height:60%}.bar-level-13{height:65%}.bar-level-14{height:70%}.bar-level-15{height:75%}.bar-level-16{height:80%}.bar-level-17{height:85%}.bar-level-18{height:90%}.bar-level-19{height:95%}.bar-level-20{height:100%} /* Машинго — компактный интерфейс поиска. */ :root{--bg:#f8f9f7;--paper:#fff;--ink:#25332d;--muted:#727c75;--line:#e3e8e2;--orange:#df693f;--orange-soft:#fff0e9;--green:#426b53;--radius:12px} html{scroll-behavior:smooth}body{font-size:14px}.site-header{height:72px;max-width:1360px;padding:0 32px;background:var(--paper);border-bottom:0}.site-header:before{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:72px;background:white;border-bottom:1px solid var(--line)}.brand{gap:9px}.brand-icon{width:34px;height:34px;border-radius:10px;transform:none;background:var(--orange)}.wordmark{font-size:27px;font-weight:750;letter-spacing:-1.2px}.brand-icon svg{height:28px;width:28px;stroke-width:2.2}.header-nav{display:flex;gap:27px;color:#5e6a62;font-size:13px}.header-nav a:hover{color:var(--orange)}.header-actions{gap:20px}.free-label{font-size:11px}.quiet-button{border-color:var(--line);font-size:12px;padding:10px 12px;background:white}.page-shell{max-width:1360px;padding:0 32px}.intro{padding:30px 0 27px;align-items:center;gap:20px}.intro h1{font-size:31px;font-weight:660;letter-spacing:-1px;line-height:1.25}.intro-description{font-size:13px;margin:8px 0 0;color:#7a827c}.intro-tag{font-size:12px;color:#7c867f}.workspace{grid-template-columns:254px minmax(0,1fr);gap:22px}.filters-panel{padding:20px;border-radius:12px}.panel-heading{margin-bottom:18px}.panel-heading h2{font-size:14px}.panel-heading .text-button{font-size:11px}fieldset,.field{margin-bottom:15px}legend,.field>label{font-size:12px;margin-bottom:7px}.field input,.field select,.range-inputs{height:40px;border-color:#dfe5df}.field input,.range-inputs input{font-size:13px}.range-inputs input{height:37px}.field-hint{font-size:10px;color:#7e8980}.country-option>span{padding:8px 2px}.country-option small{font-size:8px}.sources-fieldset{margin:15px 0;padding:0;border:0}.source-options{gap:12px}.source-option-row{font-size:12px}.source-option-reason{color:#78847b;font-size:10px}.page-limit{margin:16px 0 8px}.filter-details{border-top:1px solid var(--line);padding:13px 0;margin:5px 0 6px}.filter-details>summary{font-size:11px;color:#6e7a71;cursor:pointer}.search-button{font-size:13px;padding:12px 10px;box-shadow:none}.search-button:hover{transform:none}.privacy-note{font-size:10px;margin:10px 0 0}.mobile-filter-toggle{display:none}.source-monitor{padding:0;border-radius:10px}.monitor-heading{padding:14px 16px;cursor:pointer;list-style:none}.monitor-heading::-webkit-details-marker{display:none}.monitor-heading:after{content:"⌄";font-size:16px;color:#849187;margin-left:0}.source-monitor[open] .monitor-heading:after{transform:rotate(180deg)}.monitor-heading h2{font-size:13px;font-weight:560}.live-label{margin-left:auto;font-size:10px;border:0;padding:0}.source-statuses{margin:0 16px 12px;gap:10px}.source-status{background:#fafbf9;padding:12px}.source-status-label{font-size:11px}.source-status-detail,.source-time{font-size:10px}.source-name{font-size:11px}.monitor-footer{margin:0 16px;padding:11px 0;font-size:10px}.results-toolbar{margin:22px 0 14px;gap:15px}.results-toolbar h2{font-size:19px}.count-badge{font-size:11px;padding:3px 7px;background:#ebefe8}.results-toolbar p{font-size:11px;margin:5px 0 0;color:#808980}.sort-label select{font-size:12px;color:#5d6d61}.search-notice{font-size:11px;padding:10px 12px;margin-bottom:13px}.listing-grid{grid-template-columns:1fr;gap:12px}.listing-card{display:grid;grid-template-columns:190px minmax(0,1fr) 161px;gap:18px;padding:14px;align-items:start;border-radius:12px;animation:none;transition:border-color .15s}.listing-card:hover{border-color:#c5d2c7}.listing-image{height:142px;border-radius:7px;background:#f1f3ef;align-self:center}.listing-image img{width:100%;height:100%;object-fit:contain;display:block;transition:none}.listing-image:hover img{transform:none}.listing-body{padding:0;min-width:0}.listing-source{position:static;display:flex;width:fit-content;gap:5px;padding:0;border:0;background:transparent;font-size:10px;font-weight:500;color:#7b877d;margin:1px 0 7px}.listing-source>span{width:4px;height:4px;background:#94a388}.listing-title{font-size:16px;line-height:1.35;font-weight:650;margin:0 0 9px;overflow-wrap:anywhere}.listing-specs{font-size:12px;line-height:1.6;gap:3px 6px;margin:0 0 7px;color:#667469}.listing-specs span+span:before{margin-right:6px}.listing-city{font-size:11px;margin:0;line-height:1.5;color:#7b887f}.listing-city svg{flex-shrink:0}.listing-observed{font-size:9px;margin:9px 0 0;line-height:1.5;color:#929a94}.listing-actions{display:flex;flex-direction:column;align-items:flex-end;align-self:stretch;gap:0;min-width:0}.listing-price{font-size:20px;line-height:1.35;letter-spacing:-.6px;white-space:nowrap;margin:0 0 6px}.listing-price-note{font-size:9px;line-height:1.4;text-align:right;margin:0 0 6px}.price-history-button{font-size:10px;min-height:22px;padding:0;color:#829080}.price-history-button svg{width:13px;height:13px}.report-button{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:600;background:#edf3eb;color:#426b53;border:1px solid #dce8d9;border-radius:7px;padding:10px 18px;min-width:127px;margin-top:auto}.report-button:hover{background:#e3eedf;border-color:#bfd3ba}.report-button svg{width:16px;height:16px}.listing-open{font-size:10px;color:#7b867d;margin-top:8px;min-height:18px}.listing-open:hover{color:var(--orange)}.photo-caption{bottom:18px;left:0;width:100%;text-align:center;font-size:10px}.photo-placeholder svg{width:65px;height:45px;transform:translateY(-8px)}.empty-state{background:white;border:1px dashed #dce3da;border-radius:12px;min-height:315px;padding:30px 18px}.empty-search-icon{width:46px;height:46px;border-radius:13px;background:#f0f4ec;display:grid;place-items:center;margin:0 0 14px;color:#809574}.empty-search-icon svg{width:23px;height:23px}.empty-kicker{font-size:8px;letter-spacing:1.3px;margin:7px 0 10px}.empty-state h3{font-size:22px;font-weight:580}.empty-state>p:not(.empty-kicker){font-size:12px;line-height:1.7;color:#7e8a80}.empty-features{margin-top:23px;gap:19px;max-width:none}.empty-features span{font-size:10px}.data-footnote{font-size:10px;line-height:1.7;margin-top:17px;color:#879287}.how-it-works{border-top:1px solid var(--line);margin-top:40px;padding:24px 0 0;background:transparent}.how-it-works>h2{font-size:18px;margin-bottom:20px}.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.how-steps article{display:flex;gap:12px}.how-steps article>span{font-size:11px;color:var(--orange);padding-top:3px}.how-steps h3{font-size:13px;font-weight:550;margin:0 0 6px}.how-steps p{font-size:11px;color:#849084;margin:0;line-height:1.6}.site-footer{margin-top:27px;padding:23px 0 28px;font-size:10px;color:#8d968d;align-items:center}.site-footer>div{display:flex;flex-direction:column;gap:6px}.site-footer>div:last-child{text-align:right}.footer-brand{font-size:18px;font-weight:700;letter-spacing:-.7px;color:#6b7d6d}.dialog-message{font-size:13px}.report-car{font-size:16px;font-weight:600;margin:0 0 15px}.report-soon{padding:12px;background:#f2f5ee;border-radius:8px;font-size:12px;color:#667a60;margin-top:20px} @media(max-width:1120px){.header-nav{display:none}.intro{flex-wrap:wrap}.intro-tag{display:flex;flex-basis:100%;max-width:none;margin-top:-8px}.workspace{grid-template-columns:230px minmax(0,1fr);gap:18px}.filters-panel{padding:17px}.listing-card{grid-template-columns:155px minmax(0,1fr) 132px;gap:12px;padding:12px}.listing-image{height:125px}.listing-title{font-size:14px}.listing-price{font-size:17px}.listing-specs{font-size:11px}.report-button{min-width:115px;padding:9px 12px}.listing-observed{font-size:8px}} @media(max-width:900px) and (min-width:701px){.page-shell,.site-header{padding-left:22px;padding-right:22px}.workspace{grid-template-columns:212px minmax(0,1fr);gap:15px}.filters-panel{padding:15px}.listing-card{grid-template-columns:130px minmax(0,1fr);gap:12px}.listing-image{height:108px;align-self:start}.listing-actions{grid-column:1/-1;flex-direction:row;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:10px}.listing-price{margin:0}.report-button{margin:0 0 0 auto;min-width:94px}.listing-actions .listing-open,.listing-price-note{display:none}.price-history-button{font-size:9px}.source-statuses{grid-template-columns:1fr}.source-status{display:block}.source-status-top{padding:0}.source-status-label{margin:8px 0 4px}.source-time{margin-top:4px}.results-toolbar{flex-wrap:wrap;gap:5px}.sort-label{margin:0}.source-status-detail{font-size:10px}} @media(max-width:700px){.site-header{height:64px;padding:0 18px}.site-header:before{height:64px}.wordmark{font-size:25px}.brand-icon{height:30px;width:30px}.brand-icon svg{height:25px;width:25px}.free-label{display:none}.history-button{padding:8px}.history-button>span{display:none}.page-shell{padding:0 16px}.intro{padding:25px 0 21px;display:block}.intro h1{font-size:27px;letter-spacing:-.8px}.intro-description{font-size:12px;line-height:1.6;margin-top:7px}.workspace{display:block}.filters-panel{padding:0;margin-bottom:15px}.mobile-filter-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;background:white;border:0;border-radius:12px;font-size:13px;font-weight:600}.mobile-filter-toggle>span:last-child{font-size:20px;color:#8c9b8d;line-height:20px}.filters-panel #search-form{display:none;padding:4px 17px 18px}.filters-panel.is-open #search-form{display:block}.filters-panel.is-open .mobile-filter-toggle{border-bottom:1px solid var(--line);border-radius:12px 12px 0 0;margin-bottom:15px}.panel-heading{margin-bottom:15px}.panel-heading h2{font-size:13px}.field input,.range-inputs input{font-size:16px}.field input::placeholder,.range-inputs input::placeholder{font-size:13px}.country-option>span{font-size:12px}.filter-details>summary{font-size:12px}.sources-fieldset legend{font-size:12px}.source-option-reason{font-size:11px}.source-options{gap:13px}.source-option-row{font-size:13px}.page-limit select{font-size:12px}.search-button{font-size:14px}.results-panel{margin-top:0}.source-monitor{padding:0}.monitor-heading{padding:13px}.monitor-heading h2{font-size:12px}.live-label{font-size:9px}.source-statuses{grid-template-columns:1fr;margin:0 13px 13px}.source-status{display:grid;grid-template-columns:83px 1fr;gap:5px 10px;padding:12px}.source-status-top{grid-row:span 2}.source-status-label{margin:0}.source-status-detail,.source-time{grid-column:2;margin:0}.source-name{font-size:11px}.source-mark{font-size:9px;width:19px;height:19px}.monitor-footer{margin:0 13px;font-size:10px}.results-toolbar{margin:22px 0 13px;display:flex;flex-wrap:wrap;gap:8px}.results-toolbar h2{font-size:18px}.results-toolbar p{font-size:10px;line-height:1.5}.sort-label{width:auto;margin:0}.sort-label select{font-size:11px;padding:4px 0;max-width:100%}.listing-grid{gap:11px}.listing-card{grid-template-columns:118px minmax(0,1fr);gap:10px 12px;padding:12px}.listing-image{height:102px;align-self:start}.listing-body{padding:0}.listing-source{font-size:9px;margin:0 0 5px}.listing-title{font-size:14px;margin:0 0 6px;line-height:1.35}.listing-specs{font-size:10px;line-height:1.5;gap:2px 5px;margin-bottom:5px}.listing-specs span+span:before{margin-right:5px}.listing-city{font-size:10px;line-height:1.5;margin:0}.listing-observed{font-size:8px;margin-top:6px}.listing-actions{grid-column:1/-1;flex-direction:row;align-items:center;gap:8px;padding-top:10px;border-top:1px solid var(--line);flex-wrap:wrap}.listing-price{font-size:18px;letter-spacing:-.5px;margin:0}.listing-price-note{width:100%;order:5;text-align:left}.price-history-button{font-size:9px;gap:3px;min-height:28px}.price-history-button svg{width:12px;height:12px}.report-button{margin:0 0 0 auto;font-size:11px;min-width:91px;padding:9px 10px;gap:5px}.report-button svg{width:14px;height:14px}.listing-open{margin:0;min-height:25px;font-size:10px;order:6;width:100%;justify-content:flex-end}.empty-state{min-height:285px;padding:25px 16px}.empty-state h3{font-size:20px}.empty-state>p:not(.empty-kicker){font-size:12px}.empty-features{flex-wrap:wrap;gap:13px;margin-top:22px}.empty-features span{font-size:9px}.how-it-works{margin-top:30px;padding-top:23px}.how-steps{grid-template-columns:1fr;gap:18px}.site-footer{display:block;margin-top:25px;padding:21px 0;font-size:10px}.site-footer>div:last-child{text-align:left;margin-top:14px}.site-footer>div{gap:5px}} @media(max-width:360px){.listing-card{grid-template-columns:97px minmax(0,1fr);gap:10px}.listing-image{height:91px}.listing-title{font-size:13px}.listing-actions .price-history-button{order:4;width:100%}.listing-actions .listing-open{width:auto;order:3;margin-left:auto}.intro h1{font-size:25px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}} /* Compact brand promise and source-specific progress. */ .brand-type{display:flex;flex-direction:column;gap:3px}.brand-caption{font-size:8px;letter-spacing:.1px;font-weight:450;color:#8e968e}.wordmark{line-height:1}.intro-tag{display:flex;align-items:center;gap:7px;font-size:11px}.intro-tag>.intro-dot{display:block;flex:0 0 5px;width:5px;height:5px;border-radius:100%;background:#829476}.search-benefits{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e0e6dc;border-radius:12px;background:linear-gradient(110deg,#f1f4ec,#fafbf8);margin:0 0 23px;padding:19px 23px;gap:25px}.search-benefits>div{display:flex;align-items:center;gap:13px}.search-benefits>div+div{border-left:1px solid #dce3d6;padding-left:24px}.benefit-icon{color:#7b9173;flex-shrink:0}.benefit-icon svg{width:25px;height:25px;stroke-width:1.3}.search-benefits strong{font-size:12px;font-weight:600;display:block;margin-bottom:5px}.search-benefits div div>span{font-size:10px;line-height:1.5;color:#8a9587}.source-monitor{padding:14px}.monitor-heading{padding:0 1px 12px;cursor:default}.monitor-heading:after{display:none}.source-statuses{margin:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.source-status{display:block;padding:11px 12px;background:#fff;border-radius:8px}.source-status.unavailable{background:#fafbf9}.source-status-top{display:flex;padding:0}.source-status-label{margin:11px 0 9px;font-size:11px;color:#6e806a}.source-progress{height:4px;background:#e7eee2;border-radius:8px;overflow:hidden}.source-progress>span{display:block;height:100%;width:0;background:#78a665;border-radius:8px}.source-status.completed .source-progress>span{width:100%}.source-status.running:not(.waiting) .source-progress>span{width:32%;animation:source-loading 1.7s ease-in-out infinite}.source-status.error .source-progress{background:#f3e7d8}.source-status.error .source-status-label{color:#a17d49}.source-status.unavailable .source-progress{background:#e8ece5}.source-metrics{font-size:11px;margin:9px 0 0;color:#64785d}.source-details{font-size:10px;color:#8e9a85;margin-top:8px}.source-details>summary{cursor:pointer;width:fit-content}.source-details p{line-height:1.5;margin:7px 0 0;overflow-wrap:anywhere}.monitor-footer{margin:12px 1px 0;padding:10px 0 0;font-size:10px}.source-status.unavailable .source-status-label,.source-status.unavailable .source-metrics{color:#9ba493}@keyframes source-loading{0%{transform:translateX(-110%)}100%{transform:translateX(410%)}} @media(max-width:1000px){.search-benefits{padding:16px;gap:15px}.search-benefits>div{gap:10px}.search-benefits>div+div{padding-left:15px}.search-benefits strong{font-size:11px}.search-benefits div div>span{font-size:9px}.benefit-icon svg{width:23px;height:23px}.source-statuses{gap:7px}.source-status{padding:10px 8px}.source-metrics{font-size:10px}.source-name{font-size:10px}.source-status-label{font-size:10px}} @media(max-width:700px){.brand-caption{font-size:7px}.intro-tag{display:flex;margin-top:12px;line-height:1.5}.search-benefits{grid-template-columns:1fr;padding:14px 16px;gap:13px;margin-bottom:18px}.search-benefits>div+div{border:0;padding:0}.search-benefits>div{gap:12px}.search-benefits strong{font-size:12px;margin-bottom:3px}.search-benefits div div>span{font-size:10px}.benefit-icon svg{width:21px;height:21px}.source-monitor{padding:13px 10px}.source-statuses{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0}.source-status{padding:10px 7px}.source-mark{width:16px;height:16px;font-size:8px}.source-name{font-size:10px}.source-indicator{display:none}.source-status-label{font-size:9px;min-height:26px;line-height:1.4;margin:9px 0 7px}.source-metrics{font-size:9px;line-height:1.5;min-height:26px}.source-details{font-size:9px}.monitor-heading{padding:0 2px 12px}.monitor-footer{font-size:9px}.filters-panel .panel-heading h2{display:none}.filters-panel .panel-heading{justify-content:flex-end}} /* Legible type, narrow source tiles, no inflated status panel. */ .brand-type{gap:5px}.brand-caption{font-size:12px;color:#526156;letter-spacing:0;font-weight:500;line-height:1.2}.site-header{height:80px}.site-header:before{height:80px}.wordmark{font-size:29px}.brand-icon{width:38px;height:38px}.header-nav{font-size:14px}.free-label{font-size:12px} .source-monitor{padding:12px 14px}.monitor-heading{padding:0 0 9px}.monitor-heading h2{font-size:14px}.live-label{font-size:12px}.source-statuses{display:block}.source-group+.source-group{margin-top:10px}.source-group h3{font-size:12px;color:#657468;font-weight:500;margin:0 0 6px}.source-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:6px}.source-status{padding:8px 9px;min-width:0;border:1px solid #e0e7dc;position:relative}.source-status-top{gap:5px;align-items:center}.source-name{font-size:12px;font-weight:600;color:#344b3e;line-height:1.3}.source-mark{display:none}.source-indicator{display:none}.source-status-label{font-size:11px;line-height:1.4;min-height:0;margin:5px 0 6px;color:#597048}.source-status.unavailable .source-status-label{color:#6b756c}.source-progress{height:3px}.source-details{font-size:11px;color:#677362;margin-top:5px}.source-details>summary{color:#586d50}.source-details[open]{grid-column:1 / -1}.source-details p{font-size:12px;color:#465548}.monitor-footer{font-size:12px;line-height:1.5;margin-top:10px;padding-top:8px;color:#61705e}.source-status.unavailable{background:#f7f9f4} .search-benefits strong{font-size:14px}.search-benefits div div>span{font-size:12px;color:#5f705c}.search-benefits{padding:15px 20px}.intro-description{font-size:15px;color:#647365}.intro-tag{font-size:12px;color:#66735f}.field-hint,.privacy-note{font-size:12px;line-height:1.5;color:#63715f}legend,.field>label{font-size:13px}.field input,.range-inputs input{font-size:14px}.filter-details>summary{font-size:12px}.results-toolbar p,.search-notice{font-size:13px}.listing-observed{font-size:11px;color:#67776b}.listing-source,.listing-city,.listing-open{font-size:12px}.listing-price-note,.price-history-button{font-size:11px}.empty-state>p:not(.empty-kicker){font-size:14px;color:#63715f}.empty-features span{font-size:12px}.how-steps p,.site-footer{font-size:12px;color:#677562}.data-footnote{font-size:12px;color:#697762} @media(max-width:1000px){.header-nav{gap:17px}.search-benefits strong{font-size:13px}.search-benefits div div>span{font-size:12px}.brand-caption{font-size:12px}} @media(max-width:700px){.site-header,.site-header:before{height:78px}.wordmark{font-size:28px}.brand-caption{font-size:12px}.brand-icon{width:34px;height:34px}.brand{gap:8px}.source-monitor{padding:11px}.source-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.source-status{padding:7px 6px}.source-name{font-size:12px}.source-status-label{font-size:11px}.source-details{font-size:11px}.monitor-heading h2{font-size:13px}.live-label{font-size:11px}.monitor-footer{font-size:12px}.search-benefits{padding:13px 15px;gap:10px}.search-benefits strong{font-size:13px}.search-benefits div div>span{font-size:12px}.intro-description{font-size:14px}.listing-observed{font-size:11px}.listing-open{font-size:12px}.listing-city{font-size:12px}.field input,.range-inputs input{font-size:16px}.field-hint{font-size:12px}.empty-state>p:not(.empty-kicker){font-size:14px}.empty-features span{font-size:11px}.site-footer{font-size:12px}} .source-strip{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.source-status.unavailable .source-name{color:#53624f}.source-status.unavailable .source-details{display:none}.source-status.unavailable{padding-bottom:10px}.source-status{min-height:60px}.source-group+.source-group{margin-top:8px} @media(max-width:700px){.source-strip{display:flex;overflow-x:auto;padding-bottom:5px;scroll-snap-type:x proximity}.source-status{min-width:120px;scroll-snap-align:start}.source-group h3:after{content:' · листайте →';font-weight:400;color:#798574}.source-details[open]{max-width:230px}} /* One consistent tile for every source, including planned integrations. */ .source-strip{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));align-items:stretch}.source-status,.source-status.unavailable{appearance:none;text-align:left;color:inherit;font:inherit;border:1px solid #e0e6dc;background:#fff;border-radius:9px;padding:10px 9px;min-height:105px;cursor:pointer;display:flex;flex-direction:column;box-shadow:none;transition:background .15s,border-color .15s}.source-status:hover{background:#f8fbf5;border-color:#b4c6a9}.source-status:focus-visible{outline:2px solid #568745;outline-offset:2px}.source-status-top{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-height:52px}.source-logo{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0}.source-logo img{width:28px;height:28px;object-fit:contain;display:block}.source-name,.source-status.unavailable .source-name{font-size:12px;font-weight:600;color:#344b3e;white-space:nowrap}.source-status-label,.source-status.unavailable .source-status-label{display:block;font-size:11px;line-height:1.4;color:#67745f;margin:7px 0 8px;min-height:15px}.source-progress{display:block;width:100%;margin-top:auto;height:3px;background:#e8ede3}.source-status.completed .source-status-label{color:#497c37}.source-status.running .source-progress{background:#e4edde}.source-status.running .source-progress>span{background:#58a441}.source-status.unavailable .source-progress{background:#e7eae4}.generation-preview{background:#f6f8f3;border:1px solid #e0e7da;border-radius:8px;margin-top:9px;padding:10px}.generation-preview img{width:100%;height:88px;object-fit:contain}.generation-preview span{display:block;font-size:12px;line-height:1.4;color:#5c7150;margin-top:6px}.generation-field select{width:100%;font-size:12px;padding:0 8px}.field select{color:#354b3d} @media(max-width:700px){.source-status,.source-status.unavailable{min-width:118px;min-height:105px;padding:9px}.source-status-top{gap:6px}.source-status-label{font-size:11px}.source-name{font-size:12px}.generation-field select{font-size:16px}} .generation-picker-button{font:inherit;font-size:12px;margin-top:8px;width:100%;padding:8px;background:#eef4e8;border:1px solid #dbe6d3;border-radius:7px;color:#4f7540;cursor:pointer}.generation-dialog{max-width:700px}.generation-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 24px 24px}.generation-choice{padding:10px;border:1px solid #dfe5da;background:white;border-radius:10px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:7px;color:#344537;font:inherit}.generation-choice img{width:100%;height:85px;object-fit:contain}.generation-choice strong{font-size:12px;line-height:1.4}.generation-choice>span{font-size:11px;color:#63745b}.generation-choice:hover,.generation-choice.selected{background:#f2f7ed;border-color:#97b485}.generation-preview[hidden],.generation-field[hidden]{display:none}@media(max-width:600px){.generation-choices{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 15px 15px}.generation-dialog{width:calc(100vw - 20px)}} /* Keep the growing directory compact: one shared grid for all providers. */ @media(min-width:1001px){.source-strip{grid-template-columns:repeat(8,minmax(0,1fr))}.source-status,.source-status.unavailable{padding:9px 7px}.source-name,.source-status.unavailable .source-name{white-space:normal;overflow-wrap:normal;line-height:1.2}.source-status-top{min-height:64px}.source-status-label{font-size:10px;white-space:nowrap}} @media(min-width:701px) and (max-width:1000px){.source-strip{grid-template-columns:repeat(5,minmax(0,1fr))}.source-name,.source-status.unavailable .source-name{white-space:normal}.source-status-top{min-height:64px}} /* One clear navigation for the Mashingo services. */ .site-header{gap:22px;position:relative}.brand{flex-shrink:0}.header-nav{display:flex;align-items:center;gap:16px;min-width:0;font-size:13px;white-space:nowrap}.header-nav>a,.header-nav>button{font:inherit;line-height:1.4;letter-spacing:0;color:#56655b;background:none;border:0;padding:10px 0;text-decoration:none;cursor:pointer}.header-nav>.nav-current{color:#d85e36;font-weight:600}.header-nav>button:hover,.header-nav>a:hover{color:#d85e36}.header-nav>a:focus-visible,.header-nav>button:focus-visible{outline:2px solid #81a074;outline-offset:4px;border-radius:3px}.header-actions{flex-shrink:0}.account-button{font-size:13px;white-space:nowrap;padding:10px 12px;color:#435c49;background:#f3f6ef;border-color:#dee6d7}.account-button:hover{background:#eaf1e3}.account-button svg{width:17px;height:17px;flex-shrink:0}.service-coming-soon{font-size:12px;line-height:1.65;color:#65765c;background:#f3f6ee;padding:13px 15px;border-radius:9px;margin:20px 0 0}.account-history-link{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;font:inherit;color:#3d5b44;text-align:left;border:1px solid #dce5d4;background:#f9fbf6;border-radius:10px;padding:16px;margin:20px 0 0;cursor:pointer}.account-history-link:hover{background:#eff5e8}.account-history-link strong{display:block;font-size:14px;font-weight:600}.account-history-link small{display:block;font-size:12px;color:#6e7d66;margin-top:5px;line-height:1.5}.account-history-link>span:last-child{font-size:22px} @media(max-width:1339px){.site-header{height:auto;min-height:118px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 15px;padding-top:14px}.site-header:before{height:100%}.header-actions{justify-self:end}.header-nav{grid-row:2;grid-column:1/-1;gap:26px;padding:7px 0 2px;overflow-x:auto;scrollbar-width:thin;overscroll-behavior-x:contain}.header-nav>a,.header-nav>button{flex-shrink:0;min-height:42px}} @media(max-width:700px){.site-header{padding:14px 16px 0;min-height:116px;gap:0 12px}.header-nav{display:flex;gap:20px;font-size:13px;padding:8px 0 0}.account-button{width:40px;height:40px;padding:10px;justify-content:center}.account-button>span{display:none}.account-button svg{width:18px;height:18px}.account-history-link{padding:13px}.account-history-link small{font-size:11px}} /* Countries share one compact grid; only connected markets can be selected. */ .country-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;background:none;padding:0;border:0}.country-option{min-width:0}.country-option>span{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-height:48px;padding:7px 9px;border:1px solid #e1e6dc;border-radius:7px;background:#fafbf8;text-align:left;font-size:12px;line-height:1.25}.country-option.active>span{background:#eff5e9;border-color:#afc49e;color:#365b38;box-shadow:none}.country-option.unavailable{opacity:1}.country-option.unavailable>span{color:#687361;cursor:not-allowed}.country-option small{display:block;margin:0;font-size:9px;font-weight:400;color:#87917f;background:none;padding:0}.country-option small.country-live{color:#5b7f49}.country-name{font-weight:500} .country-note{font-size:11px;line-height:1.55;margin:10px 0 0;color:#7b8877}.listing-description{font-size:11px;line-height:1.6;color:#6f7c70;margin:8px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.fx-note{font-size:9px;color:#7b8877;text-align:right;line-height:1.5;margin:0 0 6px}.translation-note{color:#7b8877;font-size:9px}.source-options .source-option-reason{display:none} /* Source choices use the API availability, independently of request progress. */ .source-status.source-available{background:#fff;cursor:default;border-color:#dce5d6} .source-status.source-available.is-selected{border-color:#90af7c;background:#f8fbf4;box-shadow:inset 0 0 0 1px #90af7c20} .source-card-select{display:block;width:100%;cursor:pointer;position:relative;min-height:60px} .source-card-select>input{position:absolute;right:0;top:0;width:17px;height:17px;margin:0;accent-color:#538343;cursor:pointer} .source-card-select .source-status-top{padding-right:3px} .source-card-select .source-logo{margin-right:22px} .source-status .source-card-select .source-name{white-space:normal;overflow-wrap:anywhere} .source-info-button{display:flex;align-items:center;justify-content:space-between;gap:4px;border:0;padding:5px 0 6px;background:transparent;text-align:left;width:100%;color:#809078;cursor:pointer} .source-info-button .source-status-label{white-space:normal;margin:0;font-size:10px} .source-info-button>span:last-child{font-size:12px;flex-shrink:0} .source-info-button:hover{color:#365c2e} .source-status.not-connected{background:#f5f6f3;border-color:#e4e7e0;box-shadow:none} .source-option-row.unavailable .source-option-logo{filter:grayscale(1);opacity:.5} .source-status.not-connected .source-name,.source-status.not-connected .source-info-button{color:#939b8d} .source-status.not-connected .source-card-select,.source-card-select>input:disabled{cursor:not-allowed} .source-status.source-available .source-logo{filter:none;opacity:1} .source-option-row{grid-template-columns:19px 25px minmax(0,1fr);gap:8px;min-height:35px;padding:5px;border:1px solid transparent;border-radius:7px} .source-option-row input{width:17px;height:17px;accent-color:#538343} .source-option-row.is-selected{background:#f5f9ef;border-color:#e2ebd9} .source-option-row.unavailable{color:#9ba391} .source-option-logo{display:grid;place-items:center;width:24px;height:24px} .source-option-logo img{display:block;max-width:24px;max-height:24px;object-fit:contain} .source-option-name{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;line-height:1.4} .source-option-name small{font-size:9px;font-weight:400;background:#eef1e9;color:#85917b} .source-selection-actions{display:flex;justify-content:space-between;gap:8px;margin:0 0 10px} .source-selection-actions .text-button{font-size:10px;line-height:1.4;text-align:left} .source-selection-actions .text-button:disabled{color:#a6ae9c;cursor:default} .source-selection-count{display:inline-block;background:#edf2e6;padding:2px 5px;border-radius:4px;color:#6e805f;font-size:10px;margin-left:4px;font-variant-numeric:tabular-nums} .source-quick-filters{border-top:1px solid var(--line);padding-top:14px;margin-top:4px} .source-filter-button{display:flex;align-items:center;justify-content:center;width:100%;border:1px solid #d4dfc9;border-radius:8px;background:#f5f9ef;color:#557545;font-size:12px;font-weight:550;padding:10px 8px;line-height:1.4} .source-filter-button:hover:not(:disabled),.source-filter-button[aria-pressed=true]{background:#e7f1db;border-color:#95b47c;color:#3e6330} .source-filter-button:disabled{background:#f5f6f2;color:#99a08f;border-color:#e5e8df;cursor:not-allowed} .source-quick-filters .field-hint{font-size:10px;line-height:1.5;margin-top:7px} .autocomplete{position:relative} .autocomplete-options{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 5px);max-height:244px;overflow-y:auto;overscroll-behavior:contain;list-style:none;padding:5px;margin:0;border:1px solid #cedac4;border-radius:9px;background:white;box-shadow:0 12px 25px #29401b1a} .autocomplete-options [role=option]{display:flex;flex-direction:column;gap:4px;padding:10px 9px;font-size:12px;line-height:1.45;color:#344b36;border-radius:5px;cursor:pointer;min-height:38px} .autocomplete-options [role=option]:hover,.autocomplete-options [aria-selected=true]{background:#eef5e6;color:#365c2e} .autocomplete-options [role=option] small{font-size:10px;line-height:1.4;color:#88937f} .autocomplete-message{font-size:11px;line-height:1.6;padding:10px;color:#929b89} .generation-picker-button:disabled{opacity:.55;cursor:not-allowed} .generation-field input:disabled{background:#f5f6f2} @media(max-width:700px){.source-card-select>input{width:19px;height:19px}.source-info-button .source-status-label{font-size:11px}.source-option-row{min-height:43px}.source-option-row input{height:19px;width:19px}.source-selection-actions .text-button{font-size:11px;min-height:32px}.source-filter-button{font-size:13px;min-height:43px}.source-quick-filters .field-hint{font-size:11px}.autocomplete-options [role=option]{font-size:14px;min-height:43px}.autocomplete-options [role=option] small{font-size:11px}.autocomplete-options{max-height:240px}} /* Reference data can be browsed before source-specific search is connected. */ .vehicle-selection-note{font-size:11px;line-height:1.55;color:#6d6049;background:#f7f3e9;border:1px solid #e7decb;border-radius:8px;padding:10px 12px;margin:12px 0;overflow-wrap:anywhere} .autocomplete-options .reference-only small{color:#806e54} .generation-preview span{min-width:0;overflow-wrap:anywhere}.generation-preview small{display:block;margin-top:5px;color:#78866f;font-size:10px;line-height:1.5} .generation-choice small{font-size:10px;line-height:1.5;color:#7c876f;text-align:left;overflow-wrap:anywhere}.generation-choice img{object-fit:contain} @media(max-width:700px){.vehicle-selection-note{font-size:12px}.generation-choice small{font-size:11px}} /* Compact country picker and a colorful, read-only source showcase. */ .workspace{grid-template-columns:420px minmax(0,1fr);gap:24px} .country-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;background:transparent;padding:0} .country-option{min-width:0;text-align:left;color:#56645c;border-radius:10px} .country-option>span{display:grid;grid-template-columns:23px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:46px;padding:8px 10px;border:1px solid #e0e6de;border-radius:10px;background:linear-gradient(145deg,#fff,#f8faf7);box-shadow:0 1px 0 #fff inset;white-space:normal;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s} .country-option:hover>span{border-color:#bdcbbd;background:#f7faf5;box-shadow:0 4px 12px #3148370d;transform:translateY(-1px)} .country-option.active>span{border-color:#7fa16f;background:linear-gradient(145deg,#f0f7e9,#fbfdf8);color:#31563b;box-shadow:0 0 0 1px #7fa16f22,0 5px 14px #38572d12} .country-option:has(input:focus-visible){outline:3px solid #ee9d7e;outline-offset:2px} .country-flag{font-size:20px;line-height:1;filter:none} .country-name{min-width:0;font-size:11.5px;font-weight:650;line-height:1.25;overflow-wrap:normal;word-break:normal;hyphens:none} .country-option small{justify-self:end;margin:0;padding:2px 5px;border-radius:999px;background:#edf2e9;color:#70806d;font-size:8px;font-weight:650;line-height:1.35;white-space:nowrap} .country-option small.country-live{background:#dfeeda;color:#3f713e} .country-option small.country-pending{background:#f2ede6;color:#88745f;font-weight:550} .source-monitor{overflow:hidden;padding:8px 9px;border-color:#dde5da;background:linear-gradient(150deg,#fff 0%,#fbfcf9 58%,#f5f8f1 100%);box-shadow:0 12px 30px #344b3810} .source-statuses{display:block;margin:0} .source-strip{display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px} .source-status,.source-status.unavailable{--source-tint:#fff2eb;--source-edge:#edc3b3;--source-accent:#df6b43;appearance:none;display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:28px 11px 3px;align-items:center;column-gap:6px;row-gap:2px;flex:0 0 138px;width:138px;max-width:138px;min-width:138px;height:60px;min-height:60px;padding:6px;border:1px solid var(--source-edge);border-radius:9px;background:linear-gradient(145deg,#fff 8%,var(--source-tint) 100%);color:#394a41;text-align:left;font:inherit;cursor:pointer;box-shadow:0 4px 11px #3346370d,inset 0 1px 0 #ffffffcc;filter:none;opacity:1;transition:transform .16s,border-color .16s,box-shadow .16s} .source-status:nth-child(6n+2){--source-tint:#edf6ff;--source-edge:#bcd4e8;--source-accent:#4e8fbd} .source-status:nth-child(6n+3){--source-tint:#f0f8ea;--source-edge:#bed6af;--source-accent:#69a04e} .source-status:nth-child(6n+4){--source-tint:#fff8df;--source-edge:#e8d59a;--source-accent:#c59330} .source-status:nth-child(6n+5){--source-tint:#f7efff;--source-edge:#d4bde8;--source-accent:#8f62bd} .source-status:nth-child(6n){--source-tint:#eaf9f7;--source-edge:#acd9d1;--source-accent:#3b9b8c} .source-status:hover{transform:translateY(-1px);border-color:var(--source-accent);box-shadow:0 7px 15px #33463716,inset 0 1px 0 #fff} .source-status:focus-visible{outline:3px solid #ee9d7e;outline-offset:2px} .source-status.source-available,.source-status.source-available.is-selected,.source-status.not-connected,.source-status.unavailable{background:linear-gradient(145deg,#fff 8%,var(--source-tint) 100%);border-color:var(--source-edge);border-style:solid;box-shadow:0 4px 11px #3346370d,inset 0 1px 0 #ffffffcc;filter:none;opacity:1} .source-logo{grid-column:1;grid-row:1/3;display:flex;align-items:center;justify-content:center;width:28px;height:31px;min-width:0;filter:none!important;opacity:1!important} .source-logo img,.source-status.not-connected .source-logo img,.source-status.unavailable .source-logo img{display:block;width:auto;height:auto;max-width:28px;max-height:27px;object-fit:contain;object-position:center;filter:none!important;opacity:1!important} .source-status .source-name,.source-status.unavailable .source-name,.source-status.not-connected .source-name{grid-column:2;grid-row:1;display:-webkit-box;min-width:0;max-height:26px;margin:0;color:#344b3e;font-size:13px;font-weight:750;line-height:1;white-space:normal;overflow:hidden;overflow-wrap:normal;word-break:normal;hyphens:none;text-overflow:clip;-webkit-box-orient:vertical;-webkit-line-clamp:2} .source-status .source-metrics,.source-status.unavailable .source-metrics,.source-status.not-connected .source-metrics{grid-column:2;grid-row:2;align-self:center;margin:0;color:#506158;font-size:11px;font-weight:700;line-height:1.1;white-space:nowrap;font-variant-numeric:tabular-nums} .source-progress,.source-status.unavailable .source-progress,.source-status.not-connected .source-progress{grid-column:1/-1;width:100%;height:3px;margin:0;border-radius:99px;background:color-mix(in srgb,var(--source-accent) 18%,white);overflow:hidden} .source-progress>span{display:block;height:100%;width:0;border-radius:inherit;background:var(--source-accent)} .source-status.completed .source-progress>span{width:100%} .source-status.running:not(.waiting) .source-progress>span{width:32%;background:var(--source-accent)} .monitor-footer{display:flex;justify-content:flex-end;margin:6px 0 0;padding:0;border:0} .monitor-footer[hidden]{display:none} @media(min-width:901px) and (max-width:1120px){.workspace{grid-template-columns:360px minmax(0,1fr);gap:18px}.source-status,.source-status.unavailable{flex-basis:124px;width:124px;min-width:124px;max-width:124px}} @media(min-width:701px) and (max-width:900px){.workspace{grid-template-columns:300px minmax(0,1fr);gap:15px}.source-status,.source-status.unavailable{flex-basis:124px;width:124px;min-width:124px;max-width:124px}} @media(max-width:700px){.workspace{display:block}.country-switch{gap:7px}.country-option>span{min-height:46px;padding:8px 10px}.country-name{font-size:12px}.country-flag{font-size:20px}.source-monitor{padding:8px}.source-strip{flex-wrap:nowrap;gap:6px;overflow-x:auto;padding:1px 1px 5px;scroll-snap-type:x proximity}.source-status,.source-status.unavailable{flex:0 0 124px;width:124px;min-width:124px;max-width:124px;height:60px;min-height:60px;scroll-snap-align:start}.source-status .source-name,.source-status.unavailable .source-name{font-size:13px}.source-status .source-metrics,.source-status.unavailable .source-metrics{font-size:11px}} @media(prefers-reduced-motion:reduce){.country-option>span,.source-status{transition:none}.country-option:hover>span,.source-status:hover{transform:none}} /* Keep the verified catalogue total prominent at every viewport width. */ .intro-tag{display:flex;align-items:center;gap:9px;box-sizing:border-box;max-width:100%;padding:10px 14px;border:1px solid #d5e2ce;border-radius:11px;background:linear-gradient(135deg,#f2f7ed,#fbfdf9);box-shadow:0 5px 14px #344b3810;color:#3f5f45;font-size:15px;font-weight:700;line-height:1.4} .intro-tag>.intro-dot{flex:0 0 7px;width:7px;height:7px;background:var(--orange)} #catalog-inventory-total{min-width:0} @media(max-width:1120px){.intro{flex-wrap:wrap}.intro-tag{display:flex;flex-basis:100%;width:100%;margin-top:-6px}} @media(max-width:700px){.intro-tag{display:flex;width:fit-content;margin-top:14px;padding:9px 11px;font-size:14px;line-height:1.45}} /* Manufacturer generation photos stay fully visible; local SVGs remain the fallback. */ .generation-dialog{max-width:780px} .generation-choice{min-width:0;overflow:hidden} .generation-choice img,.generation-preview img{display:block;width:100%;object-fit:contain;object-position:center;background:#f4f6f2;border-radius:7px} .generation-choice img{height:112px} .generation-preview img{height:132px} .generation-choice strong,.generation-choice>span,.generation-choice small{min-width:0;overflow-wrap:normal;word-break:normal;hyphens:none} .generation-choice small{margin-top:auto} @media(max-width:600px){.generation-choice img{height:96px}.generation-preview img{height:116px}} /* Five equal source columns on desktop: 15 Russian sources fill three rows. */ .source-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;gap:8px} .source-status,.source-status.unavailable{grid-template-columns:42px minmax(0,1fr);grid-template-rows:38px 14px 4px;column-gap:9px;row-gap:1px;width:100%;max-width:none;min-width:0;height:74px;min-height:74px;padding:8px;flex:none} .source-logo{width:42px;height:45px} .source-logo img,.source-status.not-connected .source-logo img,.source-status.unavailable .source-logo img{max-width:42px;max-height:42px} .source-status .source-name,.source-status.unavailable .source-name,.source-status.not-connected .source-name{max-height:32px;font-size:14px;line-height:1.12;white-space:normal;overflow-wrap:normal;word-break:normal;hyphens:none;-webkit-line-clamp:2} .source-status .source-metrics,.source-status.unavailable .source-metrics,.source-status.not-connected .source-metrics{font-size:12px} @media(min-width:701px) and (max-width:1120px){.source-strip{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:700px){.source-strip{display:flex;width:auto;gap:7px}.source-status,.source-status.unavailable{flex:0 0 164px;width:164px;min-width:164px;max-width:164px;height:74px;min-height:74px}.source-logo{width:42px;height:45px}.source-logo img,.source-status.not-connected .source-logo img,.source-status.unavailable .source-logo img{max-width:42px;max-height:42px}} /* Shared Mashingo visual language: the quiet sage/rust treatment used by Auto Checks. */ body{background:radial-gradient(circle at 94% 4%,rgba(182,84,56,.105),transparent 29rem),radial-gradient(circle at 2% 34%,rgba(66,107,83,.09),transparent 28rem),#f7f8f4;background-attachment:scroll} .site-header{position:relative;background:transparent} .site-header:before{background:rgba(255,255,255,.92);border-color:#e2e7dc} .page-shell{max-width:1320px} .intro{position:relative;isolation:isolate;overflow:hidden;align-items:center;margin:24px 0 14px;padding:28px 31px;border:1px solid rgba(58,91,70,.13);border-radius:22px;background:linear-gradient(125deg,rgba(236,244,232,.96),rgba(246,242,225,.93) 56%,rgba(250,229,218,.89));box-shadow:0 18px 50px rgba(44,67,51,.075)} .intro:after{content:"";position:absolute;z-index:-1;width:210px;height:210px;right:-92px;top:-122px;border:36px solid rgba(182,84,56,.065);border-radius:50%} .intro h1{color:#25342b} .intro-description{color:#59685b} .intro-tag{position:relative;border-color:rgba(65,94,72,.17);background:rgba(255,255,255,.82);box-shadow:0 12px 28px rgba(44,67,51,.08);color:#405d47} .search-benefits{border-color:#2f4136;border-radius:14px;background:linear-gradient(112deg,#293a30 0%,#354b3d 72%,#654536 100%);box-shadow:0 14px 34px rgba(38,57,44,.1);color:#fff} .search-benefits>div+div{border-color:rgba(255,255,255,.15)} .search-benefits .benefit-icon{color:#d9e6d5} .search-benefits strong{color:#fff} .search-benefits div div>span{color:#cbd6ce} .filters-panel,.source-monitor,.listing-card,.empty-state{border-color:#e0e6dc;box-shadow:0 12px 32px rgba(39,57,44,.055)} .filters-panel{border-radius:16px;background:rgba(255,255,255,.94)} .source-monitor{border-radius:16px;background:linear-gradient(150deg,rgba(255,255,255,.96),rgba(251,252,249,.95) 58%,rgba(244,247,240,.96))} .empty-state{border-style:solid;border-radius:18px;background:linear-gradient(145deg,#fff 0%,#fbfcf8 62%,#f4f0e4 100%)} .listing-card{border-radius:16px} .field input,.field select,.range-inputs{background:#fcfdfb;border-color:#d7dfd2} .field input:focus,.field select:focus,.range-inputs:focus-within{border-color:#8aa17e;box-shadow:0 0 0 3px rgba(66,107,83,.09)} .search-button{background:#426b53;box-shadow:0 7px 18px rgba(48,83,62,.16)} .search-button:hover{background:#33563f} .quiet-button{background:rgba(255,255,255,.74);border-color:#d4ddcf} .quiet-button:hover{background:#edf3e8;border-color:#c8d6c3} .country-option>span{border-color:#e0e6dc;background:linear-gradient(145deg,#fff,#f8faf6);box-shadow:0 4px 12px rgba(49,72,55,.035)} .country-option.active>span{border-color:#88a57a;background:linear-gradient(145deg,#edf5e8,#fbfdf8);box-shadow:0 0 0 1px rgba(127,161,111,.12),0 7px 17px rgba(56,87,45,.075)} .how-it-works{border-color:#e2e7dc} .how-steps article>span{color:#b65438} .site-footer{border-color:#e2e7dc} /* Source cards stay five-by-three, with calmer proportions and easier names. */ .source-status,.source-status.unavailable{grid-template-columns:36px minmax(0,1fr);column-gap:8px;border-radius:11px;box-shadow:0 6px 15px rgba(51,70,55,.045),inset 0 1px 0 rgba(255,255,255,.82)} .source-logo{width:36px;height:43px} .source-logo img,.source-status.not-connected .source-logo img,.source-status.unavailable .source-logo img{max-width:35px;max-height:35px} .source-status .source-name,.source-status.unavailable .source-name,.source-status.not-connected .source-name{max-height:30px;font-size:13px;line-height:1.14;letter-spacing:-.08px} .source-status .source-metrics,.source-status.unavailable .source-metrics,.source-status.not-connected .source-metrics{font-size:11.5px} /* Compact source cards: keep all details, remove excess vertical space. */ @media(min-width:701px){ .source-status,.source-status.unavailable{grid-template-columns:30px minmax(0,1fr);grid-template-rows:31px 11px 2px;column-gap:8px;row-gap:1px;height:62px;min-height:62px;padding:6px 8px} .source-logo{width:30px;height:37px} .source-logo img,.source-status.not-connected .source-logo img,.source-status.unavailable .source-logo img{max-width:29px;max-height:29px} .source-status .source-name,.source-status.unavailable .source-name,.source-status.not-connected .source-name{max-height:27px;font-size:12px;line-height:1.14} .source-status .source-metrics,.source-status.unavailable .source-metrics,.source-status.not-connected .source-metrics{font-size:10px} } /* Softer marketplace tiles: color identifies a source without heavy boxes. */ .source-status,.source-status.unavailable,.source-status.source-available,.source-status.source-available.is-selected,.source-status.not-connected{ border-color:color-mix(in srgb,var(--source-accent) 24%,#e7ebe4); border-radius:12px; background:linear-gradient(145deg,rgba(255,255,255,.98),color-mix(in srgb,var(--source-tint) 42%,white)); box-shadow:0 3px 10px rgba(42,61,47,.035),inset 0 1px 0 rgba(255,255,255,.88) } .source-status:hover{border-color:color-mix(in srgb,var(--source-accent) 48%,#dfe5dc);box-shadow:0 6px 15px rgba(42,61,47,.07),inset 0 1px 0 white} .source-status .source-name,.source-status.unavailable .source-name,.source-status.not-connected .source-name{color:#3d4d43;font-weight:650;letter-spacing:0} .source-status .source-metrics,.source-status.unavailable .source-metrics,.source-status.not-connected .source-metrics{color:#69776e;font-weight:600} .source-progress,.source-status.unavailable .source-progress,.source-status.not-connected .source-progress{background:color-mix(in srgb,var(--source-accent) 12%,white)} @media(max-width:700px){ body{background:radial-gradient(circle at 110% 2%,rgba(182,84,56,.1),transparent 19rem),#f7f8f4;background-attachment:scroll} .intro{display:block;margin:16px 0 12px;padding:24px 20px 21px;border-radius:19px} .intro:after{width:170px;height:170px;right:-95px;top:-105px;border-width:30px} .search-benefits{border-radius:13px} .filters-panel,.source-monitor,.empty-state{border-radius:15px} .source-status,.source-status.unavailable{grid-template-columns:36px minmax(0,1fr)} .source-logo{width:36px;height:43px} .source-logo img,.source-status.not-connected .source-logo img,.source-status.unavailable .source-logo img{max-width:35px;max-height:35px} .source-status .source-name,.source-status.unavailable .source-name,.source-status.not-connected .source-name{font-size:13px} .source-status .source-metrics,.source-status.unavailable .source-metrics,.source-status.not-connected .source-metrics{font-size:11.5px} } /* On phones the search is the primary task: keep it open and fit sources in one grid. */ @media(max-width:700px){ .mobile-filter-toggle{display:none} .filters-panel{padding:0;margin-bottom:14px} .filters-panel #search-form,.filters-panel.is-open #search-form{display:block;padding:18px 15px} .filters-panel.is-open .mobile-filter-toggle{border:0;margin:0} .source-monitor{padding:7px} .source-strip{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;overflow:visible;padding:0;scroll-snap-type:none} .source-status,.source-status.unavailable{grid-template-columns:23px minmax(0,1fr);grid-template-rows:26px 10px 2px;column-gap:6px;row-gap:1px;width:auto;min-width:0;max-width:none;height:54px;min-height:54px;padding:5px 6px;scroll-snap-align:none;border-radius:9px} .source-logo{width:23px;height:35px} .source-logo img,.source-status.not-connected .source-logo img,.source-status.unavailable .source-logo img{max-width:23px;max-height:23px} .source-status .source-name,.source-status.unavailable .source-name,.source-status.not-connected .source-name{max-height:24px;font-size:9.5px;line-height:1.14} .source-status .source-metrics,.source-status.unavailable .source-metrics,.source-status.not-connected .source-metrics{font-size:8px;line-height:1} .source-progress,.source-status.unavailable .source-progress,.source-status.not-connected .source-progress{height:3px} } /* Clear, premium navigation: every service reads as an intentional destination. */ .header-nav{ gap:3px; padding:5px; border:1px solid rgba(65,92,72,.13); border-radius:15px; background:rgba(246,248,243,.86); box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 6px 18px rgba(42,61,47,.045) } .header-nav>a,.header-nav>button{ position:relative; min-height:38px; padding:9px 12px; border-radius:10px; color:#4f6055; font-weight:590; transition:color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease } .header-nav>a:hover,.header-nav>button:hover{ color:#2f503b; background:#fff; box-shadow:0 4px 12px rgba(44,65,50,.08); transform:translateY(-1px) } .header-nav>.nav-current{ color:#fff; background:linear-gradient(135deg,#355f46,#47775a); box-shadow:0 6px 15px rgba(48,91,64,.2) } .header-nav>.nav-current:before{ content:""; width:6px; height:6px; display:inline-block; margin-right:7px; border-radius:50%; background:#dfead9; box-shadow:0 0 0 3px rgba(255,255,255,.12); vertical-align:1px } .header-nav>.nav-current:hover{color:#fff;background:linear-gradient(135deg,#2d543d,#416f53)} .header-nav>a:nth-child(3){color:#9d4b32;background:rgba(182,84,56,.075)} .header-nav>a:nth-child(3):hover{color:#873a25;background:#fff3ee} .account-button{ min-height:42px; padding:10px 15px; color:#fff; border-color:#304e3b; background:linear-gradient(135deg,#2d4938,#3d6149); box-shadow:0 7px 18px rgba(40,72,51,.17) } .account-button:hover{color:#fff;background:linear-gradient(135deg,#233e2f,#355943);border-color:#294533;transform:translateY(-1px)} @media(max-width:1339px){ .header-nav{gap:4px;padding:5px;margin-top:7px} .header-nav>a,.header-nav>button{min-height:36px;padding:8px 13px} } @media(max-width:700px){ .header-nav{gap:3px;margin-top:7px;padding:4px;border-radius:13px;background:rgba(246,248,243,.94)} .header-nav>a,.header-nav>button{min-height:34px;padding:7px 11px;font-size:12px;border-radius:9px} .header-nav>.nav-current:before{width:5px;height:5px;margin-right:6px} .account-button{width:40px;height:40px;min-height:40px;padding:10px} } /* Keep long result pages smooth by skipping paint and layout for off-screen cards. */ .listing-card{content-visibility:auto;contain-intrinsic-size:auto 170px} @media(max-width:700px){.listing-card{contain-intrinsic-size:auto 205px}} /* A phone opens on the task, without a tall marketing block or input zoom. */ @media(max-width:700px){ .intro{padding:17px 18px;margin:12px 0 10px} .filters-panel .panel-heading{justify-content:space-between} .filters-panel .panel-heading h2{display:block;font-size:15px} .intro h1{font-size:26px;line-height:1.12} .intro-description{font-size:13px;line-height:1.45;margin-top:8px} .intro-tag{margin-top:12px;padding:8px 10px;font-size:12px;line-height:1.35;box-shadow:none} .search-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px;margin-bottom:14px;box-shadow:none} .search-benefits>div{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:0;border:0} .search-benefits>div>div>span{display:none} .search-benefits strong{display:block;font-size:11px;line-height:1.3} .search-benefits .benefit-icon{width:18px;height:18px} .field input,.field select,.range-inputs input{font-size:16px} .country-option>span{min-height:44px;box-shadow:none} .country-option:hover>span{transform:none;box-shadow:none} .source-status,.source-status.unavailable{box-shadow:none} } @media(prefers-reduced-motion:reduce){ *,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important} } /* Shared navigation for the search, service pages, and vehicle reports. */ .site-header{position:sticky;top:0;z-index:100;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;width:100%;max-width:none;height:auto;min-height:76px;margin:0;padding:10px max(28px,calc((100vw - 1360px)/2));border:0;border-bottom:1px solid #dfe7dc;background:#fff;box-shadow:0 8px 24px rgba(39,59,43,.06)} .site-header:before{display:none!important} .site-header .brand{display:flex;align-items:center;gap:10px;width:max-content;min-width:0;text-decoration:none;color:#293a2f} .site-header .brand-icon{display:grid;place-items:center;flex:0 0 auto;width:36px;height:36px;border-radius:10px;background:#ed6039;color:#fff;transform:none} .site-header .brand-icon svg{display:block;width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round} .site-header .brand-type{display:flex;flex-direction:column;min-width:0} .site-header .wordmark{font-size:25px;font-weight:760;line-height:1;letter-spacing:-1.2px} .site-header .brand-caption{display:block;margin-top:3px;color:#829083;font-size:8px;line-height:1.2;letter-spacing:.15px;white-space:nowrap} .site-header .header-nav{display:flex;align-items:center;justify-self:center;gap:3px;min-width:0;max-width:100%;margin:0;padding:5px;border:1px solid #e2e9df;border-radius:14px;background:#f7f9f5;box-shadow:none;overflow-x:auto;scrollbar-width:none} .site-header .header-nav::-webkit-scrollbar{display:none} .site-header .header-nav a{display:inline-flex;align-items:center;flex:0 0 auto;min-height:36px;padding:8px 11px;border:0;border-radius:9px;background:transparent;color:#526256;font-size:12px;font-weight:620;line-height:1.2;text-decoration:none;white-space:nowrap;transition:background .16s,color .16s} .site-header .header-nav a:before{display:none!important} .site-header .header-nav a:hover{background:#fff;color:#315e44;box-shadow:none;transform:none} .site-header .header-nav a.nav-current,.site-header .header-nav a[aria-current=page]{background:#355f46;color:#fff;box-shadow:none} .site-header .header-nav a.nav-current:hover,.site-header .header-nav a[aria-current=page]:hover{background:#2d543d;color:#fff} .site-header .header-actions{display:flex;align-items:center;justify-self:end;gap:0;margin:0} .site-header .account-button,.site-header .account-open{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;margin:0;padding:9px 12px;border:1px solid #315742;border-radius:10px;background:#315742;color:#fff;font-size:11px;font-weight:650;line-height:1.2;text-decoration:none;white-space:nowrap;box-shadow:none;transform:none} .site-header .account-button:hover,.site-header .account-open:hover{background:#264a35;color:#fff;box-shadow:none;transform:none} .site-header .account-button svg,.site-header .account-open svg{display:block;flex:0 0 auto;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} #search-form,#how-it-works,#vin-form{scroll-margin-top:130px} @media(max-width:1280px){.site-header{grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;padding:9px 24px}.site-header .header-nav{grid-column:1/-1;grid-row:2;justify-self:stretch;width:100%}.site-header .header-actions{grid-column:2;grid-row:1}} @media(max-width:700px){.site-header{padding:8px 16px;gap:5px 10px}.site-header .brand-icon{width:34px;height:34px}.site-header .wordmark{font-size:23px}.site-header .brand-caption{font-size:7px}.site-header .header-nav{padding:4px;border-radius:11px}.site-header .header-nav a{min-height:34px;padding:7px 10px;font-size:11px}.site-header .account-button,.site-header .account-open{min-height:36px;padding:8px 9px;font-size:10px}.site-header .account-button span,.site-header .account-open span{display:none}.site-header .account-button svg,.site-header .account-open svg{width:18px;height:18px}}