*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090b0e;color:#f4f6f8;font-family:Inter,Arial,sans-serif;line-height:1.5}.container{width:min(1180px,calc(100% - 40px));margin:auto}.header{position:sticky;top:0;z-index:20;background:rgba(9,11,14,.92);backdrop-filter:blur(16px);border-bottom:1px solid #20262d}.nav-wrap{height:76px;display:flex;align-items:center;gap:38px}.logo{font:800 22px Manrope;text-decoration:none;color:#fff;display:flex;align-items:center;gap:9px;white-space:nowrap}.logo span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#e7ff45;color:#090b0e;font-size:13px}.nav{display:flex;gap:28px;margin-right:auto}.nav a,.footer-grid a{color:#aab2bb;text-decoration:none;font-size:14px}.nav a:hover,.footer-grid a:hover{color:#fff}.actions{display:flex;align-items:center;gap:14px}.languages{display:flex;border:1px solid #292f36;border-radius:9px;overflow:hidden}.lang{border:0;background:transparent;color:#8e98a2;padding:7px 9px;font-weight:800;font-size:11px;cursor:pointer}.lang.active{background:#e7ff45;color:#090b0e}.menu-btn{display:none;background:none;color:#fff;border:0;font-size:23px}.hero{padding:72px 0 65px;background:radial-gradient(circle at 75% 30%,#182126 0,#090b0e 48%)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.eyebrow{color:#8d98a3;font-size:10px;letter-spacing:2px;font-weight:800;margin-bottom:16px}.eyebrow span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e7ff45;margin-right:7px}.hero h1,h2{font-family:Manrope;margin:0;line-height:1.04;letter-spacing:-1.8px}.hero h1{font-size:clamp(42px,5vw,68px)}.hero h1 em{font-style:normal;color:#e7ff45}.hero-copy>p{max-width:600px;color:#9ca5ae;font-size:16px;margin:24px 0 30px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn{border-radius:10px;padding:13px 19px;font-weight:800;font-size:13px;text-decoration:none;border:1px solid transparent;cursor:pointer;display:inline-flex;justify-content:center;align-items:center}.primary{background:#e7ff45;color:#090b0e}.primary:hover{background:#f0ff7b}.ghost{border-color:#30363d;color:#fff;background:#11151a}.stats{display:flex;gap:38px;margin-top:45px}.stats div{display:flex;flex-direction:column}.stats strong{font-size:21px}.stats span{font-size:11px;color:#737d87;margin-top:3px}.hero-car{height:500px;border-radius:20px;overflow:hidden;position:relative;border:1px solid #2a3036}.hero-car img{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.5),transparent 65%),linear-gradient(0deg,rgba(0,0,0,.4),transparent);z-index:1}.floating-card{position:absolute;z-index:2;right:18px;bottom:18px;background:rgba(9,11,14,.9);padding:15px 18px;border:1px solid #363c43;border-radius:12px;display:grid;gap:2px}.floating-card span{color:#e7ff45;font-size:10px}.floating-card b{font-size:14px}.floating-card small{color:#8b949e}.ad-slot{margin-top:25px;border:1px dashed #30363d;min-height:88px;display:grid;place-items:center;text-align:center;padding:15px}.ad-slot span{font-size:9px;letter-spacing:2px;color:#68727d}.ad-slot p{margin:2px;color:#59636e;font-size:11px}.section{padding:95px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.section h2,.compare-section h2{font-size:clamp(30px,4vw,47px)}.category-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.category{background:#101419;border:1px solid #282e35;color:#8f98a3;border-radius:8px;padding:9px 13px;font-size:12px;cursor:pointer}.category.active{color:#e7ff45;border-color:#e7ff45}.search-box{background:#101419;border:1px solid #282e35;border-radius:10px;display:flex;align-items:center;padding:0 14px;margin-bottom:15px}.search-box span{font-size:25px;color:#6e7883}.search-box input{background:none;border:0;outline:0;color:#fff;width:100%;padding:15px;font-size:14px}.brand-row{display:flex;gap:7px;overflow:auto;padding-bottom:15px}.brand-btn{white-space:nowrap;background:#0d1014;border:1px solid #252b31;color:#818b95;border-radius:7px;padding:7px 10px;font-size:10px;cursor:pointer}.brand-btn.active{color:#e7ff45;border-color:#566017}.cars-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.car-card{background:#101419;border:1px solid #252b31;border-radius:14px;overflow:hidden;transition:.25s;cursor:pointer}.car-card:hover{transform:translateY(-5px);border-color:#444c55}.car-image{height:175px;position:relative}.car-image img{width:100%;height:100%;object-fit:cover}.badge{position:absolute;left:11px;top:11px;background:rgba(9,11,14,.88);border:1px solid #394047;padding:5px 8px;border-radius:6px;font-size:9px;text-transform:uppercase}.car-info{padding:15px}.car-info h3{font-size:17px;margin:0 0 5px}.car-info p{margin:0;color:#7f8994;font-size:11px}.price-line{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.used-price{font-weight:800;font-size:13px}.new-price{color:#747e88;font-size:9px}.car-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:13px;padding-top:12px;border-top:1px solid #252b31}.car-specs div{display:flex;flex-direction:column}.car-specs b{font-size:11px}.car-specs span{font-size:8px;color:#69737e;margin-top:2px}.reliability{color:#e7ff45}.compare-section{padding:90px 0;background:#11151a;border-top:1px solid #20262c;border-bottom:1px solid #20262c}.section-lead{color:#7f8994;max-width:650px;margin:15px 0 28px}.compare-box{display:grid;grid-template-columns:1fr 70px 1fr 150px;gap:12px;align-items:center}.compare-box select,.calculator input{background:#0a0c0f;border:1px solid #30363d;color:#fff;border-radius:9px;padding:14px;outline:0}.vs{text-align:center;font-weight:800;color:#e7ff45}.compare-result{margin-top:20px}.compare-table{width:100%;border-collapse:collapse;background:#0a0c0f;border:1px solid #282e35}.compare-table td{padding:13px 16px;border-bottom:1px solid #20252b;font-size:13px}.compare-table td:first-child{color:#737e88}.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.calculator{background:#101419;border:1px solid #282e35;padding:25px;border-radius:14px}.calculator label{display:grid;gap:7px;margin-bottom:14px;font-size:11px;color:#8e98a2;font-weight:700}.full{width:100%;margin-top:4px}.calc-result{margin-top:18px;background:#0a0c0f;border-radius:10px;padding:17px}.calc-result small{display:block;color:#727c87}.calc-result strong{display:block;font-size:28px;margin-top:4px;color:#e7ff45}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.articles article{background:#101419;border:1px solid #252b31;border-radius:14px;overflow:hidden}.articles img{width:100%;height:190px;object-fit:cover}.articles article div{padding:18px}.articles span{font-size:9px;letter-spacing:1.5px;color:#e7ff45}.articles h3{font-size:17px;line-height:1.25;margin:9px 0 14px}.articles p,.more{color:#9aa4ae;font-size:11px;text-decoration:none}.more{padding-bottom:5px}footer{border-top:1px solid #20252b;padding-top:55px;background:#080a0c}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding-bottom:50px}.footer-grid p{max-width:330px;color:#66717c;font-size:12px}.footer-grid b{display:block;margin-bottom:14px;font-size:12px}.footer-grid div>a:not(.logo){display:block;margin:9px 0}.copyright{text-align:center;border-top:1px solid #171c21;color:#505a64;font-size:10px;padding:18px}.empty{padding:30px;text-align:center;color:#69737d;border:1px dashed #30363d;grid-column:1/-1}@media(max-width:900px){.nav{display:none}.menu-btn{display:block}.hero-grid,.calc-grid{grid-template-columns:1fr}.hero-car{height:350px}.cars-grid{grid-template-columns:repeat(2,1fr)}.articles{grid-template-columns:1fr 1fr}.compare-box{grid-template-columns:1fr}.vs{padding:2px}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.container{width:min(100% - 24px,1180px)}.nav-wrap{height:65px}.hero{padding:45px 0}.hero h1{font-size:43px}.hero-car{height:280px}.stats{gap:20px}.section,.compare-section{padding:65px 0}.section-head{align-items:start;flex-direction:column}.cars-grid,.articles{grid-template-columns:1fr}.car-image{height:210px}.footer-grid{grid-template-columns:1fr}}
/* ===== AutoPilot V4: detail pages ===== */
.image-loading{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(120deg,#101419,#1b2229,#101419);background-size:200% 100%;animation:imgpulse 1.5s linear infinite;color:#7b858f;font-size:11px}
@keyframes imgpulse{to{background-position:-200% 0}}
.car-image img:not(.loaded){opacity:0}.car-image img.loaded{opacity:1;transition:opacity .35s}
.photo-credit{position:absolute;right:8px;bottom:8px;z-index:3;max-width:80%;background:rgba(9,11,14,.84);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:4px 7px;font-size:8px;color:#c5ccd3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.photo-credit a{color:#e7ff45;text-decoration:none}
.detail-shell{padding:44px 0 90px}
.back-link{display:inline-flex;color:#9da6af;text-decoration:none;font-size:12px;margin-bottom:20px}.back-link:hover{color:#fff}
.detail-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:22px}
.detail-photo{min-height:480px;border:1px solid #282f36;border-radius:18px;overflow:hidden;position:relative;background:#101419}
.detail-photo img{width:100%;height:100%;object-fit:cover}
.detail-main{background:#101419;border:1px solid #282f36;border-radius:18px;padding:28px;display:flex;flex-direction:column}
.detail-main h1{font:800 clamp(38px,5vw,62px)/.98 Manrope;margin:0;letter-spacing:-2px}
.detail-main .generation{color:#8f99a3;margin:10px 0 22px}
.detail-price-box{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 16px}
.detail-price-item{background:#0b0e11;border:1px solid #252c33;border-radius:10px;padding:14px}
.detail-price-item small{display:block;color:#69737d;font-size:8px;letter-spacing:1px;text-transform:uppercase}
.detail-price-item b{display:block;margin-top:5px;font-size:14px}
.detail-quick{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:auto}
.detail-quick .q{background:#0b0e11;border:1px solid #252c33;border-radius:10px;padding:13px}
.detail-quick small{display:block;color:#68727c;font-size:8px;text-transform:uppercase;letter-spacing:.8px}.detail-quick b{display:block;margin-top:4px;font-size:13px}
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}
.detail-card{background:#101419;border:1px solid #282f36;border-radius:14px;padding:22px}
.detail-card.wide{grid-column:1/-1}
.detail-card h2{font-size:21px;letter-spacing:-.4px;margin:0 0 14px}
.detail-table{width:100%;border-collapse:collapse}.detail-table th,.detail-table td{padding:11px 10px;border-bottom:1px solid #242b31;font-size:12px;text-align:left}.detail-table th{color:#7f8994;font-size:9px;text-transform:uppercase;letter-spacing:.7px}
.detail-table tr:last-child td{border-bottom:0}
.good{color:#b5d97a}.warn{color:#ffcf66}.bad{color:#ff8b8b}.reliability{color:#e7ff45}
.detail-list{margin:0;padding-left:18px;color:#aab3bb;font-size:13px}.detail-list li{margin:9px 0}
.repair-list{display:grid;gap:9px}.repair-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid #242b31}.repair-row:last-child{border-bottom:0}.repair-row span{color:#aab3bb;font-size:12px}.repair-row b{font-size:12px}
.verdict-box{font-size:14px;color:#aab3bb;line-height:1.7;margin:0}
.buy-box{display:grid;grid-template-columns:1fr 1fr;gap:12px}.buy-choice{border:1px solid #293138;border-radius:10px;padding:15px;background:#0b0e11}.buy-choice strong{display:block;margin-bottom:5px}.buy-choice p{margin:0;color:#909aa4;font-size:12px}
.meter{display:flex;gap:5px;margin-top:9px}.meter span{height:7px;flex:1;background:#252d34;border-radius:4px}.meter span.on{background:#e7ff45}
.source-note{margin-top:12px;color:#66717c;font-size:9px;line-height:1.55}.source-note a{color:#8995a0}
@media(max-width:900px){.detail-hero{grid-template-columns:1fr}.detail-photo{min-height:360px}}
@media(max-width:650px){.detail-grid{grid-template-columns:1fr}.detail-card.wide{grid-column:auto}.detail-price-box,.buy-box{grid-template-columns:1fr}.detail-photo{min-height:270px}.detail-main{padding:22px}}
/* ===== AutoPilot V6: hierarchical catalog + better photo scale ===== */
.catalog-explorer{
display:grid;
grid-template-columns:1.2fr 1fr 1fr;
gap:12px;
margin:0 0 18px;
}
.explorer-column{
background:#0d1014;
border:1px solid #252b31;
border-radius:11px;
padding:11px;
min-width:0;
}
.explorer-label{
display:block;
color:#69737e;
font-size:9px;
font-weight:800;
letter-spacing:1.2px;
text-transform:uppercase;
margin:0 0 8px 2px;
}
.brand-row,.model-row,.generation-row{
display:flex;
gap:7px;
overflow-x:auto;
padding-bottom:2px;
scrollbar-width:thin;
}
.model-btn,.generation-btn{
white-space:nowrap;
background:#0a0d10;
border:1px solid #252b31;
color:#818b95;
border-radius:7px;
padding:7px 10px;
font-size:10px;
cursor:pointer;
}
.model-btn.active,.generation-btn.active{
color:#e7ff45;
border-color:#566017;
background:#11160d;
}
.catalog-summary{
color:#77818b;
font-size:11px;
min-height:18px;
margin:4px 0 14px;
}
/* cards: show the whole car instead of cropping it */
.car-image{
height:190px;
background:
radial-gradient(circle at 50% 50%,#1a2026 0,#101419 68%);
overflow:hidden;
}
.car-image img{
width:100%;
height:100%;
object-fit:contain !important;
object-position:center;
padding:10px 8px;
}
/* detail page: smaller and no aggressive crop */
.detail-hero{
grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);
align-items:stretch;
}
.detail-photo{
min-height:0 !important;
height:420px !important;
background:
radial-gradient(circle at 50% 50%,#1a2026 0,#0e1216 72%);
display:flex;
align-items:center;
justify-content:center;
}
.detail-photo img{
width:100%;
height:100%;
object-fit:contain !important;
object-position:center;
padding:18px;
}
.detail-main{
min-height:420px;
}
.photo-credit{
max-width:88%;
bottom:7px;
right:7px;
}
.image-loading{
z-index:1;
}
@media(max-width:900px){
.catalog-explorer{grid-template-columns:1fr}
.detail-photo{height:350px !important}
.detail-main{min-height:auto}
}
@media(max-width:600px){
.car-image{height:185px}
.detail-photo{height:270px !important}
.detail-photo img{padding:10px}
}
/* ===== AutoPilot V7: dark scrollbars ===== */
html{
scrollbar-color:#171b20 #050607;
scrollbar-width:thin;
}
*{
scrollbar-color:#171b20 #050607;
}
::-webkit-scrollbar{
width:10px;
height:10px;
background:#050607;
}
::-webkit-scrollbar-track{
background:#050607;
border-radius:999px;
}
::-webkit-scrollbar-thumb{
background:#171b20;
border:2px solid #050607;
border-radius:999px;
}
::-webkit-scrollbar-thumb:hover{
background:#272d33;
}
.brand-row::-webkit-scrollbar,
.model-row::-webkit-scrollbar,
.generation-row::-webkit-scrollbar{
height:7px;
}
.brand-row,.model-row,.generation-row{
scrollbar-color:#151a1f #07090b;
scrollbar-width:thin;
}
/* ===== AutoPilot V8: cleaner photo attribution + credits page ===== */
.photo-credit{display:none!important}
.photo-info{
position:absolute;
right:9px;
bottom:9px;
z-index:4;
width:27px;
height:27px;
display:grid;
place-items:center;
border-radius:50%;
border:1px solid #333b43;
background:rgba(5,7,9,.88);
color:#d7dde2;
text-decoration:none;
font-size:14px;
line-height:1;
backdrop-filter:blur(8px);
}
.photo-info:hover{color:#e7ff45;border-color:#59631b}
.table-scroll{overflow-x:auto}
.credits-shell{padding:55px 0 90px}
.credits-head{max-width:760px;margin-bottom:28px}
.credits-head h1{font:800 clamp(38px,5vw,62px)/1 Manrope;margin:0;letter-spacing:-2px}
.credits-head p{color:#89939d;font-size:13px;line-height:1.7}
.credits-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.credit-card{background:#101419;border:1px solid #282f36;border-radius:12px;padding:16px;scroll-margin-top:95px}
.credit-card:target{border-color:#e7ff45}
.credit-card h3{margin:0 0 6px;font-size:15px}
.credit-card p{margin:4px 0;color:#89939d;font-size:11px}
.credit-card a{color:#e7ff45;text-decoration:none;font-size:11px}
.credit-empty{padding:25px;border:1px dashed #30363d;color:#7d8791;border-radius:12px}
@media(max-width:700px){.credits-grid{grid-template-columns:1fr}}
/* ===== AutoPilot V9: advanced filters ===== */
.advanced-filters{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr)) auto;
gap:10px;
margin:0 0 16px;
align-items:end;
}
.advanced-filters label{display:grid;gap:6px}
.advanced-filters label>span{
color:#737e88;
font-size:9px;
text-transform:uppercase;
letter-spacing:.8px;
font-weight:800;
}
.advanced-filters select{
width:100%;
background:#090c0f;
color:#e8edf1;
border:1px solid #282f36;
border-radius:9px;
padding:11px 12px;
outline:none;
cursor:pointer;
}
.advanced-filters select:focus{border-color:#59631b}
.advanced-filters option{background:#090c0f;color:#e8edf1}
.filter-reset{
min-height:42px;
background:#11161a;
color:#9ba5ae;
border:1px solid #282f36;
border-radius:9px;
padding:0 14px;
cursor:pointer;
font-weight:700;
font-size:11px;
}
.filter-reset:hover{color:#fff;border-color:#424a52}
@media(max-width:900px){.advanced-filters{grid-template-columns:repeat(2,1fr)}.filter-reset{grid-column:1/-1}}
@media(max-width:560px){.advanced-filters{grid-template-columns:1fr}}
/* AutoPilot V10 sorting */
.advanced-filters{grid-template-columns:repeat(5,minmax(0,1fr)) auto}.sort-control select{border-color:#353d45}@media(max-width:1100px){.advanced-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.advanced-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.advanced-filters{grid-template-columns:1fr}}
/* ===== AutoPilot V11: richer car review pages ===== */
.review-summary{display:grid;grid-template-columns:minmax(220px,.75fr) 1.25fr;gap:28px;align-items:center}
.review-score-main{padding:6px 4px}
.review-score-main small{display:block;color:#7f8992;font-size:9px;font-weight:800;letter-spacing:1px;margin-bottom:7px}
.review-score-main strong{font:800 clamp(54px,7vw,82px)/.9 Manrope;letter-spacing:-4px;color:#e7ff45}
.review-score-main>div>span{color:#69737c;font-size:14px;font-weight:800;margin-left:5px}
.review-score-main p{max-width:520px;color:#a0a9b1;font-size:12px;line-height:1.7;margin:14px 0 0}
.rating-list{display:grid;gap:9px}
.rating-row{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:10px 12px;background:#0b0f12;border:1px solid #222a30;border-radius:9px}
.rating-row>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
.rating-row>div>span{font-size:11px;font-weight:700;color:#c5ccd2}
.rating-row>b{min-width:32px;text-align:right;color:#e7ff45;font-size:13px}
.score-stars{display:inline-flex;gap:2px;white-space:nowrap}
.score-stars span{
color:transparent;
font-size:11px;
background:linear-gradient(90deg,#e7ff45 0 var(--star-fill),#303840 var(--star-fill) 100%);
-webkit-background-clip:text;
background-clip:text;
-webkit-text-fill-color:transparent;
}
.pros-cons-card{display:flex}
.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%}
.pros-cons h3{font-size:11px;text-transform:uppercase;letter-spacing:.7px;margin:0 0 10px}
.good{color:#b9d94b}
.warn{color:#e2a86f}
.buy-verdict{font:700 18px/1.55 Manrope;color:#e8edf1;max-width:900px}
.ownership-estimate{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:18px 0 10px;padding:14px 16px;border:1px solid #30383f;border-radius:10px;background:#0b0f12}
.ownership-estimate span{color:#8d979f;font-size:11px}
.ownership-estimate b{font:800 18px/1 Manrope;color:#e7ff45;white-space:nowrap}
@media(max-width:760px){
.review-summary{grid-template-columns:1fr}
.pros-cons{grid-template-columns:1fr}
.rating-row>div{align-items:flex-start;flex-direction:column;gap:5px}
.ownership-estimate{align-items:flex-start;flex-direction:column}
}
/* ===== AutoPilot V12: advanced comparison ===== */
.compare-section{overflow:hidden}
.compare-builder{background:#0d1115;border:1px solid #252c32;border-radius:14px;padding:16px;margin-bottom:18px}
.compare-picker{display:grid;grid-template-columns:1fr 2fr auto auto;gap:8px}
.compare-picker select,.compare-picker button{min-height:43px;border-radius:9px;border:1px solid #2b333a;background:#090c0f;color:#e7ecef;padding:0 12px;font:700 11px Inter}
.compare-picker select{outline:none}
.compare-picker select:focus{border-color:#59631b}
.compare-add{background:#e7ff45!important;color:#090b0d!important;border-color:#e7ff45!important;cursor:pointer}
.compare-clear{cursor:pointer;color:#929ca4!important}
.compare-selected{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.compare-chip{display:flex;align-items:center;gap:8px;background:#171d22;border:1px solid #303941;border-radius:999px;padding:7px 8px 7px 11px;color:#cfd6db;font-size:10px}
.compare-chip b{color:#e7ff45}
.compare-chip button{width:22px;height:22px;border:0;border-radius:50%;background:#090c0f;color:#8f99a1;cursor:pointer}
.compare-hint{margin:9px 0 0;color:#626d76;font-size:9px}
.compare-empty{padding:35px;border:1px dashed #30383f;border-radius:12px;text-align:center;color:#77828b;font-size:11px}
.compare-table-wrap{overflow-x:auto;border:1px solid #272f35;border-radius:14px;background:#0c1013}
.compare-table-v12{width:100%;min-width:780px;border-collapse:collapse}
.compare-table-v12 th,.compare-table-v12 td{border-right:1px solid #222a30;border-bottom:1px solid #222a30;padding:14px;text-align:center}
.compare-table-v12 thead th{position:relative;vertical-align:bottom;background:#11161a;padding-top:28px}
.compare-table-v12 thead th strong{display:block;font:800 15px/1.2 Manrope;color:#eef2f4}
.compare-table-v12 thead th small{display:block;color:#7d8790;font-size:9px;margin-top:5px}
.compare-table-v12 thead th a{display:inline-block;color:#e7ff45;font-size:9px;text-decoration:none;margin-top:10px}
.compare-table-v12 .metric-head{width:150px;background:#090c0f}
.compare-table-v12 tbody th{text-align:left;background:#0a0e11;color:#8e98a0;font-size:10px;white-space:nowrap}
.compare-table-v12 td{font:800 12px Manrope;color:#cbd2d7;position:relative}
.compare-table-v12 .metric-winner{background:rgba(231,255,69,.055);color:#e7ff45}
.mini-win{display:inline-grid;place-items:center;width:17px;height:17px;margin-left:5px;border-radius:50%;background:#e7ff45;color:#090b0d;font-size:9px}
.winner-badge{position:absolute;top:7px;left:50%;transform:translateX(-50%);background:#e7ff45;color:#090b0d;border-radius:999px;padding:3px 7px;font-size:7px;font-weight:900;text-transform:uppercase;white-space:nowrap;letter-spacing:.4px}
.overall-winner{box-shadow:inset 0 2px 0 #e7ff45}
@media(max-width:760px){
.compare-picker{grid-template-columns:1fr 1fr}
.compare-picker #compareCar{grid-column:1/-1;grid-row:2}
}
@media(max-width:480px){
.compare-picker{grid-template-columns:1fr}
.compare-picker #compareCar{grid-column:auto;grid-row:auto}
}
/* AutoPilot V13 Smart Finder */
.finder-layout{display:grid;grid-template-columns:1.45fr .75fr;gap:14px}.finder-form,.finder-side{background:#0d1115;border:1px solid #252d33;border-radius:14px;padding:16px}.finder-form{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.finder-form label{display:grid;gap:6px}.finder-form label>span,.finder-side>span{font-size:8px;font-weight:900;letter-spacing:.8px;color:#707b84;text-transform:uppercase}.finder-form select{min-height:43px;background:#090c0f;color:#e6ecef;border:1px solid #2b333a;border-radius:9px;padding:0 11px}.finder-submit{grid-column:1/-1;min-height:46px;border:0;border-radius:9px;background:#e7ff45;color:#090b0d;font-weight:900;cursor:pointer}.finder-side h3{font:800 23px/1.1 Manrope;margin:9px 0}.finder-side p{color:#89949d;font-size:11px;line-height:1.7}.finder-factors{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.finder-factors span{border:1px solid #30383f;border-radius:999px;padding:6px 8px;font-size:8px;color:#a8b0b6}.finder-results{margin-top:16px;display:grid;gap:9px}.match-card{display:grid;grid-template-columns:50px 1fr 125px;gap:16px;align-items:center;background:#0d1115;border:1px solid #252d33;border-radius:13px;padding:15px}.best-match{border-color:#59631b!important;box-shadow:inset 3px 0 0 #e7ff45}.match-rank{font:800 24px Manrope;color:#3d464d}.match-main h3{font:800 17px Manrope;margin:3px 0}.match-main h3 span,.match-score strong{color:#e7ff45}.match-main>p{color:#758089;font-size:9px}.match-badge{background:#e7ff45;color:#090b0d;padding:3px 7px;border-radius:999px;font-size:7px;font-weight:900}.match-reasons,.match-trade{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.match-reasons strong,.match-trade strong{font-size:8px;color:#68737b}.match-reasons span,.match-trade span{font-size:9px;border-radius:999px;padding:4px 7px;background:#12191d}.match-reasons span{color:#c8db82}.match-trade span{color:#c8a98b}.match-main>a{display:inline-block;margin-top:10px;color:#e7ff45;text-decoration:none;font-size:9px;font-weight:800}.match-score{text-align:right}.match-score strong{display:block;font:800 27px Manrope}.match-score>span{font-size:8px;color:#68737b}.match-score>div{height:4px;background:#252c31;border-radius:9px;overflow:hidden;margin-top:7px}.match-score i{display:block;height:100%;background:#e7ff45}.finder-empty{padding:30px;border:1px dashed #30383f;border-radius:12px;text-align:center;color:#77828b}@media(max-width:850px){.finder-layout{grid-template-columns:1fr}.finder-form{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.finder-form{grid-template-columns:1fr}.match-card{grid-template-columns:38px 1fr}.match-score{grid-column:2;text-align:left}}
/* V13.1 stabilization */
.catalog-more{display:flex;justify-content:center;align-items:center;gap:12px;margin:18px 0 4px;color:#707b84;font-size:9px}.catalog-more button{min-height:38px;padding:0 15px;border-radius:999px;border:1px solid #384149;background:#11161a;color:#e7ff45;font-weight:800;cursor:pointer}.catalog-more button:hover{border-color:#e7ff45}.brand-btn{text-transform:none!important}
/* V13.2 stability: comparison/finder hardening + Lexus catalog */
/* ===== AutoPilot V14 multipage layout ===== */
.main-nav{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.main-nav a{color:#909aa2;text-decoration:none;font-size:10px;font-weight:800;padding:8px 10px;border-radius:8px}
.main-nav a:hover,.main-nav a.active{background:#171d22;color:#e7ff45}
.page-main{min-height:70vh}
.home-tools,.home-popular{padding:32px 0}
.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.tool-card{display:block;text-decoration:none;background:#0d1115;border:1px solid #252d33;border-radius:14px;padding:18px;color:#e9eef1;transition:.2s}
.tool-card:hover{transform:translateY(-2px);border-color:#59631b}
.tool-card>span{font:800 10px Manrope;color:#e7ff45}
.tool-card h3{font:800 18px Manrope;margin:10px 0 6px}
.tool-card p{color:#808b94;font-size:10px;line-height:1.6;min-height:48px}
.tool-card b{color:#e7ff45;font-size:9px}
.home-popular .section-head a{color:#e7ff45;text-decoration:none;font-size:9px;font-weight:800}
.compact-card{min-height:130px;text-decoration:none}
.compact-card .car-card-body{padding:15px}
.compact-card h3{margin:6px 0;font:800 15px Manrope;color:#eef2f4}
.compact-card p{color:#77818a;font-size:9px}
.compact-card b{color:#e7ff45;font-size:10px}
@media(max-width:900px){.tool-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.tool-grid{grid-template-columns:1fr}.main-nav{gap:2px}.main-nav a{padding:7px;font-size:9px}}
/* ===== AutoPilot V15: homepage conversion + typography system ===== */
:root{--space-xs:8px;--space-sm:14px;--space-md:22px;--space-lg:36px;--space-xl:64px;--space-2xl:88px;--radius:14px}
body{font-size:15px;line-height:1.6;letter-spacing:-.006em}
.container{width:min(1200px,calc(100% - 48px))}
.header .container{width:min(1240px,calc(100% - 40px))}
.main-nav a{font-size:12px;padding:9px 11px}
.section{padding:76px 0}
.section-soft{padding:72px 0;background:#0c1013;border-top:1px solid #1d242a;border-bottom:1px solid #1d242a}
.section-head{margin-bottom:28px}
.section h2,.compare-section h2,.home-finder h2,.home-value h2{font:800 clamp(30px,3.4vw,46px)/1.08 Manrope;letter-spacing:-1.5px}
.eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:13px}
.hero{padding:64px 0 58px}.hero-grid{gap:54px}.hero h1{letter-spacing:-2.4px}.hero-copy>p{font-size:15px;line-height:1.75;margin:20px 0 26px}.stats{margin-top:34px}
.ad-slot{margin-top:18px;margin-bottom:18px;border-radius:12px}.home-ad{margin-top:0;margin-bottom:0}
#catalog.section{padding-top:70px;padding-bottom:72px}
.category-row{margin-bottom:14px}.search-box{margin-bottom:12px}.search-box input{padding:13px 12px}
.advanced-filters{gap:8px;margin-bottom:13px}.advanced-filters select{min-height:42px}.catalog-explorer{margin-top:4px}
.cars-grid{gap:14px}.car-card{border-radius:13px}.car-info{padding:14px 15px 15px}.car-info h3{font:750 16px/1.25 Manrope;letter-spacing:-.3px}.car-image{height:180px}.used-price{font-size:12px}.new-price{font-size:8px}
.catalog-more{margin-top:20px}.catalog-more button{min-height:42px;padding:0 18px}
.calc-grid{gap:56px;align-items:center}.calculator{padding:22px}.calculator input{font-size:14px}.calc-result strong{font:800 27px/1.2 Manrope}
.full-tool-link{margin-top:14px}.full-tool-link a{color:#e7ff45;text-decoration:none;font-size:10px;font-weight:800}
.quick-finder-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}.quick-finder-copy>p{max-width:520px;color:#8e98a2;font-size:14px;line-height:1.75;margin:17px 0}.quick-trust{display:flex;gap:7px;flex-wrap:wrap}.quick-trust span{font-size:9px;color:#b6bec5;border:1px solid #2e363d;background:#10151a;border-radius:999px;padding:7px 9px}.quick-finder-form{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#101419;border:1px solid #293138;border-radius:16px;padding:20px}.quick-finder-form label{display:grid;gap:6px}.quick-finder-form label>span{font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:#77828c;font-weight:800}.quick-finder-form select{min-height:43px;background:#090c0f;border:1px solid #30383f;border-radius:9px;color:#eef2f4;padding:0 10px}.quick-finder-form button{grid-column:1/-1;min-height:46px}.quick-finder-form small{grid-column:1/-1;color:#66717a;font-size:9px;text-align:center}
.home-value{padding:74px 0}.compact-head{align-items:end}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.value-card{display:block;background:#0e1317;border:1px solid #272f36;border-radius:15px;padding:20px;text-decoration:none;color:#edf1f3;transition:.2s}.value-card:hover{transform:translateY(-3px);border-color:#59631b}.value-card>span{font:800 10px Manrope;color:#e7ff45}.value-card h3{font:800 18px/1.25 Manrope;margin:13px 0 8px;letter-spacing:-.4px}.value-card p{min-height:60px;color:#818c95;font-size:11px;line-height:1.65}.value-card b{color:#e7ff45;font-size:9px}
#articles.section{padding-top:76px;padding-bottom:88px}.articles{gap:14px}.articles img{height:175px}.articles article div{padding:16px}.articles h3{font:750 16px/1.35 Manrope;margin:8px 0 12px}
footer{padding-top:48px}
@media(max-width:900px){.quick-finder-grid{grid-template-columns:1fr;gap:26px}.quick-finder-form{grid-template-columns:1fr 1fr}.value-grid{grid-template-columns:1fr}.value-card p{min-height:auto}.container{width:min(100% - 32px,1200px)}}
@media(max-width:620px){.section,.section-soft,.home-value{padding:54px 0}.hero{padding:42px 0}.quick-finder-form{grid-template-columns:1fr;padding:15px}.quick-finder-form button,.quick-finder-form small{grid-column:auto}.car-image{height:205px}.container{width:min(100% - 24px,1200px)}.hero-copy>p{font-size:14px}.section h2,.home-finder h2,.home-value h2{font-size:31px}}
/* AutoPilot V15.1 */
.eyebrow,.section-kicker,.kicker{display:none!important}
.home-finder-promo{padding:54px 0}
.finder-promo-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.8fr);gap:36px;align-items:center;padding:36px;border:1px solid #252d33;border-radius:22px;background:radial-gradient(circle at 85% 20%,rgba(231,255,69,.08),transparent 28%),#0d1115}
.finder-promo-copy h2{margin:0 0 14px;font-size:clamp(28px,4vw,48px);line-height:1.05}
.finder-promo-lead{max-width:720px;margin:0 0 26px;color:#9aa4ac;font-size:15px;line-height:1.7}
.finder-promo-points{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 22px}
.finder-promo-points>div{min-height:112px;padding:16px;border:1px solid #242c31;border-radius:14px;background:#10161a}
.finder-promo-points strong{display:block;margin-bottom:7px;color:#eef2f4;font-size:13px}
.finder-promo-points span{color:#7f8a92;font-size:11px;line-height:1.55}
.finder-promo-example{display:flex;flex-wrap:wrap;gap:6px 9px;align-items:center;margin:0 0 22px;padding:13px 15px;border-left:2px solid #e7ff45;background:#10161a;color:#8f9aa2;font-size:11px}
.finder-promo-example b{color:#edf2f4}
.finder-promo-cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding-inline:22px}
.finder-promo-note{margin:9px 0 0;color:#667079;font-size:10px}
.finder-promo-preview{padding:18px;border:1px solid #2d363c;border-radius:18px;background:#090d10;box-shadow:0 24px 60px rgba(0,0,0,.18)}
.finder-preview-head{display:flex;justify-content:space-between;align-items:center;padding:0 2px 14px;border-bottom:1px solid #1e252a;color:#7f8990;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.finder-preview-head b{color:#e7ff45;font-size:22px;letter-spacing:0}
.finder-preview-car{display:grid;grid-template-columns:32px 1fr;gap:11px;align-items:center;padding:14px 2px;border-bottom:1px solid #171d21}
.finder-preview-rank{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#151c20;color:#e7ff45;font-size:11px;font-weight:900}
.finder-preview-car strong{display:block;margin-bottom:4px;color:#edf2f4;font-size:12px}
.finder-preview-car span{display:block;color:#707b83;font-size:9px;line-height:1.45}
.finder-preview-footer{padding-top:13px;color:#626c74;font-size:9px;text-align:center}
@media(max-width:900px){.finder-promo-card{grid-template-columns:1fr;padding:26px}.finder-promo-points{grid-template-columns:1fr}.finder-promo-points>div{min-height:auto}}
@media(max-width:560px){.home-finder-promo{padding:36px 0}.finder-promo-card{padding:20px;border-radius:17px}.finder-promo-lead{font-size:13px}}
/* ===== AutoPilot V15.2 visual polish ===== */
:root{
--lime:#e7ff45;
--lime-dark:#cfe62f;
--bg:#090d10;
--panel:#0f1418;
--panel-2:#12191e;
--border:#252d33;
--text:#edf2f4;
--muted:#89949c;
}
html{scroll-behavior:smooth}
body{
font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
color:var(--text);
line-height:1.55;
}
h1,h2,h3,h4{
font-family:Manrope,Inter,system-ui,sans-serif;
letter-spacing:-.025em;
}
h1{
font-size:clamp(38px,5vw,68px);
line-height:1.02;
margin:0 0 18px;
}
h2{
font-size:clamp(28px,3.2vw,44px);
line-height:1.08;
margin:0 0 14px;
}
h3{
line-height:1.18;
}
p{
margin-top:0;
}
section{
scroll-margin-top:90px;
}
/* Hero: text left, car right */
.hero-layout-v152{
display:grid;
grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);
gap:48px;
align-items:center;
min-height:560px;
}
.hero-copy-v152{
min-width:0;
}
.hero-copy-v152 > .container,
.hero-copy-v152 > div{
max-width:100%;
}
.hero-copy-v152 p{
max-width:650px;
font-size:15px;
line-height:1.72;
color:var(--muted);
margin-bottom:24px;
}
.hero-media-v152{
display:flex;
align-items:center;
justify-content:flex-end;
min-width:0;
}
.hero-media-v152 img{
display:block;
width:min(100%,720px);
max-height:500px;
object-fit:contain;
object-position:center right;
border-radius:18px;
}
/* Header + languages */
header,
.site-header{
position:relative;
}
.top-language-switcher{
position:absolute;
top:14px;
right:22px;
z-index:30;
}
.top-language-switcher > *{
display:flex!important;
align-items:center;
gap:6px;
}
.top-language-switcher button,
.top-language-switcher a,
.top-language-switcher select{
min-width:34px;
min-height:30px;
padding:6px 9px!important;
border:1px solid #2b343a!important;
border-radius:8px!important;
background:#0d1216!important;
color:#8d989f!important;
font-size:10px!important;
font-weight:800!important;
}
.top-language-switcher .active,
.top-language-switcher button:hover,
.top-language-switcher a:hover{
color:var(--lime)!important;
border-color:#5d6919!important;
}
/* Unified lime buttons */
.btn,
button,
.button,
a.btn,
input[type="submit"]{
border-radius:10px;
}
.btn-primary,
button.primary,
.button-primary,
.finder-promo-cta,
.catalog-toggle,
#catalogToggle,
#showMoreCars,
.home-tools .tool-card b{
background:var(--lime)!important;
color:#0a0d0f!important;
border-color:var(--lime)!important;
box-shadow:none!important;
}
.btn-primary:hover,
button.primary:hover,
.button-primary:hover,
.finder-promo-cta:hover,
.catalog-toggle:hover,
#catalogToggle:hover,
#showMoreCars:hover{
background:var(--lime-dark)!important;
border-color:var(--lime-dark)!important;
transform:translateY(-1px);
}
.btn-primary,
.finder-promo-cta{
font-weight:900!important;
}
/* Finder CTA: large + long */
.finder-promo-cta-wide{
width:100%;
min-height:58px;
padding:16px 28px!important;
font-size:15px!important;
letter-spacing:-.01em;
border-radius:12px!important;
margin-top:4px;
}
/* Organic section spacing */
.home-popular,
.home-tools,
.home-finder-promo,
.quick-checks,
.articles,
section{
padding-top:48px;
padding-bottom:48px;
}
.section-head{
margin-bottom:22px;
}
.cars-grid{
gap:16px!important;
}
.car-card{
border-radius:16px!important;
}
.car-card-body{
padding:16px!important;
}
.finder-promo-card{
gap:40px;
padding:40px;
}
.finder-promo-lead{
margin-bottom:24px;
}
.finder-promo-points{
gap:12px;
margin-bottom:20px;
}
.finder-promo-points>div{
padding:17px;
}
/* Forms */
input,
select,
textarea{
min-height:44px;
border-radius:10px!important;
}
label{
font-size:11px;
font-weight:700;
margin-bottom:6px;
}
/* Responsive */
@media(max-width:1000px){
.hero-layout-v152{
grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);
gap:30px;
min-height:500px;
}
}
@media(max-width:820px){
.hero-layout-v152{
grid-template-columns:1fr;
gap:26px;
min-height:auto;
}
.hero-media-v152{
justify-content:center;
}
.hero-media-v152 img{
width:min(100%,620px);
object-position:center;
}
.top-language-switcher{
top:10px;
right:12px;
}
}
@media(max-width:560px){
h1{font-size:clamp(34px,11vw,48px)}
h2{font-size:clamp(26px,8vw,36px)}
.hero-layout-v152{gap:20px}
.hero-copy-v152 p{font-size:14px}
.finder-promo-card{padding:22px}
.finder-promo-cta-wide{min-height:54px;font-size:14px!important}
.home-popular,
.home-tools,
.home-finder-promo,
.quick-checks,
.articles,
section{padding-top:36px;padding-bottom:36px}
}
/* Keep any hero badge inside the image area */
/* Header proportions matching the established V15 look */
/* Main CTA styling remains lime */
/* Desktop / laptop */
@media (min-width:821px){
/* Slightly smaller laptops */
@media (min-width:821px) and (max-width:1150px){
/* Tablet and mobile: stacking is intentional only here */
@media (max-width:820px){
@media (max-width:560px){
/* ===== AutoPilot V15.4 — stable hero + visual consistency ===== */
:root{
--ap-lime:#e7ff45;
--ap-lime-hover:#d8ef3b;
}
body{
font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
line-height:1.55;
}
h1,h2,h3,h4{
font-family:Manrope,Inter,system-ui,sans-serif;
letter-spacing:-.025em;
}
section{scroll-margin-top:88px}
.eyebrow,.section-kicker,.kicker{display:none!important}
/* Preserve the original V15 hero composition */
@media(min-width:821px){
.hero .container,
section.hero .container{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(470px,.95fr);
gap:54px;
align-items:center;
}
.hero-copy,.hero-content{
min-width:0;
}
.hero-visual,.hero-image,.hero-media{
min-width:0;
align-self:stretch;
}
.hero-visual img,.hero-image img,.hero-media img{
width:100%;
height:100%;
max-height:520px;
object-fit:cover;
border-radius:20px;
}
}
@media(max-width:820px){
.hero .container,
section.hero .container{
display:block;
}
}
/* Language selector top-right */
header,.site-header{position:relative}
.top-language-switcher{
position:absolute!important;
top:14px!important;
right:22px!important;
z-index:30!important;
}
/* Lime CTA system */
.btn-primary,
.button-primary,
button.primary,
.finder-promo-cta,
#catalogToggle,
#showMoreCars,
.catalog-toggle{
background:var(--ap-lime)!important;
color:#090d10!important;
border-color:var(--ap-lime)!important;
}
.btn-primary:hover,
.button-primary:hover,
button.primary:hover,
.finder-promo-cta:hover,
#catalogToggle:hover,
#showMoreCars:hover,
.catalog-toggle:hover{
background:var(--ap-lime-hover)!important;
border-color:var(--ap-lime-hover)!important;
}
.finder-promo-cta{
width:100%!important;
min-height:58px!important;
padding:16px 28px!important;
font-size:15px!important;
font-weight:900!important;
}
/* ===== AutoPilot V16 — Czech market layer ===== */
.header,.site-header{position:relative}
.top-language-switcher{
position:absolute!important;
top:12px!important;
right:18px!important;
z-index:80!important;
}
.top-language-switcher .languages{
display:flex!important;
gap:5px!important;
align-items:center!important;
}
.top-language-switcher .lang{
min-width:34px!important;
min-height:30px!important;
padding:5px 8px!important;
border:1px solid #293137!important;
border-radius:8px!important;
background:#0d1216!important;
color:#839099!important;
font-size:10px!important;
font-weight:900!important;
}
.top-language-switcher .lang.active,
.top-language-switcher .lang:hover{
border-color:#69751d!important;
color:#e7ff45!important;
}
.market-pulse{padding:54px 0}
.market-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end}
.market-head p{max-width:680px;margin:8px 0 0;color:#87929a}
.market-date{padding:7px 10px;border:1px solid #293137;border-radius:9px;color:#8e999f;font-size:10px;font-weight:800;white-space:nowrap}
.market-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0 14px}
.market-stat{padding:20px;border:1px solid #252d33;border-radius:16px;background:#0d1216}
.market-stat strong{display:block;color:#e7ff45;font:800 26px/1.1 Manrope,Inter,sans-serif;letter-spacing:-.03em}
.market-stat span{display:block;margin-top:8px;color:#e9eef1;font-size:11px;font-weight:700}
.market-stat small{display:block;margin-top:5px;color:#707b83;font-size:9px}
.market-insight{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:22px;border:1px solid #252d33;border-radius:16px;background:#10161a}
.market-insight h3{margin:0 0 7px;font-size:17px}
.market-insight p{max-width:800px;margin:0;color:#829099;font-size:11px;line-height:1.65}
.market-insight .btn{white-space:nowrap}
.market-source{margin:12px 2px 0;color:#667079;font-size:9px;line-height:1.6}
.market-source a{color:#9ca97e}
.market-detail-card{position:relative;overflow:hidden}
.market-detail-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.market-detail-heading h2{margin-bottom:4px}
.market-detail-heading p{margin:0;color:#79858d;font-size:10px}
.market-live-pill{padding:6px 9px;border:1px solid #56621b;border-radius:8px;color:#e7ff45;font-size:8px;font-weight:900;letter-spacing:.08em}
.market-range-box{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:18px 0;padding:16px;border:1px solid #283038;border-radius:13px;background:#0c1115}
.market-range-box strong{color:#e7ff45;font-size:24px}
.market-range-box span{color:#707b83;font-size:9px}
.market-price-checker label{display:block;margin-bottom:8px;color:#9aa4ab;font-size:10px;font-weight:800}
.market-price-input{display:grid;grid-template-columns:1fr auto;gap:8px}
.market-price-input input{width:100%}
.market-ask-result{display:flex;gap:8px;align-items:center;min-height:28px;margin-top:9px}
.market-ask-result strong{color:#e7ff45;font-size:11px}
.market-ask-result span{color:#7f8a91;font-size:9px}
@media(max-width:900px){
.market-stats{grid-template-columns:repeat(2,1fr)}
.market-insight{align-items:flex-start;flex-direction:column}
.top-language-switcher{right:12px!important}
}
@media(max-width:560px){
.market-head{align-items:flex-start;flex-direction:column}
.market-stats{grid-template-columns:1fr}
.market-price-input{grid-template-columns:1fr}
.top-language-switcher{top:8px!important;right:8px!important}
}
/* ===== AutoPilot V17 — link color system ===== */
main a:not(.btn):not(.button):not(.car-card):not(.logo),
footer a:not(.btn),
.market-source a,
.source-note a,
.detail-card a:not(.btn){
color:#e7ff45!important;
text-decoration-color:rgba(231,255,69,.42)!important;
}
main a:not(.btn):not(.button):not(.car-card):hover,
footer a:not(.btn):hover,
.market-source a:hover,
.source-note a:hover{
color:#f1ff8a!important;
text-decoration-color:#e7ff45!important;
}
/* ===== AutoPilot V18 — database revision ===== */
.database-status{padding:16px 0 54px}
.database-status-card{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center;padding:24px;border:1px solid #252d33;border-radius:18px;background:#0d1216}
.database-status-card small{color:#e7ff45;font-size:9px;font-weight:900;letter-spacing:.12em}
.database-status-card h2{margin:8px 0 8px;font-size:24px}
.database-status-card p{margin:0;color:#7d8991;font-size:11px;line-height:1.7;max-width:680px}
.database-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.database-numbers div{padding:16px 10px;border:1px solid #252d33;border-radius:13px;text-align:center;background:#10161a}
.database-numbers strong{display:block;color:#e7ff45;font:800 25px/1 Manrope,Inter,sans-serif}
.database-numbers span{display:block;margin-top:7px;color:#78838a;font-size:8px}
.engine-section-title{display:flex;justify-content:space-between;align-items:center;gap:16px}
.engine-section-title h2{margin-bottom:0!important}
.engine-section-title span{color:#e7ff45;font-size:9px;font-weight:800;white-space:nowrap}
@media(max-width:800px){
.database-status-card{grid-template-columns:1fr}
}
@media(max-width:560px){
.database-numbers{grid-template-columns:1fr}
.engine-section-title{align-items:flex-start;flex-direction:column}
}
/* ===== AutoPilot V19 — data quality ===== */
.data-quality-badge{
display:inline-grid;
grid-template-columns:auto auto;
gap:2px 10px;
align-items:center;
padding:9px 12px;
margin:6px 0 12px;
border:1px solid #2c353b;
border-radius:11px;
background:#0d1216;
}
.data-quality-badge span{color:#7d8991;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.data-quality-badge strong{grid-row:1/3;grid-column:2;color:#e7ff45;font:800 20px/1 Manrope,Inter,sans-serif}
.data-quality-badge small{color:#a8b0b5;font-size:8px}
/* ===== AutoPilot V20 — verified database architecture ===== */
.database-numbers{grid-template-columns:repeat(5,1fr)}
.verification-badge{
display:inline-grid;grid-template-columns:auto;gap:3px;padding:9px 12px;margin:6px 8px 12px 0;
border:1px solid #3a3530;border-radius:11px;background:#12110f;vertical-align:top
}
.verification-badge span{color:#7d8991;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.verification-badge strong{font-size:11px}
.verification-badge small{font-size:8px;color:#7d8991}
.verification-badge.verified{border-color:#58651d;background:#11150d}
.verification-badge.verified strong{color:#e7ff45}
.verification-badge.partial strong{color:#d9d38b}
.verification-badge.legacy strong{color:#c8a985}
@media(max-width:950px){.database-numbers{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.database-numbers{grid-template-columns:1fr}}
/* ===== AutoPilot V20.1 — rich powertrain schema ===== */
.v20-powertrain-wrap{margin-top:26px}
.v20-table{min-width:980px}
.v20-table td,.v20-table th{white-space:nowrap}
.verification-badge.verified strong{color:#e7ff45}
.verification-badge.partial strong{color:#e5d982}
/* V21.17 — AutoPilot color contract
Form controls stay inside the dark site palette with the lime accent.
Links and interactive buttons keep the current #e7ff45 AutoPilot accent. */
input, select, textarea{
background:#101419 !important;
color:#f4f6f8 !important;
border-color:#e7ff45 !important;
caret-color:#e7ff45;
accent-color:#e7ff45;
}
input:focus, select:focus, textarea:focus{
outline:none !important;
border-color:#e7ff45 !important;
box-shadow:0 0 0 2px rgba(231,255,69,.14);
}
input::placeholder, textarea::placeholder{color:#7f8994 !important}
select option{background:#101419;color:#f4f6f8}
a:not(.logo):not(.btn){color:#e7ff45}
a:not(.logo):not(.btn):hover{color:#f0ff7b}
.btn.primary,button.primary,.lang.active{
background:#e7ff45 !important;
border-color:#e7ff45 !important;
color:#090b0e !important;
}
.btn.ghost,.category,.brand-btn,.lang:not(.active),button:not(.primary):not(.lang){
border-color:#566017;
color:#e7ff45;
}
.btn.ghost:hover,.category:hover,.brand-btn:hover,.lang:not(.active):hover,button:not(.primary):not(.lang):hover{
border-color:#e7ff45;
color:#f0ff7b;
}
.category.active,.brand-btn.active{
color:#e7ff45 !important;
border-color:#e7ff45 !important;
}
/* V22.0 — Czech Market Foundation */
.cz-market-snapshot{padding-top:64px;padding-bottom:64px}
.cz-market-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.cz-market-stats>div,.cz-market-context>div{background:#101419;border:1px solid #2b3239;border-radius:12px;padding:16px}
.cz-market-stats strong,.cz-market-context b{display:block;color:#e7ff45;font-size:18px}
.cz-market-stats span,.cz-market-context small{display:block;color:#8f98a3;font-size:11px;margin-top:5px}
.cz-market-context{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}
.cz-market-context b{font-size:14px;margin-top:4px}
@media(max-width:900px){.cz-market-stats{grid-template-columns:repeat(2,1fr)}.cz-market-context{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.cz-market-stats,.cz-market-context{grid-template-columns:1fr}}
/* V22.1 — verified Czech listing samples */
.market-sample-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0 14px;padding:10px 12px;border:1px solid #566017;border-radius:9px;background:#0d1014;font-size:11px;color:#8f98a3}
.market-sample-meta span:first-child,.market-sample-meta b{color:#e7ff45}
.market-live-pill{border-color:#e7ff45!important;color:#e7ff45!important}
/* V22.2 — full Czech market coverage */
.market-coverage-v222{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:14px 0;padding:14px;border:1px solid #2b3239;border-radius:12px;background:#0d1014}
.market-coverage-v222 small{color:#e7ff45;font-weight:800;letter-spacing:.8px}
.market-coverage-v222 p{margin:5px 0 0;color:#8f98a3;font-size:12px;max-width:720px}
.market-open-btn{white-space:nowrap;background:#e7ff45!important;color:#090b0e!important;border-color:#e7ff45!important}
.market-coverage-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.market-coverage-summary>div{background:#101419;border:1px solid #2b3239;border-radius:12px;padding:15px}
.market-coverage-summary strong{display:block;color:#e7ff45;font-size:20px}
.market-coverage-summary span{display:block;color:#8f98a3;font-size:11px;margin-top:4px}
.market-card-badge{display:inline-flex;margin-top:8px;padding:4px 7px;border-radius:6px;font-size:8px;font-weight:800;letter-spacing:.5px;border:1px solid #566017;color:#e7ff45;background:#0d1014}
.market-card-badge.verified{border-color:#e7ff45;background:rgba(231,255,69,.07)}
@media(max-width:700px){
.market-coverage-v222{flex-direction:column;align-items:flex-start}
.market-coverage-summary{grid-template-columns:1fr}
}
/* =========================================================
V22.3 — CAR PAGE SPACING + VISUAL POLISH
========================================================= */
/* tighter top rhythm */
.detail-shell{
padding-top:26px;
padding-bottom:76px;
}
.back-link{
margin-bottom:12px;
color:#8f98a3;
}
.back-link:hover{color:#e7ff45}
/* page title fills the previously empty top area */
.detail-page-head{
display:flex;
justify-content:space-between;
align-items:flex-end;
gap:28px;
margin:0 0 18px;
padding:0 2px;
}
.detail-page-head>div{max-width:820px}
.detail-page-kicker{
display:block;
margin-bottom:8px;
color:#e7ff45;
font-size:9px;
font-weight:800;
letter-spacing:1.5px;
}
.detail-page-head h1{
margin:0;
font:800 clamp(28px,3.7vw,46px)/1.03 Manrope,Inter,sans-serif;
letter-spacing:-1.6px;
}
.detail-page-head h1 em{
color:#e7ff45;
font-style:normal;
}
.detail-page-head p{
max-width:720px;
margin:10px 0 0;
color:#858f98;
font-size:13px;
line-height:1.55;
}
.detail-page-year{
flex:0 0 auto;
margin-bottom:4px;
padding:7px 10px;
border:1px solid #31383f;
border-radius:8px;
color:#aab3bb;
background:#0d1014;
font-size:10px;
font-weight:800;
}
/* hero is shorter and denser so rating follows sooner */
.detail-hero{
grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);
gap:16px;
align-items:stretch;
}
.detail-photo{
min-height:410px;
border-radius:16px;
}
.detail-main{
padding:23px;
border-radius:16px;
justify-content:flex-start;
}
.detail-main .eyebrow{margin-bottom:11px}
.detail-main h1{
font-size:clamp(36px,4.5vw,56px);
line-height:1;
}
.detail-main .generation{
margin:7px 0 15px;
}
.detail-price-box{
gap:8px;
margin-bottom:10px;
}
.detail-price-item{padding:12px}
.detail-quick{
gap:8px;
margin-top:0;
}
.detail-quick .q{padding:11px 12px}
/* rating and all lower content sit closer to hero */
.detail-grid{
gap:14px;
margin-top:14px;
}
.detail-card{
padding:20px;
border-radius:13px;
}
.detail-card h2{
margin-bottom:12px;
}
.review-summary{
gap:22px;
padding-top:18px;
padding-bottom:18px;
}
.review-score-main p{
margin-top:10px;
line-height:1.55;
}
.rating-list{gap:7px}
.rating-row{padding:8px 11px}
/* Czech market now follows the same visual language as the rest of AutoPilot */
.market-detail-card{
padding:22px;
border-color:#30383e;
background:
radial-gradient(circle at 94% 6%,rgba(231,255,69,.07),transparent 27%),
#101419;
}
.market-detail-card:before{
content:"";
position:absolute;
left:0;
top:0;
bottom:0;
width:3px;
background:#e7ff45;
}
.market-detail-heading{
align-items:center;
padding-bottom:14px;
margin-bottom:14px;
border-bottom:1px solid #252c33;
}
.market-title-copy{min-width:0}
.market-section-kicker{
display:block;
margin-bottom:5px;
color:#e7ff45;
font-size:8px;
line-height:1;
font-weight:900;
letter-spacing:1.4px;
}
.market-detail-heading h2{
margin:0 0 5px;
font-size:23px;
line-height:1.15;
}
.market-detail-heading p{
font-size:11px;
line-height:1.45;
}
.market-live-pill{
flex:0 0 auto;
padding:6px 9px;
background:rgba(231,255,69,.06);
line-height:1.2;
}
/* one clean price surface instead of a generic nested card */
.market-range-box{
display:grid;
grid-template-columns:1fr;
gap:4px;
margin:0 0 12px;
padding:0;
border:0;
border-radius:0;
background:transparent;
}
.market-range-box small{
color:#6f7982;
font-size:8px;
font-weight:800;
letter-spacing:1px;
}
.market-range-box strong{
margin-top:2px;
font:800 clamp(24px,3vw,34px)/1.1 Manrope,Inter,sans-serif;
letter-spacing:-1px;
}
.market-range-box span{
margin-top:3px;
color:#8f99a2;
font-size:11px;
line-height:1.45;
}
/* market facts look like compact specs, not detached widgets */
.cz-market-context{
grid-template-columns:repeat(4,minmax(0,1fr));
gap:8px;
margin:12px 0;
}
.cz-market-context>div{
min-height:66px;
padding:11px 12px;
border-radius:9px;
background:#0b0f12;
}
.cz-market-context small{
margin:0 0 5px;
font-size:8px;
line-height:1.25;
text-transform:uppercase;
letter-spacing:.55px;
}
.cz-market-context b{
margin:0;
font-size:12px;
line-height:1.25;
}
/* source/sample line gets breathing room between words and elements */
.market-sample-meta{
gap:7px 12px;
margin:11px 0;
padding:9px 11px;
border-color:#30383e;
border-radius:8px;
line-height:1.45;
}
.market-sample-meta>*{
display:inline-block;
}
.market-sample-meta span:last-child{
flex:1 1 340px;
}
/* current listings action integrated into the card */
.market-coverage-v222{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:14px;
align-items:center;
margin:12px 0;
padding:12px 13px;
border-color:#30383e;
border-radius:9px;
background:#0b0f12;
}
.market-coverage-v222 small{
display:block;
margin-bottom:4px;
font-size:8px;
line-height:1.2;
}
.market-coverage-v222 p{
margin:0;
font-size:11px;
line-height:1.5;
}
.market-open-btn{
min-height:38px;
padding:10px 14px;
border-radius:8px;
font-size:11px;
}
/* price checker gets a clear subsection and normal whitespace */
.market-price-checker{
margin-top:12px;
padding-top:14px;
border-top:1px solid #252c33;
}
.market-price-checker label{
margin-bottom:7px;
font-size:10px;
line-height:1.4;
}
.market-price-input{
gap:9px;
}
.market-price-input input{
min-height:42px;
padding:10px 12px;
border-radius:8px;
}
.market-price-input .btn,
.market-price-input button{
min-height:42px;
padding:10px 16px;
}
.market-ask-result{
margin-top:8px;
line-height:1.45;
}
.market-ask-result strong{margin-right:4px}
.market-detail-card>.source-note{
margin:12px 0 0;
padding-top:10px;
border-top:1px solid #20272d;
font-size:9px;
line-height:1.6;
}
/* keep every field / search / button in AutoPilot palette */
.detail-shell input,
.detail-shell select,
.detail-shell textarea{
background:#0b0f12!important;
border:1px solid #566017!important;
color:#f4f6f8!important;
}
.detail-shell input:focus,
.detail-shell select:focus,
.detail-shell textarea:focus{
border-color:#e7ff45!important;
box-shadow:0 0 0 2px rgba(231,255,69,.12)!important;
}
.detail-shell a:not(.back-link),
.detail-shell button{
transition:border-color .18s ease,color .18s ease,background .18s ease;
}
@media(max-width:900px){
.detail-page-head{align-items:flex-start}
.detail-photo{min-height:340px}
.detail-hero{gap:12px}
.detail-grid{margin-top:12px}
.cz-market-context{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
.detail-shell{padding-top:18px}
.detail-page-head{
display:block;
margin-bottom:14px;
}
.detail-page-year{
display:inline-flex;
margin-top:10px;
}
.detail-photo{min-height:280px}
.detail-main{padding:18px}
.detail-grid{gap:10px}
.detail-card{padding:17px}
.review-summary{grid-template-columns:1fr;gap:14px}
.market-detail-heading{align-items:flex-start}
.market-coverage-v222{grid-template-columns:1fr}
.market-open-btn{width:100%}
.market-price-input{grid-template-columns:1fr}
.cz-market-context{grid-template-columns:1fr 1fr}
}
@media(max-width:430px){
.cz-market-context{grid-template-columns:1fr}
}
/* =========================================================
V22.4 — GLOBAL UI CONSISTENCY PASS
Same AutoPilot geometry, rhythm and lime interaction system
========================================================= */
:root{
--ap-control-h:44px;
--ap-control-radius:9px;
--ap-card-radius:14px;
--ap-border:#293138;
--ap-surface:#101419;
--ap-surface-deep:#0b0f12;
--ap-muted:#84909a;
--ap-lime:#e7ff45;
}
/* unified interactive sizing */
.btn,
button,
input,
select,
textarea{
font-family:Inter,sans-serif;
}
.btn,
button:not(.lang){
min-height:var(--ap-control-h);
border-radius:var(--ap-control-radius);
}
.btn{
padding:10px 17px;
line-height:1.15;
}
input:not([type="checkbox"]):not([type="radio"]),
select{
min-height:var(--ap-control-h);
border-radius:var(--ap-control-radius)!important;
}
input:not([type="checkbox"]):not([type="radio"]){
padding:0 13px;
}
select{padding:0 34px 0 12px}
textarea{border-radius:var(--ap-control-radius)!important;padding:11px 13px}
/* global section rhythm */
.section-head{
gap:10px;
margin-bottom:24px;
}
.section-head h2{margin-top:0;margin-bottom:0}
.section-head .section-lead,
.section-lead{
line-height:1.6;
}
.section-head a{
min-height:32px;
display:inline-flex;
align-items:center;
color:var(--ap-lime)!important;
}
/* catalog explorer and search */
.search-box{
min-height:var(--ap-control-h);
padding:0 12px;
border-radius:var(--ap-control-radius);
}
.search-box input{
min-height:42px;
padding:0 10px!important;
border:0!important;
box-shadow:none!important;
}
.category-row{gap:7px;margin-bottom:14px}
.category,
.brand-btn,
.model-btn,
.generation-btn{
min-height:34px;
display:inline-flex;
align-items:center;
justify-content:center;
line-height:1.15;
}
.catalog-explorer{gap:10px;margin-bottom:14px}
.explorer-column{
border-radius:12px;
padding:10px;
}
.catalog-summary{
margin-top:12px;
line-height:1.5;
}
/* catalog cards: same internal vertical rhythm even with V22 badges */
.cars-grid{gap:14px}
.car-card{
display:flex;
flex-direction:column;
height:100%;
border-radius:var(--ap-card-radius);
}
.car-info{
display:flex;
flex:1;
flex-direction:column;
padding:14px;
}
.car-info h3{
min-height:21px;
line-height:1.25;
}
.car-info>p{line-height:1.4}
.market-card-badge{
align-self:flex-start;
min-height:20px;
margin-top:7px;
padding:4px 7px;
line-height:1.15;
}
.price-line{
min-height:24px;
margin-top:10px;
gap:8px;
}
.car-specs{
margin-top:auto;
padding-top:11px;
}
.catalog-more{
margin-top:18px;
text-align:center;
}
.catalog-more .btn,
.catalog-more button{min-width:190px}
/* calculators: inputs and result blocks align */
.calculator,
.calc-result{
border-radius:var(--ap-card-radius);
}
.calculator label{
display:grid;
gap:6px;
}
.calculator input,
.calculator select{width:100%}
.calculator .btn,
.calculator button{width:100%}
.calc-result{line-height:1.55}
/* finder */
.finder-form,
.finder-side{
border-radius:var(--ap-card-radius);
padding:18px;
}
.finder-form{
gap:13px;
}
.finder-form label{gap:7px}
.finder-form select{
min-height:var(--ap-control-h);
background:var(--ap-surface-deep)!important;
border-color:#566017!important;
}
.finder-submit{
min-height:46px!important;
border-radius:var(--ap-control-radius)!important;
background:var(--ap-lime)!important;
color:#090b0e!important;
}
.finder-results{gap:10px;margin-top:14px}
.match-card{
min-height:86px;
border-radius:12px;
}
/* compare */
.compare-builder,
.compare-picker,
.compare-selected,
.compare-result{
border-radius:var(--ap-card-radius);
}
.compare-builder select,
.compare-picker select{
min-height:var(--ap-control-h);
}
.compare-builder button,
.compare-picker button,
.compare-selected button{
min-height:var(--ap-control-h);
}
.compare-result table th,
.compare-result table td{
line-height:1.45;
}
/* all site actions preserve lime identity */
a:not(.logo):not(.photo-credit a){
text-underline-offset:3px;
}
.btn.primary,
.finder-submit,
button.primary{
background:var(--ap-lime)!important;
border-color:var(--ap-lime)!important;
color:#090b0e!important;
}
.btn.primary:hover,
.finder-submit:hover,
button.primary:hover{
background:#f0ff7b!important;
}
.btn.ghost{
color:var(--ap-lime)!important;
border-color:#566017!important;
}
.btn.ghost:hover{border-color:var(--ap-lime)!important}
/* footer spacing consistency */
.footer-grid{gap:28px}
.footer-grid p{line-height:1.6}
.footer-grid a{line-height:1.5}
/* tablet */
@media(max-width:900px){
.section,.section-soft{padding-top:60px;padding-bottom:60px}
.section-head{margin-bottom:20px}
.catalog-explorer{grid-template-columns:1fr}
.cars-grid{gap:12px}
.finder-form{grid-template-columns:repeat(2,1fr)}
.finder-submit{grid-column:1/-1}
}
/* phone */
@media(max-width:600px){
.container{width:min(100% - 28px,1180px)}
.section,.section-soft,.compare-section{padding-top:50px;padding-bottom:50px}
.section-head{gap:8px;margin-bottom:18px}
.section h2,.compare-section h2,.home-finder h2,.home-value h2{
font-size:clamp(27px,9vw,36px);
line-height:1.08;
}
.category-row{gap:6px}
.category,.brand-btn,.model-btn,.generation-btn{
min-height:36px;
}
.search-box{margin-bottom:12px}
.cars-grid{gap:12px}
.car-image{height:195px}
.car-info{padding:13px}
.price-line{align-items:flex-start;flex-direction:column;gap:2px}
.car-specs{gap:4px}
.finder-form{
grid-template-columns:1fr;
padding:15px;
}
.finder-submit{grid-column:auto}
.finder-side{padding:15px}
.match-card{
grid-template-columns:40px 1fr;
gap:10px;
}
.match-card>*:last-child{grid-column:2}
.compare-builder,
.compare-picker,
.compare-selected,
.compare-result{
overflow-x:auto;
}
.btn,
button:not(.lang){
min-height:44px;
}
}
/* =========================================================
V22.5 — TARGETED SPACING FIX
Exact fixes requested after V22.4
========================================================= */
/* 1. New car-page heading: exactly 6px smaller, never italic */
.detail-page-head{
margin-bottom:10px;
gap:18px;
}
.detail-page-head h1{
font:800 clamp(22px,3.2vw,40px)/1.08 Manrope,Inter,sans-serif;
letter-spacing:-1.1px;
}
.detail-page-carname{
color:#e7ff45;
font-style:normal!important;
font-family:inherit;
font-weight:inherit;
}
.detail-page-kicker{
margin-bottom:5px;
}
.detail-page-head p{
margin-top:6px;
font-size:12px;
line-height:1.5;
}
/* 2. Compress photo + initial information block and bring next section closer */
.detail-hero{
gap:12px;
}
.detail-photo{
min-height:340px;
height:340px;
}
.detail-main{
min-height:340px;
padding:18px;
}
.detail-main .eyebrow{
margin-bottom:7px;
}
.detail-main h1{
font-size:clamp(31px,4vw,48px);
line-height:1;
}
.detail-main .generation{
margin:5px 0 10px;
}
.detail-price-box{
gap:7px;
margin-bottom:8px;
}
.detail-price-item{
padding:10px 11px;
}
.detail-quick{
gap:7px;
}
.detail-quick .q{
padding:9px 10px;
}
.detail-grid{
margin-top:8px;
gap:12px;
}
.review-summary{
padding-top:16px;
padding-bottom:16px;
}
/* 3. Czech-market block: force real visual whitespace between label/value/text */
.market-detail-card{
padding:20px 22px;
}
.market-detail-heading{
padding-bottom:11px;
margin-bottom:12px;
}
.market-section-kicker{
display:block;
margin-bottom:7px;
}
.market-detail-heading h2{
display:block;
margin:0 0 7px;
line-height:1.2;
}
.market-detail-heading p{
display:block;
margin:0;
line-height:1.55;
}
.market-live-pill{
display:inline-flex;
align-items:center;
justify-content:center;
}
/* "ЦЕНОВОЙ ДИАПАЗОН / 180 000–650 000 Kč / ориентир" */
.market-range-box{
display:block!important;
margin:0 0 16px!important;
}
.market-range-box small{
display:block!important;
margin:0 0 7px!important;
line-height:1.3;
}
.market-range-box strong{
display:block!important;
margin:0 0 7px!important;
line-height:1.15;
}
.market-range-box span{
display:block!important;
margin:0!important;
line-height:1.55;
}
/* Four market facts: label and value must never run together */
.cz-market-context{
gap:10px;
margin:14px 0 16px;
}
.cz-market-context>div{
display:block!important;
min-height:72px;
padding:12px 13px;
}
.cz-market-context small{
display:block!important;
margin:0 0 8px!important;
line-height:1.35;
}
.cz-market-context b{
display:block!important;
margin:0!important;
line-height:1.4;
}
/* "ПОИСК ПО РЫНКУ" text and its description */
.market-coverage-v222{
gap:18px;
margin:14px 0 16px;
padding:13px 14px;
}
.market-coverage-v222>div{
min-width:0;
}
.market-coverage-v222 small{
display:block!important;
margin:0 0 8px!important;
line-height:1.3;
}
.market-coverage-v222 p{
display:block!important;
margin:0!important;
line-height:1.6;
}
.market-open-btn{
margin-left:4px;
}
/* Price checker also gets visible separation */
.market-price-checker{
margin-top:16px;
padding-top:16px;
}
.market-price-checker label{
display:block;
margin:0 0 9px;
line-height:1.5;
}
.market-ask-result{
display:grid;
grid-template-columns:auto 1fr;
column-gap:10px;
row-gap:4px;
}
.market-ask-result strong,
.market-ask-result span{
display:block;
line-height:1.45;
}
/* 4. Homepage Czech-market texts: force label/value separation */
.cz-market-snapshot .section-head{
margin-bottom:22px;
}
.cz-market-snapshot .section-lead{
display:block;
margin-top:10px;
line-height:1.65;
}
.cz-market-stats{
gap:12px;
}
.cz-market-stats>div{
display:block!important;
padding:16px 15px;
}
.cz-market-stats strong{
display:block!important;
margin:0 0 8px!important;
line-height:1.25;
}
.cz-market-stats span{
display:block!important;
margin:0!important;
line-height:1.45;
}
.market-coverage-summary{
gap:12px;
margin-top:20px;
}
.market-coverage-summary>div{
display:block!important;
padding:15px;
}
.market-coverage-summary strong{
display:block!important;
margin:0 0 8px!important;
line-height:1.25;
}
.market-coverage-summary span{
display:block!important;
margin:0!important;
line-height:1.45;
}
.cz-market-snapshot>.source-note,
.cz-market-snapshot .source-note{
display:block;
margin-top:18px;
line-height:1.7;
}
/* Mobile keeps the same corrected spacing without restoring oversized hero */
@media(max-width:900px){
.detail-photo{
min-height:300px;
height:300px;
}
.detail-main{
min-height:auto;
}
.detail-grid{
margin-top:8px;
}
}
@media(max-width:650px){
.detail-page-head h1{
font-size:clamp(22px,7.5vw,32px);
}
.detail-photo{
min-height:245px;
height:245px;
}
.detail-main{
padding:16px;
}
.detail-grid{
margin-top:7px;
gap:9px;
}
.market-detail-card{
padding:17px;
}
.cz-market-context{
gap:8px;
}
.market-coverage-v222{
gap:11px;
}
}
/* =========================================================
V22.48 — header car search
========================================================= */
.header-tools{
display:flex;
align-items:center;
gap:10px;
}
.header-search{
position:relative;
width:230px;
height:36px;
display:flex;
align-items:center;
border:1px solid #343d43;
border-radius:9px;
background:#2b3035;
transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.header-search:focus-within{
background:#30363b;
border-color:#59646b;
box-shadow:0 0 0 2px rgba(231,255,69,.05);
}
.header-search-icon{
flex:0 0 36px;
width:36px;
height:34px;
min-height:0!important;
padding:0!important;
display:grid;
place-items:center;
border:0!important;
background:transparent!important;
color:#aab3b8!important;
font-size:19px;
line-height:1;
cursor:pointer;
}
.header-search input{
width:100%;
min-width:0;
height:34px;
padding:0 10px 0 0!important;
border:0!important;
outline:0!important;
background:transparent!important;
color:#eef2f4!important;
font:500 12px/1.2 Inter,sans-serif;
box-shadow:none!important;
}
.header-search input::placeholder{color:#8f999f}
.header-search input::-webkit-search-cancel-button{filter:invert(1);opacity:.45}
.header-search-results{
position:absolute;
top:calc(100% + 7px);
right:0;
width:330px;
max-height:360px;
overflow:auto;
padding:6px;
z-index:1200;
border:1px solid #323c42;
border-radius:10px;
background:#101619;
box-shadow:0 18px 45px rgba(0,0,0,.4);
}
.header-search-results[hidden]{display:none!important}
.header-search-result{
width:100%;
min-height:0!important;
padding:9px 10px!important;
display:flex!important;
align-items:center;
justify-content:space-between;
gap:12px;
border:0!important;
border-radius:7px!important;
background:transparent!important;
color:#e9eef0!important;
text-align:left;
cursor:pointer;
}
.header-search-result:hover,
.header-search-result.is-active{
background:#1a2227!important;
}
.header-search-result-main{
min-width:0;
display:flex;
flex-direction:column;
gap:2px;
}
.header-search-result-main strong{
overflow:hidden;
color:#f2f5f6;
font-size:12px;
font-weight:700;
white-space:nowrap;
text-overflow:ellipsis;
}
.header-search-result-main span{
color:#89959c;
font-size:9px;
line-height:1.3;
}
.header-search-result-arrow{
flex:0 0 auto;
color:#e7ff45;
font-size:14px;
}
.header-search-empty{
padding:12px;
color:#8f999f;
font-size:10px;
line-height:1.4;
}
@media(max-width:1120px){
.header-search{width:185px}
.header-search-results{width:300px}
}
@media(max-width:900px){
.header-search{width:190px}
}
@media(max-width:680px){
.header-search{
width:36px;
overflow:visible;
background:#2b3035;
}
.header-search input{
position:absolute;
right:0;
top:0;
width:0;
padding:0!important;
opacity:0;
pointer-events:none;
transition:width .18s ease,opacity .18s ease,padding .18s ease;
}
.header-search.is-open{
position:absolute;
left:14px;
right:14px;
width:auto;
z-index:1201;
}
.header-search.is-open input{
position:static;
width:100%;
padding-right:10px!important;
opacity:1;
pointer-events:auto;
}
.header-search-results{
right:0;
width:min(360px,calc(100vw - 28px));
}
}
/* V23.29: complete technical-spec presentation and transparent provenance. */
.engine-meta{
display:block!important;
margin:6px 0 0!important;
max-width:480px;
color:#8e98a2;
font-size:9px;
font-weight:500;
line-height:1.45;
}
.engines-card .engine-name{
display:block!important;
margin:0!important;
color:#fff;
font-weight:800;
line-height:1.35;
}
.car-specs .score-stars{gap:3px}
.car-specs .score-stars span{font-size:15px;line-height:1}
.detail-quick .reliability-score .score-stars{gap:3px}
.detail-quick .reliability-score .score-stars span{font-size:17px;line-height:1}
.rating-list .score-stars span{font-size:13px}
.tech-unverified{
display:inline-block;
max-width:100%;
color:#9ba4ad;
font-size:11px;
font-weight:600;
line-height:1.25;
white-space:normal;
}
.tech-estimate{color:#dce5ec;font-size:10px;font-weight:700;white-space:nowrap}
.reliability-method{
display:block;
margin-top:3px;
color:#9ba4ad;
font-size:8px;
font-weight:700;
letter-spacing:.03em;
}
.data-license-card{
margin:0 0 28px;
padding:22px;
border:1px solid #273038;
border-radius:16px;
background:#151a1e;
}
.data-license-card h2{margin:0 0 10px;font-size:18px}
.data-license-card p{margin:0 0 14px;color:#aeb6bd;line-height:1.65}
.data-license-card a{color:#e7ff45;font-weight:700;text-decoration:none}
/* =========================================================
V22.49 — header search position / grey field / no icon
========================================================= */
.header .nav-wrap{
display:flex!important;
align-items:center!important;
}
.header .main-nav{
margin-right:auto!important;
}
.header .actions.header-tools{
margin-left:auto!important;
justify-content:flex-end!important;
gap:10px!important;
}
.header-search{
order:1!important;
width:230px!important;
height:36px!important;
margin-left:auto!important;
background:#343a3f!important;
border:1px solid #4a5258!important;
}
.header-search:focus-within{
background:#3b4247!important;
border-color:#616b72!important;
}
.header-search input{
height:34px!important;
padding:0 12px!important;
background:transparent!important;
}
.top-language-switcher{order:2!important}
.menu-btn{order:3!important}
.header-search-icon{display:none!important}
@media(max-width:1120px){
.header-search{width:190px!important}
}
@media(max-width:680px){
.header-search{
width:150px!important;
margin-left:auto!important;
overflow:visible!important;
}
.header-search input{
position:static!important;
width:100%!important;
padding:0 10px!important;
opacity:1!important;
pointer-events:auto!important;
}
.header-search.is-open{
position:relative!important;
left:auto!important;
right:auto!important;
width:150px!important;
}
}
@media(max-width:480px){
.header-search{width:120px!important}
.header-search.is-open{width:120px!important}
.header-search input{font-size:10px!important}
}
/* =========================================================
V22.50 — FIXED header search positioning
Search is rightmost and never moves navigation.
========================================================= */
.header .container.nav-wrap{
position:relative!important;
display:flex!important;
align-items:center!important;
gap:34px!important;
padding-right:390px!important;
}
.header .main-nav{
margin-right:0!important;
flex-wrap:nowrap!important;
white-space:nowrap!important;
}
.header .actions.header-tools{
position:absolute!important;
top:50%!important;
right:0!important;
transform:translateY(-50%)!important;
margin:0!important;
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:9px!important;
width:auto!important;
}
/* Languages stay immediately left of search. */
.header .top-language-switcher{order:1!important}
.header .header-search{
order:2!important;
position:relative!important;
flex:0 0 238px!important;
width:238px!important;
height:36px!important;
margin:0!important;
overflow:visible!important;
border:1px solid #5b6267!important;
border-radius:8px!important;
background:#4a5055!important;
box-shadow:none!important;
}
.header .header-search:focus-within{
width:238px!important;
flex-basis:238px!important;
background:#51585d!important;
border-color:#737c82!important;
box-shadow:0 0 0 1px rgba(255,255,255,.035)!important;
}
.header .header-search input{
position:static!important;
display:block!important;
width:100%!important;
height:34px!important;
min-width:0!important;
padding:0 13px!important;
opacity:1!important;
pointer-events:auto!important;
border:0!important;
outline:0!important;
background:transparent!important;
color:#f2f4f5!important;
font-size:11px!important;
}
.header .header-search input::placeholder{
color:#c0c5c8!important;
opacity:.8!important;
}
.header .header-search-results{
top:calc(100% + 8px)!important;
right:0!important;
left:auto!important;
width:330px!important;
}
/* Never use the old expanding mobile-search behavior. */
.header .header-search.is-open{
position:relative!important;
left:auto!important;
right:auto!important;
width:238px!important;
flex-basis:238px!important;
}
.header .header-search.is-open input{
position:static!important;
width:100%!important;
opacity:1!important;
pointer-events:auto!important;
}
/* Search remains right-aligned without pushing the menu. */
@media(max-width:1180px){
.header .container.nav-wrap{padding-right:335px!important;gap:20px!important}
.header .header-search,
.header .header-search:focus-within,
.header .header-search.is-open{
width:190px!important;
flex-basis:190px!important;
}
}
@media(max-width:980px){
.header .container.nav-wrap{
padding-right:300px!important;
gap:12px!important;
}
.header .main-nav{gap:2px!important}
.header .main-nav a{padding-left:7px!important;padding-right:7px!important}
.header .header-search,
.header .header-search:focus-within,
.header .header-search.is-open{
width:155px!important;
flex-basis:155px!important;
}
}
/* On compact layouts the normal menu button can take over;
search stays fixed in the tools area and never expands over navigation. */
@media(max-width:820px){
.header .container.nav-wrap{padding-right:270px!important}
.header .header-search,
.header .header-search:focus-within,
.header .header-search.is-open{
width:138px!important;
flex-basis:138px!important;
}
}
@media(max-width:680px){
.header .container.nav-wrap{
padding-right:0!important;
}
.header .actions.header-tools{
right:0!important;
}
.header .header-search,
.header .header-search:focus-within,
.header .header-search.is-open{
width:125px!important;
flex-basis:125px!important;
}
.header .header-search input,
.header .header-search.is-open input{
position:static!important;
width:100%!important;
padding:0 9px!important;
opacity:1!important;
pointer-events:auto!important;
font-size:9px!important;
}
}
/* AutoPilot V25.69 — shared catalog dropdown styling (home + catalog) */
.catalog-explorer .brand-row,
.catalog-explorer .model-row,
.catalog-explorer .generation-row{
display:block!important;
width:100%!important;
overflow:visible!important;
padding:0!important;
}
.catalog-explorer select.catalog-explorer-select{
-webkit-appearance:none!important;
appearance:none!important;
display:block!important;
box-sizing:border-box!important;
width:100%!important;
min-width:0!important;
height:40px!important;
margin:0!important;
padding:0 40px 0 12px!important;
border:1px solid #30383f!important;
border-radius:9px!important;
background-color:#0b1014!important;
background-image:
linear-gradient(45deg,transparent 50%,#aab4bb 50%),
linear-gradient(135deg,#aab4bb 50%,transparent 50%)!important;
background-position:
calc(100% - 17px) 17px,
calc(100% - 12px) 17px!important;
background-size:5px 5px,5px 5px!important;
background-repeat:no-repeat!important;
color:#f2f5f7!important;
font-family:Inter,Arial,sans-serif!important;
font-size:12px!important;
font-weight:700!important;
line-height:40px!important;
outline:none!important;
cursor:pointer!important;
color-scheme:dark!important;
}
.catalog-explorer select.catalog-explorer-select:hover{
border-color:#4b565e!important;
background-color:#0e1419!important;
}
.catalog-explorer select.catalog-explorer-select:focus{
border-color:#dfff36!important;
box-shadow:0 0 0 2px rgba(223,255,54,.10)!important;
}
.catalog-explorer select.catalog-explorer-select option{
background:#10161b!important;
color:#f2f5f7!important;
}
.catalog-explorer .explorer-column:focus-within{
border-color:#3a454c!important;
}
.catalog-explorer .explorer-column:focus-within .explorer-label{
color:#dfff36!important;
}
@media(max-width:760px){
.catalog-explorer select.catalog-explorer-select{height:42px!important;line-height:42px!important;font-size:13px!important}
}