:root{--blue:#2563eb;--blue2:#1d4ed8;--navy:#0f172a;--navy2:#020617;--ink:#0f172a;--muted:#64748b;--line:#dbe4f0;--card:#fff;--soft:#f6f8fb;--green:#10b981;--radius:1rem;--shadow:0 10px 28px rgba(15,23,42,.075);--background:#f6f8fb;--foreground:#0f172a;--primary:#2563eb;--primary-foreground:#fff;--secondary:#eef4ff;--secondary-foreground:#1e3a8a;--accent:#eaf2ff;--accent-foreground:#1d4ed8;--border:#dbe4f0;--ring:#3b82f6;--font-sans:'Manrope','Plus Jakarta Sans',Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff;color:var(--ink)}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:#06101f;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.nav-shell{height:56px;display:flex;align-items:center;gap:24px}.logo{font-weight:950;font-size:28px;font-style:italic;letter-spacing:-.04em}.logo span{color:#fff}.logo em{color:#1f8cff;font-style:italic}.main-nav{flex:1;display:flex;align-items:center;justify-content:center;gap:4px}.main-nav a{font-size:12px;font-weight:800;color:#d7e3f5;padding:21px 13px 17px;border-bottom:3px solid transparent}.main-nav a.active,.main-nav a:hover{color:#fff;border-color:var(--blue)}.nav-actions{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:11px 18px;font-size:13px;font-weight:900;border:0;white-space:nowrap}.btn-outline{border:1px solid rgba(255,255,255,.55);color:#fff}.btn-blue{background:linear-gradient(180deg,#2590ff,#0968df);color:#fff;box-shadow:0 8px 22px rgba(22,119,255,.28)}.btn-white{background:#fff;color:#0d4a92}.btn-green{background:#42db72;color:#062716}.hero-portal{background:linear-gradient(90deg,rgba(3,10,20,.97) 0%,rgba(6,20,36,.88) 42%,rgba(6,16,31,.18) 100%),url('/assets/hero-homepage-kie-neutral.jpg') center/cover;color:#fff;min-height:405px;overflow:hidden;position:relative}.hero-portal:after{content:"";position:absolute;inset:auto 0 0 0;height:90px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.06));pointer-events:none}.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;min-height:405px;align-items:center}.hero-copy{font-family:'Plus Jakarta Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;padding:48px 0 42px;position:relative;z-index:2}.hero-copy h1{font-size:48px;line-height:.98;margin:0 0 16px;letter-spacing:-.04em}.hero-copy h1 span{color:#1988ff}.hero-copy p{font-size:15px;line-height:1.55;color:#dbeafe;max-width:560px;margin:0 0 22px}.hero-search{width:min(560px,100%);height:54px;background:#fff;border-radius:999px;display:grid;grid-template-columns:44px 1fr 46px;align-items:center;box-shadow:0 14px 36px rgba(0,0,0,.28);padding:0 7px 0 14px}.hero-search span{font-size:22px;color:#94a3b8}.hero-search input{border:0;outline:0;font-size:15px;color:#0f172a}.hero-search button{border:0;border-radius:50%;height:40px;width:40px;background:var(--blue);color:#fff;font-size:22px;font-weight:900}.popular-search{display:flex;align-items:center;gap:8px;margin-top:14px;flex-wrap:wrap}.popular-search span{font-size:12px;color:#dbeafe}.popular-search button{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.12);color:#fff;font-size:11px;border-radius:999px;padding:7px 12px;font-weight:850}.hero-visual{position:relative;min-height:360px}.hero-visual img{position:absolute;right:-36px;bottom:-4px;width:min(620px,105%);height:330px;object-fit:contain;filter:drop-shadow(0 30px 38px rgba(0,0,0,.36))}.charger-card{position:absolute;right:0;top:78px;width:94px;height:150px;border:1px solid rgba(96,165,250,.35);background:rgba(3,10,20,.72);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 38px rgba(22,119,255,.35)}.charger-card span{width:36px;height:60px;border-radius:10px;border:2px solid #2f9bff;box-shadow:inset 0 0 20px rgba(47,155,255,.35)}.charger-card b{margin-top:10px;font-size:12px}.charger-card small{font-size:10px;color:#9cc9ff}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:-48px;position:relative;z-index:4}.stat-strip article{background:#061d3a;color:#fff;border-radius:10px;padding:18px 20px;display:grid;grid-template-columns:56px 1fr;column-gap:12px;align-items:center;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.08)}.stat-strip article span{grid-row:1/4;width:48px;height:48px;border-radius:12px;background:#1185ff;display:grid;place-items:center;font-size:24px}.stat-strip b{font-size:28px;line-height:1}.stat-strip strong{font-size:15px}.stat-strip small{color:#c3d6ec;font-size:11px}.featured-model{position:relative;display:grid;grid-template-columns:1.05fr 1.45fr auto;align-items:center;gap:22px;margin-top:24px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 4px 20px rgba(15,23,42,.06);padding:18px 22px;min-height:190px}.featured-badge{position:absolute;left:22px;top:18px;background:#ebf7ed;border:1px solid #b7e4c1;color:#0f6b32;font-size:11px;font-weight:900;border-radius:6px;padding:7px 10px}.featured-car{padding-top:28px}.featured-car img{height:146px;width:100%;object-fit:contain}.featured-info h2{font-size:29px;margin:0 0 7px;letter-spacing:-.03em}.featured-info p{margin:0;color:#475569;font-weight:650}.spec-row{display:grid;grid-template-columns:repeat(4,1fr);margin-top:24px;border-left:1px solid var(--line)}.spec-row div{padding:0 22px;border-right:1px solid var(--line)}.spec-row b{display:block;font-size:24px}.spec-row span{font-size:12px;color:#64748b}.detail-btn{align-self:start;margin-top:28px}.section-title.inline{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:14px}.section-title h2{font-size:25px;line-height:1.08;margin:0;letter-spacing:-.03em}.section-title a{font-size:12px;color:#0b64d8;font-weight:900}.catalogue-block,.news-block,.browse-panels,.why-block,.spklu-block,.final-cta{margin-top:30px}.popular-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);gap:16px;overflow:auto;padding-bottom:8px}.mini-car{min-width:0}.mini-car .img{height:112px;background:#f2f6fb;border-radius:12px;display:grid;place-items:center;position:relative;overflow:hidden}.mini-car img{max-width:94%;max-height:98%;object-fit:contain}.mini-car button{position:absolute;right:10px;bottom:10px;border:0;background:#fff;border-radius:50%;width:24px;height:24px;color:#94a3b8}.mini-car h3{font-size:13px;margin:10px 0 3px}.mini-car p{font-size:11px;color:#64748b;margin:0 0 4px}.mini-car b{font-size:14px}.mini-car a{display:block;color:#0b64d8;font-size:11px;font-weight:900;margin-top:4px}.news-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:14px}.news-card{min-height:160px;background:linear-gradient(135deg,rgba(5,18,36,.9),rgba(5,20,44,.74)),url('/assets/charging-hero.jpg') center/cover;color:#fff;border-radius:10px;padding:16px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:var(--shadow);overflow:hidden}.news-card img{display:none}.news-card span{align-self:flex-start;background:#0b75ff;border-radius:6px;padding:6px 8px;font-size:11px;font-weight:900;margin-bottom:18px}.news-card h3{font-size:17px;line-height:1.2;margin:0 0 8px}.news-card p{font-size:12px;color:#dbeafe;margin:0 0 8px;line-height:1.45}.news-card small{font-size:11px;color:#cbd5e1}.browse-panels{display:grid;grid-template-columns:1fr 1fr;gap:22px}.brand-grid,.type-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.brand-grid button,.type-grid button{height:70px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f8fbff);border-radius:12px;display:grid;place-items:center;font-weight:950;color:#1e293b;box-shadow:0 8px 18px rgba(15,23,42,.04)}.brand-grid small,.type-grid span{font-size:11px;color:#64748b;font-weight:800}.why-block h2{font-size:22px}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.why-grid article{border:1px solid var(--line);border-radius:14px;background:#fff;padding:18px;box-shadow:0 8px 22px rgba(15,23,42,.04)}.why-grid span{font-size:34px}.why-grid b{display:block;margin-top:8px}.why-grid p{margin:6px 0 0;color:#64748b;font-size:13px;line-height:1.45}.spklu-block{background:#071f3d;color:#fff;border-radius:14px;padding:28px;display:grid;grid-template-columns:1.15fr 1.6fr .75fr;gap:24px;align-items:center;overflow:hidden}.spklu-block h2{font-size:31px;line-height:1.1;margin:0 0 10px}.spklu-block p{color:#cfe3fb}.map-visual{min-height:190px;border-radius:12px;background:radial-gradient(circle at 20% 45%,#73d3ff 0 4px,transparent 5px),radial-gradient(circle at 45% 35%,#73d3ff 0 4px,transparent 5px),radial-gradient(circle at 72% 55%,#73d3ff 0 4px,transparent 5px),linear-gradient(135deg,#0b315d,#08213f);position:relative;box-shadow:inset 0 0 40px rgba(73,166,255,.25)}.map-visual:before{content:"";position:absolute;inset:26px;background:linear-gradient(30deg,transparent 36%,rgba(93,188,255,.45) 37% 40%,transparent 41%),linear-gradient(150deg,transparent 48%,rgba(79,217,120,.45) 49% 52%,transparent 53%);filter:blur(1px)}.spklu-block aside{display:grid;grid-template-columns:45px 1fr;gap:6px 10px}.spklu-block aside b{font-size:31px}.spklu-block aside span{font-size:13px;color:#dbeafe;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:10px}.final-cta{background:linear-gradient(135deg,#085fdb,#0a8fff);border-radius:14px;color:#fff;padding:26px 32px;display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center}.final-cta h2{font-size:30px;margin:0 0 6px}.final-cta p{margin:0;color:#dbeafe}.site-footer{margin-top:18px;margin-bottom:20px;background:#061427;color:#dbeafe;border-radius:12px;padding:32px;display:grid;grid-template-columns:1.45fr repeat(3,.72fr) 1.35fr;gap:28px}.site-footer p{color:#9fb6d3;font-size:13px}.site-footer nav,.site-footer form{display:flex;flex-direction:column;gap:9px}.site-footer b{color:#fff}.site-footer a{font-size:13px;color:#a8c2de}.site-footer form div{display:flex;gap:8px}.site-footer input{min-width:0;flex:1;background:#0b203c;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#fff;padding:12px}.site-footer button{border:0;border-radius:8px;background:#126dff;color:#fff;font-weight:900;padding:0 14px}
@media(max-width:1180px) and (min-width:721px){
  .shell{width:min(100% - 40px,1040px)}
  .nav-shell{gap:14px}.logo{font-size:24px}.main-nav{justify-content:flex-start;overflow:auto;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.main-nav a{font-size:11px;padding:20px 9px 16px;white-space:nowrap}.nav-actions{display:none}
  .hero-grid{grid-template-columns:1fr .95fr}.hero-copy h1{font-size:42px}.hero-copy p{max-width:520px}.hero-visual img{right:-84px;width:min(580px,125%)}.charger-card{right:8px;top:86px;transform:scale(.86)}
  .stat-strip{grid-template-columns:repeat(4,1fr);margin-top:-38px}.stat-strip article{padding:14px 12px;grid-template-columns:44px 1fr}.stat-strip article span{width:38px;height:38px;font-size:19px}.stat-strip b{font-size:23px}.stat-strip strong{font-size:12px}.stat-strip small{font-size:10px}
  .featured-model{grid-template-columns:.95fr 1.25fr auto;gap:16px;min-height:170px}.featured-info h2{font-size:25px}.spec-row div{padding:0 12px}.spec-row b{font-size:19px}.featured-car img{height:128px}.detail-btn{padding:10px 14px}
  .popular-row{grid-auto-columns:minmax(138px,1fr);gap:12px}.mini-car .img{height:96px}.mini-car h3{font-size:12px}.mini-car b{font-size:12px}
  .news-grid{grid-template-columns:repeat(4,1fr);gap:10px}.news-card{min-height:150px;padding:13px}.news-card h3{font-size:14px}.news-card p{font-size:11px}.news-card span{margin-bottom:12px}
  .brand-grid,.type-grid{grid-template-columns:repeat(6,1fr);gap:8px}.brand-grid button,.type-grid button{height:62px;font-size:12px}
  .why-grid{grid-template-columns:repeat(4,1fr);gap:10px}.why-grid article{padding:14px}.why-grid b{font-size:13px}.why-grid p{font-size:11px}
  .spklu-block{grid-template-columns:1.05fr 1.45fr .72fr;padding:22px}.spklu-block h2{font-size:25px}.map-visual{min-height:150px}.spklu-block aside b{font-size:24px}.spklu-block aside span{font-size:11px}
  .final-cta{grid-template-columns:1fr auto auto}.final-cta h2{font-size:25px}.site-footer{grid-template-columns:1.25fr repeat(3,.72fr) 1.15fr;gap:18px;padding:26px}.site-footer .logo{font-size:22px}
}
@media(max-width:720px){.shell{width:min(100% - 28px,720px)}.nav-shell{height:58px}.main-nav,.nav-actions{display:none}.logo{font-size:24px}.hero-grid{grid-template-columns:1fr}.hero-copy h1{font-size:39px}.hero-visual{min-height:230px;margin-top:-30px}.hero-visual img{right:-70px;width:610px;height:260px}.charger-card{display:none}.stat-strip{grid-template-columns:repeat(2,1fr);margin-top:14px}.featured-model{grid-template-columns:1fr;padding:18px}.featured-car{padding-top:36px}.spec-row{grid-template-columns:repeat(2,1fr);gap:14px;border:0}.spec-row div{border:1px solid var(--line);border-radius:10px;padding:13px}.detail-btn{margin-top:0}.popular-row{grid-auto-columns:170px}.news-grid,.browse-panels,.why-grid,.spklu-block,.final-cta,.site-footer{grid-template-columns:1fr}.brand-grid,.type-grid{grid-template-columns:repeat(3,1fr)}.spklu-block{padding:22px}.final-cta{padding:22px}.site-footer{margin-bottom:12px}.site-footer nav{display:grid;grid-template-columns:1fr 1fr}.site-footer form div{display:grid;grid-template-columns:1fr}.site-footer{gap:18px}.spklu-block aside{grid-template-columns:36px 1fr}.popular-row{grid-auto-columns:155px}.mini-car .img{height:96px}}@media(max-width:520px){.shell{width:calc(100% - 24px)}.hero-portal{min-height:500px}.hero-copy{padding-top:36px}.hero-copy h1{font-size:34px}.hero-search{height:50px}.popular-search{display:none}.hero-visual img{right:-115px;width:520px;opacity:.92}.stat-strip{grid-template-columns:1fr 1fr;gap:8px}.stat-strip article{padding:13px;grid-template-columns:42px 1fr}.stat-strip article span{width:38px;height:38px;font-size:19px}.stat-strip b{font-size:22px}.stat-strip strong{font-size:12px}.featured-info h2{font-size:25px}.news-grid{grid-template-columns:1fr}.news-card{min-height:150px}.brand-grid,.type-grid{grid-template-columns:repeat(2,1fr)}}

/* OtoRev V2 visual polish pass — closer to Master mockup */
body{background:#f7f9fc}.site-header{box-shadow:0 8px 26px rgba(2,8,23,.22)}.nav-shell{height:58px}.logo{line-height:1}.main-nav a{opacity:.92}.main-nav a.active{box-shadow:0 10px 20px rgba(22,119,255,.12)}
.hero-portal{min-height:430px;background-position:center 35%;box-shadow:inset 0 -90px 120px rgba(2,6,23,.28)}.hero-grid{min-height:430px}.hero-copy{padding-top:58px}.hero-copy h1{text-shadow:0 3px 18px rgba(0,0,0,.28)}.hero-copy p{font-weight:650}.hero-search{border:1px solid rgba(255,255,255,.18)}.popular-search button{backdrop-filter:blur(10px)}.popular-search button:hover{background:#fff;color:#0f172a}.hero-visual img{z-index:2;transform:scale(.94);transform-origin:right bottom;opacity:.18;filter:blur(1px) saturate(.7)}.charger-card{z-index:3}
.stat-strip article{min-height:94px;background:linear-gradient(180deg,#082447,#061a33)}.stat-strip article span{box-shadow:0 10px 22px rgba(17,133,255,.25)}
.featured-model{border-radius:12px;overflow:hidden}.featured-model:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,251,255,.92),#fff);z-index:0}.featured-model>*{position:relative;z-index:1}.featured-car img{filter:drop-shadow(0 18px 18px rgba(15,23,42,.18))}.featured-info h2{font-weight:950}.spec-row b{white-space:nowrap}.detail-btn{box-shadow:0 10px 24px rgba(22,119,255,.23)}
.catalogue-block,.news-block,.browse-panels,.why-block{background:#fff;border-radius:14px;padding:18px 18px 20px;border:1px solid #eef2f7;box-shadow:0 8px 26px rgba(15,23,42,.045)}.catalogue-block{padding-bottom:12px}.popular-row{scrollbar-width:thin}.mini-car .img{border:1px solid #e9eef6}.mini-car img{filter:drop-shadow(0 12px 10px rgba(15,23,42,.13));transition:.2s ease}.mini-car:hover img{transform:translateY(-2px) scale(1.03)}.mini-car h3{font-weight:950;color:#0f172a}.mini-car b{color:#0f172a;display:block;line-height:1.2}.mini-car a:last-child{margin-top:5px}.mini-car .img button{box-shadow:0 8px 18px rgba(15,23,42,.12)}
.news-card{position:relative;isolation:isolate}.news-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,8,23,.08),rgba(2,8,23,.62));z-index:-1}.news-card:nth-child(2){background:linear-gradient(135deg,rgba(5,18,36,.88),rgba(5,20,44,.78)),url('/assets/hero-homepage-kie-neutral.jpg') center/cover}.news-card:nth-child(3){background:linear-gradient(135deg,rgba(5,18,36,.88),rgba(5,20,44,.78)),radial-gradient(circle at 80% 25%,rgba(59,130,246,.72),transparent 32%),#071f3d}.news-card:nth-child(4){background:linear-gradient(135deg,rgba(5,18,36,.88),rgba(5,20,44,.78)),radial-gradient(circle at 75% 35%,rgba(34,197,94,.38),transparent 30%),#071f3d}
.browse-card .section-title h2{font-size:21px}.brand-grid,.type-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.brand-grid button,.type-grid button{min-width:0;gap:2px;transition:.2s ease}.brand-grid button:hover,.type-grid button:hover{border-color:#9cc9ff;box-shadow:0 12px 24px rgba(22,119,255,.12);transform:translateY(-1px)}.brand-grid button span{font-size:12px}.brand-grid small,.type-grid span{font-size:10px;line-height:1.1;text-align:center}.type-grid button{font-size:19px}
.why-block{padding-top:18px}.why-grid article{min-height:132px}.why-grid span{filter:saturate(1.15)}
.spklu-block{box-shadow:0 18px 46px rgba(7,31,61,.22)}.map-visual{background:radial-gradient(circle at 18% 50%,#8de5ff 0 4px,transparent 5px),radial-gradient(circle at 46% 32%,#8de5ff 0 4px,transparent 5px),radial-gradient(circle at 74% 58%,#8de5ff 0 4px,transparent 5px),linear-gradient(135deg,#0c376a,#09213d)}.map-visual:after{content:"";position:absolute;inset:22px;border-radius:10px;border:1px solid rgba(115,211,255,.22)}.spklu-block aside{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px}
.final-cta{box-shadow:0 18px 46px rgba(8,95,219,.24)}.site-footer{box-shadow:0 18px 46px rgba(2,8,23,.18)}.site-footer nav a:hover{color:#fff}.site-footer form div{align-items:stretch}.site-footer button{min-height:42px}
@media(max-width:1180px) and (min-width:721px){.shell{width:min(100% - 32px,1040px)}.brand-grid,.type-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.browse-panels{gap:14px}.browse-card{min-width:0}.site-footer{grid-template-columns:1fr .62fr .62fr .75fr 1.25fr}.site-footer p{font-size:11px}.site-footer a{font-size:11px}.site-footer input{padding:10px}.site-footer button{font-size:11px}.hero-copy h1{font-size:44px}.hero-visual img{right:-64px;width:min(620px,132%)}.popular-row{grid-auto-columns:minmax(132px,1fr)}}
@media(max-width:720px){.site-header{position:sticky}.nav-shell:after{content:'☰';margin-left:auto;font-size:22px;color:#dbeafe}.hero-portal{min-height:520px}.hero-copy{padding-top:38px}.hero-copy h1{font-size:38px}.hero-visual img{right:-94px;bottom:-12px;width:560px;height:278px}.stat-strip article{min-height:86px}.catalogue-block,.news-block,.browse-panels,.why-block{padding:14px}.brand-grid,.type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.site-footer{padding:24px}.site-footer .logo{font-size:24px}}
@media(max-width:520px){.hero-copy h1{font-size:34px}.hero-visual img{right:-130px;width:520px}.brand-grid,.type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-card{min-height:145px}.site-footer nav{grid-template-columns:1fr}.final-cta .btn{width:100%}}
.brand-grid button i{font-style:normal;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#eef6ff;color:#0b64d8;font-weight:950;font-size:11px}.brand-grid button small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-grid button{padding:8px 6px}
.menu-toggle{display:none;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;border-radius:10px;width:40px;height:40px;font-size:20px}.news-card .thumb{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;filter:saturate(1.05)}.news-card .thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,8,23,.18),rgba(2,8,23,.78))}.news-card a{color:#fff}.news-card h3 a:hover{text-decoration:underline}.site-header.menu-open .main-nav{display:flex}.site-header.menu-open .menu-toggle{background:#1677ff;border-color:#1677ff}
@media(max-width:720px){.menu-toggle{display:grid;place-items:center}.nav-shell:after{display:none}.site-header .main-nav{position:absolute;left:12px;right:12px;top:64px;display:none;flex-direction:column;align-items:stretch;background:#071326;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:10px;box-shadow:0 18px 40px rgba(2,8,23,.35)}.site-header .main-nav a{padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px}.site-header .main-nav a:last-child{border-bottom:0}.site-header .main-nav a.active{border-color:rgba(22,119,255,.45);background:rgba(22,119,255,.12);border-radius:9px}.site-header.menu-open{z-index:100}.news-card .thumb{filter:saturate(1.08)}}

.hero-portal{background-position:center center}.hero-portal:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,23,.88) 0%,rgba(2,8,23,.72) 38%,rgba(2,8,23,.08) 74%);pointer-events:none}.hero-grid{position:relative;z-index:1}.hero-visual{pointer-events:none}

/* OtoRev V2 bottom-section polish pass */
.catalogue-block,.news-block,.browse-panels,.why-block{position:relative}.catalogue-block:before,.news-block:before,.why-block:before{content:"";position:absolute;left:18px;right:18px;top:0;height:3px;border-radius:999px;background:linear-gradient(90deg,#1677ff,rgba(22,119,255,0));opacity:.75}.section-title.inline h2{font-weight:950}.section-title.inline a{padding:8px 10px;border-radius:999px;background:#eef6ff;color:#0759c7}.section-title.inline a:hover{background:#dcecff}
.popular-row{gap:18px}.mini-car{border:1px solid #e8eef7;border-radius:15px;padding:10px;background:linear-gradient(180deg,#fff,#f9fbff);box-shadow:0 10px 26px rgba(15,23,42,.055);transition:.22s ease}.mini-car:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(15,23,42,.09);border-color:#cde4ff}.mini-car .car-main-link{display:block}.mini-car .img{height:128px;background:radial-gradient(circle at 50% 24%,rgba(22,119,255,.12),transparent 48%),linear-gradient(180deg,#f7fbff,#edf4ff);border-radius:13px}.mini-car h3{min-height:34px;margin-top:12px}.mini-car p{font-weight:700}.mini-car b{font-size:13px;color:#0b3570}.mini-car .detail-inline{display:inline-flex;margin-top:9px;color:#0b64d8;font-size:11px;font-weight:950}.mini-car .img button{z-index:2}
.news-grid{gap:16px}.news-card{border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 34px rgba(2,8,23,.14);transition:.22s ease}.news-card:hover{transform:translateY(-2px);box-shadow:0 24px 46px rgba(2,8,23,.2)}.news-card span{box-shadow:0 8px 18px rgba(11,117,255,.25)}.news-card h3{font-weight:950}.news-card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.news-card.big h3{font-size:20px}
.browse-panels{align-items:start}.browse-card{min-width:0}.brand-grid button,.type-grid button{height:76px;background:linear-gradient(180deg,#fff,#f5f9ff)}.type-grid button{font-size:22px}.type-grid button span{display:block;font-size:11px;margin-top:4px;color:#334155}.brand-grid button i{box-shadow:inset 0 0 0 1px rgba(22,119,255,.12)}.brand-grid button small{font-weight:900;color:#334155}.why-block h2{font-size:25px;margin:0 0 16px}.why-grid article{background:linear-gradient(180deg,#fff,#f9fbff);border-color:#e8eef7}.why-grid article:nth-child(1) span,.why-grid article:nth-child(2) span,.why-grid article:nth-child(3) span,.why-grid article:nth-child(4) span{display:inline-grid;width:46px;height:46px;place-items:center;border-radius:14px;background:#eef6ff}
.spklu-block{background:linear-gradient(135deg,#06172d,#082c58 58%,#0b4a91);border:1px solid rgba(255,255,255,.08)}.spklu-block h2{font-weight:950}.spklu-block .btn-white{box-shadow:0 10px 24px rgba(255,255,255,.12)}.map-visual{box-shadow:inset 0 0 54px rgba(73,166,255,.28),0 18px 44px rgba(2,8,23,.22)}.map-visual span{position:absolute;width:13px;height:13px;border-radius:50%;background:#7dd3fc;box-shadow:0 0 0 8px rgba(125,211,252,.12),0 0 20px rgba(125,211,252,.7)}.map-visual span:nth-child(1){left:22%;top:46%}.map-visual span:nth-child(2){left:42%;top:34%}.map-visual span:nth-child(3){left:68%;top:56%}.map-visual span:nth-child(4){left:78%;top:38%}.map-visual span:nth-child(5){left:54%;top:66%}.spklu-block aside b{color:#8de5ff}.final-cta{background:linear-gradient(135deg,#075fd8,#0a8fff 64%,#2dd4bf);position:relative;overflow:hidden}.final-cta:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-70px;top:-110px;background:rgba(255,255,255,.16)}.final-cta>*{position:relative;z-index:1}.site-footer{border:1px solid rgba(255,255,255,.08)}
@media(max-width:1180px) and (min-width:721px){.popular-row{grid-auto-columns:minmax(145px,1fr)}.mini-car .img{height:110px}.news-grid{grid-template-columns:1.2fr repeat(3,1fr)}.browse-panels{grid-template-columns:1fr 1fr}.brand-grid button,.type-grid button{height:70px}.spklu-block{grid-template-columns:1.1fr 1.35fr .78fr}.site-footer{grid-template-columns:1.2fr .64fr .64fr .72fr 1.15fr}}
@media(max-width:720px){.catalogue-block,.news-block,.browse-panels,.why-block{border-radius:12px}.section-title.inline{align-items:flex-start}.popular-row{grid-auto-columns:168px}.mini-car .img{height:110px}.news-grid{gap:12px}.news-card.big h3{font-size:17px}.browse-panels{gap:14px}.brand-grid button,.type-grid button{height:72px}.why-grid article{min-height:auto}.spklu-block{gap:18px}.map-visual{min-height:180px}.final-cta{gap:10px}.site-footer form div{gap:8px}}

/* Template similarity pass 2: tighter portal proportions */
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(2,8,23,.02),transparent 240px);z-index:-1}.site-header{border-bottom:1px solid rgba(148,163,184,.18)}.nav-shell{max-width:1220px}.logo{letter-spacing:-.055em}.main-nav a{letter-spacing:.01em}.btn{box-shadow:none}.btn-blue{box-shadow:0 10px 24px rgba(22,119,255,.23)}
.hero-copy h1{max-width:620px}.hero-trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.hero-trust span{font-size:12px;font-weight:850;color:#dbeafe;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:7px 10px;backdrop-filter:blur(8px)}
.section-kicker{display:block;color:#1677ff;font-size:10px;letter-spacing:.14em;font-weight:950;margin-bottom:5px}.section-title.inline{margin-bottom:18px}.section-title.inline h2{letter-spacing:-.04em}.section-title.inline a{white-space:nowrap}.catalogue-block,.news-block,.browse-panels,.why-block{padding:22px 22px 24px;border-color:#e8eef7}.catalogue-block:before,.news-block:before,.why-block:before{left:22px;right:auto;width:120px;background:linear-gradient(90deg,#1677ff,#63b3ff)}
.featured-model{grid-template-columns:260px 1fr 150px;gap:18px;padding:20px 24px}.featured-car{align-self:end}.featured-car img{height:160px}.featured-info{min-width:0}.featured-info h2{font-size:30px}.spec-row{gap:0}.spec-row div{min-width:0}.detail-btn{width:150px;text-align:center}
.popular-row{grid-auto-columns:minmax(166px,1fr)}.mini-car{padding:12px}.mini-car .img{height:135px}.mini-car h3{font-size:14px;line-height:1.18}.mini-car p{font-size:11px}.mini-car b{font-size:14px}.detail-inline{border-top:1px solid #edf2f7;padding-top:8px;width:100%}
.news-card{min-height:184px}.news-card.big{min-height:220px}.news-card span{font-size:10px;letter-spacing:.04em;text-transform:uppercase}.news-card h3{line-height:1.18}.browse-card{background:#fbfdff;border:1px solid #eef2f7;border-radius:13px;padding:16px}.browse-panels{background:transparent;border:0;box-shadow:none;padding:0}.brand-grid,.type-grid{gap:12px}.brand-grid button,.type-grid button{border-radius:13px}.why-grid article{border-radius:13px}.spklu-block{border-radius:16px}.final-cta{border-radius:16px}.site-footer{border-radius:16px}.site-footer .logo span{color:#fff}.site-footer form{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:14px;border-radius:13px}
@media(max-width:1180px) and (min-width:861px){.featured-model{grid-template-columns:230px 1fr 140px}.featured-car img{height:145px}.featured-info h2{font-size:27px}.spec-row b{font-size:18px}.popular-row{grid-auto-columns:minmax(150px,1fr)}.mini-car .img{height:118px}.final-cta{grid-template-columns:1fr auto auto}.site-footer{grid-template-columns:1.05fr repeat(3,.62fr) 1.2fr}}
@media(max-width:860px) and (min-width:721px){.hero-portal{min-height:460px}.hero-grid{min-height:460px}.hero-copy h1{font-size:43px}.hero-copy{padding-top:50px}.featured-model{grid-template-columns:210px 1fr;grid-template-areas:"badge badge" "car info" "detail detail";min-height:auto}.featured-badge{position:static;grid-area:badge;justify-self:start}.featured-car{grid-area:car;padding-top:0}.featured-car img{height:140px}.featured-info{grid-area:info}.featured-info h2{font-size:26px}.detail-btn{grid-area:detail;width:auto;justify-self:start;margin-top:4px}.spec-row{grid-template-columns:repeat(2,1fr);gap:10px;border:0}.spec-row div{border:1px solid var(--line);border-radius:10px;padding:11px}.news-grid{grid-template-columns:1fr 1fr}.news-card.big{grid-column:span 2}.browse-panels{grid-template-columns:1fr}.why-grid{grid-template-columns:repeat(2,1fr)}.spklu-block{grid-template-columns:1fr 1fr}.spklu-block aside{grid-column:span 2;grid-template-columns:40px 1fr 40px 1fr 40px 1fr}.final-cta{grid-template-columns:1fr 1fr}.final-cta div{grid-column:span 2}.site-footer{grid-template-columns:1fr 1fr}.site-footer form{grid-column:span 2}}
@media(max-width:720px){.hero-trust{display:none}.catalogue-block,.news-block,.why-block{padding:18px}.browse-card{padding:14px}.featured-model{grid-template-columns:1fr}.featured-badge{position:static;justify-self:start}.featured-car{padding-top:0}.featured-info h2{font-size:25px}.section-title.inline{gap:12px}.section-title.inline a{font-size:11px}.news-card.big{min-height:170px}.spklu-block aside{background:rgba(255,255,255,.06)}}

/* Template pass 3: tablet/header/hero precision based on screenshot QA */
@media(max-width:900px) and (min-width:721px){
  .site-header .main-nav,.site-header .nav-actions{display:none}
  .menu-toggle{display:grid;place-items:center;margin-left:auto}
  .site-header .main-nav{position:absolute;left:16px;right:16px;top:66px;flex-direction:column;align-items:stretch;background:#071326;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:10px;box-shadow:0 18px 40px rgba(2,8,23,.35)}
  .site-header.menu-open .main-nav{display:flex}
  .site-header .main-nav a{padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px}.site-header .main-nav a:last-child{border-bottom:0}.site-header .main-nav a.active{border-color:rgba(22,119,255,.45);background:rgba(22,119,255,.12);border-radius:9px}
  .hero-portal{min-height:500px;background-position:center center}.hero-grid{min-height:500px;grid-template-columns:1fr .86fr}.hero-copy{padding-top:42px;padding-bottom:34px}.hero-copy h1{font-size:40px;line-height:.98;max-width:430px}.hero-copy p{font-size:14px;line-height:1.5;max-width:410px;margin-bottom:18px}.hero-search{height:50px;max-width:440px}.hero-search input{font-size:14px}.hero-search button{width:38px;height:38px}.popular-search{margin-top:12px;max-width:520px}.popular-search button{font-size:10px;padding:6px 10px}.hero-trust{display:none}.hero-visual img{opacity:.10}.charger-card{right:10px;top:132px;transform:scale(.78)}
  .stat-strip{margin-top:-32px}.featured-model{margin-top:20px}.catalogue-block,.news-block,.browse-panels,.why-block,.spklu-block,.final-cta{margin-top:24px}
}
@media(max-width:780px) and (min-width:721px){
  .shell{width:calc(100% - 28px)}.hero-portal{min-height:480px}.hero-grid{min-height:480px;grid-template-columns:1fr .68fr}.hero-copy h1{font-size:37px;max-width:380px}.hero-copy p{font-size:13.5px;max-width:370px}.hero-search{max-width:392px}.popular-search{max-width:430px}.popular-search button:nth-of-type(n+4){display:none}.charger-card{right:4px;top:138px}.stat-strip{grid-template-columns:repeat(4,1fr);gap:7px}.stat-strip article{padding:12px 10px}.stat-strip article span{width:34px;height:34px}.stat-strip b{font-size:20px}.stat-strip strong{font-size:11px}.stat-strip small{font-size:9px}
}

/* Featured model card — match Master template reference */
.featured-model{
  display:grid !important;
  grid-template-columns:250px 270px minmax(0,1fr) !important;
  grid-template-rows:1fr auto !important;
  grid-template-areas:"badge car info" "button car info" !important;
  align-items:center !important;
  gap:18px 26px !important;
  min-height:238px !important;
  padding:34px 38px 28px !important;
  border-radius:14px !important;
  border:1px solid #e7edf5 !important;
  background:#fff !important;
  box-shadow:0 12px 34px rgba(15,23,42,.075), 0 1px 0 rgba(255,255,255,.85) inset !important;
}
.featured-model:before{
  background:linear-gradient(90deg,#fff 0%,#fbfdff 58%,#fff 100%) !important;
}
.featured-badge{
  grid-area:badge !important;
  position:relative !important;
  left:auto !important;
  top:auto !important;
  justify-self:start !important;
  align-self:center !important;
  min-width:220px !important;
  text-align:left !important;
  background:#eef9ef !important;
  border:1px solid #c9ead0 !important;
  color:#125f2b !important;
  border-radius:6px !important;
  padding:9px 14px !important;
  font-size:12px !important;
  font-weight:950 !important;
  box-shadow:0 5px 14px rgba(16,185,129,.08) !important;
}
.featured-car{
  grid-area:car !important;
  padding:0 !important;
  align-self:center !important;
  justify-self:center !important;
  width:100% !important;
}
.featured-car img{
  height:158px !important;
  width:100% !important;
  object-fit:contain !important;
  filter:drop-shadow(0 18px 16px rgba(15,23,42,.18)) !important;
}
.featured-info{
  grid-area:info !important;
  align-self:center !important;
  padding-left:10px !important;
}
.featured-info h2{
  font-size:32px !important;
  line-height:1.05 !important;
  margin:0 0 8px !important;
  color:#0f172a !important;
  letter-spacing:-.045em !important;
}
.featured-info p{
  font-size:15px !important;
  color:#334155 !important;
  margin:0 !important;
  font-weight:800 !important;
}
.spec-row{
  margin-top:26px !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  border-left:0 !important;
  gap:0 !important;
}
.spec-row div{
  border:0 !important;
  border-right:1px solid #e5eaf2 !important;
  border-radius:0 !important;
  padding:0 24px !important;
  min-height:58px !important;
}
.spec-row div:first-child{padding-left:0 !important;}
.spec-row div:last-child{border-right:0 !important;}
.spec-row b{
  font-size:27px !important;
  line-height:1 !important;
  color:#0f172a !important;
  letter-spacing:-.04em !important;
}
.spec-row span{
  margin-top:9px !important;
  color:#64748b !important;
  font-size:12px !important;
  font-weight:650 !important;
}
.detail-btn{
  grid-area:button !important;
  align-self:end !important;
  justify-self:start !important;
  width:220px !important;
  height:48px !important;
  border-radius:7px !important;
  font-size:13px !important;
  box-shadow:0 10px 22px rgba(22,119,255,.28) !important;
}
@media(max-width:1180px) and (min-width:901px){
  .featured-model{grid-template-columns:220px 230px minmax(0,1fr) !important;padding:30px 28px 26px !important;gap:16px 22px !important;min-height:220px !important;}
  .featured-badge{min-width:190px !important}.detail-btn{width:190px !important}.featured-car img{height:142px !important}.featured-info h2{font-size:28px !important}.spec-row div{padding:0 15px !important}.spec-row b{font-size:22px !important}
}
@media(max-width:900px) and (min-width:721px){
  .featured-model{grid-template-columns:190px minmax(0,1fr) !important;grid-template-rows:auto auto auto !important;grid-template-areas:"badge info" "car info" "button info" !important;padding:26px 24px !important;min-height:250px !important;gap:14px 20px !important;}
  .featured-badge{min-width:170px !important}.detail-btn{width:170px !important}.featured-car img{height:128px !important}.featured-info h2{font-size:26px !important}.spec-row{grid-template-columns:repeat(2,1fr) !important;gap:12px !important;margin-top:20px !important}.spec-row div{border:1px solid #e5eaf2 !important;border-radius:10px !important;padding:12px !important;min-height:auto !important}.spec-row div:first-child{padding-left:12px !important}.spec-row b{font-size:20px !important}.spec-row span{margin-top:6px !important}
}
@media(max-width:720px){
  .featured-model{grid-template-columns:1fr !important;grid-template-areas:"badge" "car" "info" "button" !important;padding:22px 18px !important;gap:14px !important;min-height:auto !important;}
  .featured-badge{min-width:0 !important;width:100% !important}.featured-car img{height:150px !important}.featured-info{padding-left:0 !important}.featured-info h2{font-size:25px !important}.spec-row{grid-template-columns:repeat(2,1fr) !important;gap:10px !important;margin-top:18px !important}.spec-row div{border:1px solid #e5eaf2 !important;border-radius:10px !important;padding:12px !important}.spec-row div:first-child{padding-left:12px !important}.detail-btn{width:100% !important;justify-self:stretch !important}
}

/* Featured model final template-match proportions from Master reference */
@media(min-width:901px){
  .featured-model{
    grid-template-columns:260px 300px minmax(0,1fr) !important;
    grid-template-rows:1fr auto !important;
    min-height:300px !important;
    padding:42px 46px 36px !important;
    gap:20px 34px !important;
    margin-top:26px !important;
  }
  .featured-badge{
    width:220px !important;
    min-width:220px !important;
    height:31px !important;
    padding:0 13px !important;
    display:flex !important;
    align-items:center !important;
    align-self:center !important;
    margin-top:10px !important;
  }
  .detail-btn{
    width:220px !important;
    height:40px !important;
    min-height:40px !important;
    margin-bottom:4px !important;
    border-radius:7px !important;
    font-size:13px !important;
    font-weight:850 !important;
  }
  .featured-car img{
    height:184px !important;
    width:300px !important;
    object-fit:contain !important;
  }
  .featured-info{
    transform:translateY(-10px) !important;
  }
  .featured-info h2{
    font-size:30px !important;
    line-height:1.12 !important;
    margin-bottom:8px !important;
  }
  .featured-info p{
    font-size:14px !important;
    font-weight:800 !important;
  }
  .spec-row{
    margin-top:34px !important;
  }
  .spec-row div{
    min-height:56px !important;
    padding:0 30px !important;
  }
  .spec-row div:first-child{padding-left:0 !important;}
  .spec-row b{
    font-size:25px !important;
    line-height:1.05 !important;
  }
  .spec-row span{
    margin-top:8px !important;
    font-size:12px !important;
    font-weight:450 !important;
  }
}
@media(min-width:901px) and (max-width:1180px){
  .featured-model{grid-template-columns:220px 260px minmax(0,1fr) !important;min-height:270px !important;padding:36px 32px 32px !important;gap:18px 26px !important;}
  .featured-badge,.detail-btn{width:190px !important;min-width:190px !important}.featured-car img{height:160px !important;width:260px !important}.featured-info h2{font-size:27px !important}.spec-row div{padding:0 17px !important}.spec-row b{font-size:22px !important}
}

/* Brand/type section final icon polish */
.browse-panels{gap:24px !important;align-items:stretch !important}.browse-card{background:#fff !important;border:1px solid #e6edf6 !important;border-radius:14px !important;box-shadow:0 10px 28px rgba(15,23,42,.055) !important;padding:22px !important}.browse-card .section-title.inline{margin-bottom:16px !important}.brand-grid{grid-template-columns:repeat(6,minmax(0,1fr)) !important;gap:14px !important}.type-grid{grid-template-columns:repeat(6,minmax(0,1fr)) !important;gap:14px !important}.brand-grid button,.type-grid button{height:86px !important;border-radius:13px !important;border:1px solid #dfe8f3 !important;background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%) !important;box-shadow:0 8px 20px rgba(15,23,42,.045) !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:9px !important;padding:10px 8px !important;color:#0f172a !important}.brand-grid button:hover,.type-grid button:hover{border-color:#b8d8ff !important;box-shadow:0 16px 34px rgba(22,119,255,.13) !important;transform:translateY(-2px) !important}.brand-grid button i{width:36px !important;height:36px !important;border-radius:11px !important;background:linear-gradient(180deg,#f3f9ff,#e8f3ff) !important;border:1px solid #d8ebff !important;color:#0b66d8 !important;font-style:normal !important;font-size:12px !important;font-weight:950 !important;letter-spacing:.02em !important;display:grid !important;place-items:center !important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6) !important}.brand-grid button small,.type-grid button span{font-size:11px !important;line-height:1.1 !important;color:#1f2937 !important;font-weight:850 !important;text-align:center !important;max-width:100% !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}.type-grid button i{width:42px !important;height:30px !important;display:block !important;background-repeat:no-repeat !important;background-position:center !important;background-size:contain !important;filter:drop-shadow(0 4px 5px rgba(15,23,42,.16)) !important}.type-grid button[data-type="suv"] i{background-image:url("data:image/svg+xml,%3Csvg width='52' height='36' viewBox='0 0 52 36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 18l5-8h20l7 8h4a4 4 0 014 4v6H4v-6a4 4 0 014-4h1z' fill='%232d8cff'/%3E%3Cpath d='M16 11h15l5 7H11l5-7z' fill='%23bfe2ff'/%3E%3Ccircle cx='15' cy='28' r='5' fill='%2318273d'/%3E%3Ccircle cx='39' cy='28' r='5' fill='%2318273d'/%3E%3Ccircle cx='15' cy='28' r='2' fill='%23dbeafe'/%3E%3Ccircle cx='39' cy='28' r='2' fill='%23dbeafe'/%3E%3C/svg%3E")}.type-grid button[data-type="city"] i{background-image:url("data:image/svg+xml,%3Csvg width='52' height='36' viewBox='0 0 52 36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18l5-7h18l6 7h3a4 4 0 014 4v6H6v-6a4 4 0 014-4h1z' fill='%23ef4365'/%3E%3Cpath d='M18 12h14l4 6H14l4-6z' fill='%23ffd1da'/%3E%3Ccircle cx='16' cy='28' r='5' fill='%2318273d'/%3E%3Ccircle cx='38' cy='28' r='5' fill='%2318273d'/%3E%3C/svg%3E")}.type-grid button[data-type="mpv"] i{background-image:url("data:image/svg+xml,%3Csvg width='56' height='36' viewBox='0 0 56 36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 14h31l9 7h3a4 4 0 014 4v4H3V18a4 4 0 014-4z' fill='%238b5cf6'/%3E%3Cpath d='M12 16h11v7H9v-4a3 3 0 013-3zm14 0h10l7 6H26v-6z' fill='%23ddd6fe'/%3E%3Ccircle cx='16' cy='29' r='5' fill='%2318273d'/%3E%3Ccircle cx='43' cy='29' r='5' fill='%2318273d'/%3E%3C/svg%3E")}.type-grid button[data-type="sedan"] i{background-image:url("data:image/svg+xml,%3Csvg width='56' height='36' viewBox='0 0 56 36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 20l7-7h18l10 7h4a4 4 0 014 4v5H4v-5a4 4 0 014-4h1z' fill='%232d8cff'/%3E%3Cpath d='M18 14h14l7 6H12l6-6z' fill='%23bfe2ff'/%3E%3Ccircle cx='16' cy='29' r='5' fill='%2318273d'/%3E%3Ccircle cx='42' cy='29' r='5' fill='%2318273d'/%3E%3C/svg%3E")}.type-grid button[data-type="hatch"] i{background-image:url("data:image/svg+xml,%3Csvg width='56' height='36' viewBox='0 0 56 36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 20l5-9h17l8 9h4a4 4 0 014 4v5H7v-5a4 4 0 014-4h1z' fill='%23f97316'/%3E%3Cpath d='M19 12h12l6 8H14l5-8z' fill='%23fed7aa'/%3E%3Ccircle cx='17' cy='29' r='5' fill='%2318273d'/%3E%3Ccircle cx='41' cy='29' r='5' fill='%2318273d'/%3E%3C/svg%3E")}.type-grid button[data-type="commercial"] i{background-image:url("data:image/svg+xml,%3Csvg width='56' height='36' viewBox='0 0 56 36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 13h27v16H4V13z' fill='%23f59e0b'/%3E%3Cpath d='M31 18h11l7 7v4H31V18z' fill='%232d8cff'/%3E%3Ccircle cx='15' cy='29' r='5' fill='%2318273d'/%3E%3Ccircle cx='42' cy='29' r='5' fill='%2318273d'/%3E%3C/svg%3E")}
@media(max-width:900px){.browse-panels{grid-template-columns:1fr !important}.brand-grid,.type-grid{grid-template-columns:repeat(6,minmax(0,1fr)) !important}.brand-grid button,.type-grid button{height:76px !important}.type-grid button i{width:36px !important;height:26px !important}.brand-grid button i{width:32px !important;height:32px !important}.brand-grid button small,.type-grid button span{font-size:10px !important}}
@media(max-width:640px){.brand-grid,.type-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}.brand-grid button,.type-grid button{height:78px !important}}

/* Real/fallback brand logo assets */
.brand-grid button i.brand-logo{width:44px !important;height:36px !important;border-radius:11px !important;background:linear-gradient(180deg,#f7fbff,#eef7ff) !important;border:1px solid #d9ebff !important;display:grid !important;place-items:center !important;padding:7px !important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.75),0 4px 10px rgba(11,102,216,.05) !important;font-style:normal !important;color:#0b66d8 !important;font-size:11px !important;font-weight:950 !important}.brand-grid button i.brand-logo img{display:block !important;max-width:100% !important;max-height:100% !important;width:auto !important;height:auto !important;object-fit:contain !important}.brand-grid button small{font-size:11px !important;font-weight:900 !important;color:#111827 !important}.brand-grid button{height:88px !important}.brand-grid button:hover i.brand-logo{background:#eef6ff !important;border-color:#b9dcff !important}
@media(max-width:900px){.brand-grid button i.brand-logo{width:40px !important;height:32px !important;padding:6px !important}.brand-grid button{height:80px !important}}

/* Preserve brand logo colors: no OtoRev recolor */
.brand-grid button i.brand-logo{background:#fff !important;border-color:#e5eaf2 !important;color:#111827 !important;filter:none !important}.brand-grid button i.brand-logo img{filter:none !important;mix-blend-mode:normal !important}.brand-grid button:hover i.brand-logo{background:#fff !important;border-color:#d5dde8 !important}.brand-grid button{background:linear-gradient(180deg,#fff,#fbfcfe) !important}.brand-grid button small{color:#111827 !important}.brand-grid button:hover small{color:#0f172a !important}

/* Brand logo preservation pass: keep original/neutral colors, no forced brand tone */
.brand-grid button i.brand-logo{background:#fff !important;border-color:#e5eaf2 !important;box-shadow:0 2px 8px rgba(15,23,42,.035),inset 0 0 0 1px rgba(255,255,255,.75) !important}.brand-grid button i.brand-logo img{filter:none !important;opacity:1 !important;max-width:88% !important;max-height:76% !important}.brand-grid button small{margin-top:1px !important;color:#1f2937 !important}.brand-grid button:hover i.brand-logo{border-color:#cbd5e1 !important}.brand-grid button:hover{border-color:#d6e3f2 !important}

/* No fake logo policy: only verified sourced logos show as images; unsourced brands show neutral text label */
.brand-grid button.brand-text-fallback i.brand-name{width:auto !important;min-width:54px !important;max-width:78px !important;height:34px !important;padding:0 8px !important;border-radius:0 !important;border:0 !important;background:transparent !important;color:#111827 !important;box-shadow:none !important;font-style:normal !important;font-size:11px !important;font-weight:950 !important;letter-spacing:.02em !important;display:flex !important;align-items:center !important;justify-content:center !important;text-align:center !important;line-height:1.05 !important;white-space:normal !important}.brand-grid button.brand-text-fallback{background:#fff !important}.brand-grid button.brand-text-fallback small{font-size:10px !important;color:#64748b !important;font-weight:800 !important}.brand-grid button i.brand-logo.verified{background:#fff !important;border-color:#e5eaf2 !important}.brand-grid button i.brand-logo.verified:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;right:5px;top:5px;background:#22c55e;box-shadow:0 0 0 2px #fff}.brand-grid button i.brand-logo{position:relative !important}

/* Oto.com scraped brand logos: original image/tone preserved */
.brand-grid button i.brand-logo.oto-source{width:50px !important;height:38px !important;padding:6px !important;background:#fff !important;border-color:#edf1f6 !important}.brand-grid button i.brand-logo.oto-source img{max-width:96% !important;max-height:86% !important;object-fit:contain !important;filter:none !important;mix-blend-mode:normal !important}.brand-grid button i.brand-logo.oto-source:after{display:none !important}.brand-grid button{height:90px !important}.brand-grid button small{font-size:10.5px !important}.brand-grid button.brand-text-fallback i.brand-name{max-width:86px !important;color:#111827 !important}
@media(max-width:900px){.brand-grid button i.brand-logo.oto-source{width:46px !important;height:34px !important}.brand-grid button{height:82px !important}}

/* OtoRev v2 polish 2026-06-04: elegant vehicle type icons + Indonesia SPKLU map visual */
.type-grid button i{width:52px !important;height:36px !important;background-size:contain !important;background-repeat:no-repeat !important;background-position:center !important;filter:drop-shadow(0 8px 10px rgba(22,119,255,.20)) !important;opacity:.98 !important}
.type-grid button[data-type="suv"] i{background-image:url('/assets/icons/type-suv.svg') !important}
.type-grid button[data-type="mpv"] i{background-image:url('/assets/icons/type-mpv.svg') !important}
.type-grid button[data-type="hatch"] i{background-image:url('/assets/icons/type-hatch.svg') !important}
.type-grid button[data-type="city"] i{background-image:url('/assets/icons/type-city.svg') !important}
.type-grid button[data-type="sedan"] i{background-image:url('/assets/icons/type-sedan.svg') !important}
.type-grid button[data-type="commercial"] i{background-image:url('/assets/icons/type-commercial.svg') !important}
.type-grid button{background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%) !important;border-color:#dceafb !important}
.type-grid button:hover i{transform:translateY(-1px) scale(1.03) !important}
.map-visual{min-height:198px !important;overflow:hidden !important;background:#06172d !important;border:1px solid rgba(141,229,255,.22) !important;box-shadow:inset 0 0 54px rgba(73,166,255,.24),0 18px 44px rgba(2,8,23,.22) !important}
.map-visual:before,.map-visual:after,.map-visual span{display:none !important;content:none !important}
.map-visual img{width:100% !important;height:100% !important;min-height:198px !important;object-fit:cover !important;object-position:center !important;opacity:.94 !important;mix-blend-mode:screen !important;filter:saturate(1.12) contrast(1.05) !important}
@media(max-width:860px){.map-visual img{min-height:190px !important}.type-grid button i{width:46px !important;height:32px !important}}

/* OtoRev v2 polish 2026-06-04: featured model template matching approved reference */
.featured-template-card{display:grid !important;grid-template-columns:minmax(245px,.9fr) minmax(330px,1.25fr) minmax(330px,1fr) !important;grid-template-areas:"copy car specs" !important;align-items:center !important;gap:20px !important;min-height:238px !important;padding:26px 30px !important;margin-top:26px !important;border-radius:16px !important;border:1px solid #e7edf6 !important;background:radial-gradient(circle at 43% 22%,rgba(22,119,255,.09),transparent 36%),linear-gradient(180deg,#fff 0%,#f8fbff 100%) !important;box-shadow:0 20px 48px rgba(15,23,42,.10),0 2px 0 rgba(255,255,255,.9) inset !important;overflow:hidden !important}.featured-template-card:before{content:"" !important;position:absolute !important;inset:14px 34% 14px 23% !important;border-radius:999px !important;background:radial-gradient(ellipse at center,rgba(22,119,255,.10),rgba(22,119,255,.035) 44%,transparent 70%) !important;z-index:0 !important}.featured-template-card>*{position:relative !important;z-index:1 !important}.featured-copy{grid-area:copy !important;align-self:center !important;min-width:0 !important}.featured-template-card .featured-badge{position:static !important;display:inline-flex !important;align-items:center !important;gap:6px !important;margin-bottom:16px !important;padding:8px 13px !important;border-radius:999px !important;background:#eefaf4 !important;border:1px solid #d6f1df !important;color:#1f7a45 !important;font-size:12px !important;font-weight:900 !important;min-width:0 !important}.featured-copy h2{margin:0 0 8px !important;font-size:31px !important;line-height:1.03 !important;letter-spacing:-.045em !important;color:#081427 !important;font-weight:950 !important}.featured-copy p{margin:0 0 18px !important;color:#64748b !important;font-size:14px !important;line-height:1.45 !important;font-weight:750 !important}.featured-template-card .detail-btn{width:180px !important;height:46px !important;margin:0 !important;border-radius:10px !important;font-size:14px !important;box-shadow:0 13px 28px rgba(22,119,255,.30) !important}.featured-template-card .featured-car{grid-area:car !important;align-self:center !important;justify-self:center !important;padding:0 !important;width:100% !important}.featured-template-card .featured-car img{width:100% !important;height:190px !important;object-fit:contain !important;transform:scale(1.16) translateY(2px) !important;filter:drop-shadow(0 22px 22px rgba(15,23,42,.18)) !important}.featured-template-card .featured-info{grid-area:specs !important;padding:0 !important;min-width:0 !important}.featured-template-card .spec-row{display:grid !important;grid-template-columns:1fr 1fr !important;margin:0 !important;border:0 !important;gap:0 !important;min-height:174px !important}.featured-template-card .spec-row div{position:relative !important;display:grid !important;grid-template-columns:42px 1fr !important;grid-template-rows:auto auto !important;align-content:center !important;column-gap:12px !important;min-height:86px !important;padding:18px 22px !important;border:0 !important;border-left:1px solid #e8edf5 !important;border-bottom:1px solid #e8edf5 !important}.featured-template-card .spec-row div:nth-child(3),.featured-template-card .spec-row div:nth-child(4){border-bottom:0 !important}.featured-template-card .spec-icon{grid-row:1/3 !important;width:34px !important;height:34px !important;border-radius:12px !important;display:grid !important;place-items:center !important;background:linear-gradient(180deg,#eaf4ff,#f6fbff) !important;color:#1677ff !important;box-shadow:0 8px 18px rgba(22,119,255,.11) !important}.featured-template-card .spec-icon:before{font-size:21px !important;line-height:1 !important;font-weight:900 !important}.featured-template-card .spec-road:before{content:"⌁" !important}.featured-template-card .spec-charge:before{content:"⚡" !important}.featured-template-card .spec-power:before{content:"◔" !important}.featured-template-card .spec-price:before{content:"$" !important}.featured-template-card .spec-row b{display:block !important;font-size:22px !important;line-height:1.05 !important;color:#081427 !important;font-weight:950 !important;white-space:nowrap !important}.featured-template-card .spec-row span{margin-top:5px !important;color:#64748b !important;font-size:12px !important;font-weight:750 !important}@media(max-width:1180px) and (min-width:861px){.featured-template-card{grid-template-columns:230px minmax(270px,1fr) minmax(292px,.95fr) !important;padding:24px !important;gap:14px !important}.featured-template-card .featured-car img{height:172px !important;transform:scale(1.1) !important}.featured-copy h2{font-size:27px !important}.featured-template-card .spec-row div{padding:15px 16px !important}.featured-template-card .spec-row b{font-size:20px !important}}@media(max-width:860px) and (min-width:721px){.featured-template-card{grid-template-columns:1fr 1fr !important;grid-template-areas:"copy car" "specs specs" !important;padding:24px !important;min-height:auto !important}.featured-template-card .featured-car img{height:170px !important;transform:scale(1.05) !important}.featured-template-card .spec-row div:nth-child(1),.featured-template-card .spec-row div:nth-child(3){border-left:0 !important}}@media(max-width:720px){.featured-template-card{grid-template-columns:1fr !important;grid-template-areas:"copy" "car" "specs" !important;padding:22px 18px !important;min-height:auto !important;gap:16px !important}.featured-template-card .featured-badge{margin-bottom:12px !important}.featured-copy h2{font-size:26px !important}.featured-copy p{font-size:13px !important}.featured-template-card .detail-btn{width:100% !important}.featured-template-card .featured-car img{height:158px !important;transform:scale(1.04) !important}.featured-template-card .spec-row{grid-template-columns:1fr 1fr !important;min-height:auto !important}.featured-template-card .spec-row div{padding:14px 12px !important;grid-template-columns:34px 1fr !important;column-gap:8px !important;border:1px solid #e8edf5 !important;border-radius:10px !important;margin:4px !important}.featured-template-card .spec-icon{width:30px !important;height:30px !important}.featured-template-card .spec-row b{font-size:18px !important}.featured-template-card .spec-row span{font-size:11px !important}}

/* OtoRev v2 polish 2026-06-04: separate popular-search chips from stat cards */
.hero-copy{padding-bottom:72px !important}
.popular-search{margin-top:20px !important;margin-bottom:24px !important;row-gap:10px !important}
.popular-search span{margin-right:2px !important}
.popular-search button{margin-bottom:2px !important;box-shadow:0 8px 18px rgba(0,0,0,.16) !important}
.stat-strip{margin-top:-26px !important}
@media(max-width:860px){.hero-copy{padding-bottom:54px !important}.popular-search{margin-bottom:18px !important}.stat-strip{margin-top:18px !important}}

/* OtoRev v2 integration 2026-06-04: active frontend controls + backend/database live previews */
.brand-grid button[aria-pressed="true"],.type-grid button[aria-pressed="true"]{border-color:#1677ff !important;background:linear-gradient(180deg,#eef6ff,#fff) !important;box-shadow:0 12px 30px rgba(22,119,255,.16) !important}.brand-grid button[aria-pressed="true"] small,.type-grid button[aria-pressed="true"] span{color:#075ed0 !important}.empty-state{grid-column:1/-1;padding:18px;border:1px dashed #cbd5e1;border-radius:14px;color:#64748b;background:#f8fafc}.infra-preview{grid-column:1/3;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.22);display:grid;gap:5px}.infra-preview small{font-size:10px !important;line-height:1.25;color:rgba(255,255,255,.82) !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-footer form input:invalid{outline-color:#ef4444}

/* OtoRev v2 lead modal integration 2026-06-04 */
body.lead-open{overflow:hidden}.lead-modal[hidden]{display:none}.lead-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}.lead-backdrop{position:absolute;inset:0;background:rgba(4,12,25,.62);backdrop-filter:blur(8px)}.lead-dialog{position:relative;width:min(760px,100%);max-height:min(92vh,820px);overflow:auto;background:#fff;border-radius:22px;box-shadow:0 32px 90px rgba(2,8,23,.32);padding:28px;border:1px solid #e5edf8}.lead-close{position:absolute;right:16px;top:14px;width:36px;height:36px;border:0;border-radius:999px;background:#f1f5f9;color:#0f172a;font-size:24px;line-height:1;cursor:pointer}.lead-dialog-head h2{margin:5px 0 8px;font-size:30px;letter-spacing:-.04em}.lead-dialog-head p{margin:0 0 18px;color:#64748b;line-height:1.5}.lead-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lead-form label{display:grid;gap:7px;font-size:12px;font-weight:900;color:#334155}.lead-form input,.lead-form select{height:44px;border:1px solid #dbe4ef;border-radius:10px;padding:0 12px;font:inherit;color:#0f172a;background:#fff}.lead-form input:focus,.lead-form select:focus{outline:2px solid rgba(22,119,255,.25);border-color:#1677ff}.lead-wide{grid-column:1/-1}.lead-check{display:flex !important;grid-template-columns:none !important;align-items:flex-start;gap:10px;font-size:12px;line-height:1.45;color:#475569}.lead-check input{width:16px;height:16px;margin-top:2px}.lead-actions{display:flex;gap:10px;align-items:center}.btn-outline-dark{border:1px solid #cbd5e1;color:#0f172a;background:#fff}.lead-message{margin:0;color:#64748b;font-weight:800}.lead-message.success{color:#15803d}.lead-message.error{color:#b91c1c}.lead-hp{position:absolute !important;left:-9999px !important;opacity:0 !important}@media(max-width:720px){.lead-dialog{padding:22px;border-radius:18px}.lead-form{grid-template-columns:1fr}.lead-actions{display:grid}.lead-dialog-head h2{font-size:25px}}

/* OtoRev v2 footer/routing activation 2026-06-04 */
.site-footer nav{display:grid;gap:10px}.site-footer nav b,.site-footer form b{font-size:13px;color:#0f172a}.site-footer nav a{color:#64748b;text-decoration:none;font-weight:750;font-size:13px}.site-footer nav a:hover{color:#1677ff}.site-footer form small{display:block;margin-top:8px;color:#94a3b8;font-size:11px;line-height:1.35}.site-footer form button{cursor:pointer}.site-footer form input{min-width:0}

/* Oto 2 + Oto 2.1 route redesign from Master attachments — 2026-06-05 */
.route-redesign{background:#f6f8fb;color:#0b1728}.route-redesign .site-header{background:#050d1a}.route-redesign .site-footer{margin-top:24px}.route-hero{position:relative;overflow:hidden;color:#fff;background:#06101f;min-height:350px}.route-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 38%,rgba(22,119,255,.34),transparent 36%),linear-gradient(90deg,rgba(3,9,18,.97),rgba(5,16,31,.82) 45%,rgba(5,16,31,.3));z-index:1}.route-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.05) 42%,rgba(0,0,0,.18));z-index:2}.route-hero-grid{position:relative;z-index:3;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:350px}.route-hero-copy{font-family:'Plus Jakarta Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;position:relative;z-index:4;max-width:620px}.route-hero-copy h1{margin:0 0 14px;font-size:47px;line-height:1.02;letter-spacing:-.045em;font-weight:950}.route-hero-copy h1 span{color:#2d8cff}.route-hero-copy p{margin:0 0 20px;max-width:520px;color:#d9e7f8;font-size:15px;line-height:1.55;font-weight:650}.route-hero-visual{position:absolute;right:0;inset-block:0;width:56%;z-index:2}.route-hero-visual:after{content:"";position:absolute;right:34px;bottom:34px;width:108px;height:220px;border-radius:22px;border:2px solid #42b5ff;background:linear-gradient(180deg,rgba(15,41,75,.96),rgba(7,20,37,.88));box-shadow:0 0 34px rgba(45,140,255,.65),inset 0 0 18px rgba(45,140,255,.28)}.route-hero-visual img{width:100%;height:100%;object-fit:cover;opacity:.58;filter:saturate(1.05) contrast(1.08)}.route-search{width:min(520px,100%);height:54px;background:#fff;border:1px solid rgba(67,154,255,.5);box-shadow:0 0 0 4px rgba(22,119,255,.18),0 18px 38px rgba(0,0,0,.25);border-radius:9px;display:grid;grid-template-columns:45px 1fr 48px;align-items:center;padding:0 6px 0 14px}.route-search span{color:#64748b;font-size:22px}.route-search input{border:0;outline:0;color:#0f172a;font-size:14px}.route-search button{height:42px;border:0;border-radius:8px;background:#1677ff;color:#fff;font-weight:950}.city-chips{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.city-chips button{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.24);color:#e5f0ff;border-radius:8px;padding:9px 16px;font-size:12px;font-weight:850}.route-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:-34px;position:relative;z-index:5}.route-stat-grid article{min-height:116px;border-radius:12px;background:linear-gradient(180deg,#07264b,#05182f);color:#fff;border:1px solid rgba(255,255,255,.09);box-shadow:0 14px 34px rgba(5,16,31,.18);display:grid;grid-template-columns:62px 1fr;column-gap:16px;align-items:center;padding:22px}.route-stat-grid i{grid-row:1/3;width:54px;height:54px;border-radius:13px;display:grid;place-items:center;background:#0b78ff;font-style:normal;font-size:30px;box-shadow:0 10px 22px rgba(22,119,255,.28)}.route-stat-grid b{font-size:32px;line-height:1;font-weight:950}.route-stat-grid span{font-size:13px;line-height:1.25;color:#dbeafe;font-weight:750}.filter-card,.map-panel,.dealer-bottom-grid>div,.route-tools,.spec-compare,.insight-section,.compare-picker{background:#fff;border:1px solid #e4eaf2;border-radius:14px;box-shadow:0 10px 28px rgba(15,23,42,.055)}.filter-card{margin-top:22px;padding:22px}.filter-card h2,.map-panel h2,.dealer-bottom-grid h2,.route-tools h2,.spec-compare h2,.insight-section h2{font-size:19px;margin:0 0 18px;letter-spacing:-.02em}.filter-grid{display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:16px}.filter-grid label{display:grid;gap:8px;font-size:12px;font-weight:850;color:#334155}.filter-grid select{height:43px;border:1px solid #dce5ef;border-radius:8px;color:#64748b;padding:0 12px;background:#fff}.segmented{display:grid;grid-template-columns:repeat(3,1fr);height:43px;border:1px solid #dce5ef;border-radius:8px;overflow:hidden}.segmented button{border:0;background:#fff;color:#64748b;font-weight:850}.segmented .on{background:#1677ff;color:#fff}.filter-actions{margin-top:18px;display:flex;justify-content:flex-end;gap:12px}.filter-actions button{height:43px;border:1px solid #cfd9e6;background:#fff;border-radius:8px;padding:0 20px;font-weight:900;color:#334155}.filter-actions .primary{background:#1677ff;color:#fff;border-color:#1677ff}.map-panel{margin-top:22px;padding:18px;display:grid;grid-template-columns:1.42fr 1fr;gap:22px;background:#06172d;color:#fff;border:0}.indo-map{position:relative;min-height:400px;border-radius:12px;overflow:hidden;background:#041326}.indo-map img{width:100%;height:100%;min-height:400px;object-fit:cover;opacity:.95;mix-blend-mode:screen;filter:saturate(1.18) contrast(1.05)}.indo-map button{position:absolute;z-index:2;top:18px;left:18px;border:1px solid rgba(255,255,255,.22);background:rgba(2,8,23,.5);color:#fff;border-radius:8px;padding:9px 13px;font-weight:850}.zoom{position:absolute;left:18px;bottom:26px;display:grid;border:1px solid rgba(255,255,255,.25);border-radius:8px;overflow:hidden}.zoom span{display:grid;place-items:center;width:34px;height:34px;background:rgba(2,8,23,.62);color:#fff}.map-panel aside{padding:6px 0}.map-panel aside h2{color:#fff}.map-panel aside article{display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12)}.map-panel aside b{display:inline-block;font-size:15px}.map-panel aside em{margin-left:8px;font-size:10px;font-style:normal;background:#0b5ed7;color:#cfe6ff;border-radius:999px;padding:3px 7px}.map-panel aside p{margin:6px 0;color:#cbd5e1;font-size:12px}.map-panel aside small{color:#8cc5ff}.map-panel aside a{align-self:center;border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:10px 12px;font-size:12px;font-weight:850;color:#fff}.all-link{display:block;text-align:center;margin-top:14px;color:#93c5fd!important;border:0!important}.dealer-bottom-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;margin-top:22px}.dealer-bottom-grid>div{padding:20px;background:#07172b;color:#fff;border:0}.brand-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.brand-mini span,.brand-mini button{height:62px;border-radius:9px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);display:grid;place-items:center;color:#fff;font-weight:950}.brand-mini button{grid-column:span 2;font-size:12px}.benefit-panel>div{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.benefit-panel article i{width:44px;height:44px;border-radius:999px;background:#0b2c57;display:grid;place-items:center;font-style:normal;margin-bottom:16px}.benefit-panel article b{display:block;margin-bottom:6px}.benefit-panel article span{font-size:12px;color:#cbd5e1;line-height:1.35}.route-cta{margin-top:22px;background:linear-gradient(90deg,#0b64d8,#071a35);color:#fff;border-radius:14px;padding:24px 30px;display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;box-shadow:0 14px 34px rgba(11,100,216,.2)}.route-cta h2{margin:0 0 6px;font-size:24px}.route-cta p{margin:0;color:#dbeafe}.route-cta button,.route-cta a{height:46px;border-radius:9px;border:1px solid rgba(255,255,255,.28);background:#fff;color:#0b64d8;font-weight:950;padding:0 24px;display:inline-flex;align-items:center}.route-cta a{background:rgba(255,255,255,.06);color:#fff}.compare-hero{min-height:405px;background:#06101f}.compare-hero:before{background:radial-gradient(circle at 58% 55%,rgba(22,119,255,.45),transparent 34%),linear-gradient(90deg,rgba(3,9,18,.98),rgba(4,14,28,.82) 48%,rgba(4,14,28,.35))}.compare-hero:after{background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.22)),url('/assets/hero-homepage-kie-neutral.jpg') right center/cover no-repeat;opacity:.72;z-index:0}.compare-hero .route-hero-grid{min-height:405px}.page-pill{font-family:'Plus Jakarta Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;display:inline-flex;margin-bottom:16px;background:rgba(22,119,255,.16);border:1px solid rgba(96,165,250,.22);border-radius:999px;color:#cde6ff;font-weight:900;font-size:12px;padding:8px 12px}.hero-bullets{display:flex;gap:18px;margin-top:24px;flex-wrap:wrap}.hero-bullets span{color:#dbeafe;font-size:12px;font-weight:850}.compare-why{justify-self:end;align-self:start;margin-top:64px;display:grid;grid-template-columns:repeat(4,auto);gap:12px;color:#dbeafe;font-size:11px;background:rgba(2,8,23,.35);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:16px;backdrop-filter:blur(8px)}.compare-why b{grid-column:1/-1;color:#fff;font-size:13px}.compare-picker{margin-top:-44px;position:relative;z-index:5;display:grid;grid-template-columns:210px repeat(3,1fr) 180px;gap:0;overflow:hidden}.compare-picker aside,.compare-picker article{min-height:184px;padding:20px;border-right:1px solid #e5eaf2}.compare-picker h2{font-size:18px;margin:0 0 8px}.compare-picker p{font-size:12px;color:#64748b}.compare-picker aside button{margin-top:54px;border:1px solid #c9d7e8;background:#fff;color:#1677ff;border-radius:8px;height:40px;padding:0 18px;font-weight:900}.compare-picker article{position:relative;text-align:center}.compare-picker article .close{position:absolute;right:14px;top:14px;border:0;background:transparent;color:#94a3b8}.compare-picker article em{position:absolute;left:18px;top:14px;font-style:normal;background:#1677ff;color:#fff;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:950}.compare-picker article img{height:78px;width:100%;object-fit:contain;margin:14px auto 8px;filter:drop-shadow(0 10px 10px rgba(15,23,42,.12))}.compare-picker article h3{font-size:16px;margin:0}.compare-picker article div{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:12px;font-size:10px;color:#475569}.limit-card{text-align:center;background:#fbfdff}.limit-card b{display:block;font-size:28px;color:#1677ff}.limit-card h3{font-size:15px}.spec-compare{margin-top:24px;padding:22px}.table-wrap{overflow:auto}.spec-compare table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #e5eaf2;border-radius:12px;overflow:hidden}.spec-compare th,.spec-compare td{text-align:left;padding:12px 16px;border-bottom:1px solid #e5eaf2;border-right:1px solid #e5eaf2;font-size:13px}.spec-compare th{background:#fbfdff;font-weight:950}.spec-compare tr:last-child td{border-bottom:0}.spec-compare td:first-child{font-weight:900;color:#334155}.spec-compare small{display:block;margin-top:10px;color:#94a3b8}.spec-compare small span{float:right}.verdict{display:grid;gap:4px;font-size:13px}.verdict small{margin:0;color:#64748b}.verdict.blue{color:#1677ff}.verdict.red{color:#ef4444}.verdict.green{color:#10b981}.insight-section{margin-top:22px;padding:22px;background:transparent;border:0;box-shadow:none}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.insight-grid article{background:#fff;border:1px solid #e5eaf2;border-radius:14px;padding:18px;box-shadow:0 10px 28px rgba(15,23,42,.045)}.insight-grid h3{margin:0 0 14px}.insight-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.insight-cols b,.insight-grid footer b{display:block;font-size:12px;margin-bottom:8px}.insight-cols p{margin:0 0 6px;color:#64748b;font-size:12px}.insight-grid footer{margin-top:16px;border-top:1px solid #eef2f7;padding-top:14px}.insight-grid footer span{font-size:12px;color:#64748b}.route-tools{margin-top:18px;padding:22px;background:transparent;border:0;box-shadow:none}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tool-grid a{min-height:132px;background:linear-gradient(135deg,#071a35,#062b5a);border:1px solid rgba(255,255,255,.08);border-radius:13px;color:#fff;padding:20px;display:grid;align-content:end;box-shadow:0 14px 34px rgba(7,26,53,.14)}.tool-grid span{color:#cbd5e1;font-size:12px;margin:8px 0}.tool-grid em{color:#8ec5ff;font-size:12px;font-style:normal;font-weight:900}.compare-cta{background:linear-gradient(90deg,#071a35,#082f66)}.compare-cta button{color:#16a34a}.compare-cta a{padding:0 28px}
@media(max-width:1050px){.route-hero-copy h1{font-size:40px}.route-stat-grid{grid-template-columns:repeat(2,1fr)}.filter-grid{grid-template-columns:repeat(2,1fr)}.map-panel,.dealer-bottom-grid{grid-template-columns:1fr}.benefit-panel>div,.brand-mini{grid-template-columns:repeat(2,1fr)}.compare-picker{grid-template-columns:1fr 1fr}.limit-card{display:none}.insight-grid,.tool-grid{grid-template-columns:1fr 1fr}.compare-why{display:none}}@media(max-width:720px){.route-hero,.compare-hero{min-height:470px}.route-hero-grid{grid-template-columns:1fr;min-height:470px}.route-hero-copy h1{font-size:34px}.route-hero-visual{width:100%;opacity:.38}.route-search{height:50px}.route-stat-grid{grid-template-columns:1fr;margin-top:16px}.filter-grid,.map-panel,.dealer-bottom-grid,.benefit-panel>div,.brand-mini,.compare-picker,.insight-grid,.tool-grid,.route-cta{grid-template-columns:1fr}.map-panel{padding:14px}.indo-map,.indo-map img{min-height:260px}.compare-picker{margin-top:16px}.compare-picker article,.compare-picker aside{border-right:0;border-bottom:1px solid #e5eaf2}.spec-compare th,.spec-compare td{min-width:170px}.route-cta button,.route-cta a{width:100%;justify-content:center}.filter-actions{justify-content:stretch}.filter-actions button{flex:1}}

/* OtoRev V2 safety: no synthetic vehicle photo when catalogue DB/API is missing */
.catalogue-empty .hero-visual img,.catalogue-empty .featured-car img,img[data-empty="true"]{display:none !important}.catalogue-empty .hero-visual{min-height:120px}.catalogue-empty .featured-car{min-height:120px;border:1px dashed #cbd5e1;border-radius:14px;background:linear-gradient(180deg,#f8fafc,#eef2f7);display:grid !important;place-items:center}.catalogue-empty .featured-car:before{content:"Data gambar kendaraan belum tersedia";color:#64748b;font-size:13px;font-weight:850}.vehicle-no-image{height:100%;min-height:96px;display:grid;place-items:center;text-align:center;padding:12px;color:#64748b;font-size:11px;font-weight:800}.mini-car.no-vehicle-image .img{background:#f8fafc;border-style:dashed}

/* Oto 2.2 — Berita EV Newsroom template from Master attachment, 2026-06-05 */
.newsroom-v2{background:#f5f7fb}.newsroom-hero{position:relative;overflow:hidden;color:#fff;background:#03101f;min-height:305px}.newsroom-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,23,.98),rgba(2,15,31,.82) 48%,rgba(2,15,31,.22)),radial-gradient(circle at 74% 54%,rgba(22,119,255,.42),transparent 34%);z-index:1}.newsroom-hero:after{content:"";position:absolute;right:6%;top:54px;width:96px;height:178px;border-radius:18px;border:2px solid #3ea7ff;box-shadow:0 0 34px rgba(62,167,255,.72),inset 0 0 20px rgba(62,167,255,.28);z-index:2}.newsroom-hero-grid{position:relative;z-index:3;display:grid;grid-template-columns:1.05fr 1fr;min-height:305px;align-items:center}.newsroom-copy{padding:26px 0}.breadcrumb{font-size:12px;color:#b9d7ff;margin-bottom:12px;font-weight:800}.breadcrumb span{padding:0 8px;color:#5b85b9}.newsroom-copy .page-pill{background:#103f78;border-color:#1d66bd;color:#fff;margin-bottom:12px}.newsroom-copy h1{font-size:40px;line-height:1.04;margin:0 0 12px;font-weight:950;letter-spacing:-.045em}.newsroom-copy h1 span{color:#2b8cff}.newsroom-copy p{margin:0;color:#dcecff;max-width:560px;line-height:1.5;font-weight:650}.newsroom-visual{position:absolute;right:0;top:0;bottom:0;width:58%;z-index:0}.newsroom-visual img{width:100%;height:100%;object-fit:cover;opacity:.62;filter:saturate(1.08) contrast(1.08)}.news-tabs{position:relative;z-index:5;margin-top:-25px;background:#fff;border:1px solid #e5eaf2;border-radius:10px;box-shadow:0 12px 30px rgba(15,23,42,.12);display:grid;grid-template-columns:1.25fr repeat(6,1fr);gap:0;padding:6px}.news-tabs button{height:42px;border:0;background:#fff;border-radius:8px;color:#64748b;font-weight:900;font-size:12px;display:flex;align-items:center;justify-content:center;gap:8px}.news-tabs button.active{background:#1677ff;color:#fff}.top-story{margin-top:18px;background:#041326;color:#fff;border-radius:14px;overflow:hidden;display:grid;grid-template-columns:1.04fr 1fr;min-height:215px;box-shadow:0 16px 38px rgba(2,8,23,.16)}.top-img{position:relative;overflow:hidden}.top-img img{width:100%;height:100%;object-fit:cover;filter:saturate(1.15) contrast(1.05)}.top-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,8,23,.06),rgba(2,8,23,.38))}.top-img em,.top-img small{position:absolute;z-index:2;left:18px;font-style:normal;font-weight:950}.top-img em{top:16px;color:#cfe6ff;font-size:12px}.top-img small{bottom:18px;background:#0b4e9e;color:#dcecff;border-radius:999px;padding:6px 10px;font-size:10px}.top-story article{padding:34px 32px;display:grid;align-content:center}.top-story article p{margin:0 0 10px;color:#94a3b8;font-size:12px;font-weight:800}.top-story h2{font-size:29px;line-height:1.12;margin:0 0 14px;letter-spacing:-.035em}.top-story span{color:#d6e7fb;font-size:14px;line-height:1.45}.top-story a{justify-self:start;margin-top:18px;background:#1677ff;color:#fff;border-radius:7px;padding:12px 18px;font-size:13px;font-weight:950}.news-list-head{margin-top:22px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.news-list-head h2{font-size:22px;margin:0;letter-spacing:-.025em}.news-list-head a{font-size:12px;font-weight:950;color:#126dff}.newsroom-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.newsroom-grid article{background:#fff;border:1px solid #e5eaf2;border-radius:10px;overflow:hidden;box-shadow:0 8px 22px rgba(15,23,42,.045)}.newsroom-thumb{height:118px;position:relative;overflow:hidden;background:#071a35}.newsroom-thumb img{width:100%;height:100%;object-fit:cover;filter:saturate(1.08)}.newsroom-thumb b{position:absolute;left:8px;top:8px;background:#0b67d8;color:#fff;border-radius:7px;padding:5px 8px;font-size:10px}.newsroom-grid small{display:block;margin:10px 10px 6px;color:#64748b;font-size:10px}.newsroom-grid h3{font-size:13.5px;line-height:1.25;margin:0 10px 7px;color:#111827}.newsroom-grid p{font-size:11px;color:#64748b;line-height:1.35;margin:0 10px 12px}.newsroom-tools{margin-top:22px;background:linear-gradient(90deg,#06182e,#082d5b);color:#fff;border-radius:14px;padding:20px 24px;display:grid;grid-template-columns:1.28fr repeat(3,1fr);gap:16px;box-shadow:0 16px 38px rgba(7,24,46,.18)}.newsroom-tools h2{font-size:21px;margin:0 0 8px;line-height:1.15}.newsroom-tools p{margin:0;color:#cbd5e1;font-size:12px}.newsroom-tools a{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);border-radius:10px;padding:14px;color:#fff;display:grid;grid-template-columns:44px 1fr;gap:8px 12px}.newsroom-tools a b{grid-row:1/3;width:42px;height:42px;border-radius:10px;background:#0b4e9e;display:grid;place-items:center;color:#8ed0ff}.newsroom-tools a span{font-weight:950;font-size:13px}.newsroom-tools a em{font-style:normal;color:#b8d9ff;font-size:11px;line-height:1.3}.need-section{margin-top:22px}.need-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.need-grid article{background:#fff;border:1px solid #e5eaf2;border-radius:12px;padding:18px;box-shadow:0 8px 22px rgba(15,23,42,.045)}.need-grid i{width:48px;height:48px;border-radius:13px;background:#eef6ff;display:grid;place-items:center;font-style:normal;font-size:26px;margin-bottom:12px}.need-grid b{display:block;font-size:14px;margin-bottom:7px}.need-grid p{color:#64748b;font-size:12px;line-height:1.4;margin:0 0 10px}.need-grid a{font-size:11px;font-weight:950;color:#126dff}.newsroom-cta{background:linear-gradient(90deg,#064a9d,#071b35),url('/assets/hero-homepage-kie-neutral.jpg') right center/auto 120% no-repeat;background-blend-mode:multiply,normal}.newsroom-cta button{color:#16a34a}
@media(max-width:1120px){.newsroom-grid{grid-template-columns:repeat(3,1fr)}.news-tabs{grid-template-columns:repeat(4,1fr)}.newsroom-tools{grid-template-columns:1fr 1fr}.need-grid{grid-template-columns:1fr 1fr}.top-story{grid-template-columns:1fr}}@media(max-width:720px){.newsroom-hero,.newsroom-hero-grid{min-height:430px}.newsroom-hero-grid{grid-template-columns:1fr}.newsroom-copy h1{font-size:32px}.newsroom-visual{width:100%;opacity:.35}.news-tabs{grid-template-columns:1fr 1fr;margin-top:14px}.top-story{grid-template-columns:1fr}.top-img{height:190px}.top-story h2{font-size:23px}.newsroom-grid,.newsroom-tools,.need-grid{grid-template-columns:1fr}.news-list-head{align-items:flex-start;gap:10px}.newsroom-tools{padding:18px}.newsroom-cta{background:linear-gradient(90deg,#064a9d,#071b35)}}

/* Oto2tco — TCO calculator dark template from Master attachment, 2026-06-05 */
.tco-v2{background:#020a14;color:#eaf4ff}.tco-v2 .site-footer{background:#030c18;border:1px solid rgba(96,165,250,.12)}.tco-hero{position:relative;overflow:hidden;min-height:355px;background:#04101f;color:#fff}.tco-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,23,.98),rgba(2,12,24,.82) 50%,rgba(2,12,24,.12)),radial-gradient(circle at 75% 52%,rgba(22,119,255,.34),transparent 36%);z-index:1}.tco-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr 1fr;min-height:355px;align-items:center}.tco-copy h1{font-size:43px;line-height:1.02;margin:0 0 16px;letter-spacing:-.045em;font-weight:950}.tco-copy h1 span{color:#1988ff}.tco-copy p{color:#dbeafe;font-size:15px;max-width:570px;line-height:1.55;margin:0 0 28px}.tco-trust{display:flex;gap:30px;flex-wrap:wrap}.tco-trust span{display:grid;grid-template-columns:34px 1fr;gap:4px 10px;align-items:center;color:#eaf4ff;font-size:12px}.tco-trust span:first-letter{font-size:20px}.tco-trust b{display:block}.tco-trust small{display:block;color:#94a3b8}.tco-car{position:absolute;right:0;top:0;bottom:0;width:58%;z-index:0}.tco-car img{width:100%;height:100%;object-fit:cover;opacity:.66;filter:saturate(1.08) contrast(1.08)}.tco-main-grid{margin-top:-42px;position:relative;z-index:4;display:grid;grid-template-columns:1.65fr .84fr;gap:22px}.tco-calculator,.tco-side section,.preview-panel,.tco-why article{background:rgba(8,25,47,.94);border:1px solid rgba(96,165,250,.18);border-radius:14px;box-shadow:0 18px 44px rgba(0,0,0,.26)}.tco-calculator{padding:22px}.stepper{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr 24px 1fr;align-items:center;height:46px;border:1px solid rgba(96,165,250,.18);border-radius:10px;padding:5px;background:#07172b}.stepper span{display:flex;gap:9px;align-items:center;justify-content:center;color:#94a3b8;font-size:12px;font-weight:900}.stepper span:before{content:attr(class);display:none}.stepper span{border-radius:8px;height:34px}.stepper span::first-letter{font-size:0}.stepper span.active{background:#1677ff;color:#fff}.stepper i{height:1px;background:rgba(148,163,184,.25)}.tco-calculator h2{font-size:20px;margin:20px 0 6px}.muted{color:#94a3b8;font-size:12px;margin:0 0 16px}.vehicle-pair{display:grid;grid-template-columns:1fr 38px 1fr;gap:18px;align-items:center}.vehicle-pair article{position:relative;background:#0b203c;border:1px solid rgba(96,165,250,.13);border-radius:12px;padding:16px}.vehicle-pair article em{position:absolute;right:14px;top:12px;font-style:normal;background:#1677ff;color:#fff;border-radius:6px;padding:5px 8px;font-size:11px;font-weight:950}.vehicle-pair article em.ice{background:#64748b}.vehicle-pair small{display:block;color:#cbd5e1;font-size:11px}.vehicle-pair img{height:105px;width:100%;object-fit:contain;margin:8px 0;filter:drop-shadow(0 14px 16px rgba(0,0,0,.28))}.vehicle-pair h3{font-size:15px;margin:0 0 8px}.vehicle-pair a{position:absolute;right:15px;bottom:60px;color:#60a5fa;font-size:11px;font-weight:900}.vehicle-pair article div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vehicle-pair span{color:#94a3b8;font-size:10px}.vehicle-pair span b{display:block;color:#fff;font-size:12px;margin-top:4px}.swap{width:38px;height:38px;border:0;border-radius:999px;background:#1677ff;color:#fff;font-size:18px;box-shadow:0 0 22px rgba(22,119,255,.42)}.tco-form-grid{margin-top:20px;display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:16px}.tco-form-grid label{display:grid;gap:8px;color:#cbd5e1;font-size:12px;font-weight:850}.tco-form-grid select{height:42px;background:#07172b;border:1px solid rgba(96,165,250,.16);border-radius:9px;color:#dbeafe;padding:0 12px}.incentive{background:#0b203c;border:1px solid rgba(96,165,250,.13);border-radius:11px;padding:12px}.incentive strong{color:#4ade80;font-size:11px}.incentive a{color:#60a5fa;font-size:11px;justify-self:end}.next-step{margin-top:20px;width:100%;height:48px;border:0;border-radius:8px;background:#1677ff;color:#fff;font-weight:950}.tco-side{display:grid;gap:18px}.tco-side section{padding:18px}.tco-side h3{margin:0 0 18px}.tco-side dl{display:grid;grid-template-columns:1fr auto;gap:14px;margin:0}.tco-side dt{color:#94a3b8;font-size:12px}.tco-side dd{margin:0;font-size:12px;font-weight:900}.tip b,.help b{display:block;margin-bottom:10px}.tip p,.help p{color:#94a3b8;font-size:12px;line-height:1.45}.help button{width:100%;height:42px;border-radius:9px;border:1px solid rgba(96,165,250,.2);background:#07172b;color:#dbeafe;font-weight:900}.preview-panel{margin-top:22px;padding:20px}.preview-panel h2{margin:0 0 4px;font-size:18px}.preview-panel>p{margin:0 0 16px;color:#94a3b8;font-size:12px}.preview-grid{display:grid;grid-template-columns:.86fr 1.25fr 1fr;gap:16px}.cost-cards{display:grid;gap:12px}.cost-cards article{background:#0b203c;border:1px solid rgba(96,165,250,.15);border-radius:10px;padding:14px}.cost-cards span{float:left;width:34px;height:34px;border-radius:999px;background:#1677ff;display:grid;place-items:center;margin-right:12px;font-size:11px;font-weight:950}.cost-cards b{display:block;font-size:13px}.cost-cards small{color:#94a3b8}.cost-cards strong{display:block;font-size:22px;margin-top:5px}.cost-cards em{display:inline-block;margin-top:6px;font-style:normal;background:#14532d;color:#86efac;border-radius:6px;padding:4px 8px;font-size:10px}.chart-card,.donut-card{background:#0b203c;border:1px solid rgba(96,165,250,.15);border-radius:10px;padding:16px}.chart-card h3,.donut-card h3{margin:0 0 15px;font-size:13px}.bar-chart{height:135px;display:flex;align-items:end;gap:7px;border-bottom:1px solid rgba(148,163,184,.2);padding:0 8px}.bar-chart i{width:18px;border-radius:4px 4px 0 0}.bar-chart .ev{background:#1677ff}.bar-chart .ice{background:#64748b}.legend{display:flex;gap:20px;margin-top:10px;color:#94a3b8;font-size:11px}.donut-wrap{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:center}.donut{width:96px;height:96px;border-radius:50%;background:conic-gradient(#1677ff 0 40%,#06b6d4 40% 57%,#f97316 57% 72%,#22c55e 72% 80%,#a855f7 80% 87%,#64748b 87%);position:relative}.donut:after{content:"";position:absolute;inset:24px;background:#0b203c;border-radius:50%}.donut-card ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}.donut-card li{font-size:11px;color:#cbd5e1;display:flex;justify-content:space-between}.saving-strip{margin-top:14px;background:linear-gradient(90deg,#082c58,#0b64d8);border-radius:12px;padding:18px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.saving-strip div{display:grid;grid-template-columns:48px 1fr;gap:4px 14px}.saving-strip i{grid-row:1/3;width:46px;height:46px;border-radius:13px;background:#1677ff;display:grid;place-items:center;font-style:normal}.saving-strip b{font-size:20px}.saving-strip span{color:#dbeafe;font-size:12px}.saving-strip button{height:46px;border:0;border-radius:8px;background:#1677ff;color:#fff;padding:0 24px;font-weight:950}.tco-why{margin-top:22px}.tco-why h2{font-size:20px}.tco-why>div{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tco-why article{padding:18px;min-height:126px}.tco-why i{width:40px;height:40px;border-radius:12px;background:#082f66;display:grid;place-items:center;font-style:normal;margin-bottom:12px}.tco-why b{display:block}.tco-why p{font-size:11px;color:#94a3b8;line-height:1.4}.tco-cta{background:linear-gradient(90deg,#0b64d8,#062b5a)}.tco-cta a{background:#fff;color:#0b64d8}.tco-cta button{background:#42db72!important;color:#052e16!important}
@media(max-width:1050px){.tco-main-grid,.preview-grid{grid-template-columns:1fr}.tco-side{grid-template-columns:repeat(3,1fr)}.tco-form-grid,.tco-why>div{grid-template-columns:1fr 1fr}.tco-hero-grid{grid-template-columns:1fr}.tco-car{width:100%;opacity:.35}.tco-copy h1{font-size:36px}}@media(max-width:720px){.tco-hero{min-height:500px}.tco-main-grid{margin-top:16px}.vehicle-pair{grid-template-columns:1fr}.swap{justify-self:center}.tco-side,.tco-form-grid,.tco-why>div,.saving-strip,.saving-strip div{grid-template-columns:1fr}.preview-grid{grid-template-columns:1fr}.donut-wrap{grid-template-columns:1fr}.tco-trust{gap:12px}.tco-copy h1{font-size:31px}.stepper{grid-template-columns:1fr}.stepper i{display:none}.stepper span:not(.active){display:none}}

/* oto2tco color correction — match Master light calculator reference, 2026-06-05 */
.tco-light-ref{background:#f4f7fb !important;color:#0f172a !important}.tco-light-ref .site-footer{background:#04101f !important;color:#dbeafe !important;border-radius:0 !important;margin-top:28px !important}.tco-light-ref .tco-hero{background:#031020 !important;min-height:372px !important}.tco-light-ref .tco-hero:before{background:linear-gradient(90deg,rgba(2,8,23,.98) 0%,rgba(4,15,31,.88) 38%,rgba(4,15,31,.30) 72%,rgba(4,15,31,.18) 100%),radial-gradient(circle at 73% 57%,rgba(22,119,255,.42),transparent 35%) !important}.tco-light-ref .tco-car img{opacity:.82 !important;filter:saturate(1.12) contrast(1.1) brightness(.86) !important}.tco-light-ref .tco-copy h1{font-size:46px !important;line-height:1.02 !important}.tco-light-ref .tco-copy h1 span{color:#1687ff !important}.tco-light-ref .tco-copy p{max-width:610px !important;color:#d8e8fb !important}.tco-light-ref .tco-trust{gap:18px !important}.tco-light-ref .tco-trust span{min-width:178px;grid-template-columns:42px 1fr !important;background:rgba(255,255,255,.05);border:1px solid rgba(96,165,250,.18);border-radius:12px;padding:12px 13px;color:#fff !important}.tco-light-ref .tco-trust span:before{content:"";width:38px;height:38px;grid-row:1/3;border-radius:12px;background:#0b78ff;box-shadow:0 0 24px rgba(22,119,255,.36)}.tco-light-ref .tco-trust span{position:relative}.tco-light-ref .tco-trust span::first-letter{font-size:0}.tco-light-ref .tco-trust b{font-size:12px}.tco-light-ref .tco-trust small{color:#bcd5f0 !important;font-size:10px;line-height:1.3}.tco-light-ref .tco-main-grid{background:#fff;border:1px solid #e6ebf2;border-radius:14px;box-shadow:0 18px 42px rgba(15,23,42,.18);padding:20px;margin-top:-58px;gap:20px}.tco-light-ref .tco-calculator,.tco-light-ref .tco-side section,.tco-light-ref .preview-panel,.tco-light-ref .tco-why article{background:#fff !important;border:1px solid #e7edf5 !important;color:#0f172a !important;box-shadow:none !important}.tco-light-ref .tco-calculator{padding:0 !important;border:0 !important}.tco-light-ref .stepper{background:#fff !important;border:0 !important;border-bottom:1px solid #e7edf5 !important;border-radius:0 !important;height:58px;padding:0 0 16px !important}.tco-light-ref .stepper span{color:#64748b !important;background:#fff !important;justify-content:flex-start !important;gap:10px}.tco-light-ref .stepper span.active{color:#0b64d8 !important;background:#fff !important}.tco-light-ref .stepper span::before{content:"";width:30px;height:30px;border-radius:999px;background:#eef4fb;border:1px solid #dce7f5;display:block}.tco-light-ref .stepper span.active::before{background:#1677ff;border-color:#1677ff;box-shadow:0 8px 20px rgba(22,119,255,.22)}.tco-light-ref .stepper i{background:#e5eaf2 !important}.tco-light-ref .tco-calculator h2{color:#0f172a !important;margin-top:18px !important}.tco-light-ref .muted,.tco-light-ref .tco-form-grid label,.tco-light-ref .vehicle-pair small,.tco-light-ref .vehicle-pair span,.tco-light-ref .tco-side dt,.tco-light-ref .tip p,.tco-light-ref .help p,.tco-light-ref .preview-panel>p,.tco-light-ref .donut-card li,.tco-light-ref .tco-why p{color:#64748b !important}.tco-light-ref .vehicle-pair article{background:#fff !important;border:1px solid #e7edf5 !important;box-shadow:0 8px 18px rgba(15,23,42,.04)}.tco-light-ref .vehicle-pair article em{background:#1677ff !important}.tco-light-ref .vehicle-pair article em.ice{background:#f97316 !important}.tco-light-ref .vehicle-pair h3,.tco-light-ref .vehicle-pair span b{color:#0f172a !important}.tco-light-ref .vehicle-pair img{height:118px !important;filter:drop-shadow(0 12px 12px rgba(15,23,42,.14)) !important}.tco-light-ref .swap{background:#eaf4ff !important;color:#1677ff !important;box-shadow:none !important;border:1px solid #d8e9ff !important}.tco-light-ref .tco-form-grid select{background:#fff !important;border:1px solid #dbe4ef !important;color:#0f172a !important}.tco-light-ref .incentive{background:#f8fbff !important;border:1px solid #dbeafe !important}.tco-light-ref .incentive strong{color:#15803d !important}.tco-light-ref .next-step{background:#1677ff !important;box-shadow:0 10px 24px rgba(22,119,255,.25) !important}.tco-light-ref .tco-side section:first-child{background:linear-gradient(135deg,#08264c,#064b9a) !important;color:#fff !important;border:0 !important}.tco-light-ref .tco-side section:first-child dt{color:#cfe5ff !important}.tco-light-ref .tco-side section:first-child dd{color:#fff !important}.tco-light-ref .tip,.tco-light-ref .help{background:#fff !important}.tco-light-ref .tip b,.tco-light-ref .help b{color:#0f172a !important}.tco-light-ref .help button{background:#eef6ff !important;color:#0b64d8 !important;border:1px solid #cfe3ff !important}.tco-light-ref .preview-panel{margin-top:22px !important;padding:22px !important;border-radius:14px !important;box-shadow:0 10px 28px rgba(15,23,42,.055) !important}.tco-light-ref .preview-panel h2,.tco-light-ref .chart-card h3,.tco-light-ref .donut-card h3{color:#0f172a !important}.tco-light-ref .cost-cards article,.tco-light-ref .chart-card,.tco-light-ref .donut-card{background:#fff !important;border:1px solid #e7edf5 !important;color:#0f172a !important;box-shadow:0 8px 18px rgba(15,23,42,.035)}.tco-light-ref .cost-cards strong{color:#0b64d8 !important}.tco-light-ref .cost-cards article:nth-child(2) strong{color:#f97316 !important}.tco-light-ref .bar-chart{border-bottom-color:#e7edf5 !important;background:linear-gradient(180deg,transparent,#fbfdff);border-radius:8px}.tco-light-ref .legend,.tco-light-ref .cost-cards small{color:#64748b !important}.tco-light-ref .donut:after{background:#fff !important}.tco-light-ref .donut-card li b{color:#0f172a !important}.tco-light-ref .saving-strip{background:#ecfdf5 !important;border:1px solid #bbf7d0 !important;color:#0f172a !important}.tco-light-ref .saving-strip i{background:#22c55e !important}.tco-light-ref .saving-strip b{color:#15803d !important}.tco-light-ref .saving-strip span{color:#166534 !important}.tco-light-ref .saving-strip button{background:#1677ff !important;color:#fff !important}.tco-light-ref .tco-why{color:#0f172a !important}.tco-light-ref .tco-why h2{text-align:center;color:#0f172a !important}.tco-light-ref .tco-why article{border-radius:12px !important;box-shadow:0 8px 18px rgba(15,23,42,.035) !important}.tco-light-ref .tco-why i{background:#eef6ff !important;color:#1677ff !important}.tco-light-ref .tco-why b{color:#0f172a !important}.tco-light-ref .tco-cta{background:linear-gradient(90deg,#061a35,#082e62),url('/assets/hero-homepage-kie-neutral.jpg') center/cover !important;background-blend-mode:multiply !important;border-radius:12px !important}.tco-light-ref .tco-cta a{background:#fff !important;color:#0b64d8 !important}.tco-light-ref .tco-cta button{background:#32d665 !important;color:#052e16 !important}.tco-light-ref .site-footer nav b,.tco-light-ref .site-footer form b{color:#fff !important}.tco-light-ref .site-footer nav a{color:#a8c2de !important}.tco-light-ref .site-footer p,.tco-light-ref .site-footer small{color:#94a3b8 !important}
@media(max-width:1050px){.tco-light-ref .tco-main-grid{padding:16px}.tco-light-ref .tco-side{grid-template-columns:1fr !important}.tco-light-ref .stepper{grid-template-columns:repeat(4,1fr) !important}.tco-light-ref .stepper i{display:none}}@media(max-width:720px){.tco-light-ref .tco-main-grid{margin-top:16px;padding:14px}.tco-light-ref .tco-copy h1{font-size:32px !important}.tco-light-ref .tco-trust span{min-width:100%}.tco-light-ref .stepper span:not(.active){display:flex !important}.tco-light-ref .stepper{height:auto;grid-template-columns:1fr 1fr !important;gap:8px}.tco-light-ref .preview-grid{gap:12px}.tco-light-ref .saving-strip{gap:12px}}

/* oto2rev — Review EV dark premium page from Master attachment, 2026-06-05 */
.review-v2{background:#020b15 !important;color:#eaf4ff !important}.review-v2 .site-footer{background:#020b15 !important;border:1px solid rgba(96,165,250,.13) !important}.review-hero{position:relative;overflow:hidden;min-height:355px;background:#04101f;color:#fff}.review-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,23,.98),rgba(2,12,24,.82) 48%,rgba(2,12,24,.20)),radial-gradient(circle at 74% 54%,rgba(22,119,255,.32),transparent 34%);z-index:1}.review-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;min-height:355px;align-items:center}.review-copy h1{font-size:44px;line-height:1.02;margin:0 0 14px;letter-spacing:-.045em;font-weight:950}.review-copy h1 span{color:#2b8cff}.review-copy p{color:#dbeafe;font-size:15px;max-width:545px;line-height:1.55;margin:0 0 22px}.review-search{width:min(520px,100%);height:54px;background:#fff;border:2px solid #1677ff;border-radius:11px;display:grid;grid-template-columns:44px 1fr 47px;align-items:center;padding:0 6px 0 14px;box-shadow:0 0 0 4px rgba(22,119,255,.16)}.review-search span{color:#64748b;font-size:22px}.review-search input{border:0;outline:0;font-size:14px;color:#0f172a}.review-search button{height:40px;border:0;border-radius:8px;background:#1677ff;color:#fff;font-weight:950}.review-chips{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:16px}.review-chips small{color:#a9c3df;font-size:12px}.review-chips button{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);border-radius:999px;color:#dbeafe;padding:7px 12px;font-size:11px;font-weight:850}.review-car{position:absolute;right:0;top:0;bottom:0;width:59%;z-index:0}.review-car img{width:100%;height:100%;object-fit:cover;opacity:.76;filter:saturate(1.08) contrast(1.08) brightness(.82)}.review-car aside{position:absolute;right:42px;top:86px;width:128px;padding:18px 14px;background:rgba(5,22,44,.75);border:1px solid rgba(96,165,250,.18);border-radius:14px;z-index:4;box-shadow:0 0 28px rgba(22,119,255,.18)}.review-car aside b{font-size:34px;line-height:1}.review-car aside small{font-size:16px;color:#cfe5ff}.review-car aside span,.review-car aside em{display:block;color:#b8d0ea;font-size:11px;line-height:1.3;margin-top:10px;font-style:normal}.review-stats{margin-top:-36px;position:relative;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#071c35;border:1px solid rgba(96,165,250,.18);border-radius:10px;box-shadow:0 16px 34px rgba(0,0,0,.22);overflow:hidden}.review-stats article{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:14px;padding:22px 26px;border-right:1px solid rgba(255,255,255,.08)}.review-stats article:last-child{border-right:0}.review-stats i{grid-row:1/3;width:54px;height:54px;border-radius:16px;background:#0b78ff;display:grid;place-items:center;font-style:normal;font-size:28px;box-shadow:0 0 22px rgba(22,119,255,.32)}.review-stats b{font-size:28px;line-height:1}.review-stats span{font-size:12px;color:#cfe5ff;line-height:1.25}.featured-review,.review-categories,.latest-review,.review-sidebar section{margin-top:22px}.review-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.review-section-head h2,.review-categories h2,.latest-review h2,.review-sidebar h2{font-size:18px;margin:0;color:#eaf4ff}.review-section-head a{font-size:12px;color:#7dbdff;font-weight:900}.featured-review-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.featured-review-grid article{background:#06182f;border:1px solid rgba(96,165,250,.16);border-radius:10px;overflow:hidden;box-shadow:0 10px 24px rgba(0,0,0,.18)}.featured-review-grid article>div{position:relative;height:178px;overflow:hidden}.featured-review-grid img{width:100%;height:100%;object-fit:cover;filter:saturate(1.08) brightness(.82)}.featured-review-grid em{position:absolute;top:10px;left:10px;background:#0b64d8;color:#fff;border-radius:6px;padding:6px 8px;font-size:10px;font-style:normal;font-weight:950}.featured-review-grid h3{font-size:16px;margin:13px 14px 4px;color:#fff}.featured-review-grid p{margin:0 14px 10px;color:#cbd5e1;font-size:12px}.featured-review-grid nav{display:flex;gap:5px;flex-wrap:wrap;margin:0 14px 12px}.featured-review-grid nav span{background:#0a274b;color:#b8d9ff;border-radius:5px;padding:4px 7px;font-size:9px}.featured-review-grid footer{display:flex;justify-content:space-between;align-items:center;margin:0 14px 14px;color:#cbd5e1;font-size:11px}.featured-review-grid b{color:#facc15}.review-categories>div{display:grid;grid-template-columns:repeat(7,1fr);gap:9px}.review-categories button{height:80px;border-radius:10px;border:1px solid rgba(96,165,250,.16);background:#06182f;color:#dbeafe;display:grid;place-items:center;font-weight:900}.review-categories button.active{border-color:#1677ff;box-shadow:0 0 0 1px rgba(22,119,255,.35) inset}.review-categories i{font-style:normal;font-size:27px}.review-categories span{font-size:11px}.review-content-grid{display:grid;grid-template-columns:1.55fr .85fr;gap:20px;margin-top:18px}.latest-review,.review-sidebar section{background:#06182f;border:1px solid rgba(96,165,250,.16);border-radius:12px;padding:18px;box-shadow:0 12px 28px rgba(0,0,0,.18)}.latest-review article{display:grid;grid-template-columns:170px 1fr auto;gap:16px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}.latest-review article:last-of-type{border-bottom:0}.latest-review img{width:170px;height:108px;object-fit:cover;border-radius:8px}.latest-review em{font-style:normal;background:#0b64d8;color:#fff;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:950}.latest-review h3{font-size:16px;margin:8px 0 6px;color:#fff}.latest-review p{font-size:12px;color:#cbd5e1;line-height:1.4;margin:0 0 8px}.latest-review small{font-size:10px;color:#94a3b8}.latest-review aside{align-self:end;color:#facc15;font-size:12px;font-weight:900}.latest-review aside span{color:#94a3b8;margin-left:12px}.latest-review>a{display:inline-flex;margin-top:14px;border:1px solid rgba(96,165,250,.22);border-radius:8px;padding:12px 22px;color:#fff;font-weight:900;font-size:12px}.review-sidebar{display:grid;gap:18px}.review-sidebar section{margin-top:0}.review-sidebar a{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.08);color:#dbeafe}.review-sidebar a:last-child{border-bottom:0}.review-sidebar i{font-style:normal;width:34px;height:34px;border-radius:10px;background:#0a274b;display:grid;place-items:center}.review-sidebar span{font-size:13px;font-weight:900}.review-sidebar small{display:block;color:#94a3b8;font-size:10px;margin-top:2px}.review-sidebar b{color:#7dbdff}.review-newsletter{background:linear-gradient(135deg,#073d86,#081d3c)!important}.review-newsletter p{font-size:12px;color:#dbeafe}.review-newsletter form{display:grid;grid-template-columns:1fr auto;gap:8px}.review-newsletter input{height:40px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#06224a;color:#fff;padding:0 12px}.review-newsletter button{border:0;border-radius:8px;background:#1677ff;color:#fff;font-weight:900;padding:0 14px}.review-newsletter small{color:#aac9ed;font-size:10px}.review-cta{margin-top:22px;background:linear-gradient(90deg,#063a82,#072348),url('/assets/hero-homepage-kie-neutral.jpg') right center/auto 160% no-repeat;background-blend-mode:multiply;border:1px solid rgba(96,165,250,.16);border-radius:12px;padding:24px;display:grid;grid-template-columns:1fr auto;align-items:center;color:#fff}.review-cta div{display:grid;grid-template-columns:62px 1fr;gap:4px 16px}.review-cta i{grid-row:1/3;width:56px;height:56px;border-radius:16px;background:#0b78ff;display:grid;place-items:center;font-style:normal;font-size:30px}.review-cta h2{margin:0;font-size:21px}.review-cta p{margin:0;color:#dbeafe}.review-cta button{height:44px;border:0;border-radius:8px;background:#1677ff;color:#fff;font-weight:950;padding:0 20px}.review-v2 .site-footer nav b,.review-v2 .site-footer form b{color:#fff!important}.review-v2 .site-footer nav a{color:#a8c2de!important}.review-v2 .site-footer p,.review-v2 .site-footer small{color:#94a3b8!important}
@media(max-width:1050px){.review-stats,.featured-review-grid{grid-template-columns:repeat(2,1fr)}.review-categories>div{grid-template-columns:repeat(4,1fr)}.review-content-grid{grid-template-columns:1fr}.review-hero-grid{grid-template-columns:1fr}.review-car{width:100%;opacity:.38}.review-car aside{display:none}}@media(max-width:720px){.review-hero{min-height:510px}.review-copy h1{font-size:34px}.review-stats,.featured-review-grid,.review-categories>div,.review-cta{grid-template-columns:1fr}.latest-review article{grid-template-columns:1fr}.latest-review img{width:100%;height:180px}.review-newsletter form{grid-template-columns:1fr}.review-cta div{grid-template-columns:1fr}.review-cta button{margin-top:14px}.review-chips small{width:100%}}

/* Oto2 screenshot QA minor visual fixes — 2026-06-05 */
.page-dealer-spklu .route-stat-grid{margin-top:22px !important}.page-dealer-spklu .filter-card{margin-top:22px !important}.page-dealer-spklu .route-hero{padding-bottom:12px}.tco-light-ref .tco-main-grid{margin-top:28px !important}.tco-light-ref .tco-hero{padding-bottom:26px !important}.tco-light-ref .tco-trust{margin-bottom:8px}.tco-light-ref .tco-trust span{min-height:68px}.tco-light-ref .tco-copy{padding-bottom:18px}.tco-light-ref .tco-car{bottom:0}.page-bandingkan .compare-picker{margin-top:24px !important}.page-berita .news-tabs{margin-top:18px !important}.page-review .review-stats{margin-top:22px !important}
@media(max-width:720px){.page-dealer-spklu .route-stat-grid,.tco-light-ref .tco-main-grid,.page-review .review-stats,.page-berita .news-tabs,.page-bandingkan .compare-picker{margin-top:16px !important}}

/* Oto2 premium visual polish — closer to Master mockup, 2026-06-05 */
:root{--oto-blue:#1677ff;--oto-blue-2:#0b64d8;--oto-cyan:#5cc8ff;--oto-ink:#071527;--oto-soft:#f5f8fc;--oto-card:#ffffff;--oto-line:#e6edf6;--oto-shadow:0 18px 45px rgba(15,23,42,.12);--oto-shadow-soft:0 10px 28px rgba(15,23,42,.075)}
.site-header{backdrop-filter:blur(14px);box-shadow:0 8px 28px rgba(2,8,23,.22)}.brand{letter-spacing:-.035em}.main-nav a{border-radius:999px;padding:9px 13px;transition:.18s ease}.main-nav a:hover,.main-nav a.active{background:rgba(22,119,255,.14);color:#e8f4ff}.header-actions a,.header-actions button{box-shadow:0 10px 22px rgba(22,119,255,.18);transition:.18s ease}.header-actions a:hover,.header-actions button:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(22,119,255,.24)}
.route-redesign .shell{max-width:1180px}.route-redesign h1,.route-redesign h2,.route-redesign h3{letter-spacing:-.035em}.route-redesign p{letter-spacing:-.005em}.route-hero,.compare-hero,.newsroom-hero,.tco-hero,.review-hero{isolation:isolate}.route-hero:before,.compare-hero:before,.newsroom-hero:before,.tco-hero:before,.review-hero:before{filter:saturate(1.1)}.route-hero:after,.compare-hero:after,.newsroom-hero:after,.tco-hero:after,.review-hero:after{pointer-events:none}.route-hero-copy h1,.newsroom-copy h1,.tco-copy h1,.review-copy h1{filter:drop-shadow(0 16px 34px rgba(0,0,0,.22))}.route-hero-copy h1 span,.newsroom-copy h1 span,.tco-copy h1 span,.review-copy h1 span{background:linear-gradient(90deg,#5cc8ff,#1677ff);-webkit-background-clip:text;background-clip:text;color:transparent!important;text-shadow:none}.page-pill{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 10px 24px rgba(22,119,255,.18)}
.route-search,.review-search{border-radius:14px!important;box-shadow:0 0 0 5px rgba(22,119,255,.14),0 22px 48px rgba(0,0,0,.26)!important}.route-search button,.review-search button,.next-step,.saving-strip button,.route-cta button,.route-cta a,.review-cta button{transition:.18s ease}.route-search button:hover,.review-search button:hover,.next-step:hover,.saving-strip button:hover,.route-cta button:hover,.route-cta a:hover,.review-cta button:hover{transform:translateY(-1px);filter:saturate(1.1);box-shadow:0 12px 28px rgba(22,119,255,.25)}
.route-stat-grid article,.review-stats article{transition:.18s ease}.route-stat-grid article:hover,.review-stats article:hover{transform:translateY(-2px)}.route-stat-grid i,.review-stats i,.tco-why i,.need-grid i{background:linear-gradient(135deg,#1677ff,#56c7ff)!important;box-shadow:0 12px 28px rgba(22,119,255,.26)!important}.filter-card,.compare-picker,.spec-compare,.map-panel,.top-story,.latest-review,.review-sidebar section,.preview-panel,.tco-main-grid{border-radius:18px!important;box-shadow:var(--oto-shadow)!important}.filter-card,.spec-compare,.preview-panel{border-color:var(--oto-line)!important}.segmented button,.filter-actions button,.city-chips button,.review-chips button,.news-tabs button,.review-categories button{transition:.18s ease}.segmented button:hover,.filter-actions button:hover,.city-chips button:hover,.review-chips button:hover,.news-tabs button:hover,.review-categories button:hover{transform:translateY(-1px)}
/* Homepage polish */
.home-hero,.hero,.homepage-hero{position:relative}.hero-card,.featured-card,.mini-car,.stat-card,.tool-card{border-radius:18px!important;box-shadow:var(--oto-shadow-soft)!important}.featured-car img,.hero-visual img{filter:saturate(1.08) contrast(1.05) drop-shadow(0 24px 34px rgba(15,23,42,.18))}.catalogue-empty .featured-car:before{font-weight:900;color:#64748b}
/* Compare page */
.compare-picker{background:rgba(255,255,255,.96)!important;backdrop-filter:blur(12px)}.compare-picker article img{height:92px!important}.compare-picker article{transition:.18s ease}.compare-picker article:hover{background:#fbfdff}.spec-compare table{border-radius:16px!important}.spec-compare th{background:linear-gradient(180deg,#fbfdff,#f3f7fb)!important;color:#0f172a}.verdict{padding:8px 0}.insight-grid article,.tool-grid a{transition:.18s ease}.insight-grid article:hover,.tool-grid a:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(15,23,42,.10)}
/* Dealer page */
.page-dealer-spklu .map-panel{background:linear-gradient(135deg,#06172d,#092e60)!important}.indo-map{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.map-panel aside article{border-radius:12px;padding:14px 10px!important;transition:.18s ease}.map-panel aside article:hover{background:rgba(255,255,255,.05)}.dealer-bottom-grid>div{border-radius:18px!important;background:linear-gradient(135deg,#07172b,#09264a)!important}.brand-mini span,.brand-mini button{transition:.18s ease}.brand-mini span:hover,.brand-mini button:hover{background:rgba(22,119,255,.2);transform:translateY(-2px)}
/* News page */
.news-tabs{border-radius:16px!important;padding:8px!important}.top-story{background:linear-gradient(135deg,#031225,#08274e)!important}.top-story h2{font-size:31px!important}.newsroom-grid article,.need-grid article{border-radius:15px!important;transition:.18s ease}.newsroom-grid article:hover,.need-grid article:hover{transform:translateY(-3px);box-shadow:0 18px 35px rgba(15,23,42,.12)}.newsroom-thumb{height:132px!important}.newsroom-tools{border-radius:18px!important}.newsroom-tools a{transition:.18s ease}.newsroom-tools a:hover{background:rgba(255,255,255,.075);transform:translateY(-2px)}
/* TCO page */
.tco-light-ref .tco-main-grid{box-shadow:0 24px 58px rgba(15,23,42,.16)!important}.tco-light-ref .vehicle-pair article,.tco-light-ref .cost-cards article,.tco-light-ref .chart-card,.tco-light-ref .donut-card,.tco-light-ref .tco-why article{border-radius:16px!important;transition:.18s ease}.tco-light-ref .vehicle-pair article:hover,.tco-light-ref .cost-cards article:hover,.tco-light-ref .chart-card:hover,.tco-light-ref .donut-card:hover,.tco-light-ref .tco-why article:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(15,23,42,.09)!important}.tco-light-ref .stepper span.active::before{box-shadow:0 8px 22px rgba(22,119,255,.32),inset 0 0 0 7px rgba(255,255,255,.25)!important}.saving-strip{box-shadow:0 16px 34px rgba(34,197,94,.14)!important}
/* Review page */
.review-stats{border-radius:16px!important}.featured-review-grid article,.latest-review,.review-sidebar section{border-radius:16px!important;transition:.18s ease}.featured-review-grid article:hover,.latest-review article:hover,.review-sidebar a:hover{transform:translateY(-2px)}.featured-review-grid article>div{height:190px!important}.review-categories button{height:88px!important}.review-newsletter input{outline:0}.review-newsletter input:focus{border-color:#60a5fa;box-shadow:0 0 0 4px rgba(96,165,250,.15)}
/* CTA polish */
.route-cta,.review-cta,.tco-cta,.newsroom-cta{border-radius:18px!important;box-shadow:0 18px 45px rgba(11,100,216,.20)!important;overflow:hidden;position:relative}.route-cta:after,.review-cta:after{content:"";position:absolute;right:-80px;top:-100px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(92,200,255,.24),transparent 65%);pointer-events:none}
@media(max-width:720px){.route-redesign .shell{padding-left:16px;padding-right:16px}.route-hero-copy h1,.newsroom-copy h1,.tco-copy h1,.review-copy h1{font-size:32px!important}.top-story h2{font-size:24px!important}.featured-review-grid article>div{height:180px!important}.newsroom-thumb{height:170px!important}}

/* oto2ban mobile fix from Master Telegram QA — 2026-06-05 */
@media(max-width:720px){
  .page-bandingkan .compare-hero{min-height:auto !important;padding:44px 0 26px !important;}
  .page-bandingkan .compare-hero .route-hero-grid{min-height:auto !important;}
  .page-bandingkan .route-hero-copy{padding:0 !important;}
  .page-bandingkan .route-hero-copy h1{font-size:31px !important;line-height:1.05 !important;margin-bottom:12px !important;}
  .page-bandingkan .route-hero-copy p{font-size:13px !important;line-height:1.5 !important;max-width:96% !important;}
  .page-bandingkan .hero-bullets{gap:8px 12px !important;margin-top:16px !important;}
  .page-bandingkan .hero-bullets span{font-size:10px !important;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 8px;}

  .page-bandingkan .compare-picker{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    margin-top:16px !important;
    padding:12px !important;
    overflow:visible !important;
    border-radius:16px !important;
  }
  .page-bandingkan .compare-picker aside:first-child{
    min-height:auto !important;
    padding:14px !important;
    border:1px solid #e8eef6 !important;
    border-radius:14px !important;
    background:#fbfdff !important;
  }
  .page-bandingkan .compare-picker aside:first-child h2{font-size:17px !important;margin-bottom:4px !important;}
  .page-bandingkan .compare-picker aside:first-child p{font-size:12px !important;margin:0 0 12px !important;}
  .page-bandingkan .compare-picker aside:first-child button{margin-top:0 !important;width:100% !important;height:42px !important;background:#fff !important;}
  .page-bandingkan .compare-picker article{
    min-height:0 !important;
    padding:18px 14px 14px !important;
    border:1px solid #e8eef6 !important;
    border-radius:14px !important;
    background:#fff !important;
    box-shadow:0 10px 24px rgba(15,23,42,.06) !important;
  }
  .page-bandingkan .compare-picker article em{left:14px !important;top:12px !important;}
  .page-bandingkan .compare-picker article .close{right:12px !important;top:10px !important;}
  .page-bandingkan .compare-picker article img{
    height:142px !important;
    max-width:92% !important;
    object-fit:contain !important;
    margin:20px auto 10px !important;
  }
  .page-bandingkan .compare-picker article h3{font-size:17px !important;line-height:1.2 !important;}
  .page-bandingkan .compare-picker article p{font-size:12px !important;margin:4px 0 0 !important;}
  .page-bandingkan .compare-picker article div{grid-template-columns:repeat(3,1fr) !important;gap:8px !important;margin-top:12px !important;}
  .page-bandingkan .compare-picker article div span{
    min-height:34px;
    display:grid;
    place-items:center;
    background:#f6f9fc;
    border:1px solid #ecf1f7;
    border-radius:9px;
    padding:5px;
    font-size:9.5px !important;
    line-height:1.15;
  }
  .page-bandingkan .limit-card{display:none !important;}

  .page-bandingkan .spec-compare{padding:16px 12px !important;border-radius:16px !important;}
  .page-bandingkan .spec-compare h2{font-size:18px !important;margin-bottom:12px !important;}
  .page-bandingkan .table-wrap{overflow-x:auto !important;-webkit-overflow-scrolling:touch;padding-bottom:4px;}
  .page-bandingkan .spec-compare table{min-width:820px !important;font-size:12px !important;}
  .page-bandingkan .spec-compare th,.page-bandingkan .spec-compare td{min-width:150px !important;padding:11px 12px !important;white-space:normal !important;}
  .page-bandingkan .spec-compare th:first-child,.page-bandingkan .spec-compare td:first-child{position:sticky;left:0;z-index:2;background:#fff;min-width:142px !important;box-shadow:8px 0 12px rgba(15,23,42,.04);}
  .page-bandingkan .spec-compare th:first-child{background:#f7faff !important;z-index:3;}
  .page-bandingkan .spec-compare small{font-size:10px !important;line-height:1.35;}

  .page-bandingkan .insight-section{padding:0 !important;margin-top:18px !important;}
  .page-bandingkan .insight-grid{grid-template-columns:1fr !important;gap:12px !important;}
  .page-bandingkan .insight-grid article{border-radius:14px !important;padding:16px !important;}
  .page-bandingkan .insight-cols{grid-template-columns:1fr !important;gap:10px !important;}
  .page-bandingkan .tool-grid{grid-template-columns:1fr !important;gap:12px !important;}
}

/* oto2ban mobile second polish — tighter hero + better touch targets */
@media(max-width:720px){
  .page-bandingkan .route-hero-copy h1{font-size:29px !important;line-height:1.04 !important;max-width:94% !important;}
  .page-bandingkan .hero-bullets{gap:7px !important;}
  .page-bandingkan .hero-bullets span{font-size:9.5px !important;padding:6px 7px !important;}
  .page-bandingkan .compare-picker article{padding-top:18px !important;}
  .page-bandingkan .compare-picker article .close{width:34px !important;height:34px !important;border-radius:999px !important;background:#f5f8fc !important;color:#64748b !important;display:grid !important;place-items:center !important;}
  .page-bandingkan .compare-picker article img{height:126px !important;margin:22px auto 12px !important;}
  .page-bandingkan .compare-picker article h3{margin-top:2px !important;}
}

/* oto2tco mobile fix from Master HP screenshot — 2026-06-05 */
@media(max-width:820px){
  .page-tco .site-header .shell{min-height:54px;padding-inline:12px;}
  .page-tco .brand{font-size:16px;}
  .page-tco .main-nav{display:none !important;}
  .page-tco .header-actions{display:none !important;}

  .tco-light-ref .tco-hero{min-height:auto !important;padding:34px 0 26px !important;}
  .tco-light-ref .tco-hero-grid{display:block !important;min-height:auto !important;}
  .tco-light-ref .tco-copy{padding:0 0 12px !important;position:relative;z-index:3;}
  .tco-light-ref .tco-copy h1{font-size:30px !important;line-height:1.06 !important;max-width:94% !important;margin:0 0 12px !important;}
  .tco-light-ref .tco-copy p{font-size:13px !important;line-height:1.48 !important;max-width:95% !important;margin-bottom:16px !important;}
  .tco-light-ref .tco-car{width:100% !important;opacity:.44 !important;}
  .tco-light-ref .tco-car img{object-position:center !important;}
  .tco-light-ref .tco-trust{display:grid !important;grid-template-columns:1fr !important;gap:9px !important;max-width:96% !important;margin:0 !important;}
  .tco-light-ref .tco-trust span{min-width:0 !important;width:auto !important;min-height:0 !important;padding:10px 12px !important;grid-template-columns:34px 1fr !important;border-radius:12px !important;background:rgba(5,18,35,.68) !important;backdrop-filter:blur(7px);}
  .tco-light-ref .tco-trust span:before{width:30px !important;height:30px !important;border-radius:10px !important;}
  .tco-light-ref .tco-trust b{font-size:11px !important;}
  .tco-light-ref .tco-trust small{font-size:9.5px !important;line-height:1.25 !important;}

  .tco-light-ref .tco-main-grid{display:grid !important;grid-template-columns:1fr !important;margin-top:16px !important;padding:14px !important;border-radius:16px !important;gap:14px !important;box-shadow:0 12px 32px rgba(15,23,42,.14) !important;}
  .tco-light-ref .tco-calculator{padding:0 !important;}
  .tco-light-ref .stepper{height:auto !important;display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:6px !important;padding:0 0 12px !important;}
  .tco-light-ref .stepper i{display:none !important;}
  .tco-light-ref .stepper span{display:grid !important;place-items:center !important;text-align:center !important;gap:4px !important;height:auto !important;font-size:9px !important;line-height:1.2 !important;padding:4px 2px !important;}
  .tco-light-ref .stepper span::before{width:28px !important;height:28px !important;}
  .tco-light-ref .tco-calculator h2{font-size:19px !important;margin:16px 0 4px !important;}
  .tco-light-ref .muted{font-size:11px !important;margin-bottom:12px !important;}

  .tco-light-ref .vehicle-pair{display:grid !important;grid-template-columns:1fr !important;gap:12px !important;}
  .tco-light-ref .vehicle-pair article{padding:14px !important;border-radius:14px !important;}
  .tco-light-ref .vehicle-pair img{height:132px !important;margin:14px 0 10px !important;object-fit:contain !important;}
  .tco-light-ref .vehicle-pair h3{font-size:15px !important;line-height:1.25 !important;margin-bottom:8px !important;}
  .tco-light-ref .vehicle-pair a{position:static !important;display:inline-flex !important;margin:2px 0 10px !important;font-size:11px !important;}
  .tco-light-ref .vehicle-pair article div{grid-template-columns:1fr 1fr !important;gap:8px !important;}
  .tco-light-ref .vehicle-pair span{background:#f6f9fc;border:1px solid #ecf1f7;border-radius:9px;padding:8px;font-size:10px !important;}
  .tco-light-ref .vehicle-pair span b{font-size:12px !important;}
  .tco-light-ref .swap{justify-self:center !important;transform:rotate(90deg);width:36px !important;height:36px !important;}

  .tco-light-ref .tco-form-grid{grid-template-columns:1fr !important;gap:12px !important;margin-top:14px !important;}
  .tco-light-ref .tco-form-grid select{height:44px !important;font-size:12px !important;}
  .tco-light-ref .incentive{padding:12px !important;}
  .tco-light-ref .next-step{height:46px !important;margin-top:14px !important;border-radius:10px !important;}

  .tco-light-ref .tco-side{display:grid !important;grid-template-columns:1fr !important;gap:12px !important;}
  .tco-light-ref .tco-side section{border-radius:14px !important;padding:14px !important;}
  .tco-light-ref .tco-side h3{font-size:15px !important;margin-bottom:12px !important;}
  .tco-light-ref .tco-side dl{gap:10px !important;}
  .tco-light-ref .tco-side dt,.tco-light-ref .tco-side dd{font-size:11px !important;}

  .tco-light-ref .preview-panel{padding:14px !important;margin-top:16px !important;border-radius:16px !important;}
  .tco-light-ref .preview-grid{grid-template-columns:1fr !important;gap:12px !important;}
  .tco-light-ref .cost-cards{gap:10px !important;}
  .tco-light-ref .cost-cards article{border-radius:14px !important;}
  .tco-light-ref .cost-cards strong{font-size:20px !important;}
  .tco-light-ref .donut-wrap{grid-template-columns:1fr !important;justify-items:center !important;}
  .tco-light-ref .saving-strip{grid-template-columns:1fr !important;gap:12px !important;padding:14px !important;}
  .tco-light-ref .saving-strip div{grid-template-columns:42px 1fr !important;}
  .tco-light-ref .saving-strip b{font-size:16px !important;}
  .tco-light-ref .saving-strip button{width:100% !important;}

  .tco-light-ref .tco-why>div{grid-template-columns:1fr !important;gap:12px !important;}
  .tco-light-ref .tco-cta{grid-template-columns:1fr !important;padding:18px !important;gap:12px !important;}
  .tco-light-ref .tco-cta a,.tco-light-ref .tco-cta button{width:100% !important;justify-content:center !important;}
}

/* oto2tco mobile hero feature cards fix — 2026-06-05 */
@media(max-width:820px){
  .tco-light-ref .tco-hero{padding:28px 0 20px !important;}
  .tco-light-ref .tco-copy h1{font-size:28px !important;line-height:1.05 !important;margin-bottom:10px !important;}
  .tco-light-ref .tco-copy p{font-size:12.5px !important;line-height:1.45 !important;margin-bottom:12px !important;}
  .tco-light-ref .tco-trust{gap:7px !important;max-width:100% !important;}
  .tco-light-ref .tco-trust span{
    display:grid !important;
    grid-template-columns:30px minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    column-gap:9px !important;
    row-gap:1px !important;
    align-items:center !important;
    min-height:0 !important;
    padding:8px 10px !important;
    border-radius:10px !important;
    background:rgba(4,15,31,.76) !important;
  }
  .tco-light-ref .tco-trust span:before{
    grid-row:1 / span 2 !important;
    width:28px !important;
    height:28px !important;
    border-radius:9px !important;
    box-shadow:0 8px 18px rgba(22,119,255,.24) !important;
  }
  .tco-light-ref .tco-trust b{
    display:block !important;
    font-size:11px !important;
    line-height:1.15 !important;
    white-space:normal !important;
  }
  .tco-light-ref .tco-trust small{
    display:block !important;
    font-size:9.2px !important;
    line-height:1.22 !important;
    color:#d0e3f8 !important;
    max-width:100% !important;
  }
  .tco-light-ref .tco-main-grid{margin-top:12px !important;}
}
@media(max-width:420px){
  .tco-light-ref .tco-copy h1{font-size:26px !important;}
  .tco-light-ref .tco-trust small{font-size:9px !important;}
}

/* oto2rev desktop hero layout fix from Master screenshot — 2026-06-05 */
@media(min-width:821px){
  .review-v2 .review-hero{min-height:380px !important;overflow:hidden !important;background:#020b15 !important;}
  .review-v2 .review-hero:before{
    background:
      linear-gradient(90deg,
        rgba(2,8,23,.99) 0%,
        rgba(2,8,23,.98) 34%,
        rgba(2,8,23,.90) 45%,
        rgba(2,8,23,.48) 62%,
        rgba(2,8,23,.18) 100%),
      radial-gradient(circle at 77% 52%,rgba(22,119,255,.28),transparent 33%) !important;
    z-index:2 !important;
  }
  .review-v2 .review-hero-grid{display:block !important;min-height:380px !important;position:relative !important;}
  .review-v2 .review-copy{
    position:relative !important;
    z-index:5 !important;
    width:48% !important;
    max-width:560px !important;
    padding:58px 0 42px !important;
  }
  .review-v2 .review-copy h1{font-size:43px !important;line-height:1.03 !important;margin-bottom:14px !important;}
  .review-v2 .review-copy p{max-width:520px !important;font-size:14.5px !important;line-height:1.52 !important;margin-bottom:20px !important;}
  .review-v2 .review-search{
    width:100% !important;
    max-width:520px !important;
    position:relative !important;
    z-index:8 !important;
    grid-template-columns:44px minmax(0,1fr) 50px !important;
  }
  .review-v2 .review-search input{min-width:0 !important;padding-right:8px !important;}
  .review-v2 .review-search button{width:42px !important;justify-self:end !important;}
  .review-v2 .review-chips{
    max-width:540px !important;
    position:relative !important;
    z-index:8 !important;
    gap:9px !important;
  }
  .review-v2 .review-chips small{flex:0 0 auto !important;}
  .review-v2 .review-chips button{white-space:nowrap !important;}
  .review-v2 .review-car{
    left:47% !important;
    right:0 !important;
    top:0 !important;
    bottom:0 !important;
    width:53% !important;
    z-index:1 !important;
  }
  .review-v2 .review-car:before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(2,8,23,.55),rgba(2,8,23,.10) 35%,rgba(2,8,23,.05));
    z-index:2;
    pointer-events:none;
  }
  .review-v2 .review-car img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center right !important;
    opacity:.88 !important;
    filter:saturate(1.08) contrast(1.08) brightness(.86) !important;
  }
  .review-v2 .review-car aside{
    z-index:4 !important;
    right:52px !important;
    top:100px !important;
    width:130px !important;
    background:rgba(7,24,47,.78) !important;
    backdrop-filter:blur(10px) !important;
  }
  .review-v2 .review-stats{margin-top:24px !important;}
}
@media(max-width:820px){
  .review-v2 .review-car{left:auto !important;width:100% !important;}
  .review-v2 .review-copy{width:auto !important;max-width:none !important;}
}

/* oto2rev hero polish after screenshot QA */
@media(min-width:821px){
  .review-v2 .review-hero:before{
    background:
      linear-gradient(90deg,
        rgba(2,8,23,1) 0%,
        rgba(2,8,23,.99) 38%,
        rgba(2,8,23,.93) 49%,
        rgba(2,8,23,.68) 60%,
        rgba(2,8,23,.30) 74%,
        rgba(2,8,23,.16) 100%),
      radial-gradient(circle at 78% 52%,rgba(22,119,255,.24),transparent 34%) !important;
  }
  .review-v2 .review-car{left:50% !important;width:50% !important;}
  .review-v2 .review-car:before{background:linear-gradient(90deg,rgba(2,8,23,.72),rgba(2,8,23,.22) 40%,rgba(2,8,23,.05)) !important;}
  .review-v2 .review-copy{width:50% !important;}
  .review-v2 .review-stats{margin-top:32px !important;}
  .review-v2 .main-nav a{white-space:nowrap !important;font-size:12px !important;padding:8px 10px !important;}
  .review-v2 .main-nav{gap:4px !important;}
}

/* oto2tco desktop trust-card fix from Master screenshot — 2026-06-05 */
.tco-light-ref .tco-trust span:before{display:none !important;content:none !important}.tco-light-ref .tco-trust span i{grid-row:1 / span 2;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#1677ff,#49c5ff);display:grid;place-items:center;font-style:normal;color:#fff;font-size:18px;box-shadow:0 10px 24px rgba(22,119,255,.28)}
@media(min-width:821px){
  .tco-light-ref .tco-hero{min-height:390px !important;padding-bottom:10px !important;}
  .tco-light-ref .tco-hero-grid{display:block !important;position:relative !important;min-height:390px !important;}
  .tco-light-ref .tco-copy{position:relative !important;z-index:5 !important;width:48% !important;max-width:610px !important;padding:44px 0 34px !important;}
  .tco-light-ref .tco-copy h1{font-size:42px !important;line-height:1.04 !important;margin-bottom:14px !important;max-width:590px !important;}
  .tco-light-ref .tco-copy p{font-size:14.5px !important;line-height:1.5 !important;max-width:560px !important;margin-bottom:18px !important;}
  .tco-light-ref .tco-car{left:50% !important;right:0 !important;width:50% !important;opacity:1 !important;z-index:1 !important;}
  .tco-light-ref .tco-car:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,12,24,.55),rgba(3,12,24,.10) 38%,rgba(3,12,24,.04));z-index:2;pointer-events:none;}
  .tco-light-ref .tco-car img{object-position:center right !important;opacity:.88 !important;filter:saturate(1.08) contrast(1.08) brightness(.86) !important;}
  .tco-light-ref .tco-trust{display:grid !important;grid-template-columns:1fr 1fr !important;gap:12px !important;max-width:520px !important;margin:0 !important;}
  .tco-light-ref .tco-trust span{display:grid !important;grid-template-columns:42px minmax(0,1fr) !important;grid-template-rows:auto auto !important;align-items:center !important;column-gap:12px !important;row-gap:2px !important;min-width:0 !important;min-height:88px !important;padding:14px !important;background:rgba(7,22,43,.76) !important;border:1px solid rgba(96,165,250,.18) !important;border-radius:14px !important;backdrop-filter:blur(8px) !important;}
  .tco-light-ref .tco-trust span:nth-child(3){grid-column:1 / span 2 !important;max-width:250px !important;}
  .tco-light-ref .tco-trust b{font-size:12px !important;line-height:1.18 !important;white-space:normal !important;color:#fff !important;}
  .tco-light-ref .tco-trust small{font-size:10.5px !important;line-height:1.32 !important;color:#cfe2f6 !important;max-width:100% !important;white-space:normal !important;}
  .tco-light-ref .tco-main-grid{margin-top:28px !important;}
}
@media(max-width:820px){
  .tco-light-ref .tco-trust span{grid-template-columns:34px minmax(0,1fr) !important;}
  .tco-light-ref .tco-trust span i{width:30px !important;height:30px !important;border-radius:9px !important;font-size:14px !important;}
}

/* oto2tco mobile final readability overlay */
@media(max-width:820px){
  .tco-light-ref .tco-hero:before{background:linear-gradient(180deg,rgba(2,8,23,.96) 0%,rgba(2,8,23,.92) 34%,rgba(2,8,23,.82) 62%,rgba(2,8,23,.74) 100%),radial-gradient(circle at 76% 45%,rgba(22,119,255,.22),transparent 38%) !important;}
  .tco-light-ref .tco-car{opacity:.28 !important;}
  .tco-light-ref .tco-copy h1{filter:drop-shadow(0 10px 24px rgba(0,0,0,.38)) !important;}
}

/* oto2hom fix: remove distracting ghost car/bayang mobil in homepage hero — 2026-06-05 */
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-visual img,
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-car,
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-vehicle,
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-bg-car{
  opacity:0 !important;
  visibility:hidden !important;
}
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-visual{
  background:
    radial-gradient(circle at 72% 38%,rgba(22,119,255,.22),transparent 34%),
    linear-gradient(135deg,rgba(6,24,48,.72),rgba(3,12,24,.92)) !important;
}
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero,
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .home-hero,
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .homepage-hero{
  background:
    linear-gradient(90deg,rgba(2,8,23,.98) 0%,rgba(3,12,24,.96) 42%,rgba(5,20,40,.86) 100%),
    radial-gradient(circle at 78% 40%,rgba(22,119,255,.20),transparent 36%) !important;
}
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero::after,
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .home-hero::after,
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .homepage-hero::after{
  opacity:.55 !important;
  background:radial-gradient(circle at 80% 35%,rgba(92,200,255,.16),transparent 35%) !important;
}

/* oto2hom final: remove hero background vehicle image source entirely */
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-portal{
  background:
    radial-gradient(circle at 78% 30%,rgba(22,119,255,.26),transparent 34%),
    radial-gradient(circle at 92% 66%,rgba(92,200,255,.13),transparent 28%),
    linear-gradient(90deg,#020817 0%,#031224 42%,#06182f 100%) !important;
  background-image:
    radial-gradient(circle at 78% 30%,rgba(22,119,255,.26),transparent 34%),
    radial-gradient(circle at 92% 66%,rgba(92,200,255,.13),transparent 28%),
    linear-gradient(90deg,#020817 0%,#031224 42%,#06182f 100%) !important;
  background-position:center !important;
  box-shadow:inset 0 -95px 120px rgba(2,8,23,.35) !important;
}
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-portal:before{
  background:
    linear-gradient(90deg,rgba(2,8,23,.34),rgba(2,8,23,.10)),
    radial-gradient(circle at 74% 42%,rgba(22,119,255,.18),transparent 34%) !important;
}
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-visual{
  background:transparent !important;
}
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-visual img{
  display:none !important;
}
@media(min-width:721px){
  body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-copy h1{font-size:44px !important;line-height:1.04 !important;max-width:640px !important;}
  body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-copy h1 span{white-space:nowrap !important;}
}

/* oto2hom: restore proper hero image, not ghost background — 2026-06-05 */
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-portal{
  background:
    radial-gradient(circle at 76% 38%,rgba(22,119,255,.22),transparent 32%),
    linear-gradient(90deg,#020817 0%,#031224 46%,#06182f 100%) !important;
  background-image:
    radial-gradient(circle at 76% 38%,rgba(22,119,255,.22),transparent 32%),
    linear-gradient(90deg,#020817 0%,#031224 46%,#06182f 100%) !important;
  overflow:hidden !important;
}
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-grid{grid-template-columns:minmax(0,1fr) minmax(420px,.92fr) !important;position:relative;z-index:2;}
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-copy{z-index:5;position:relative;}
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-visual{position:relative !important;min-height:360px !important;background:transparent !important;z-index:3;}
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-visual:before{content:"";position:absolute;inset:34px -34px 22px 24px;border-radius:28px;background:linear-gradient(135deg,rgba(22,119,255,.16),rgba(92,200,255,.06));border:1px solid rgba(96,165,250,.18);box-shadow:0 28px 70px rgba(0,0,0,.22),inset 0 0 40px rgba(22,119,255,.12);}
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-visual img{
  display:block !important;
  visibility:visible !important;
  opacity:.88 !important;
  position:absolute !important;
  right:-22px !important;
  bottom:22px !important;
  width:min(520px,112%) !important;
  height:270px !important;
  object-fit:contain !important;
  object-position:right bottom !important;
  transform:none !important;
  filter:drop-shadow(0 32px 38px rgba(0,0,0,.36)) saturate(1.06) contrast(1.04) !important;
  z-index:3 !important;
}
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-visual:after{content:"";position:absolute;left:0;top:0;bottom:0;width:34%;background:linear-gradient(90deg,#031224,rgba(3,18,36,0));z-index:4;pointer-events:none;}
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .charger-card{display:flex !important;right:10px !important;top:76px !important;z-index:5 !important;opacity:1 !important;}
@media(max-width:820px){
  body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-grid{grid-template-columns:1fr !important;}
  body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-portal{min-height:430px !important;padding-bottom:18px !important;}
  body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-visual{min-height:210px !important;margin-top:0 !important;}
  body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-visual:before{inset:8px 0 16px 0;border-radius:18px;}
  body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-visual img{right:-44px !important;bottom:20px !important;width:440px !important;height:200px !important;opacity:.82 !important;}
  body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .charger-card{display:none !important;}
}

/* Oto2 functional/human QA fixes — menu, modal, clickable cards */
.mobile-menu-toggle{display:none;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;border-radius:10px;width:40px;height:38px;font-size:22px;font-weight:900}.route-lead-modal{position:fixed;inset:0;background:rgba(2,8,23,.68);backdrop-filter:blur(8px);z-index:999;display:none;align-items:center;justify-content:center;padding:18px}.route-lead-modal.open{display:flex}.route-lead-box{width:min(430px,100%);background:#fff;border-radius:20px;padding:24px;box-shadow:0 28px 80px rgba(0,0,0,.30);color:#0f172a;position:relative}.route-lead-close{position:absolute;right:14px;top:12px;border:0;background:#f1f5f9;border-radius:999px;width:34px;height:34px;font-size:22px}.route-lead-box h2{margin:8px 0 8px}.route-lead-box p{color:#64748b;font-size:13px;line-height:1.45}.route-lead-box label{display:grid;gap:6px;font-size:12px;font-weight:850;margin-top:10px}.route-lead-box input,.route-lead-box select{height:42px;border:1px solid #dbe4ef;border-radius:10px;padding:0 12px}.route-lead-submit{width:100%;height:44px;margin-top:14px;border:0;border-radius:10px;background:#1677ff;color:#fff;font-weight:950}.route-lead-box small{display:block;color:#64748b;font-size:10px;margin-top:10px}.featured-review-grid article[role="link"],.latest-review article[role="link"],.newsroom-grid article[role="link"]{cursor:pointer}.featured-review-grid article[role="link"]:focus,.latest-review article[role="link"]:focus,.newsroom-grid article[role="link"]:focus{outline:3px solid rgba(22,119,255,.35);outline-offset:3px}.news-tabs button.active,.review-categories button.active{background:#1677ff!important;color:#fff!important}.tco-side .tip{transition:.2s ease}.stepper span.active{font-weight:950!important}
@media(max-width:820px){.mobile-menu-toggle{display:grid;place-items:center;margin-left:auto}.site-header .main-nav{display:none!important}.mobile-menu-open .site-header .main-nav{display:grid!important;position:absolute;left:12px;right:12px;top:60px;background:#061427;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px;box-shadow:0 20px 50px rgba(0,0,0,.28);z-index:1000}.mobile-menu-open .site-header .main-nav a{display:block;padding:12px 14px;border:0;border-radius:10px}.mobile-menu-open .site-header .main-nav a:hover,.mobile-menu-open .site-header .main-nav a.active{background:rgba(22,119,255,.16)}}

/* Oto2 follow-up: homepage image visible, human search, labels */
.home-search-notice{margin:10px 0 0;color:#dbeafe;font-size:12px;font-weight:700}.home-search-notice a{color:#7cc7ff;text-decoration:underline}.mini-car button.active{background:#ef4444!important;color:#fff!important}.newsroom-cta button,.compare-cta button{white-space:nowrap}
@media(max-width:820px){
  body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-copy{padding-top:28px!important;padding-bottom:8px!important;}
  body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-copy h1{font-size:31px!important;line-height:1.06!important;margin-bottom:10px!important;}
  body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-copy p{font-size:12.5px!important;line-height:1.45!important;margin-bottom:14px!important;}
  body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-search{height:48px!important;max-width:100%!important;}
  body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .popular-search{gap:7px!important;margin-top:10px!important;}
  body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .popular-search button:nth-of-type(n+4){display:none!important;}
  body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-visual{min-height:185px!important;margin-top:8px!important;overflow:hidden!important;border-radius:18px!important;}
  body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-visual:before{inset:0!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(22,119,255,.18),rgba(92,200,255,.06))!important;}
  body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-visual:after{display:none!important;}
  body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-visual img{left:50%!important;right:auto!important;transform:translateX(-50%)!important;bottom:8px!important;width:min(380px,105%)!important;height:165px!important;opacity:.92!important;object-position:center bottom!important;}
  .home-search-notice{font-size:11px;line-height:1.35}
}
@media(max-width:420px){
  body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-copy h1{font-size:29px!important;}
  body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-visual{min-height:170px!important;}
  body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-visual img{height:150px!important;width:min(350px,105%)!important;}
}

/* Oto2 integrated design system alignment — 2026-06-05 */
:root{--o2-bg:#f5f8fc;--o2-dark:#06101f;--o2-dark2:#081a33;--o2-blue:#1677ff;--o2-cyan:#62cfff;--o2-text:#0f172a;--o2-muted:#64748b;--o2-line:#e6edf6;--o2-radius:18px;--o2-radius-sm:12px;--o2-shadow:0 16px 42px rgba(15,23,42,.10);--o2-shadow-dark:0 20px 55px rgba(2,8,23,.24)}
body{background:var(--o2-bg);color:var(--o2-text)}.site-header{height:58px;background:#06101f!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:0 10px 30px rgba(2,8,23,.24)!important}.nav-shell{height:58px}.logo{font-size:27px}.main-nav a{font-size:12px!important;font-weight:850!important;border:0!important;border-radius:999px!important;padding:9px 12px!important;color:#cfe0f4!important}.main-nav a.active,.main-nav a:hover{background:rgba(22,119,255,.16)!important;color:#fff!important}.btn,.nav-actions a,.nav-actions button,.header-actions a,.header-actions button{border-radius:10px!important;font-weight:900!important}
.hero-portal,.route-hero,.compare-hero,.newsroom-hero,.tco-hero,.review-hero{min-height:380px!important;background:#06101f!important;color:#fff!important;box-shadow:inset 0 -90px 110px rgba(2,8,23,.22)!important}.hero-portal:before,.route-hero:before,.compare-hero:before,.newsroom-hero:before,.tco-hero:before,.review-hero:before{background:linear-gradient(90deg,rgba(2,8,23,.98),rgba(4,15,31,.90) 48%,rgba(4,15,31,.32) 100%),radial-gradient(circle at 74% 42%,rgba(22,119,255,.26),transparent 34%)!important}.hero-copy h1,.route-hero-copy h1,.newsroom-copy h1,.tco-copy h1,.review-copy h1{font-size:44px!important;line-height:1.04!important;letter-spacing:-.045em!important;font-weight:950!important}.hero-copy h1 span,.route-hero-copy h1 span,.newsroom-copy h1 span,.tco-copy h1 span,.review-copy h1 span{background:linear-gradient(90deg,#62cfff,#1677ff)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}.hero-copy p,.route-hero-copy p,.newsroom-copy p,.tco-copy p,.review-copy p{font-size:14.5px!important;line-height:1.54!important;color:#dbeafe!important;font-weight:650!important}.page-pill{background:rgba(22,119,255,.16)!important;border:1px solid rgba(98,207,255,.22)!important;color:#dcefff!important;border-radius:999px!important;padding:8px 12px!important}
.hero-search,.route-search,.review-search{height:52px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 18px 44px rgba(2,8,23,.22)!important}.hero-search button,.route-search button,.review-search button{border-radius:999px!important;background:linear-gradient(135deg,#1677ff,#48c5ff)!important}.popular-search button,.city-chips button,.review-chips button,.hero-bullets span{border-radius:999px!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.18)!important;color:#e8f4ff!important}
.stat-strip,.route-stat-grid,.review-stats{margin-top:24px!important;gap:14px!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}.stat-strip article,.route-stat-grid article,.review-stats article{border-radius:var(--o2-radius-sm)!important;background:linear-gradient(135deg,#071d38,#092d5a)!important;border:1px solid rgba(96,165,250,.12)!important;box-shadow:var(--o2-shadow-dark)!important;padding:18px!important}.stat-strip article span,.route-stat-grid i,.review-stats i{border-radius:14px!important;background:linear-gradient(135deg,#1677ff,#62cfff)!important;box-shadow:0 12px 26px rgba(22,119,255,.28)!important}
.filter-card,.compare-picker,.spec-compare,.top-story,.latest-review,.review-sidebar section,.preview-panel,.tco-main-grid,.featured-model,.featured-review-grid article,.newsroom-grid article,.need-grid article,.insight-grid article,.tool-grid a,.tco-why article,.dealer-bottom-grid>div{border-radius:var(--o2-radius)!important;border:1px solid var(--o2-line)!important;box-shadow:var(--o2-shadow)!important}.route-cta,.review-cta,.tco-cta,.newsroom-cta,.final-cta{border-radius:var(--o2-radius)!important;background:linear-gradient(90deg,#082e62,#0b64d8)!important;box-shadow:0 18px 44px rgba(11,100,216,.20)!important}.route-cta h2,.review-cta h2,.tco-cta h2,.newsroom-cta h2,.final-cta h2{font-size:24px!important;line-height:1.15!important}.route-cta p,.review-cta p,.tco-cta p,.newsroom-cta p,.final-cta p{font-size:13px!important;color:#dbeafe!important}.route-cta button,.route-cta a,.review-cta button,.tco-cta button,.tco-cta a,.newsroom-cta button,.final-cta a{border-radius:10px!important;height:44px!important}
/* Per-page harmonization */
.page-dealer-spklu .route-hero-visual img,.newsroom-visual img,.review-car img,.tco-car img{filter:saturate(1.08) contrast(1.06) brightness(.86)!important}.page-dealer-spklu .map-panel{background:linear-gradient(135deg,#071d38,#092d5a)!important}.compare-picker{padding:0!important;overflow:hidden!important}.compare-picker article{background:#fff!important}.compare-hero:after,.newsroom-cta,.tco-cta,.review-cta{background-blend-mode:multiply!important}.tco-light-ref .tco-main-grid{margin-top:24px!important;background:#fff!important}.tco-light-ref .tco-hero{padding-bottom:18px!important}.review-v2,.tco-v2{background:var(--o2-bg)!important}.review-v2 .site-footer,.tco-v2 .site-footer{background:#06101f!important}.review-section-head h2,.review-categories h2,.latest-review h2,.review-sidebar h2{color:#fff}.review-content-grid .latest-review h2,.review-sidebar section h2{color:#eaf4ff!important}.newsroom-v2 .news-list-head h2,.need-section h2{color:#0f172a!important}
/* Homepage integrated image */
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-portal{background:linear-gradient(90deg,#020817 0%,#031224 48%,#06182f 100%)!important}.hero-visual:before{background:linear-gradient(135deg,rgba(22,119,255,.18),rgba(98,207,255,.05))!important}.featured-model{border-radius:var(--o2-radius)!important}.news-card{border-radius:var(--o2-radius-sm)!important}
@media(max-width:820px){.site-header{height:58px}.nav-shell{height:58px}.hero-portal,.route-hero,.compare-hero,.newsroom-hero,.tco-hero,.review-hero{min-height:430px!important;padding:30px 0 20px!important}.hero-copy h1,.route-hero-copy h1,.newsroom-copy h1,.tco-copy h1,.review-copy h1{font-size:29px!important;line-height:1.06!important}.hero-copy p,.route-hero-copy p,.newsroom-copy p,.tco-copy p,.review-copy p{font-size:12.5px!important;line-height:1.45!important}.stat-strip,.route-stat-grid,.review-stats{margin-top:14px!important}.stat-strip{grid-template-columns:1fr 1fr!important}.stat-strip article,.route-stat-grid article,.review-stats article{padding:13px!important}.route-cta,.review-cta,.tco-cta,.newsroom-cta,.final-cta{grid-template-columns:1fr!important;padding:18px!important;gap:12px!important}.route-cta button,.route-cta a,.review-cta button,.tco-cta button,.tco-cta a,.newsroom-cta button,.final-cta a{width:100%!important;justify-content:center!important}.filter-card,.compare-picker,.spec-compare,.top-story,.latest-review,.review-sidebar section,.preview-panel,.tco-main-grid,.featured-model{border-radius:16px!important}.hero-search,.route-search,.review-search{height:48px!important}.review-content-grid,.newsroom-tools,.preview-grid,.dealer-bottom-grid,.map-panel{grid-template-columns:1fr!important}}

/* Oto2 style alignment visual QA fixes */
/* dealer: replace empty-looking glowing placeholder with useful charger/card visual */
.route-hero-visual:after{width:116px!important;height:205px!important;right:54px!important;bottom:50px!important;border-radius:24px!important;background:linear-gradient(180deg,#0c3a73,#061a33)!important;border:1px solid rgba(98,207,255,.45)!important;box-shadow:0 0 34px rgba(22,119,255,.44),inset 0 0 22px rgba(98,207,255,.18)!important}.route-hero-visual:before{content:"SPKLU\A Fast Charge\A 24 Jam";white-space:pre-line;position:absolute;right:72px;bottom:92px;z-index:4;color:#e8f4ff;text-align:center;font-weight:950;font-size:12px;line-height:1.35;text-shadow:0 2px 14px rgba(0,0,0,.35)}
/* compare: breathe selector */
.page-bandingkan .compare-picker{grid-template-columns:220px repeat(3,1fr) 160px!important;gap:10px!important;padding:12px!important;background:#fff!important}.page-bandingkan .compare-picker aside,.page-bandingkan .compare-picker article{border:1px solid #e8eef6!important;border-radius:14px!important;min-height:210px!important}.page-bandingkan .compare-picker article img{height:92px!important;margin-top:20px!important}.page-bandingkan .compare-picker article div{gap:7px!important}.page-bandingkan .compare-picker article div span{background:#f7faff;border:1px solid #edf3fa;border-radius:8px;padding:5px 4px}.page-bandingkan .compare-picker aside button{margin-top:42px!important}.page-bandingkan .limit-card{padding:20px 14px!important}
/* review: section contrast/spacing */
.review-v2 .featured-review{margin-top:32px!important}.review-v2 .review-section-head{background:linear-gradient(90deg,#06182f,#092d5a);border:1px solid rgba(96,165,250,.16);border-radius:14px;padding:14px 16px;margin-bottom:16px!important;box-shadow:var(--o2-shadow-dark)}.review-v2 .review-section-head h2{color:#fff!important;text-shadow:0 2px 14px rgba(0,0,0,.28)}.review-v2 .review-section-head a{color:#9bd7ff!important}.review-v2 .review-categories h2,.review-v2 .latest-review h2,.review-v2 .review-sidebar h2{color:#eaf4ff!important}.review-v2 .featured-review-grid{gap:18px!important}.review-v2 .featured-review-grid article{background:#06182f!important;border-color:rgba(96,165,250,.18)!important}.review-v2 .review-categories{margin-top:28px!important}.review-v2 .review-content-grid{margin-top:22px!important}
/* news category bar readability */
.news-tabs button{font-size:11.5px!important;color:#475569!important}.news-tabs button.active{color:#fff!important}.news-tabs button span{font-size:14px!important}
@media(max-width:820px){.route-hero-visual:after,.route-hero-visual:before{display:none!important}.page-bandingkan .compare-picker{gap:12px!important;padding:12px!important}.page-bandingkan .compare-picker aside,.page-bandingkan .compare-picker article{min-height:auto!important}.review-v2 .review-section-head{padding:12px 14px}.review-v2 .featured-review{margin-top:20px!important}}

/* Oto2 style-system pass 2: unify hero, chips, nav, and page rhythm */
.main-nav a.active,.main-nav a:hover{background:rgba(22,119,255,.10)!important;box-shadow:inset 0 0 0 1px rgba(98,207,255,.10)!important}.nav-actions .btn-blue,.header-actions .btn-blue{background:linear-gradient(135deg,#1677ff,#35b9ff)!important}
.hero-portal,.route-hero,.compare-hero,.newsroom-hero,.tco-hero,.review-hero{min-height:372px!important;position:relative!important;overflow:hidden!important}.hero-portal:before,.route-hero:before,.compare-hero:before,.newsroom-hero:before,.tco-hero:before,.review-hero:before{background:linear-gradient(90deg,rgba(2,8,23,1) 0%,rgba(4,15,31,.96) 42%,rgba(4,15,31,.64) 66%,rgba(4,15,31,.18) 100%),radial-gradient(circle at 76% 42%,rgba(22,119,255,.23),transparent 34%)!important}.compare-hero:after,.newsroom-hero:after{opacity:.72!important}.compare-hero:after{filter:saturate(1.06) contrast(1.08) brightness(1.12)!important;background:linear-gradient(90deg,rgba(2,8,23,.18),rgba(2,8,23,.04)),url('/assets/hero-homepage-kie-neutral.jpg') right center/cover no-repeat!important}.newsroom-hero:after{display:none!important}.newsroom-visual:after,.review-car:after,.tco-car:after,.route-hero-visual:after{border-radius:22px!important}
.route-hero-grid,.compare-hero .route-hero-grid,.newsroom-hero-grid,.tco-hero-grid,.review-hero-grid,.hero-grid{min-height:372px!important}.hero-copy,.route-hero-copy,.newsroom-copy,.tco-copy,.review-copy{padding-top:48px!important;padding-bottom:38px!important}.hero-copy h1,.route-hero-copy h1,.newsroom-copy h1,.tco-copy h1,.review-copy h1{font-size:42px!important;line-height:1.045!important;margin-bottom:13px!important}.hero-copy p,.route-hero-copy p,.newsroom-copy p,.tco-copy p,.review-copy p{max-width:560px!important;margin-bottom:18px!important}
/* Normalize right-side image treatment */
.newsroom-visual,.review-car,.tco-car,.route-hero-visual{width:52%!important;right:0!important;left:auto!important}.newsroom-visual img,.review-car img,.tco-car img,.route-hero-visual img{opacity:.82!important;filter:saturate(1.08) contrast(1.08) brightness(.88)!important;object-position:center right!important}.newsroom-visual:before,.review-car:before,.tco-car:before,.route-hero-visual:before{background:linear-gradient(90deg,rgba(2,8,23,.72),rgba(2,8,23,.22) 42%,rgba(2,8,23,.04))!important}.newsroom-copy{max-width:580px}.newsroom-copy .breadcrumb{display:none!important}.newsroom-copy .page-pill{margin-bottom:14px!important}.newsroom-copy h1{font-size:42px!important}.review-car aside{right:56px!important}.tco-light-ref .tco-car{width:52%!important;left:48%!important}.review-v2 .review-car{width:52%!important;left:48%!important}.review-v2 .review-copy,.tco-light-ref .tco-copy{width:48%!important;max-width:600px!important}
/* Normalize controls */
.page-pill,.popular-search button,.city-chips button,.review-chips button,.hero-bullets span,.news-tabs button,.review-categories button{border-radius:999px!important;font-weight:900!important;letter-spacing:.06em!important}.popular-search button,.city-chips button,.review-chips button,.hero-bullets span{padding:7px 12px!important;font-size:11px!important}.news-tabs{border-radius:16px!important;padding:8px!important;margin-top:20px!important}.news-tabs button{height:40px!important;font-size:11.5px!important}.review-categories button{height:78px!important}.hero-search,.route-search,.review-search{max-width:540px!important}.hero-search span,.route-search span,.review-search span{font-size:20px!important;color:#7c8da3!important}
/* Normalize section rhythm */
.stat-strip,.route-stat-grid,.review-stats,.compare-picker,.tco-main-grid,.news-tabs{margin-top:22px!important}.featured-model,.catalogue-block,.news-block,.browse-panels,.why-block,.spklu-block,.final-cta,.featured-review,.review-categories,.review-content-grid,.preview-panel,.tco-why,.top-story,.news-list-head,.newsroom-grid,.newsroom-tools,.need-section{margin-top:24px!important}.review-section-head{margin-bottom:18px!important}.compare-picker{margin-top:22px!important}.tco-light-ref .tco-main-grid{margin-top:22px!important}.newsroom-tools{background:linear-gradient(90deg,#071d38,#092d5a)!important}
/* Page-specific consistency tweaks */
.page-bandingkan .compare-picker{grid-template-columns:220px repeat(3,1fr) 150px!important}.page-bandingkan .limit-card{background:linear-gradient(180deg,#fbfdff,#f4f8fd)!important}.page-bandingkan .compare-picker article img{height:98px!important}.page-dealer-spklu .route-hero-visual:after{opacity:.80!important}.page-dealer-spklu .route-hero-visual:before{opacity:.95!important}.newsroom-hero{min-height:360px!important}.top-story{background:linear-gradient(135deg,#071d38,#092d5a)!important}.review-v2 .review-section-head{background:linear-gradient(90deg,#071d38,#092d5a)!important}.tco-light-ref .tco-trust span{background:rgba(7,22,43,.72)!important}
@media(max-width:820px){.hero-portal,.route-hero,.compare-hero,.newsroom-hero,.tco-hero,.review-hero{min-height:430px!important;padding:28px 0 18px!important}.route-hero-grid,.compare-hero .route-hero-grid,.newsroom-hero-grid,.tco-hero-grid,.review-hero-grid,.hero-grid{min-height:auto!important}.hero-copy,.route-hero-copy,.newsroom-copy,.tco-copy,.review-copy{padding-top:0!important;padding-bottom:8px!important}.hero-copy h1,.route-hero-copy h1,.newsroom-copy h1,.tco-copy h1,.review-copy h1{font-size:28px!important;line-height:1.06!important}.newsroom-visual,.review-car,.tco-car,.route-hero-visual{width:100%!important;left:auto!important}.newsroom-visual{opacity:.32!important}.review-v2 .review-copy,.tco-light-ref .tco-copy{width:auto!important}.stat-strip,.route-stat-grid,.review-stats,.compare-picker,.tco-main-grid,.news-tabs{margin-top:14px!important}.news-tabs{grid-template-columns:1fr 1fr!important}.page-bandingkan .compare-picker{grid-template-columns:1fr!important}.review-categories button{height:72px!important}}

/* Oto2 DOM contract: common hero/header classes available on all V2 pages */
.o2-hero{position:relative;overflow:hidden;color:#fff;background:#06101f}.o2-hero-grid{position:relative;z-index:3;display:grid;align-items:center}.o2-hero-copy{position:relative;z-index:5}.o2-hero-visual{position:relative}.o2-hero-copy h1 span{background:linear-gradient(90deg,#62cfff,#1677ff);-webkit-background-clip:text;background-clip:text;color:transparent}.site-header .logo,.site-header .main-nav,.site-header .nav-actions{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}

/* oto2kat V2 unified page */
.catalog-v2{background:#f5f8fc}.catalog-v2 .catalog-preview{margin-top:24px}.catalog-v2 .popular-row{grid-auto-columns:minmax(178px,1fr)}.catalog-v2 .mini-car{background:#fff;border:1px solid var(--o2-line);border-radius:18px;padding:12px;box-shadow:var(--o2-shadow);transition:.18s ease}.catalog-v2 .mini-car:hover{transform:translateY(-2px)}.catalog-v2 .mini-car .img{height:125px}.catalog-v2 .mini-car span{display:block;color:#1677ff;font-size:11px;font-weight:900;margin-top:6px}.o2-hero-catalog .route-hero-visual img{object-fit:cover!important;opacity:.82!important}
@media(max-width:820px){.catalog-v2 .popular-row{grid-auto-columns:165px}.catalog-v2 .mini-car .img{height:105px}}

/* Oto2 final visual QA fixes: TCO + Review hero balance/header nav */
@media(min-width:821px){
  /* compact, consistent hero rhythm for tool/review pages */
  .tco-light-ref .o2-hero-tco,
  .review-v2 .o2-hero-review{min-height:354px!important;padding:0!important;}
  .tco-light-ref .o2-hero-tco:before,
  .review-v2 .o2-hero-review:before{background:linear-gradient(90deg,rgba(2,8,23,1) 0%,rgba(4,15,31,.98) 38%,rgba(4,15,31,.76) 57%,rgba(4,15,31,.26) 100%),radial-gradient(circle at 75% 46%,rgba(22,119,255,.22),transparent 34%)!important;}
  .tco-light-ref .tco-hero-grid,
  .review-v2 .review-hero-grid{display:grid!important;grid-template-columns:minmax(0,.98fr) minmax(440px,1.02fr)!important;min-height:354px!important;align-items:center!important;position:relative!important;}
  .tco-light-ref .tco-copy,
  .review-v2 .review-copy{width:auto!important;max-width:600px!important;padding:40px 0 34px!important;z-index:6!important;}
  .tco-light-ref .tco-copy h1,
  .review-v2 .review-copy h1{font-size:40px!important;line-height:1.045!important;margin-bottom:12px!important;}
  .tco-light-ref .tco-copy p,
  .review-v2 .review-copy p{font-size:14px!important;line-height:1.48!important;margin-bottom:16px!important;max-width:548px!important;}
  .tco-light-ref .tco-car,
  .review-v2 .review-car{position:absolute!important;left:48%!important;right:0!important;top:0!important;bottom:0!important;width:52%!important;height:100%!important;opacity:1!important;z-index:1!important;overflow:hidden!important;}
  .tco-light-ref .tco-car:before,
  .review-v2 .review-car:before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(2,8,23,.74),rgba(2,8,23,.30) 38%,rgba(2,8,23,.04) 100%)!important;z-index:2!important;pointer-events:none!important;}
  .tco-light-ref .tco-car img,
  .review-v2 .review-car img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;opacity:.84!important;filter:saturate(1.08) contrast(1.08) brightness(.86)!important;}
  .review-v2 .review-car aside{top:92px!important;right:48px!important;z-index:5!important;}
  .tco-light-ref .tco-trust{grid-template-columns:1fr 1fr 1fr!important;max-width:590px!important;gap:10px!important;}
  .tco-light-ref .tco-trust span{min-height:76px!important;padding:12px!important;grid-template-columns:36px minmax(0,1fr)!important;}
  .tco-light-ref .tco-trust span:nth-child(3){grid-column:auto!important;max-width:none!important;}
  .tco-light-ref .tco-trust span i{width:36px!important;height:36px!important;}
  .tco-light-ref .tco-trust b{font-size:11px!important;}
  .tco-light-ref .tco-trust small{font-size:9.5px!important;line-height:1.25!important;}
  .tco-light-ref .tco-main-grid{margin-top:22px!important;}
  .review-v2 .review-stats{margin-top:22px!important;}
  .review-v2 .review-search{max-width:500px!important;}
  .review-v2 .review-chips{max-width:560px!important;}
  /* nav fit after adding Review */
  .main-nav{gap:2px!important;}
  .main-nav a{padding:8px 10px!important;font-size:11.5px!important;}
}
/* Better right hero visual size for catalog/news/dealer without changing DOM */
@media(min-width:821px){
  .catalog-v2 .route-hero-visual img,
  .page-dealer-spklu .route-hero-visual img,
  .newsroom-v2 .newsroom-visual img{object-fit:cover!important;object-position:center!important;opacity:.84!important;}
  .newsroom-v2 .newsroom-visual{width:54%!important;}
}

/* Oto2 MAJOR VISUAL CLEANUP — unify header/hero/stats/mobile/components */
:root{--o2-navy:#06101f;--o2-navy2:#081a33;--o2-blue:#1677ff;--o2-cyan:#62cfff;--o2-bg:#f5f8fc;--o2-text:#0f172a;--o2-muted:#64748b;--o2-line:#e6edf6;--o2-r:18px;--o2-r2:12px;--o2-shadow:0 16px 42px rgba(15,23,42,.10);--o2-darkshadow:0 22px 58px rgba(2,8,23,.22)}
/* Header: one logo, one hamburger */
.site-header{height:58px!important;background:var(--o2-navy)!important;z-index:1000!important}.nav-shell{height:58px!important}.logo{font-size:27px!important;line-height:1!important}.menu-toggle{display:none!important}.mobile-menu-toggle{display:none;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;border-radius:10px;width:40px;height:38px;font-size:21px;font-weight:900}.main-nav{gap:2px!important}.main-nav a{font-size:11.5px!important;padding:8px 10px!important;border:0!important;border-radius:999px!important;color:#d3e4f8!important;white-space:nowrap!important}.main-nav a.active,.main-nav a:hover{background:rgba(22,119,255,.12)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(98,207,255,.10)!important}.nav-actions{gap:8px!important}.nav-actions .btn{height:38px!important;padding:0 13px!important;font-size:12px!important}
/* Unified hero */
.o2-hero{min-height:350px!important;background:var(--o2-navy)!important;color:#fff!important;position:relative!important;overflow:hidden!important;box-shadow:inset 0 -70px 95px rgba(2,8,23,.22)!important}.o2-hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(2,8,23,1) 0%,rgba(4,15,31,.96) 42%,rgba(4,15,31,.64) 64%,rgba(4,15,31,.16) 100%),radial-gradient(circle at 77% 42%,rgba(22,119,255,.22),transparent 34%)!important}.o2-hero-grid{min-height:350px!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(420px,.92fr)!important;align-items:center!important;position:relative!important;z-index:3!important}.o2-hero-copy{padding:38px 0 32px!important;max-width:620px!important}.o2-hero-copy h1{font-size:40px!important;line-height:1.055!important;letter-spacing:-.045em!important;margin:0 0 12px!important}.o2-hero-copy p{font-size:14px!important;line-height:1.5!important;margin:0 0 16px!important;max-width:550px!important;color:#dbeafe!important}.o2-hero-copy h1 span{background:linear-gradient(90deg,var(--o2-cyan),var(--o2-blue))!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}.o2-hero-visual{height:100%!important;min-height:300px!important;position:relative!important;z-index:2!important;overflow:hidden!important;border-radius:0!important}.o2-hero-visual img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;opacity:.82!important;filter:saturate(1.08) contrast(1.08) brightness(.86)!important}.o2-hero-visual:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(2,8,23,.72),rgba(2,8,23,.24) 40%,rgba(2,8,23,.04))!important;pointer-events:none}.o2-hero-home .o2-hero-visual{min-height:300px!important;border-radius:22px!important}.o2-hero-home .o2-hero-visual:after{display:none!important}.o2-hero-home .o2-hero-visual img{inset:auto!important;left:50%!important;right:auto!important;bottom:24px!important;transform:translateX(-50%)!important;width:min(520px,110%)!important;height:260px!important;object-fit:contain!important;opacity:.90!important;filter:drop-shadow(0 28px 36px rgba(0,0,0,.35)) saturate(1.06) contrast(1.04)!important}

/* Home hero visibility fixes */
.o2-hero-home .o2-hero-visual{display:block!important;min-height:300px!important;height:300px!important}
.o2-hero-home .o2-hero-visual img{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;opacity:1!important;visibility:visible!important}

/* Hero background for pages without visual elements */
.page-review .route-hero{background:linear-gradient(90deg,rgba(2,8,23,.98),rgba(2,15,31,.82) 48%,rgba(2,15,31,.22)),url('/assets/oto2-hero/review.png') right center/cover no-repeat!important}
.page-berita .route-hero{background:linear-gradient(90deg,rgba(2,8,23,.98),rgba(2,15,31,.82) 48%,rgba(2,15,31,.22)),url('/assets/oto2-hero/news.png') right center/cover no-repeat!important}
.page-dealer-spklu .route-hero{background:linear-gradient(90deg,rgba(2,8,23,.98),rgba(2,15,31,.82) 48%,rgba(2,15,31,.22)),url('/assets/oto2-hero/dealer.png') right center/cover no-repeat!important}.charger-card{width:78px!important;height:120px!important;right:20px!important;top:82px!important;border-radius:14px!important}.route-hero-visual:after,.route-hero-visual:before{display:none!important}.compare-why{height:auto!important;min-height:auto!important;align-self:center!important;background:rgba(5,18,36,.68)!important;backdrop-filter:blur(8px);border:1px solid rgba(96,165,250,.18)!important;border-radius:16px!important;padding:16px!important;box-shadow:var(--o2-darkshadow)!important}.compare-why:before{display:none!important}
/* Unified search/chips */
.hero-search,.route-search,.review-search{height:50px!important;max-width:520px!important;border-radius:999px!important;grid-template-columns:42px minmax(0,1fr) 44px!important;padding:0 6px 0 14px!important;box-shadow:0 16px 38px rgba(2,8,23,.22)!important}.hero-search input,.route-search input,.review-search input{min-width:0!important;font-size:13.5px!important}.hero-search button,.route-search button,.review-search button{width:38px!important;height:38px!important;border-radius:999px!important;display:grid!important;place-items:center!important;font-size:17px!important}.popular-search,.city-chips,.review-chips,.hero-bullets{gap:8px!important;margin-top:12px!important}.popular-search button,.city-chips button,.review-chips button,.hero-bullets span{height:32px!important;border-radius:999px!important;padding:0 11px!important;font-size:11px!important;display:inline-flex!important;align-items:center!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.16)!important;color:#e8f4ff!important}.page-pill{height:32px!important;display:inline-flex!important;align-items:center!important;border-radius:999px!important;padding:8px 12px!important;font-size:11px!important;margin-bottom:12px!important;background:rgba(22,119,255,.16)!important;border:1px solid rgba(98,207,255,.22)!important;color:#dcefff!important}
/* Unified stats */
.stat-strip,.route-stat-grid,.review-stats{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:14px!important;margin-top:22px!important;background:transparent!important;border:0!important;box-shadow:none!important}.stat-strip article,.route-stat-grid article,.review-stats article{min-height:108px!important;border-radius:var(--o2-r2)!important;background:linear-gradient(135deg,#071d38,#092d5a)!important;border:1px solid rgba(96,165,250,.12)!important;box-shadow:var(--o2-darkshadow)!important;padding:16px!important;display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;gap:8px 12px!important;align-items:center!important}.stat-strip article span,.route-stat-grid i,.review-stats i{grid-row:1/3!important;width:46px!important;height:46px!important;border-radius:13px!important;font-size:23px!important;background:linear-gradient(135deg,var(--o2-blue),var(--o2-cyan))!important;display:grid!important;place-items:center!important}.stat-strip b,.route-stat-grid b,.review-stats b{font-size:25px!important;line-height:1!important}.stat-strip strong,.stat-strip small,.route-stat-grid span,.review-stats span{font-size:11.5px!important;line-height:1.25!important;color:#d6e7fb!important}.stat-strip small{display:block!important}
/* Unified cards/sections */
.filter-card,.compare-picker,.spec-compare,.top-story,.latest-review,.review-sidebar section,.preview-panel,.tco-main-grid,.featured-model,.featured-review-grid article,.newsroom-grid article,.need-grid article,.insight-grid article,.tool-grid a,.tco-why article,.dealer-bottom-grid>div,.newsroom-tools{border-radius:var(--o2-r)!important;box-shadow:var(--o2-shadow)!important;border:1px solid var(--o2-line)!important}.featured-model,.catalogue-block,.news-block,.browse-panels,.why-block,.spklu-block,.final-cta,.featured-review,.review-categories,.review-content-grid,.preview-panel,.tco-why,.top-story,.news-list-head,.newsroom-grid,.newsroom-tools,.need-section,.filter-card,.compare-picker,.spec-compare{margin-top:24px!important}.route-cta,.review-cta,.tco-cta,.newsroom-cta,.final-cta{border-radius:var(--o2-r)!important;background:linear-gradient(90deg,#082e62,#0b64d8)!important;box-shadow:0 18px 44px rgba(11,100,216,.20)!important;padding:22px 28px!important}.route-cta h2,.review-cta h2,.tco-cta h2,.newsroom-cta h2{font-size:22px!important;line-height:1.15!important}.route-cta p,.review-cta p,.tco-cta p,.newsroom-cta p{font-size:13px!important;color:#dbeafe!important}.route-cta button,.route-cta a,.review-cta button,.tco-cta button,.tco-cta a,.newsroom-cta button{height:42px!important;border-radius:10px!important}
/* Specific cleanup */
.page-bandingkan .compare-picker{grid-template-columns:210px repeat(3,1fr) 150px!important;gap:10px!important;padding:12px!important}.page-bandingkan .compare-picker aside,.page-bandingkan .compare-picker article{min-height:190px!important}.page-bandingkan .compare-picker article img{height:84px!important;margin-top:18px!important}.page-bandingkan .compare-picker article div span{font-size:9.5px!important}.tco-light-ref .tco-trust{grid-template-columns:repeat(3,1fr)!important;gap:9px!important;max-width:560px!important}.tco-light-ref .tco-trust span{min-height:70px!important;padding:10px!important;grid-template-columns:32px minmax(0,1fr)!important}.tco-light-ref .tco-trust span i{width:32px!important;height:32px!important}.tco-light-ref .tco-trust b{font-size:10.5px!important}.tco-light-ref .tco-trust small{font-size:9px!important;line-height:1.22!important}.tco-light-ref .tco-main-grid{grid-template-columns:1.55fr .88fr!important}.review-v2 .review-search{max-width:500px!important}.review-v2 .review-section-head{box-shadow:var(--o2-darkshadow)!important}.news-tabs{display:flex!important;gap:8px!important;overflow-x:auto!important;background:#fff!important;border-radius:16px!important;padding:8px!important}.news-tabs button{flex:0 0 auto!important;min-width:120px!important;height:38px!important}.newsroom-thumb{height:126px!important}.top-story h2{font-size:27px!important;line-height:1.15!important}
/* Mobile major cleanup */
@media(max-width:820px){
  .site-header{height:56px!important}.nav-shell{height:56px!important;padding-inline:14px!important}.logo{font-size:24px!important}.nav-actions{display:none!important}.mobile-menu-toggle{display:grid!important;place-items:center!important;margin-left:auto!important}.menu-toggle{display:none!important}.main-nav{display:none!important}.mobile-menu-open .main-nav{display:grid!important;position:absolute!important;left:12px!important;right:12px!important;top:62px!important;background:#061427!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:14px!important;padding:10px!important;box-shadow:0 20px 50px rgba(0,0,0,.28)!important;z-index:1001!important}.mobile-menu-open .main-nav a{padding:12px 14px!important;font-size:13px!important;border-radius:10px!important}
  .shell{width:min(100% - 28px,1180px)!important}.o2-hero{min-height:auto!important;padding:26px 0 16px!important}.o2-hero-grid{display:grid!important;grid-template-columns:1fr!important;min-height:auto!important}.o2-hero-copy{padding:0!important;max-width:none!important}.o2-hero-copy h1{font-size:28px!important;line-height:1.065!important;margin-bottom:10px!important;max-width:95%!important}.o2-hero-copy p{font-size:12.5px!important;line-height:1.45!important;margin-bottom:12px!important;max-width:96%!important}.o2-hero-visual{min-height:170px!important;height:170px!important;margin-top:14px!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(22,119,255,.16),rgba(98,207,255,.05))!important}.o2-hero-visual:before{background:linear-gradient(90deg,rgba(2,8,23,.20),rgba(2,8,23,.06))!important}.o2-hero-visual img{height:100%!important;width:100%!important;object-fit:cover!important;opacity:.78!important}.o2-hero-home .o2-hero-visual img{height:145px!important;width:min(340px,105%)!important;bottom:8px!important;opacity:.90!important;object-fit:contain!important}.compare-why{display:none!important}.charger-card{display:none!important}
  .hero-search,.route-search,.review-search{height:46px!important;max-width:100%!important;grid-template-columns:36px minmax(0,1fr) 40px!important}.hero-search input,.route-search input,.review-search input{font-size:12px!important}.hero-search button,.route-search button,.review-search button{width:34px!important;height:34px!important}.popular-search,.city-chips,.review-chips,.hero-bullets{gap:7px!important;max-height:76px!important;overflow:hidden!important}.popular-search button,.city-chips button,.review-chips button,.hero-bullets span{height:30px!important;padding:0 9px!important;font-size:10.5px!important}.stat-strip,.route-stat-grid,.review-stats{grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:14px!important}.stat-strip article,.route-stat-grid article,.review-stats article{min-height:82px!important;padding:12px!important;grid-template-columns:38px minmax(0,1fr)!important}.stat-strip article span,.route-stat-grid i,.review-stats i{width:36px!important;height:36px!important;font-size:19px!important}.stat-strip b,.route-stat-grid b,.review-stats b{font-size:20px!important}.stat-strip strong,.stat-strip small,.route-stat-grid span,.review-stats span{font-size:10px!important;line-height:1.2!important}
  .filter-grid,.dealer-bottom-grid,.map-panel,.review-content-grid,.newsroom-tools,.preview-grid,.tco-main-grid,.tco-light-ref .tco-main-grid{grid-template-columns:1fr!important}.filter-card,.compare-picker,.spec-compare,.top-story,.latest-review,.review-sidebar section,.preview-panel,.tco-main-grid,.featured-model{padding:14px!important;border-radius:16px!important}.page-bandingkan .compare-picker{grid-template-columns:1fr!important;padding:12px!important}.page-bandingkan .compare-picker aside,.page-bandingkan .compare-picker article{min-height:auto!important}.page-bandingkan .compare-picker article img{height:118px!important}.tco-light-ref .tco-trust{grid-template-columns:1fr!important;gap:7px!important}.tco-light-ref .tco-trust span{min-height:0!important}.tco-light-ref .stepper{grid-template-columns:repeat(4,1fr)!important;gap:6px!important}.tco-light-ref .stepper span{font-size:8.5px!important}.review-v2 .review-search input::placeholder{font-size:0}.review-v2 .review-search input{font-size:12px!important}.review-v2 .review-search input{placeholder:"Cari review"}.news-tabs{margin-top:14px!important}.news-tabs button{min-width:112px!important;font-size:10.5px!important}.top-story{grid-template-columns:1fr!important}.top-img{height:180px!important}.top-story h2{font-size:22px!important}.route-cta,.review-cta,.tco-cta,.newsroom-cta{grid-template-columns:1fr!important;padding:16px!important;gap:10px!important}.route-cta button,.route-cta a,.review-cta button,.tco-cta button,.tco-cta a,.newsroom-cta button{width:100%!important;justify-content:center!important}
}

/* Oto2 mobile PASS fix: remove awkward floating hero media on TCO/Review, tighten TCO stepper */
@media(max-width:820px){
  .tco-light-ref .o2-hero-tco,
  .review-v2 .o2-hero-review{padding:24px 0 18px!important;min-height:auto!important;}
  .tco-light-ref .tco-hero-grid,
  .review-v2 .review-hero-grid{display:block!important;min-height:auto!important;}
  .tco-light-ref .tco-copy,
  .review-v2 .review-copy{padding:0!important;max-width:none!important;}
  .tco-light-ref .tco-copy h1,
  .review-v2 .review-copy h1{font-size:27px!important;line-height:1.06!important;max-width:96%!important;margin-bottom:10px!important;}
  .tco-light-ref .tco-copy p,
  .review-v2 .review-copy p{font-size:12.5px!important;line-height:1.45!important;max-width:98%!important;margin-bottom:12px!important;}
  /* These page images were visually reading as accidental tiny lower-right thumbnails on mobile. Hide them for a cleaner human UX; desktop keeps imagery. */
  .tco-light-ref .tco-car,
  .review-v2 .review-car{display:none!important;}
  .tco-light-ref .tco-trust{grid-template-columns:1fr!important;gap:8px!important;margin-top:12px!important;}
  .tco-light-ref .tco-trust span{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:center!important;min-height:58px!important;padding:10px 12px!important;border-radius:14px!important;}
  .tco-light-ref .tco-main-grid{margin-top:16px!important;}
  .tco-light-ref .tco-card{padding:14px!important;border-radius:16px!important;}
  .tco-light-ref .stepper{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;margin-bottom:14px!important;}
  .tco-light-ref .stepper li{min-width:0!important;padding:0!important;gap:4px!important;display:grid!important;justify-items:center!important;text-align:center!important;}
  .tco-light-ref .stepper b{width:28px!important;height:28px!important;font-size:12px!important;line-height:28px!important;display:grid!important;place-items:center!important;}
  .tco-light-ref .stepper span{font-size:8.2px!important;line-height:1.05!important;max-width:58px!important;white-space:normal!important;overflow-wrap:anywhere!important;}
  .review-v2 .review-search{max-width:100%!important;grid-template-columns:36px minmax(0,1fr) 40px!important;}
  .review-v2 .review-search input{min-width:0!important;color:#0f172a!important;}
  .review-v2 .review-search input::placeholder{font-size:11px!important;color:#64748b!important;opacity:1!important;}
  .review-v2 .review-chips{margin-top:10px!important;max-height:70px!important;overflow:hidden!important;}
  .review-v2 .review-stats{margin-top:14px!important;}
}

/* Oto2 TCO mobile stepper readability pass */
@media(max-width:820px){
  .tco-light-ref .stepper{display:flex!important;gap:6px!important;margin:0 0 16px!important;padding:0!important;overflow-x:auto!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;align-items:stretch!important;}
  .tco-light-ref .stepper::-webkit-scrollbar{display:none!important;}
  .tco-light-ref .stepper li{flex:0 0 auto!important;width:auto!important;min-width:72px!important;max-width:none!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;text-align:left!important;padding:7px 9px!important;border-radius:999px!important;background:#f1f6fd!important;border:1px solid #dfeaf7!important;white-space:nowrap!important;}
  .tco-light-ref .stepper li.active{background:#eaf3ff!important;border-color:#bcdcff!important;box-shadow:inset 0 0 0 1px rgba(22,119,255,.10)!important;}
  .tco-light-ref .stepper b{flex:0 0 24px!important;width:24px!important;height:24px!important;min-width:24px!important;border-radius:999px!important;font-size:11px!important;line-height:1!important;display:grid!important;place-items:center!important;margin:0!important;}
  .tco-light-ref .stepper span{display:block!important;max-width:none!important;min-width:0!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;font-size:10.5px!important;line-height:1!important;letter-spacing:-.01em!important;word-break:normal!important;overflow-wrap:normal!important;}
  .tco-light-ref .tco-card h2{font-size:19px!important;margin-bottom:8px!important;}
}

/* Oto2 TCO mobile stepper final label width */
@media(max-width:820px){
  .tco-light-ref .stepper{display:flex!important;justify-content:flex-start!important;width:calc(100vw - 56px)!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 2px 8px!important;gap:7px!important;}
  .tco-light-ref .stepper li{min-width:96px!important;width:96px!important;flex:0 0 96px!important;box-sizing:border-box!important;}
  .tco-light-ref .stepper span{font-size:10px!important;letter-spacing:-.03em!important;white-space:nowrap!important;}
  .tco-light-ref .stepper b{width:22px!important;height:22px!important;min-width:22px!important;font-size:10px!important;}
}

/* Oto2 mobile final blockers: TCO stepper + Review chips */
@media(max-width:820px){
  /* TCO: replace cramped text stepper with compact readable chips */
  .tco-light-ref .stepper{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
    padding:0 0 14px!important;
    margin:0 0 14px!important;
    border-bottom:1px solid #e5edf7!important;
  }
  .tco-light-ref .stepper li{
    min-width:0!important;
    width:auto!important;
    max-width:none!important;
    flex:none!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:center!important;
    align-items:center!important;
    gap:5px!important;
    padding:8px 3px!important;
    border-radius:12px!important;
    background:#f4f8fd!important;
    border:1px solid #e1eaf5!important;
    text-align:center!important;
    white-space:normal!important;
    box-sizing:border-box!important;
  }
  .tco-light-ref .stepper li.active{
    background:#eaf4ff!important;
    border-color:#b8d9ff!important;
    box-shadow:inset 0 0 0 1px rgba(22,119,255,.12)!important;
  }
  .tco-light-ref .stepper b{
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    margin:0!important;
    border-radius:999px!important;
    font-size:12px!important;
    line-height:1!important;
    display:grid!important;
    place-items:center!important;
  }
  .tco-light-ref .stepper span{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    font-size:0!important;
    line-height:1!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }
  .tco-light-ref .stepper li:nth-child(1) span::after{content:"Mobil";font-size:10px!important;font-weight:800!important;color:#475569!important;letter-spacing:-.01em!important;}
  .tco-light-ref .stepper li:nth-child(2) span::after{content:"Pakai";font-size:10px!important;font-weight:800!important;color:#475569!important;letter-spacing:-.01em!important;}
  .tco-light-ref .stepper li:nth-child(3) span::after{content:"Biaya";font-size:10px!important;font-weight:800!important;color:#475569!important;letter-spacing:-.01em!important;}
  .tco-light-ref .stepper li:nth-child(4) span::after{content:"Hasil";font-size:10px!important;font-weight:800!important;color:#475569!important;letter-spacing:-.01em!important;}
  /* hide any old connector/line decorations that made the stepper look broken */
  .tco-light-ref .stepper li:before,
  .tco-light-ref .stepper li:after,
  .tco-light-ref .stepper:before,
  .tco-light-ref .stepper:after{display:none!important;content:none!important;}

  /* Review: chips must wrap naturally; never clipped by hero */
  .review-v2 .review-chips,
  .review-v2 .hero-bullets,
  .review-v2 .popular-search{
    display:flex!important;
    flex-wrap:wrap!important;
    max-height:none!important;
    overflow:visible!important;
    padding-bottom:2px!important;
    margin-bottom:12px!important;
  }
  .review-v2 .review-chips button,
  .review-v2 .hero-bullets span,
  .review-v2 .popular-search button{flex:0 0 auto!important;}
  .review-v2 .review-stats{clear:both!important;margin-top:16px!important;}
  .review-v2 .o2-hero-review{padding-bottom:20px!important;overflow:visible!important;}
}

/* Oto2 REAL TCO stepper structure fix: actual markup is .stepper > span + i connectors */
@media(max-width:820px){
  .tco-light-ref .stepper{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
    margin:0 0 14px!important;
    padding:0 0 14px!important;
    border-bottom:1px solid #e5edf7!important;
    align-items:stretch!important;
  }
  .tco-light-ref .stepper > i{display:none!important;content:none!important;}
  .tco-light-ref .stepper > span{
    min-width:0!important;
    width:auto!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:center!important;
    align-content:center!important;
    gap:5px!important;
    height:56px!important;
    padding:7px 2px!important;
    border-radius:13px!important;
    background:#f4f8fd!important;
    border:1px solid #e1eaf5!important;
    color:transparent!important;
    font-size:0!important;
    line-height:1!important;
    text-align:center!important;
    white-space:normal!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  .tco-light-ref .stepper > span.active{
    background:#eaf4ff!important;
    border-color:#b8d9ff!important;
    box-shadow:inset 0 0 0 1px rgba(22,119,255,.12)!important;
  }
  .tco-light-ref .stepper > span::before{
    width:25px!important;height:25px!important;border-radius:999px!important;
    display:grid!important;place-items:center!important;
    background:#dbeafe!important;color:#1677ff!important;
    font-size:12px!important;font-weight:900!important;
  }
  .tco-light-ref .stepper > span:nth-of-type(1)::before{content:"1"!important;}
  .tco-light-ref .stepper > span:nth-of-type(2)::before{content:"2"!important;}
  .tco-light-ref .stepper > span:nth-of-type(3)::before{content:"3"!important;}
  .tco-light-ref .stepper > span:nth-of-type(4)::before{content:"4"!important;}
  .tco-light-ref .stepper > span.active::before{background:#1677ff!important;color:#fff!important;}
  .tco-light-ref .stepper > span b{display:none!important;}
  .tco-light-ref .stepper > span::after{
    display:block!important;color:#475569!important;font-size:10px!important;font-weight:800!important;line-height:1!important;letter-spacing:-.02em!important;
  }
  .tco-light-ref .stepper > span:nth-of-type(1)::after{content:"Mobil"!important;}
  .tco-light-ref .stepper > span:nth-of-type(2)::after{content:"Pakai"!important;}
  .tco-light-ref .stepper > span:nth-of-type(3)::after{content:"Biaya"!important;}
  .tco-light-ref .stepper > span:nth-of-type(4)::after{content:"Hasil"!important;}
}

/* Oto2 uniform hero image system: fixed frame first, image adapts */
@media(min-width:821px){
  .o2-hero{min-height:372px!important;}
  .o2-hero-grid{min-height:372px!important;grid-template-columns:minmax(0, .98fr) minmax(460px, .92fr)!important;}
  .o2-hero-visual{
    width:min(47vw,620px)!important;
    height:312px!important;
    min-height:312px!important;
    max-height:312px!important;
    align-self:center!important;
    justify-self:end!important;
    border-radius:24px!important;
    right:auto!important;left:auto!important;top:auto!important;bottom:auto!important;
    position:relative!important;
    overflow:hidden!important;
    box-shadow:0 26px 70px rgba(2,8,23,.34)!important;
    border:1px solid rgba(148,216,255,.16)!important;
    background:#07172d!important;
  }
  .o2-hero-visual img{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
    object-fit:cover!important;object-position:center!important;opacity:.96!important;
    filter:saturate(1.03) contrast(1.04) brightness(.96)!important;
    transform:none!important;
  }
  .o2-hero-visual:before{background:linear-gradient(90deg,rgba(2,8,23,.24),rgba(2,8,23,0) 48%,rgba(2,8,23,.08))!important;z-index:2!important;}
  .o2-hero-home .o2-hero-visual img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important;filter:saturate(1.03) contrast(1.04) brightness(.96)!important;}
  .route-hero-visual,.newsroom-visual,.review-v2 .review-car,.tco-light-ref .tco-car,.tco-car,.review-car{width:min(47vw,620px)!important;height:312px!important;min-height:312px!important;left:auto!important;right:auto!important;}
  .compare-why{padding:20px!important;display:grid!important;align-content:end!important;gap:8px!important;background:#07172d!important;}
  .compare-why img{z-index:1!important;}
  .compare-why:before{display:block!important;background:linear-gradient(180deg,rgba(2,8,23,.10),rgba(2,8,23,.72))!important;z-index:2!important;}
  .compare-why b,.compare-why span{position:relative!important;z-index:3!important;}
  .charger-card{display:none!important;}
}
@media(max-width:820px){
  .o2-hero-visual{height:168px!important;min-height:168px!important;max-height:168px!important;border-radius:18px!important;margin-top:14px!important;width:100%!important;box-shadow:0 18px 44px rgba(2,8,23,.22)!important;border:1px solid rgba(148,216,255,.14)!important;}
  .o2-hero-visual img,.o2-hero-home .o2-hero-visual img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform:none!important;opacity:.94!important;filter:saturate(1.02) contrast(1.02) brightness(.94)!important;}
}

/* Oto2 uniform hero frame final: force home/news to exact same visual box as route pages */
@media(min-width:821px){
  .o2-hero-home .o2-hero-visual,
  .newsroom-v2 .o2-hero-visual,
  .newsroom-v2 .newsroom-visual{
    width:min(47vw,620px)!important;
    height:312px!important;
    min-height:312px!important;
    max-height:312px!important;
    position:relative!important;
    align-self:center!important;
    justify-self:end!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    margin:0!important;
    border-radius:24px!important;
    overflow:hidden!important;
  }
  .o2-hero-home .o2-hero-visual img,
  .newsroom-v2 .o2-hero-visual img,
  .newsroom-v2 .newsroom-visual img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center!important;
    transform:none!important;
    margin:0!important;
    bottom:auto!important;
    left:auto!important;
    right:auto!important;
    opacity:.96!important;
  }
  .newsroom-v2 .newsroom-hero-grid,
  .o2-hero-home .o2-hero-grid,
  .hero-portal .hero-grid{grid-template-columns:minmax(0,.98fr) minmax(460px,.92fr)!important;align-items:center!important;}
  .newsroom-v2 .newsroom-copy,
  .hero-portal .hero-copy{max-width:620px!important;width:auto!important;}
}
@media(max-width:820px){
  .o2-hero-home .o2-hero-visual,
  .newsroom-v2 .o2-hero-visual,
  .newsroom-v2 .newsroom-visual{height:168px!important;min-height:168px!important;max-height:168px!important;width:100%!important;margin-top:14px!important;border-radius:18px!important;}
  .o2-hero-home .o2-hero-visual img,
  .newsroom-v2 .o2-hero-visual img,
  .newsroom-v2 .newsroom-visual img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important;}
}

/* Oto2 v13: hero visuals ENABLED — uniform 430px height desktop, 500px mobile — 2026-06-08 */
.o2-hero{min-height:430px!important;background:var(--o2-navy)!important;}
.o2-hero:before{background:radial-gradient(circle at 78% 30%,rgba(22,119,255,.18),transparent 34%),linear-gradient(90deg,rgba(2,8,23,.94),rgba(4,15,31,.78) 58%,rgba(4,15,31,.48))!important;}
.o2-hero-grid{grid-template-columns:minmax(0,1fr) minmax(420px,.92fr)!important;min-height:430px!important;padding-block:0!important;}
.o2-hero-copy{max-width:620px!important;width:auto!important;padding:0!important;}
.o2-hero-copy h1{max-width:620px!important;}
.o2-hero-copy p{max-width:550px!important;}
.o2-hero-visual{display:block!important;min-height:300px!important;height:100%!important;}
/* hide old card/visual elements — we use background-image + cover now */
.compare-why,.review-car,.tco-car,.newsroom-visual,.route-hero-visual,.hero-visual,.charger-card{display:none!important;}
/* restore 2-column hero grid where applicable */
.page-home .hero-grid,
.hero-portal .hero-grid{grid-template-columns:1fr 1.05fr!important;}
.route-hero-grid{grid-template-columns:minmax(0,1fr) minmax(420px,.92fr)!important;}
.compare-hero .route-hero-grid{grid-template-columns:minmax(0,1fr) minmax(420px,.92fr)!important;}
.newsroom-hero-grid{grid-template-columns:minmax(0,1fr) minmax(420px,.92fr)!important;}
.tco-hero-grid{grid-template-columns:minmax(0,1fr) minmax(420px,.92fr)!important;}
.review-hero-grid{grid-template-columns:minmax(0,1fr) minmax(420px,.92fr)!important;}
.hero-portal .hero-copy,.route-hero-copy,.newsroom-copy,.tco-copy,.review-copy{width:auto!important;max-width:620px!important;}
@media(min-width:821px){
  .o2-hero-grid{padding-block:20px 20px!important;min-height:430px!important;}
  .o2-hero-copy h1{font-size:42px!important;line-height:1.055!important;}
  .o2-hero-copy p{font-size:14.5px!important;line-height:1.55!important;}
  .tco-light-ref .tco-trust{max-width:720px!important;}
}
@media(max-width:820px){
  .o2-hero-grid{padding-block:26px 20px!important;}
  .o2-hero-copy h1{font-size:28px!important;line-height:1.06!important;max-width:100%!important;}
  .o2-hero-copy p{font-size:12.5px!important;max-width:100%!important;}
  .o2-hero-visual{display:none!important;}
}

/* Oto2 v13: UNIFORM HERO HEIGHT — 430px desktop, 500px mobile — 2026-06-08 */
@media(min-width:821px){
  .o2-hero{min-height:430px!important;max-height:none!important;overflow:visible!important;}
  .o2-hero-grid{min-height:430px!important;height:auto!important;max-height:none!important;padding-block:20px!important;align-content:center!important;}
  .o2-hero-copy{max-height:none!important;overflow:visible!important;display:flex!important;flex-direction:column!important;justify-content:center!important;}
  .o2-hero-copy h1{font-size:42px!important;line-height:1.055!important;margin:0 0 12px!important;max-height:none!important;overflow:visible!important;}
  .o2-hero-copy p{font-size:14.5px!important;line-height:1.55!important;margin:0 0 16px!important;max-height:none!important;overflow:visible!important;display:block!important;}
  .page-pill{flex:0 0 auto!important;margin-bottom:10px!important;}
  .hero-search,.route-search,.review-search{height:50px!important;}
  .popular-search,.city-chips,.review-chips,.hero-bullets,.hero-trust{
    display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;
    max-width:720px!important;max-height:none!important;margin-top:12px!important;overflow:visible!important;
  }
  .popular-search button,.city-chips button,.review-chips button,.hero-bullets span,.hero-trust span{
    height:32px!important;max-height:none!important;padding:0 11px!important;white-space:nowrap!important;
  }
  .tco-light-ref .tco-trust{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;max-width:720px!important;max-height:none!important;overflow:visible!important;margin-top:2px!important;}
  .tco-light-ref .tco-trust span{min-height:0!important;height:auto!important;overflow:visible!important;}
}
@media(max-width:820px){
  .o2-hero{min-height:500px!important;max-height:none!important;overflow:visible!important;}
  .o2-hero-grid{min-height:500px!important;height:auto!important;max-height:none!important;}
  .o2-hero-copy{max-height:none!important;overflow:visible!important;}
  .o2-hero-copy h1{max-height:none!important;overflow:visible!important;}
  .o2-hero-copy p{max-height:none!important;overflow:visible!important;display:block!important;}
}
/* Mobile: strict top hero height; chips/trust/search are single controlled rows */
@media(max-width:820px){
  .site-header{height:54px!important;max-height:54px!important;overflow:visible!important;}
  .nav-shell{height:54px!important;max-height:54px!important;}
  .o2-hero{min-height:0!important;max-height:286px!important;overflow:hidden!important;}
  .o2-hero-grid{min-height:0!important;height:auto!important;max-height:286px!important;padding-block:20px 16px!important;overflow:hidden!important;}
  .o2-hero-copy{max-height:250px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;}
  .o2-hero-copy h1{font-size:26px!important;line-height:1.05!important;margin:0 0 8px!important;max-height:84px!important;overflow:hidden!important;letter-spacing:-.045em!important;}
  .o2-hero-copy p{font-size:12px!important;line-height:1.36!important;margin:0 0 10px!important;max-height:33px!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;}
  .page-pill{height:28px!important;max-height:28px!important;margin-bottom:8px!important;overflow:hidden!important;}
  .hero-search,.route-search,.review-search{height:42px!important;max-height:42px!important;flex:0 0 42px!important;margin:0 0 8px!important;}
  .hero-search input,.route-search input,.review-search input{font-size:12px!important;}
  .popular-search,.city-chips,.review-chips,.hero-bullets,.hero-trust{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:7px!important;
    width:100%!important;
    max-width:100%!important;
    height:31px!important;
    max-height:31px!important;
    margin:0 0 7px!important;
    overflow:hidden!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .popular-search span,.review-chips small{display:none!important;}
  .popular-search button,.city-chips button,.review-chips button,.hero-bullets span,.hero-trust span{
    flex:0 0 auto!important;
    height:29px!important;
    max-height:29px!important;
    padding:0 9px!important;
    line-height:29px!important;
    font-size:10px!important;
    white-space:nowrap!important;
  }
  /* Homepage has both popular chips and trust chips; keep both rows capped so red area never grows. */
  .hero-portal .popular-search{order:4!important;}
  .hero-portal .hero-trust{order:5!important;margin-bottom:0!important;}
  /* TCO trust cards are the only hero module; cap them to fixed height. */
  .tco-light-ref .tco-trust{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;max-height:128px!important;overflow:hidden!important;margin-top:2px!important;}
  .tco-light-ref .tco-trust span{height:58px!important;min-height:58px!important;max-height:58px!important;overflow:hidden!important;}
  /* Review chips must not spill below hero; one controlled row. */
  .review-v2 .review-chips{flex-wrap:nowrap!important;max-height:31px!important;overflow:hidden!important;margin-bottom:0!important;}
}

/* Oto2 premium content polish: improve beauty/readability after fixed-height governance */
@media(min-width:821px){
  .o2-hero{max-height:376px!important;}
  .o2-hero-grid{height:376px!important;padding-block:38px!important;}
  .o2-hero-copy{max-height:308px!important;}
  .o2-hero-copy h1{font-size:42px!important;line-height:1.06!important;max-height:96px!important;letter-spacing:-.052em!important;}
  .o2-hero-copy p{max-height:48px!important;line-height:1.55!important;color:#dcecff!important;}
  .popular-search,.city-chips,.review-chips,.hero-bullets,.hero-trust{overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;padding-bottom:1px!important;mask-image:linear-gradient(90deg,#000 0%,#000 calc(100% - 26px),transparent 100%)!important;}
  .popular-search::-webkit-scrollbar,.city-chips::-webkit-scrollbar,.review-chips::-webkit-scrollbar,.hero-bullets::-webkit-scrollbar,.hero-trust::-webkit-scrollbar{display:none!important;}
  .stat-strip article,.route-stat-grid article,.review-stats article{min-height:98px!important;padding:14px!important;}
  .stat-strip b,.route-stat-grid b,.review-stats b{font-size:23px!important;}
  .stat-strip strong,.stat-strip small,.route-stat-grid span,.review-stats span{font-size:11px!important;line-height:1.2!important;}
}
@media(max-width:820px){
  .o2-hero{max-height:318px!important;}
  .o2-hero-grid{max-height:318px!important;padding-block:22px 18px!important;}
  .o2-hero-copy{max-height:282px!important;}
  .o2-hero-copy h1{font-size:25px!important;line-height:1.09!important;max-height:88px!important;letter-spacing:-.048em!important;margin-bottom:9px!important;}
  .o2-hero-copy p{font-size:12.2px!important;line-height:1.46!important;max-height:38px!important;margin-bottom:10px!important;color:#dcecff!important;}
  .hero-search,.route-search,.review-search{height:43px!important;max-height:43px!important;margin-bottom:10px!important;box-shadow:0 14px 32px rgba(2,8,23,.20)!important;}
  .popular-search,.city-chips,.review-chips,.hero-bullets,.hero-trust{overflow-x:auto!important;overflow-y:hidden!important;height:32px!important;max-height:32px!important;mask-image:linear-gradient(90deg,#000 0%,#000 calc(100% - 28px),transparent 100%)!important;scrollbar-width:none!important;}
  .popular-search::-webkit-scrollbar,.city-chips::-webkit-scrollbar,.review-chips::-webkit-scrollbar,.hero-bullets::-webkit-scrollbar,.hero-trust::-webkit-scrollbar{display:none!important;}
  .popular-search button,.city-chips button,.review-chips button,.hero-bullets span,.hero-trust span{height:30px!important;line-height:30px!important;font-size:10.5px!important;padding:0 10px!important;}
  .stat-strip,.route-stat-grid,.review-stats{gap:9px!important;margin-top:12px!important;}
  .stat-strip article,.route-stat-grid article,.review-stats article{min-height:78px!important;padding:10px!important;grid-template-columns:34px minmax(0,1fr)!important;gap:6px 9px!important;}
  .stat-strip article span,.route-stat-grid i,.review-stats i{width:33px!important;height:33px!important;font-size:17px!important;border-radius:10px!important;}
  .stat-strip b,.route-stat-grid b,.review-stats b{font-size:18px!important;}
  .stat-strip strong,.stat-strip small,.route-stat-grid span,.review-stats span{font-size:9.8px!important;line-height:1.12!important;}
  .tco-light-ref .tco-trust{max-height:124px!important;}
  .tco-light-ref .tco-trust span{height:56px!important;max-height:56px!important;}
  .review-v2 .review-chips{overflow-x:auto!important;}
  .review-section-head a{white-space:nowrap!important;font-size:11px!important;}
  .top-story h2{font-size:20px!important;line-height:1.16!important;}
}

/* Oto2 hero copy blocker fix: premium short copy, no clipped headline */
@media(max-width:820px){
  .hero-portal .hero-copy h1,
  .page-bandingkan .route-hero-copy h1{max-height:64px!important;}
  .hero-portal .hero-copy p,
  .page-bandingkan .route-hero-copy p{max-height:36px!important;}
}

/* Oto2 home chip final: no half-visible clipped chips on mobile */
@media(max-width:820px){
  .hero-portal .popular-search,
  .hero-portal .hero-trust{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow:hidden!important;
    mask-image:none!important;
    gap:6px!important;
    justify-content:flex-start!important;
  }
  .hero-portal .popular-search button,
  .hero-portal .hero-trust span{
    flex:0 0 auto!important;
    max-width:none!important;
    padding:0 8px!important;
    font-size:9.8px!important;
  }
}

/* Oto2 TCO hero readability polish from Master screenshot */
.o2-hero-copy h1{text-wrap:balance!important;}
.o2-hero-copy p{text-wrap:pretty!important;}
@media(max-width:820px){
  .page-tco .o2-hero{max-height:300px!important;}
  .page-tco .o2-hero-grid{max-height:300px!important;padding-block:22px 18px!important;}
  .page-tco .tco-copy{max-height:264px!important;}
  .page-tco .tco-copy h1{
    font-size:25px!important;
    line-height:1.06!important;
    max-height:none!important;
    margin-bottom:9px!important;
    letter-spacing:-.045em!important;
  }
  .page-tco .tco-copy p{
    font-size:12px!important;
    line-height:1.45!important;
    max-height:none!important;
    margin-bottom:11px!important;
    display:block!important;
    -webkit-line-clamp:unset!important;
  }
  .page-tco .tco-trust{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    max-height:62px!important;
    margin-top:0!important;
    overflow:hidden!important;
  }
  .page-tco .tco-trust span{
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    padding:8px 7px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:center!important;
    text-align:center!important;
    gap:3px!important;
  }
  .page-tco .tco-trust span i{
    width:22px!important;height:22px!important;font-size:12px!important;border-radius:8px!important;
  }
  .page-tco .tco-trust b{font-size:9.5px!important;line-height:1!important;}
  .page-tco .tco-trust small{display:none!important;}
}
@media(min-width:821px){
  .page-tco .tco-copy h1{font-size:42px!important;max-height:none!important;}
  .page-tco .tco-copy p{max-height:none!important;}
}

/* OtoRev V2 detail page — V1 benchmark pass2, 2026-06-05 */
.detail-v1-benchmark{background:#f6f8fb}.detail2-hero{background:linear-gradient(180deg,#fff,#f7fbff);border-bottom:1px solid #e7edf6;padding:26px 0 24px}.detail2-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:26px;align-items:start}.detail2-media .breadcrumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px;font-weight:850;color:#64748b;margin:0 0 14px}.detail2-media .breadcrumb a{color:#0b64d8}.detail2-photo{position:relative;border-radius:26px;background:radial-gradient(circle at 50% 28%,rgba(22,119,255,.11),transparent 45%),linear-gradient(135deg,#f8fafc,#eef5ff);border:1px solid #e3ebf6;box-shadow:0 20px 50px rgba(15,23,42,.09);aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden}.detail2-photo img{width:100%;height:100%;object-fit:contain;padding:18px}.detail2-badges{position:absolute;left:14px;top:14px;display:flex;gap:8px;flex-wrap:wrap}.detail2-badges span{background:#fff;border:1px solid #dbe7f6;color:#0f3263;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:950;text-transform:uppercase}.detail2-thumbs{display:flex;gap:8px;overflow:auto;margin-top:10px;padding-bottom:2px}.detail2-thumbs button{width:88px;height:52px;flex:0 0 auto;border:1px solid #dbe7f6;background:#fff;border-radius:13px;padding:3px;cursor:pointer}.detail2-thumbs button.active{border-color:#1677ff;box-shadow:0 0 0 3px rgba(22,119,255,.12)}.detail2-thumbs img{width:100%;height:100%;object-fit:contain}.detail2-info{background:#fff;border:1px solid #e4ebf5;border-radius:26px;padding:22px;box-shadow:0 18px 46px rgba(15,23,42,.08);position:sticky;top:82px}.detail2-info h1{font-size:clamp(34px,4vw,54px);line-height:.95;letter-spacing:-.055em;margin:10px 0;color:#071326}.detail2-info p{color:#64748b;font-size:14px;line-height:1.55}.detail2-variant-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:8px;margin:14px 0}.detail2-variant-tabs a,.detail2-variant-tabs span{border:1px solid #e1e9f4;border-radius:15px;background:#fff;color:#0f172a;padding:10px;text-decoration:none}.detail2-variant-tabs a.active{border-color:#1677ff;background:#eff6ff}.detail2-variant-tabs b{display:block;font-size:12px}.detail2-variant-tabs span,.detail2-variant-tabs small{display:block;font-size:10px;color:#64748b;margin-top:3px}.detail2-price{border-radius:20px;background:linear-gradient(135deg,#eef6ff,#ecfdf5);border:1px solid rgba(22,119,255,.16);padding:16px;margin:12px 0}.detail2-price small{display:block;color:#64748b;font-weight:850;font-size:11px}.detail2-price strong{display:block;font-size:31px;color:#061427;letter-spacing:-.04em}.detail2-price em{display:block;color:#475569;font-size:12px;font-style:normal}.detail2-actions{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:9px;margin-top:12px}.detail2-actions .btn{height:42px;border-radius:12px;padding:0 12px}.btn-outline-dark{border:1px solid #cbd5e1;color:#0f172a;background:#fff}.detail2-fchips{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.detail2-fchips span{background:#f8fafc;border:1px solid #e6edf6;border-radius:999px;padding:7px 9px;font-size:10px;font-weight:850;color:#475569}.detail2-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start;margin-top:24px}.detail2-card,.detail2-side-card{background:#fff;border:1px solid #e6edf6;border-radius:22px;box-shadow:0 12px 34px rgba(15,23,42,.055);padding:20px;margin-bottom:16px}.detail2-card h2,.detail2-side-card h2{font-size:24px;line-height:1.1;margin:0 0 14px;letter-spacing:-.035em;color:#071326}.detail2-spec-groups{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail2-spec-groups h3,.detail2-procon h3{font-size:13px;color:#0b64d8;letter-spacing:.06em;margin:0 0 8px}.detail2-spec-groups table{width:100%;border-collapse:collapse}.detail2-spec-groups tr:not(:last-child){border-bottom:1px solid #eef2f7}.detail2-spec-groups td{padding:9px 0;font-size:12px;vertical-align:top}.detail2-spec-groups td:first-child{color:#64748b;width:45%;padding-right:10px}.detail2-spec-groups td:last-child{font-weight:850;text-align:right;color:#0f172a}.detail2-procon{display:grid;grid-template-columns:1fr 1fr;gap:14px}.detail2-procon>div{border-radius:18px;padding:14px;background:#f8fafc;border:1px solid #edf2f7}.detail2-procon p,.detail2-card details p{color:#475569;line-height:1.6;font-size:13px}.detail2-card details{border-top:1px solid #eef2f7;padding:12px 0}.detail2-card summary{font-weight:950;cursor:pointer}.detail2-sidebar{position:sticky;top:76px}.detail2-side-card.lead{background:linear-gradient(180deg,#061427,#0b2a54);color:#fff}.detail2-side-card.lead p,.detail2-side-card.lead small{color:#cfe1f8}.detail2-side-card dl{display:grid;grid-template-columns:1fr auto;gap:8px 12px;margin:0}.detail2-side-card dt{color:#64748b;font-size:12px}.detail2-side-card dd{margin:0;font-weight:950;text-align:right}.detail2-sim{display:grid;grid-template-columns:48px 1fr;gap:10px;align-items:center;border:1px solid #edf2f7;border-radius:14px;padding:9px;color:#0f172a;margin-bottom:8px}.detail2-sim img{width:48px;height:42px;object-fit:contain;background:#f8fafc;border-radius:10px}.detail2-sim b{font-size:12px;display:block}.detail2-sim small{font-size:10px;color:#64748b}.detail2-mobile-bar{display:none}@media(max-width:980px){.detail2-hero-grid,.detail2-layout{grid-template-columns:1fr}.detail2-info,.detail2-sidebar{position:static}.detail2-spec-groups,.detail2-procon{grid-template-columns:1fr}.detail2-actions{grid-template-columns:1fr}.detail2-photo{border-radius:20px}.detail-v1-benchmark{padding-bottom:76px}.detail2-mobile-bar{position:fixed;left:0;right:0;bottom:0;z-index:80;display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#fff;border-top:1px solid #e2e8f0;padding:10px 12px}.detail2-mobile-bar button,.detail2-mobile-bar a{border:0;border-radius:12px;background:#1677ff;color:#fff;font-size:13px;font-weight:950;text-align:center;padding:12px}.detail2-mobile-bar a{background:#071326}}@media(max-width:560px){.detail2-hero{padding-top:16px}.detail2-info{padding:16px;border-radius:20px}.detail2-info h1{font-size:34px}.detail2-price strong{font-size:25px}.detail2-card,.detail2-side-card{padding:16px;border-radius:18px}.detail2-spec-groups td{display:block;text-align:left!important;width:100%!important;padding:5px 0}.detail2-spec-groups td:first-child{padding-bottom:0}.detail2-thumbs button{width:74px;height:46px}.detail2-badges{position:static;margin:10px}.detail2-photo{display:block}.detail2-photo img{height:220px}.detail2-card h2,.detail2-side-card h2{font-size:21px}}

/* OtoRev V2 route context handoff — detail -> compare/TCO */
.route-context-card{margin-top:18px;background:linear-gradient(90deg,#eef6ff,#f8fbff);border:1px solid #d9e8fb;border-radius:18px;box-shadow:0 12px 30px rgba(15,23,42,.06);padding:18px 20px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.route-context-card span{display:block;color:#0b64d8;font-size:11px;font-weight:950;letter-spacing:.08em}.route-context-card h2{margin:3px 0 5px;font-size:24px;letter-spacing:-.035em;color:#071326}.route-context-card p{margin:0;color:#475569;font-size:13px;line-height:1.5}.route-context-card button{border:0;background:#1677ff;color:#fff;border-radius:12px;padding:12px 16px;font-weight:950;white-space:nowrap}@media(max-width:720px){.route-context-card{grid-template-columns:1fr;padding:16px}.route-context-card button{width:100%}}

/* OtoRev V2 selected model API hydration — compare/TCO */
.route-context-live{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.route-context-live span,.route-context-live a{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid #dbeafe;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:850;color:#334155}.route-context-live b{color:#071326}.route-context-live a{color:#0b64d8}.compare-picker article.hydrated-selected,.vehicle-pair article.hydrated-selected{border-color:#1677ff!important;box-shadow:0 16px 38px rgba(22,119,255,.16)!important;background:linear-gradient(180deg,#fff,#f5f9ff)!important}.hydrated-selected em{background:#1677ff!important;color:#fff!important}

/* OtoRev V2 compare live table patch */
.compare-picker aside a{display:inline-flex;margin-top:10px;border-radius:12px;background:#1677ff;color:#fff;padding:10px 12px;font-weight:950;font-size:12px}.spec-compare a{color:#0b64d8;font-weight:850}.insight-section footer a{color:#0b64d8;font-weight:900}

/* OtoRev V2 TCO live calculation patch */
.tco-side .tip p,.saving-strip span{line-height:1.5}.donut-card li b{font-size:11px}

/* OtoRev V2 newsroom live WP patch */
.newsroom-grid article>a{display:block;color:inherit}.top-story a{font-weight:950}

/* OtoRev V2 P1 Static Interaction Polish Batch 1 — 2026-06-05 */
.oto2-scroll-hint{margin:0 0 10px;color:#0b64d8;font-size:12px;font-weight:900}.spec-compare .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.spec-compare .table-wrap table{min-width:760px}.spec-compare .table-wrap:after{content:"";display:block;height:1px}.oto2-clickable-card{cursor:pointer;position:relative}.oto2-card-cta{display:inline-flex;margin-top:10px;color:#60a5fa!important;font-weight:950;font-size:12px}.dealer-all-list{margin-top:22px;background:#fff;border:1px solid #e4eaf2;border-radius:14px;padding:22px;box-shadow:0 10px 28px rgba(15,23,42,.055)}.dealer-all-list h2{margin:0 0 6px}.dealer-all-list>p{margin:0 0 14px;color:#64748b}.dealer-all-list>div{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.dealer-all-list article{border:1px solid #e7edf5;border-radius:12px;padding:14px;background:#fbfdff;display:grid;gap:4px}.dealer-all-list span{font-size:12px;color:#0b64d8;font-weight:900}.dealer-all-list small{color:#64748b}.oto2-inline-note{display:block;margin-top:8px;color:#166534;line-height:1.35}.oto2-polish-lead[hidden]{display:none!important}.oto2-polish-lead{position:fixed;inset:0;z-index:999;background:rgba(2,8,23,.62);display:grid;place-items:center;padding:18px}.oto2-polish-lead-box{width:min(520px,100%);background:#fff;color:#0f172a;border-radius:18px;padding:22px;box-shadow:0 26px 70px rgba(0,0,0,.32);display:grid;gap:11px;position:relative}.oto2-polish-lead-close{position:absolute;right:14px;top:12px;border:0;background:#eef2f7;border-radius:999px;width:34px;height:34px;font-size:20px}.oto2-polish-lead-box label{display:grid;gap:6px;font-size:12px;font-weight:850}.oto2-polish-lead-box input,.oto2-polish-lead-box select{height:42px;border:1px solid #dbe4ef;border-radius:10px;padding:0 12px}.oto2-consent{grid-template-columns:22px 1fr!important;align-items:start}.oto2-consent input{height:auto}.oto2-polish-lead-submit{height:44px;border:0;border-radius:10px;background:#1677ff;color:#fff;font-weight:950}.oto2-polish-lead-msg{margin:0;font-size:12px}.oto2-polish-lead-msg.error{color:#dc2626}.oto2-polish-lead-msg.success{color:#15803d}.filter-card[data-dirty="1"]{box-shadow:0 12px 34px rgba(22,119,255,.11)}
@media(max-width:720px){.dealer-all-list>div{grid-template-columns:1fr}.spec-compare .table-wrap{border:1px solid #e5eaf2;border-radius:12px}.oto2-scroll-hint{background:#eef6ff;border:1px solid #cfe3ff;border-radius:10px;padding:9px 10px}.compare-picker aside:first-child a,.compare-picker aside:first-child button{width:100%;justify-content:center}.review-v2 .featured-review-grid article,.review-v2 .latest-review article{min-height:auto}}

/* OtoRev V2 P1 Visible Polish — 2026-06-05 */
.oto2-filter-proof,.oto2-result-proof,.oto2-compare-proof,.oto2-dealer-proof,.oto2-tco-proof,.oto2-review-proof{border:1px solid #bfdbfe;background:linear-gradient(135deg,#eff6ff,#fff);color:#0f172a;border-radius:16px;padding:14px 16px;box-shadow:0 12px 30px rgba(37,99,235,.09)}
.oto2-filter-proof{margin-top:14px;display:grid;gap:4px}.oto2-filter-proof b,.oto2-result-proof b,.oto2-compare-proof b,.oto2-dealer-proof b{display:block;color:#0b64d8;font-weight:950}.oto2-filter-proof span,.oto2-result-proof span,.oto2-compare-proof span,.oto2-dealer-proof span{display:block;color:#475569;font-size:13px;line-height:1.45}.oto2-result-proof{margin:18px auto;display:flex;align-items:center;justify-content:space-between;gap:14px}.oto2-result-proof b{font-size:18px}.oto2-compare-proof,.oto2-dealer-proof{margin-top:18px;margin-bottom:18px}.oto2-scroll-hint{font-size:13px!important;background:#eaf4ff!important;border:1px solid #bfdbfe!important;border-radius:14px!important;padding:12px 14px!important;color:#075bb5!important}.compare-picker aside:first-child button{background:#1677ff!important;color:#fff!important;border-color:#1677ff!important;box-shadow:0 12px 26px rgba(22,119,255,.24)!important}.oto2-card-proof{display:inline-flex;margin-top:12px;background:#1677ff;color:#fff;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:950}.oto2-card-cta{background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:9px 12px;text-decoration:none!important}.oto2-review-proof{margin:0 0 16px}.oto2-tco-proof{margin:8px 0 16px!important;color:#334155!important;font-size:14px!important;line-height:1.55}.tco-calculator .oto2-tco-proof{background:#f8fbff}.dealer-all-list{scroll-margin-top:90px}.filter-card .filter-actions button:last-child{background:#1677ff!important;color:#fff!important;border-color:#1677ff!important;box-shadow:0 10px 22px rgba(22,119,255,.2)!important}.filter-card .filter-actions button:first-child{background:#fff!important;color:#334155!important;border:1px solid #dbe4ef!important}
@media(max-width:720px){.oto2-result-proof{display:grid}.oto2-result-proof b{font-size:16px}.oto2-compare-proof,.oto2-dealer-proof{margin-left:16px!important;margin-right:16px!important}.oto2-filter-proof,.oto2-result-proof{border-radius:14px}.oto2-card-proof,.oto2-card-cta{width:100%;justify-content:center;text-align:center}}

/* OtoRev V2 P1 Visible Progress Batch 2 — 2026-06-05 */
.oto2-live-compare,.oto2-mini-tco{background:linear-gradient(135deg,#07182f,#0b3b77);color:#fff;border-radius:24px;padding:24px;box-shadow:0 24px 60px rgba(15,23,42,.22);margin-top:24px;margin-bottom:24px}.oto2-live-head h2,.oto2-mini-tco h2{margin:8px 0;color:#fff}.oto2-live-head p,.oto2-mini-tco p,.oto2-mini-note{color:#dbeafe;line-height:1.55}.oto2-live-selects,.oto2-tco-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.oto2-tco-inputs{grid-template-columns:repeat(5,1fr)}.oto2-live-selects label,.oto2-tco-inputs label{display:grid;gap:7px;font-size:12px;font-weight:900;color:#dbeafe}.oto2-live-selects select,.oto2-tco-inputs input{height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.22);background:#fff;color:#0f172a;padding:0 12px;font-weight:800}.oto2-tco-inputs small{color:#bfdbfe}.oto2-live-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:14px 0}.oto2-live-cards article{display:grid;grid-template-columns:92px 1fr;gap:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:12px}.oto2-live-cards img{width:92px;height:72px;object-fit:contain;background:#fff;border-radius:12px}.oto2-live-cards b,.oto2-live-cards strong{display:block;color:#fff}.oto2-live-cards span{display:block;color:#bfdbfe;font-size:12px}.oto2-live-cards a{display:inline-flex;margin-top:6px;color:#93c5fd;font-weight:900;font-size:12px}.oto2-live-table-wrap{overflow-x:auto;border-radius:16px;border:1px solid rgba(255,255,255,.18);background:#fff}.oto2-live-table-wrap table{width:100%;min-width:680px;border-collapse:collapse;color:#0f172a}.oto2-live-table-wrap th,.oto2-live-table-wrap td{padding:12px;border-bottom:1px solid #e2e8f0;text-align:left}.oto2-live-table-wrap th{background:#eff6ff;color:#0b64d8}.oto2-tco-results{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0}.oto2-tco-results article{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:16px}.oto2-tco-results span{display:block;color:#bfdbfe;font-size:12px;font-weight:900}.oto2-tco-results b{display:block;margin-top:6px;font-size:22px;color:#fff}.oto2-tco-results .save{background:linear-gradient(135deg,rgba(34,197,94,.24),rgba(22,119,255,.18));border-color:rgba(134,239,172,.45)}
@media(max-width:900px){.oto2-live-selects,.oto2-live-cards,.oto2-tco-inputs,.oto2-tco-results{grid-template-columns:1fr}.oto2-live-compare,.oto2-mini-tco{border-radius:18px;padding:18px}.oto2-live-cards article{grid-template-columns:82px 1fr}.oto2-live-cards img{width:82px;height:64px}}

/* OtoRev V2 P1 Batch 2 overflow fix */
.tco-calculator,.tco-main-grid,.oto2-mini-tco{max-width:100%;box-sizing:border-box;overflow:hidden}.oto2-tco-inputs label,.oto2-tco-inputs input{min-width:0}.oto2-mini-tco *{box-sizing:border-box}
@media(min-width:901px){.oto2-tco-inputs{grid-template-columns:repeat(5,minmax(0,1fr))}.oto2-tco-results{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* OtoRev V2 P1 Visible Progress Batch 3 — 2026-06-05 */
.oto2-review-finder,.oto2-catalog-compare,.oto2-dealer-finder{background:#fff;border:1px solid #dbeafe;border-radius:24px;padding:24px;box-shadow:0 20px 50px rgba(15,23,42,.09);margin-top:24px;margin-bottom:24px}.oto2-review-finder h2,.oto2-catalog-compare h2,.oto2-dealer-finder h2{margin:8px 0;color:#0f172a}.oto2-review-finder p,.oto2-catalog-compare p,.oto2-dealer-finder p{color:#475569;line-height:1.55}.oto2-review-controls,.oto2-catalog-selects,.oto2-dealer-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.oto2-review-controls{grid-template-columns:1.2fr 1fr}.oto2-catalog-selects{grid-template-columns:1fr 1fr}.oto2-review-controls label,.oto2-catalog-selects label,.oto2-dealer-controls label{display:grid;gap:7px;font-size:12px;font-weight:900;color:#334155}.oto2-review-controls select,.oto2-catalog-selects select,.oto2-dealer-controls select,.oto2-dealer-controls input{height:44px;border:1px solid #dbe4ef;border-radius:12px;padding:0 12px;font-weight:800;background:#fbfdff}.oto2-review-output article{display:grid;grid-template-columns:160px 1fr;gap:16px;border-radius:18px;background:linear-gradient(135deg,#eff6ff,#fff);border:1px solid #bfdbfe;padding:16px}.oto2-review-output img{width:160px;height:120px;object-fit:contain;background:#fff;border-radius:14px}.oto2-review-output b,.oto2-catalog-result b,.oto2-dealer-results b{display:block;color:#0f172a;font-size:18px}.oto2-review-output span,.oto2-catalog-result span,.oto2-dealer-results span{display:block;color:#0b64d8;font-weight:900;font-size:12px}.oto2-review-output nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.oto2-review-output nav a,.oto2-go-compare{background:#1677ff;color:#fff!important;border-radius:999px;padding:9px 12px;font-weight:950;text-decoration:none!important;font-size:12px}.oto2-catalog-result>div{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:14px}.oto2-catalog-result article{border:1px solid #dbeafe;border-radius:16px;background:#f8fbff;padding:16px}.oto2-catalog-result strong{display:grid;place-items:center;color:#0b64d8}.oto2-catalog-result article a{display:inline-flex;margin-top:10px;color:#1677ff;font-weight:950}.oto2-catalog-result>p{margin:14px 0!important;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px;padding:12px;color:#166534}.oto2-dealer-results>p{background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;padding:12px}.oto2-dealer-results>div{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.oto2-dealer-results article{display:grid;gap:5px;border:1px solid #e2e8f0;border-radius:14px;background:#fbfdff;padding:14px}.oto2-dealer-results small{color:#64748b}.oto2-dealer-results a{color:#1677ff;font-weight:950;font-size:12px}
@media(max-width:760px){.oto2-review-controls,.oto2-catalog-selects,.oto2-dealer-controls,.oto2-catalog-result>div,.oto2-dealer-results>div,.oto2-review-output article{grid-template-columns:1fr}.oto2-review-output img{width:100%;height:160px}.oto2-review-finder,.oto2-catalog-compare,.oto2-dealer-finder{border-radius:18px;padding:18px}}

/* OtoRev V2 Catalog Template Alignment — 2026-06-05 */
.catalog-template-aligned .filter-card.catalog-template-filter{margin:0!important}.catalog-template-body{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;align-items:start;margin-top:28px;margin-bottom:34px}.catalog-template-filter{position:sticky;top:86px;background:#fff;border:1px solid #e7edf5;border-radius:16px;padding:16px;box-shadow:0 18px 48px rgba(15,23,42,.08)}.catalog-template-filter h2{font-size:16px;margin:0 0 12px}.catalog-template-filter .filter-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px}.catalog-template-filter label{font-size:11.5px;font-weight:900;color:#0f172a;display:grid;gap:5px}.catalog-template-filter select{height:34px;border-radius:10px;border:1px solid #dbe4ef;background:#fbfdff;font-size:12px;padding:0 10px}.catalog-template-filter .filter-actions{display:flex;gap:8px;margin-top:10px}.catalog-template-filter .filter-actions button{height:34px;border-radius:10px;font-size:11.5px;padding:0 12px}.catalog-filter-trust{margin-top:10px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:8px 10px;color:#166534;font-size:10.5px;line-height:1.35}.catalog-template-results{margin:0!important}.catalog-template-results .section-title.inline{display:flex!important;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.catalog-template-results .section-title h2{font-size:26px;margin:0;color:#0f172a}.catalog-template-results .section-title p{margin:4px 0 0;color:#64748b;font-size:13px}.catalog-sort-pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.catalog-sort-pills button{height:34px;border:1px solid #dbeafe;background:#fff;color:#334155;border-radius:999px;padding:0 14px;font-size:12px;font-weight:900}.catalog-sort-pills .active{background:#1677ff;color:#fff;border-color:#1677ff}.catalog-template-results #catalogPreviewRow.popular-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;overflow:visible}.catalog-template-results .mini-car{border:1px solid #e7edf5;border-radius:18px;background:#fff;box-shadow:0 14px 34px rgba(15,23,42,.07);overflow:hidden;min-width:0}.catalog-template-results .mini-car>a,.catalog-template-results .mini-car .car-main-link{display:grid!important;text-decoration:none!important;color:#0f172a!important;padding:12px;gap:8px}.catalog-template-results .mini-car .img{height:145px;background:linear-gradient(135deg,#f8fbff,#eef6ff);border-radius:14px;display:grid;place-items:center;position:relative}.catalog-template-results .mini-car img{max-width:96%;max-height:140px;object-fit:contain}.catalog-template-results .mini-car h3{font-size:16px;line-height:1.2;margin:0;color:#0f172a}.catalog-template-results .mini-car p{font-size:12px;color:#64748b;margin:0}.catalog-template-results .mini-car b{font-size:15px;color:#0f172a}.catalog-template-results .mini-car span,.catalog-template-results .mini-car .detail-inline{display:inline-flex!important;align-items:center;justify-content:center;height:32px;border-radius:10px;background:#eff6ff;color:#1677ff!important;font-size:12px;font-weight:950;margin-top:4px}.catalog-template-why{margin-top:16px;margin-bottom:18px}.catalog-template-why h2{font-size:22px;margin:0 0 14px;color:#0f172a}.catalog-template-why>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.catalog-template-why article{background:#fff;border:1px solid #e7edf5;border-radius:18px;padding:18px;box-shadow:0 12px 34px rgba(15,23,42,.06)}.catalog-template-why i{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#eff6ff;color:#1677ff;font-style:normal;margin-bottom:10px}.catalog-template-why b{display:block;color:#0f172a;margin-bottom:4px}.catalog-template-why span{display:block;color:#64748b;font-size:13px;line-height:1.45}.catalog-template-cta{background:linear-gradient(135deg,#0047d6,#061d45)!important;border-radius:20px!important;color:#fff!important;box-shadow:0 22px 52px rgba(22,80,220,.22)!important}.catalog-template-cta h2,.catalog-template-cta p{color:#fff!important}.catalog-template-cta a,.catalog-template-cta button{border-radius:12px!important;font-weight:950!important}.catalog-template-cta button{background:#28d66f!important;color:#03230f!important;border:0!important}.catalog-template-aligned #oto2CatalogQuickCompare,.catalog-template-aligned #oto2CatalogResultProof,.catalog-template-aligned .oto2-filter-proof{display:none!important}
@media(max-width:1020px){.catalog-template-body{grid-template-columns:1fr}.catalog-template-filter{position:relative;top:auto}.catalog-template-results #catalogPreviewRow.popular-row{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-template-why>div{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-template-results .section-title.inline{display:grid!important}.catalog-sort-pills{justify-content:flex-start}}
@media(max-width:680px){.catalog-template-body{gap:18px;margin-top:18px}.catalog-template-results #catalogPreviewRow.popular-row{grid-template-columns:1fr}.catalog-template-why>div{grid-template-columns:1fr}.catalog-template-filter{padding:18px;border-radius:18px}.catalog-template-results .mini-car .img,.ev-card .card-img{height:155px!important}.catalog-sort-pills{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.catalog-sort-pills button{white-space:nowrap}.catalog-template-cta{border-radius:18px!important}}

/* OtoRev V2 Catalog Template Alignment QA fixes */
.catalog-template-aligned #catalogPreviewRow{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;overflow:visible!important;width:100%!important;max-width:100%!important}.catalog-template-aligned #catalogPreviewRow .mini-car,.catalog-template-aligned #catalogPreviewRow .ev-card{width:auto!important;min-width:0!important;max-width:100%!important;flex:none!important}.catalog-template-aligned #catalogPreviewRow .mini-car>a{min-width:0!important}.catalog-template-aligned #oto2CatalogQuickCompare[hidden],.catalog-template-aligned #oto2CatalogResultProof[hidden]{display:none!important}
@media(max-width:1020px){.catalog-template-aligned #catalogPreviewRow{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:680px){.catalog-template-aligned #catalogPreviewRow{grid-template-columns:1fr!important}}

/* OtoRev V2 Ev Card Premium Style — V1-inspired 2026-06-10 */
.catalog-template-aligned #catalogPreviewRow .ev-card{display:block!important;float:none!important;contain:layout paint;border:1px solid #e3edf8;border-radius:22px;background:#fff;box-shadow:0 16px 44px rgba(15,23,42,.07);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.catalog-template-aligned #catalogPreviewRow .ev-card:hover{transform:translateY(-5px);box-shadow:0 26px 64px rgba(22,119,255,.13);border-color:rgba(22,119,255,.18)}.ev-card-link{display:block!important;text-decoration:none!important}.ev-card .card-img{position:relative;height:180px;background:linear-gradient(180deg,#f8fbff,#eef5fc);display:grid;place-items:center;overflow:hidden}.ev-card .card-img:after{content:'';position:absolute;left:18px;right:18px;bottom:16px;height:32px;border-radius:50%;background:rgba(15,23,42,.12);filter:blur(18px)}.ev-card .card-img-real{position:relative;z-index:1;max-width:96%;max-height:170px;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(15,23,42,.16))}.ev-card .card-body{padding:14px 16px 16px}.ev-card .card-brand{font-size:11px;font-weight:950;letter-spacing:.10em;color:#1677ff;text-transform:uppercase;margin-bottom:3px}.ev-card .card-name{font-size:17px;font-weight:950;line-height:1.15;color:#0f172a;letter-spacing:-.025em;margin-bottom:4px}.ev-card .card-type{display:inline-block;background:#f1f5f9;color:#475569;border-radius:999px;padding:3px 9px;font-size:10px;font-weight:900;margin-bottom:10px}.ev-card .card-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#f8fafc;border:1px solid #edf2f7;border-radius:14px;padding:10px;margin-bottom:10px}.ev-card .card-specs div{text-align:center}.ev-card .spec-v{display:block;font-size:14px;font-weight:950;color:#0f172a;margin-bottom:1px}.ev-card .spec-l{display:block;font-size:9.5px;font-weight:850;color:#64748b;text-transform:uppercase;letter-spacing:.06em}.ev-card .card-actions{display:flex;justify-content:center;gap:8px;padding:0 4px}.ev-card .btn-detail-sm{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 20px;border-radius:12px;background:#f8fafc;border:1px solid #dbeafe;color:#0f4fb8;font-weight:950;font-size:12px;text-decoration:none;transition:background .16s ease,border-color .16s ease;flex:1;max-width:200px}.ev-card .btn-detail-sm:hover{background:#eaf6ff;border-color:#1677ff}@media(max-width:1020px){.catalog-template-aligned #catalogPreviewRow .ev-card .card-img{height:160px}.ev-card .card-specs{gap:6px;padding:8px}.ev-card .spec-v{font-size:13px}}@media(max-width:680px){.catalog-template-aligned #catalogPreviewRow .ev-card .card-img{height:155px}.ev-card .card-body{padding:12px 14px 14px}}

/* OtoRev V2 Catalog Template Alignment hard overflow clamp */
body.catalog-template-aligned{overflow-x:hidden}.catalog-template-aligned .catalog-template-body,.catalog-template-aligned .catalog-template-results,.catalog-template-aligned .popular-row,.catalog-template-aligned #catalogPreviewRow{min-width:0!important;max-width:100%!important}.catalog-template-aligned #catalogPreviewRow{display:grid!important;grid-auto-flow:row!important;grid-auto-columns:unset!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;transform:none!important}.catalog-template-aligned #catalogPreviewRow>*{position:relative!important;left:auto!important;right:auto!important;transform:none!important;margin:0!important}.catalog-template-aligned #catalogPreviewRow .mini-car,.catalog-template-aligned #catalogPreviewRow .ev-card{display:block!important;float:none!important;contain:layout paint}.catalog-template-aligned .catalog-template-results{overflow:hidden!important}.catalog-template-aligned .catalog-preview{overflow:hidden!important}
@media(max-width:1020px){.catalog-template-aligned #catalogPreviewRow{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:680px){.catalog-template-aligned #catalogPreviewRow{grid-template-columns:1fr!important}.catalog-template-aligned .catalog-template-body{padding-left:16px!important;padding-right:16px!important}}

/* OtoRev V2 Catalog Offer Modal Standardization */
body.lead-open{overflow:hidden}.lead-modal[hidden]{display:none!important}.lead-modal{position:fixed;inset:0;z-index:1000;background:rgba(2,8,23,.64);display:grid;place-items:center;padding:18px}.lead-box{width:min(680px,100%);max-height:min(92vh,860px);overflow:auto;background:#fff;color:#0f172a;border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.34);padding:24px;position:relative}.lead-close{position:absolute;right:16px;top:14px;width:36px;height:36px;border:0;border-radius:999px;background:#eef2f7;font-size:22px}.lead-box header span{display:inline-flex;background:#eff6ff;color:#1677ff;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:950}.lead-box header h2{margin:10px 0 6px}.lead-box header p{margin:0 0 16px;color:#64748b}.lead-box form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lead-box label{display:grid;gap:6px;font-size:12px;font-weight:900;color:#334155}.lead-box input,.lead-box select{height:42px;border:1px solid #dbe4ef;border-radius:12px;padding:0 12px;background:#fbfdff}.lead-consent,.lead-message,.lead-submit{grid-column:1/-1}.lead-consent{grid-template-columns:20px 1fr!important;align-items:start}.lead-consent input{height:auto;margin-top:2px}.lead-submit{height:46px;border:0;border-radius:12px;background:#1677ff;color:#fff;font-weight:950}.lead-message{margin:0;color:#64748b}.lead-message.error{color:#dc2626}.lead-message.success{color:#15803d}.hp-field{position:absolute!important;left:-9999px!important;opacity:0!important}@media(max-width:640px){.lead-box{border-radius:18px;padding:20px}.lead-box form{grid-template-columns:1fr}}

/* OtoRev V2 Catalog Lower Polish — 2026-06-05 */
.catalog-lower-polished .catalog-template-body{background:linear-gradient(180deg,#f8fbff 0%,#fff 48%);border-radius:28px;padding:28px;box-shadow:inset 0 0 0 1px rgba(219,234,254,.7)}.catalog-lower-polished .catalog-template-filter{border-radius:24px;border-color:#dbeafe;box-shadow:0 22px 58px rgba(15,23,42,.1)}.catalog-lower-polished .catalog-template-filter h2:before{content:'⚙️';display:inline-grid;place-items:center;width:34px;height:34px;margin-right:9px;border-radius:12px;background:#eff6ff;color:#1677ff}.catalog-lower-polished .catalog-template-filter select:focus{outline:3px solid rgba(22,119,255,.16);border-color:#1677ff}.catalog-lower-polished .catalog-template-note{display:flex;align-items:center;gap:12px;background:#0b1b3a;color:#fff;border-radius:18px;padding:14px 16px;margin-bottom:18px;box-shadow:0 16px 34px rgba(11,27,58,.16)}.catalog-lower-polished .catalog-template-note span{background:#1677ff;border-radius:999px;padding:7px 10px;font-size:11px;letter-spacing:.08em;font-weight:950}.catalog-lower-polished .catalog-template-note b{font-size:13px}.catalog-lower-polished .catalog-template-note em{margin-left:auto;color:#bfdbfe;font-size:12px;font-style:normal;max-width:280px}.catalog-lower-polished .catalog-template-results .ev-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.catalog-lower-polished .catalog-template-results .ev-card:hover{transform:translateY(-5px);box-shadow:0 26px 64px rgba(22,119,255,.13);border-color:rgba(22,119,255,.18)}.catalog-lower-polished .catalog-why-kicker{margin:-4px 0 16px;color:#64748b;max-width:720px;line-height:1.55}.catalog-lower-polished .catalog-template-why article{transition:transform .18s ease,box-shadow .18s ease}.catalog-lower-polished .catalog-template-why article:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(15,23,42,.1)}.catalog-lower-polished .catalog-template-cta{position:relative;overflow:hidden}.catalog-lower-polished .catalog-template-cta:after{content:'';position:absolute;right:-80px;top:-80px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.11)}.catalog-lower-polished .catalog-template-cta>*{position:relative;z-index:1}.catalog-lower-polished .catalog-cta-proof{display:block;width:100%;margin-top:10px;color:#bfdbfe;font-size:12px;line-height:1.45}
@media(max-width:760px){.catalog-lower-polished .catalog-template-body{padding:18px;border-radius:22px}.catalog-lower-polished .catalog-template-note{display:grid}.catalog-lower-polished .catalog-template-note em{margin-left:0;max-width:none}.catalog-lower-polished .catalog-template-results .mini-car h3{min-height:auto}}

/* OtoRev V2 Catalog Sidebar DB-driven Polish — 2026-06-05 */
.catalog-sidebar-db-polished .catalog-db-status{background:linear-gradient(135deg,#0b1b3a,#0b64d8);color:#fff;border-radius:14px;padding:12px;margin:0 0 10px;box-shadow:0 12px 26px rgba(11,27,58,.15)}.catalog-sidebar-db-polished .catalog-db-status span{display:inline-flex;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:4px 8px;font-size:9.5px;font-weight:950;letter-spacing:.08em}.catalog-sidebar-db-polished .catalog-db-status b{display:block;margin-top:6px;font-size:15px}.catalog-sidebar-db-polished .catalog-db-status small{display:block;margin-top:3px;color:#bfdbfe;line-height:1.3}.catalog-sidebar-db-polished .catalog-filter-helper{margin:10px 0 0;color:#64748b;font-size:11px;line-height:1.4}.catalog-sidebar-db-polished .catalog-live-result-count{margin:6px 0 0;color:#0b64d8;font-size:12px;font-weight:900}.catalog-sidebar-db-polished .catalog-template-filter select{font-weight:850;color:#0f172a}.catalog-sidebar-db-polished .catalog-template-filter option{font-weight:500}.catalog-sidebar-db-polished .catalog-card-meta span:first-child{background:#ecfdf5!important;color:#166534!important;border-color:#bbf7d0!important}.catalog-sidebar-db-polished .empty-state{grid-column:1/-1;background:#fff;border:1px dashed #bfdbfe;border-radius:18px;padding:24px;text-align:center;color:#64748b}

/* OtoRev V2 Catalog Sidebar Interactive Polish — 2026-06-05 */
.catalog-sidebar-interactive .catalog-interactive-panel{margin:0 0 12px;background:#f8fbff;border:1px solid #dbeafe;border-radius:14px;padding:10px 12px;box-shadow:0 8px 20px rgba(22,119,255,.05)}.catalog-sidebar-interactive .cip-head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:8px}.catalog-sidebar-interactive .cip-head b{color:#0f172a;font-size:13px}.catalog-sidebar-interactive .cip-head span{color:#0b64d8;background:#eff6ff;border-radius:999px;padding:4px 7px;font-size:9.5px;font-weight:950}.catalog-sidebar-interactive .cip-group{margin-top:8px}.catalog-sidebar-interactive .cip-group small,.catalog-sidebar-interactive .cip-active small{display:block;color:#64748b;font-size:10px;font-weight:950;letter-spacing:.06em;margin-bottom:5px}.catalog-sidebar-interactive .cip-chips,.catalog-sidebar-interactive [data-cip-active]{display:flex;flex-wrap:wrap;gap:6px}.catalog-sidebar-interactive .cip-chips button,.catalog-sidebar-interactive [data-cip-active] button{border:1px solid #cfe3ff;background:#fff;color:#0f172a;border-radius:999px;padding:5px 8px;font-size:10.5px;font-weight:900;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}.catalog-sidebar-interactive .cip-chips button:hover,.catalog-sidebar-interactive [data-cip-active] button:hover{transform:translateY(-1px);border-color:#1677ff}.catalog-sidebar-interactive .cip-chips button.active{background:#1677ff;color:#fff;border-color:#1677ff;box-shadow:0 6px 14px rgba(22,119,255,.18)}.catalog-sidebar-interactive .cip-active{margin-top:10px;padding-top:8px;border-top:1px solid #e2e8f0}.catalog-sidebar-interactive [data-cip-active] em{color:#94a3b8;font-size:11px}.catalog-sidebar-interactive [data-cip-active] button{background:#ecfdf5;border-color:#bbf7d0;color:#166534}.catalog-sidebar-interactive .cip-reset{width:100%;height:34px;margin-top:10px;border:1px solid #dbe4ef;background:#fff;border-radius:10px;color:#334155;font-weight:950;font-size:11px}.catalog-sidebar-interactive .cip-reset:hover{border-color:#1677ff;color:#1677ff;background:#eff6ff}

/* OtoRev V2 Catalog Sidebar Interactive mobile overflow fix */
.catalog-sidebar-interactive .catalog-interactive-panel{max-width:100%;overflow:hidden}.catalog-sidebar-interactive .cip-chips{max-width:100%;min-width:0}.catalog-sidebar-interactive .cip-chips button{max-width:100%}@media(max-width:680px){.catalog-sidebar-interactive .cip-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible!important}.catalog-sidebar-interactive .cip-chips button{white-space:normal;text-align:center;line-height:1.2;min-height:36px}.catalog-sidebar-interactive .cip-head{display:grid}.catalog-sidebar-interactive [data-cip-active]{display:grid;grid-template-columns:1fr}.catalog-sidebar-interactive [data-cip-active] button{white-space:normal;text-align:left}}

/* OtoRev V2 Catalog Sidebar Drawer Polish — 2026-06-05 */
.catalog-filter-sheet-head,.catalog-mobile-filter-bar,.catalog-filter-backdrop{display:none}.catalog-sidebar-drawer-ready .catalog-template-filter:after{content:attr(data-result-label);display:block;margin-top:10px;color:#0b64d8;font-size:11px;font-weight:900}.catalog-sidebar-drawer-ready .catalog-template-filter .filter-actions button:last-child{box-shadow:0 12px 26px rgba(22,119,255,.22)!important}.catalog-sidebar-drawer-ready .catalog-template-filter .filter-actions button:first-child:hover{border-color:#ef4444!important;color:#ef4444!important;background:#fff7f7!important}
@media(max-width:680px){body.catalog-filter-open{overflow:hidden}.catalog-sidebar-drawer-ready .catalog-mobile-filter-bar{display:block;margin-top:12px;margin-bottom:10px}.catalog-sidebar-drawer-ready .catalog-mobile-filter-toggle{width:100%;height:48px;border:1px solid #bfdbfe;border-radius:16px;background:linear-gradient(135deg,#eff6ff,#fff);color:#0f172a;font-weight:950;display:flex;align-items:center;justify-content:space-between;padding:0 14px;box-shadow:0 12px 28px rgba(22,119,255,.1)}.catalog-sidebar-drawer-ready .catalog-mobile-filter-toggle b{background:#e0f2fe;color:#0b64d8;border-radius:999px;padding:6px 10px;font-size:12px}.catalog-sidebar-drawer-ready .catalog-mobile-filter-toggle.has-active{background:linear-gradient(135deg,#1677ff,#0646aa);color:#fff}.catalog-sidebar-drawer-ready .catalog-mobile-filter-toggle.has-active b{background:rgba(255,255,255,.18);color:#fff}.catalog-sidebar-drawer-ready .catalog-filter-backdrop{display:block;position:fixed;inset:0;z-index:998;background:rgba(2,8,23,.56);opacity:0;pointer-events:none;transition:opacity .18s ease}.catalog-filter-open .catalog-filter-backdrop{opacity:1;pointer-events:auto}.catalog-sidebar-drawer-ready .catalog-template-filter{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;z-index:999!important;max-height:86vh;overflow:auto;margin:0!important;border-radius:24px 24px 0 0!important;padding:18px!important;transform:translateY(105%);transition:transform .22s ease;box-shadow:0 -26px 70px rgba(15,23,42,.32)!important}.catalog-filter-open .catalog-template-filter{transform:translateY(0)}.catalog-sidebar-drawer-ready .catalog-filter-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:-18px;background:#fff;z-index:2;padding:4px 0 12px;margin-bottom:8px;border-bottom:1px solid #e2e8f0}.catalog-sidebar-drawer-ready .catalog-filter-sheet-head b{font-size:18px}.catalog-sidebar-drawer-ready .catalog-filter-close{width:38px;height:38px;border:0;border-radius:999px;background:#eef2f7;color:#0f172a;font-size:22px}.catalog-sidebar-drawer-ready .catalog-template-filter:after{position:sticky;bottom:0;background:#fff;padding-top:10px}.catalog-sidebar-drawer-ready .catalog-template-body{display:block!important}.catalog-sidebar-drawer-ready .catalog-template-results{margin-top:0!important}}

/* OtoRev V2 Catalog Sidebar Slider Polish — 2026-06-05 */
.catalog-sidebar-slider-ready .catalog-interactive-panel[hidden]{display:none!important}.catalog-sidebar-slider-ready .slider-replaced-field{display:none!important}.catalog-sidebar-slider-ready .catalog-slider-panel{display:grid;gap:8px;margin:6px 0 12px}.catalog-sidebar-slider-ready .slider-block{background:linear-gradient(135deg,#fff,#f8fbff);border:1px solid #dbeafe;border-radius:14px;padding:10px 12px;box-shadow:0 6px 16px rgba(22,119,255,.05)}.catalog-sidebar-slider-ready .slider-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.catalog-sidebar-slider-ready .slider-title b{font-size:13px;color:#0f172a}.catalog-sidebar-slider-ready .slider-title span{font-size:10px;color:#0b64d8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:4px 7px;font-weight:950;text-align:right}.catalog-sidebar-slider-ready .dual-slider{position:relative;height:28px;display:grid;align-items:center}.catalog-sidebar-slider-ready .dual-slider:before{content:'';position:absolute;left:2px;right:2px;height:6px;border-radius:999px;background:linear-gradient(90deg,#dbeafe,#1677ff,#dbeafe);opacity:.85}.catalog-sidebar-slider-ready .dual-slider input[type=range]{position:absolute;width:100%;appearance:none;background:transparent;pointer-events:none}.catalog-sidebar-slider-ready .dual-slider input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:#1677ff;border:2px solid #fff;box-shadow:0 3px 10px rgba(22,119,255,.35);pointer-events:auto;cursor:pointer}.catalog-sidebar-slider-ready .dual-slider input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#1677ff;border:2px solid #fff;box-shadow:0 3px 10px rgba(22,119,255,.35);pointer-events:auto;cursor:pointer}.catalog-sidebar-slider-ready .slider-block small{display:block;color:#64748b;font-size:10px;line-height:1.3}.catalog-sidebar-slider-ready .catalog-template-filter .filter-actions{margin-top:10px}.catalog-sidebar-slider-ready [data-cip-active] button[data-clear="price-slider"],.catalog-sidebar-slider-ready [data-cip-active] button[data-clear="range-slider"]{background:#eff6ff!important;color:#0b64d8!important;border-color:#bfdbfe!important}
@media(max-width:680px){.catalog-sidebar-slider-ready .slider-title{display:grid}.catalog-sidebar-slider-ready .slider-title span{text-align:left}.catalog-sidebar-slider-ready .dual-slider{height:42px}.catalog-sidebar-slider-ready .dual-slider input[type=range]::-webkit-slider-thumb{width:26px;height:26px}.catalog-sidebar-slider-ready .dual-slider input[type=range]::-moz-range-thumb{width:26px;height:26px}}

/* OtoRev V2 Catalog Sidebar Feature Checklist — 2026-06-05 */
.catalog-feature-checklist-ready .catalog-feature-checklist{margin-top:16px;border:1px solid #dbeafe;background:#fff;border-radius:18px;padding:14px;box-shadow:0 10px 24px rgba(22,119,255,.06)}.catalog-feature-checklist-ready .feature-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.catalog-feature-checklist-ready .feature-head b{color:#0f172a}.catalog-feature-checklist-ready .feature-head span{color:#64748b;font-size:11px;font-weight:850}.catalog-feature-checklist-ready .catalog-feature-checklist label{display:grid;grid-template-columns:20px 1fr;gap:9px;align-items:start;padding:9px 0;border-bottom:1px solid #eef3fa;font-size:12px;font-weight:850;color:#334155}.catalog-feature-checklist-ready .catalog-feature-checklist label:last-child{border-bottom:0}.catalog-feature-checklist-ready .catalog-feature-checklist input{width:17px;height:17px;accent-color:#1677ff;margin-top:1px}.catalog-feature-checklist-ready .catalog-feature-checklist label.disabled{opacity:.55}.catalog-feature-checklist-ready .catalog-feature-checklist em{display:block;color:#94a3b8;font-style:normal;font-size:10px;margin-top:2px}.catalog-feature-checklist-ready [data-feature-clear]{background:#fef3c7!important;border-color:#fde68a!important;color:#92400e!important}

/* OtoRev V2 Compare Controls + Offer Modal Fix */
.lead-cancel{height:46px;border:1px solid #dbe4ef;border-radius:12px;background:#fff;color:#334155;font-weight:950}.compare-picker aside button[data-compare-fixed="1"]{background:#1677ff!important;color:#fff!important;border-color:#1677ff!important;box-shadow:0 12px 26px rgba(22,119,255,.22)!important}.lead-box form .lead-submit{grid-column:auto}.lead-box form .lead-cancel{grid-column:auto}@media(max-width:640px){.lead-box form .lead-submit,.lead-box form .lead-cancel{grid-column:1/-1}}

/* OtoRev V2 Compare Search/Remove/Reset */
.compare-advanced-ready .compare-slot-tools{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:8px}.compare-advanced-ready .compare-slot-tools input{height:38px;border:1px solid #dbe4ef;border-radius:10px;padding:0 10px}.compare-advanced-ready .compare-slot-tools button,.compare-advanced-ready .compare-control-row button{height:38px;border:1px solid #bfdbfe;background:#eff6ff;color:#0b64d8;border-radius:10px;padding:0 12px;font-weight:950}.compare-advanced-ready .compare-slot-tools button:disabled{opacity:.45;cursor:not-allowed}.compare-advanced-ready .compare-control-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}.compare-advanced-ready [data-compare-status]{color:#bfdbfe;font-size:12px;font-weight:900}.compare-advanced-ready #oto2LiveCompareCards article{position:relative}.compare-advanced-ready #oto2LiveCompareTable a{color:#1677ff;font-weight:950}@media(max-width:760px){.compare-advanced-ready .compare-slot-tools{grid-template-columns:1fr}.compare-advanced-ready .compare-control-row{display:grid}.compare-advanced-ready [data-compare-status]{color:#dbeafe}}

/* OtoRev V2 Compare Per-Card Offer Context */
.compare-card-offer{margin-top:10px;height:38px;border:0;border-radius:10px;background:#1677ff;color:#fff;font-weight:950;padding:0 12px;box-shadow:0 10px 22px rgba(22,119,255,.2);cursor:pointer}.compare-card-offer:hover{filter:brightness(.96)}


/* TCO white-content blueprint patch — 20260606-tco-white-blueprint1. Header/Hero/Footer selectors intentionally untouched. */
.page-tco{--tco-dark-navy:#020914;--tco-deep-blue:#061427;--tco-primary-blue:#0A7BFF;--tco-electric-blue:#00AAFF;--tco-green:#35D76F;--tco-orange:#FF6B2C;--tco-soft:#F5F8FC;--tco-border:#D9E3EF;--tco-text:#07111F;--tco-muted:#667085}.tco-blueprint-shell{background:#fff;border:1px solid var(--tco-border);border-radius:28px;box-shadow:0 24px 70px rgba(7,17,31,.12);padding:26px;gap:24px;align-items:start}.tco-blueprint-card{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}.tco-stepper{display:grid!important;grid-template-columns:1fr 42px 1fr 42px 1fr 42px 1fr;align-items:center;min-height:72px;padding:6px 4px 24px;border-bottom:1px solid #edf2f8;margin:0 0 24px;gap:0;overflow-x:auto}.tco-stepper span{min-width:0;display:grid!important;grid-template-columns:42px 1fr;gap:12px;align-items:center;background:transparent!important;border:0!important;padding:0!important;color:var(--tco-text)!important;cursor:pointer}.tco-stepper span:before{content:attr(data-tco-step);width:42px;height:42px;border-radius:50%;border:2px solid var(--tco-border);display:grid;place-items:center;color:#8292aa;background:#fff;font-weight:950}.tco-stepper span.active:before{background:linear-gradient(135deg,var(--tco-primary-blue),var(--tco-electric-blue));color:#fff;border-color:transparent;box-shadow:0 12px 26px rgba(10,123,255,.25)}.tco-stepper span>b{font-size:14px;color:var(--tco-text)}.tco-stepper span>small{display:block;color:var(--tco-muted);font-size:12px;font-weight:700;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tco-stepper i{height:2px;background:linear-gradient(90deg,#cfe0f4,#e8eef7);border-radius:99px;margin:0 10px}.tco-section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:0 0 16px}.tco-section-head h2{margin:0;font-size:24px;letter-spacing:-.03em;color:var(--tco-text)}.tco-section-head p{margin:5px 0 0;color:var(--tco-muted)}.tco-vehicle-grid{position:relative;display:grid!important;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:24px}.tco-vehicle-card{border:1px solid var(--tco-border)!important;border-radius:22px!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;padding:18px!important;box-shadow:0 14px 30px rgba(7,17,31,.06)!important;min-width:0}.tco-vehicle-card header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.tco-vehicle-card header strong{font-size:14px;color:var(--tco-text)}.tco-vehicle-card em{font-size:11px;font-weight:950;letter-spacing:.08em;padding:7px 10px;border-radius:999px;background:#eaf4ff;color:#075ec8;font-style:normal}.tco-vehicle-card em.ice{background:#fff1e8;color:#bc4312}.tco-vehicle-visual{height:128px;border-radius:18px;background:radial-gradient(circle at 50% 80%,rgba(0,170,255,.20),transparent 35%),linear-gradient(135deg,#edf6ff,#f8fbff);display:grid;place-items:center;margin-bottom:14px;overflow:hidden}.tco-vehicle-visual.ice{background:radial-gradient(circle at 50% 80%,rgba(255,107,44,.16),transparent 35%),linear-gradient(135deg,#fff4ed,#f8fbff)}.tco-vehicle-visual span{width:78%;height:54px;border-radius:50px 68px 24px 24px;background:linear-gradient(135deg,#d9e7f6,#fff);box-shadow:inset 0 -14px 20px rgba(10,123,255,.10),0 18px 24px rgba(7,17,31,.14);position:relative}.tco-vehicle-visual span:before,.tco-vehicle-visual span:after{content:"";position:absolute;bottom:-10px;width:24px;height:24px;border-radius:50%;background:#07111f;border:5px solid #c8d6e6}.tco-vehicle-visual span:before{left:18%}.tco-vehicle-visual span:after{right:16%}.tco-vehicle-card h3{margin:0 0 4px!important;font-size:20px!important;letter-spacing:-.02em;color:var(--tco-text)}.tco-vehicle-card>small{display:block;color:var(--tco-muted);font-size:13px;margin-bottom:0}.tco-vehicle-card>a{display:inline-block;color:var(--tco-primary-blue)!important;font-weight:950;margin-top:10px}.tco-vehicle-card>div:last-child{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.tco-vehicle-card>div:last-child span{border:1px solid #edf2f8;border-radius:14px;padding:10px;font-size:11px;color:var(--tco-muted)}.tco-vehicle-card>div:last-child b{display:block;color:var(--tco-text);font-size:15px;margin-top:3px}.tco-vs{position:absolute!important;left:50%;top:120px;transform:translate(-50%,-50%);width:48px!important;height:48px!important;border-radius:50%!important;background:#061427!important;color:#fff!important;border:4px solid #fff!important;box-shadow:0 12px 26px rgba(7,17,31,.20)!important;display:grid!important;place-items:center;font-weight:950;z-index:2;padding:0!important}.tco-input-grid{display:grid!important;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}.tco-input-grid label{border:1px solid var(--tco-border);border-radius:18px;padding:14px;background:#fff;color:var(--tco-muted);font-size:12px;font-weight:850}.tco-input-grid select,.tco-input-grid input{width:100%;border:1px solid #dce6f2;border-radius:12px;padding:11px 12px;background:#f9fbfe;color:#111827;font-weight:800;margin-top:8px}.tco-step-input{display:grid;grid-template-columns:36px 1fr 36px;gap:8px;margin-top:8px}.tco-step-input input{margin:0;text-align:center}.tco-step-input button{border:1px solid var(--tco-border);background:#fff;border-radius:11px;font-weight:950;color:var(--tco-primary-blue)}.tco-segment-control>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.tco-segment-control button{border:1px solid var(--tco-border);background:#fff;border-radius:12px;padding:10px 8px;color:#334155;font-weight:900;font-size:12px}.tco-segment-control button.active{background:#eaf4ff;border-color:#9dd2ff;color:#075ec8}.tco-segment-control small{display:block;font-size:10px;color:inherit}.tco-incentive-box{border:1px solid #bde9cb;border-radius:22px;background:linear-gradient(135deg,#f3fff7,#fff);padding:18px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:end;margin:4px 0 0}.tco-incentive-box h3{margin:0 0 6px;color:var(--tco-text)}.tco-incentive-box p{margin:0 0 12px;color:#496176;font-size:13px}.tco-incentive-box div div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;color:#1f4a2f;font-size:13px;font-weight:750}.tco-incentive-box span:before{content:"✓";display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--tco-green);color:#062716;font-size:12px;font-weight:950;margin-right:7px}.tco-incentive-box .next-step{border:0;border-radius:14px;background:linear-gradient(135deg,var(--tco-primary-blue),var(--tco-electric-blue));color:#fff;padding:13px 18px;font-weight:950;box-shadow:0 14px 28px rgba(10,123,255,.25);white-space:nowrap}.tco-blueprint-side{display:grid;gap:16px}.tco-blueprint-side section{border:1px solid var(--tco-border);border-radius:22px;background:#fff;padding:18px;box-shadow:0 12px 28px rgba(7,17,31,.05)}.tco-blueprint-side .tco-summary-dark{background:linear-gradient(145deg,#061427,#0a2b56);color:#fff;border-color:rgba(255,255,255,.12)}.tco-summary-dark h3{margin:0 0 12px;color:#fff}.tco-summary-dark dl{display:grid;grid-template-columns:1fr;gap:9px;margin:0}.tco-summary-dark dt{font-size:12px;color:#9fb6d3}.tco-summary-dark dd{margin:0 0 4px;font-weight:900;color:#fff}.tco-blueprint-side .tip b,.tco-blueprint-side .help b{display:block;color:var(--tco-text);margin-bottom:8px}.tco-blueprint-side .tip p,.tco-blueprint-side .help p{color:var(--tco-muted);line-height:1.55;margin:0 0 12px;font-size:14px}.tco-blueprint-side .tip a{color:var(--tco-primary-blue);font-weight:950}.tco-blueprint-side .help i{font-style:normal;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#dbeafe,#fff);display:grid;place-items:center;margin-bottom:8px}.tco-blueprint-side .help button{border:0;border-radius:14px;background:linear-gradient(135deg,var(--tco-primary-blue),var(--tco-electric-blue));color:#fff;padding:12px 16px;font-weight:950}.tco-results-panel{background:#fff;border:1px solid var(--tco-border);border-radius:28px;box-shadow:0 24px 70px rgba(7,17,31,.10);padding:26px;margin-top:26px}.tco-results-panel>h2{font-size:26px;margin:0 0 6px;color:var(--tco-text)}.tco-results-panel>p{margin:0 0 18px;color:var(--tco-muted)}.tco-results-panel .preview-grid{grid-template-columns:1fr 1.15fr 1fr}.tco-results-panel .cost-cards{display:grid;gap:10px}.tco-results-panel .cost-cards article{border:1px solid #edf2f8;border-radius:18px;padding:14px;background:#fff}.tco-results-panel .cost-cards article.ev strong{color:var(--tco-primary-blue)}.tco-results-panel .cost-cards article:not(.ev):not(.save) strong{color:var(--tco-orange)}.tco-results-panel .cost-cards article.save strong{color:#14a84d}.tco-bar-chart{height:180px;display:grid!important;grid-template-columns:repeat(10,1fr);gap:6px;align-items:end;padding:14px 0 4px;border-bottom:1px solid #dce6f2}.tco-bar-chart i{border-radius:8px 8px 0 0;min-height:18px;position:relative}.tco-bar-chart i.ev{background:linear-gradient(180deg,var(--tco-electric-blue),var(--tco-primary-blue))}.tco-bar-chart i.ice{background:linear-gradient(180deg,#ff9a63,var(--tco-orange))}.tco-bar-chart small{display:none}.tco-axis{display:grid;grid-template-columns:repeat(5,1fr);font-size:11px;color:var(--tco-muted);text-align:center;margin-top:8px}.tco-donut{background:conic-gradient(var(--tco-primary-blue) 0 49%,var(--tco-electric-blue) 49% 65%,#85e2a5 65% 77%,#ffd166 77% 86%,#a78bfa 86% 92%,#cbd5e1 92%)!important;position:relative;display:grid;place-items:center}.tco-donut:after{content:"";position:absolute;inset:28px;border-radius:50%;background:#fff}.tco-donut strong{position:relative;z-index:2;text-align:center;color:var(--tco-text);font-size:13px}.tco-benefits{background:#fff;border:1px solid var(--tco-border);border-radius:28px;box-shadow:0 18px 48px rgba(7,17,31,.07);padding:24px;margin-top:26px}.tco-benefits h2{margin:0 0 16px}.tco-benefits div{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tco-benefits article{border:1px solid var(--tco-border);border-radius:20px;background:linear-gradient(180deg,#fff,#fbfdff);padding:18px;box-shadow:0 10px 24px rgba(7,17,31,.04)}.tco-benefits i{font-style:normal;width:38px;height:38px;border-radius:12px;background:#eaf4ff;color:var(--tco-primary-blue);display:grid;place-items:center;font-weight:950;margin-bottom:12px}.tco-benefits b{display:block;color:var(--tco-text)}.tco-benefits p{font-size:13px;color:var(--tco-muted);line-height:1.5;margin:8px 0 0}.tco-blueprint-cta{border-radius:26px;background:radial-gradient(circle at 82% 18%,rgba(0,170,255,.28),transparent 30%),linear-gradient(135deg,#020914,#061427 58%,#0a3164)!important;color:#fff;padding:28px;display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;overflow:hidden;position:relative}.tco-blueprint-cta:after{content:"";position:absolute;right:32px;bottom:18px;width:220px;height:70px;border-radius:90px 110px 32px 32px;background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(0,170,255,.18));filter:blur(.2px)}.tco-blueprint-cta>*{position:relative;z-index:1}.tco-blueprint-cta h2{margin:0 0 6px;font-size:30px}.tco-blueprint-cta p{margin:0;color:#cfe3fb}.tco-blueprint-cta .btn-white{background:#fff;color:#0a2b56;border:0;border-radius:14px;padding:13px 18px;font-weight:950}.tco-blueprint-cta .btn-green{background:var(--tco-green);color:#062716;border:0;border-radius:14px;padding:13px 18px;font-weight:950}@media(max-width:980px){.tco-blueprint-shell{grid-template-columns:1fr}.tco-blueprint-side{grid-template-columns:1fr 1fr}.tco-blueprint-side .tco-summary-dark{grid-column:1/-1}.tco-results-panel .preview-grid{grid-template-columns:1fr 1fr}.tco-results-panel .cost-cards{grid-column:1/-1}.tco-benefits div{grid-template-columns:1fr 1fr}.tco-blueprint-cta{grid-template-columns:1fr 1fr}.tco-blueprint-cta div{grid-column:1/-1}}@media(max-width:720px){.tco-blueprint-shell,.tco-results-panel,.tco-benefits{padding:16px;border-radius:22px}.tco-stepper{display:flex!important;overflow-x:auto;gap:10px;padding-bottom:18px}.tco-stepper span{min-width:184px}.tco-stepper i{min-width:34px;margin:0}.tco-vehicle-grid,.tco-input-grid,.tco-results-panel .preview-grid,.tco-benefits div,.tco-blueprint-side,.tco-incentive-box,.tco-blueprint-cta{grid-template-columns:1fr!important}.tco-vs{position:static!important;transform:none!important;margin:-4px auto;grid-column:1}.tco-vehicle-card>div:last-child,.tco-incentive-box div div{grid-template-columns:1fr}.tco-segment-control>div{grid-template-columns:1fr}.tco-bar-chart{height:150px}.tco-blueprint-cta .btn-white,.tco-blueprint-cta .btn-green,.tco-incentive-box .next-step{width:100%;text-align:center}.tco-blueprint-cta h2{font-size:25px}}

/* TCO compact premium polish — 20260606-tco-compact-premium1. Scoped to TCO content only. */
.page-tco .tco-blueprint-shell{padding:22px;border-radius:24px;gap:20px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 22px 56px rgba(7,17,31,.13)}
.page-tco .tco-stepper{min-height:62px;padding:2px 0 18px;margin-bottom:20px}.page-tco .tco-stepper span{grid-template-columns:34px 1fr;gap:10px}.page-tco .tco-stepper span:before{width:34px;height:34px;font-size:13px}.page-tco .tco-stepper span>b{font-size:13px;letter-spacing:-.01em}.page-tco .tco-stepper span>small{font-size:11px;line-height:1.1}.page-tco .tco-stepper i{margin:0 8px;background:linear-gradient(90deg,#bcd2ec,#edf3fa)}
.page-tco .tco-section-head{margin-bottom:12px}.page-tco .tco-section-head h2{font-size:22px;line-height:1.05}.page-tco .tco-section-head p{font-size:13px;max-width:640px}.page-tco .oto2-tco-proof{display:none!important}
.page-tco .tco-vehicle-grid{gap:18px;margin-bottom:18px}.page-tco .tco-vehicle-card{border-radius:18px!important;padding:15px!important;box-shadow:0 12px 24px rgba(7,17,31,.06)!important}.page-tco .tco-vehicle-card header{margin-bottom:9px}.page-tco .tco-vehicle-card header strong{font-size:13px}.page-tco .tco-vehicle-card em{font-size:10px;padding:6px 9px}.page-tco .tco-vehicle-visual{height:92px;border-radius:15px;margin-bottom:10px}.page-tco .tco-vehicle-visual span{height:42px;width:72%}.page-tco .tco-vehicle-visual span:before,.page-tco .tco-vehicle-visual span:after{width:18px;height:18px;border-width:4px;bottom:-8px}.page-tco .tco-vehicle-card>small{font-size:12px}.page-tco .tco-vehicle-card h3{font-size:18px!important;line-height:1.12;margin-top:2px!important}.page-tco .tco-vehicle-card>a{font-size:12px;margin-top:8px}.page-tco .tco-vehicle-card>div:last-child{gap:8px;margin-top:10px}.page-tco .tco-vehicle-card>div:last-child span{padding:8px;border-radius:12px;font-size:10px}.page-tco .tco-vehicle-card>div:last-child b{font-size:13px}.page-tco .tco-vs{top:96px;width:42px!important;height:42px!important;font-size:12px;border-width:3px!important}
.page-tco .tco-input-grid{gap:10px;margin-bottom:12px}.page-tco .tco-input-grid label{border-radius:15px;padding:11px;font-size:11px}.page-tco .tco-input-grid select,.page-tco .tco-input-grid input{padding:9px 10px;border-radius:10px;font-size:13px;margin-top:6px}.page-tco .tco-step-input{grid-template-columns:32px 1fr 32px;gap:6px;margin-top:6px}.page-tco .tco-segment-control>div{gap:6px;margin-top:6px}.page-tco .tco-segment-control button{padding:8px 6px;border-radius:10px;font-size:11px;line-height:1.15}.page-tco .tco-segment-control small{font-size:9px;margin-top:2px}.page-tco .tco-incentive-box{border-radius:18px;padding:14px;gap:12px}.page-tco .tco-incentive-box h3{font-size:17px;margin-bottom:4px}.page-tco .tco-incentive-box p{font-size:12px;margin-bottom:10px}.page-tco .tco-incentive-box div div{gap:7px 12px;font-size:12px}.page-tco .tco-incentive-box span:before{width:16px;height:16px;font-size:10px}.page-tco .tco-incentive-box .next-step{padding:11px 15px;border-radius:12px;font-size:13px}
.page-tco .tco-blueprint-side{gap:12px}.page-tco .tco-blueprint-side section{border-radius:18px;padding:15px}.page-tco .tco-summary-dark h3{font-size:17px;margin-bottom:10px}.page-tco .tco-summary-dark dl{gap:7px}.page-tco .tco-summary-dark dt{font-size:11px}.page-tco .tco-summary-dark dd{font-size:13px;line-height:1.25}.page-tco .tco-blueprint-side .tip p,.page-tco .tco-blueprint-side .help p{font-size:13px;line-height:1.45}.page-tco .tco-blueprint-side .help i{width:38px;height:38px}.page-tco .tco-blueprint-side .help button{padding:10px 13px;border-radius:12px;font-size:13px}
.page-tco .tco-results-panel,.page-tco .tco-benefits{padding:22px;border-radius:24px;margin-top:22px;box-shadow:0 18px 44px rgba(7,17,31,.09)}.page-tco .tco-results-panel>h2,.page-tco .tco-benefits h2{font-size:23px;line-height:1.08}.page-tco .tco-results-panel>p{font-size:13px;margin-bottom:14px}.page-tco .tco-results-panel .preview-grid{gap:13px}.page-tco .tco-results-panel .cost-cards{gap:8px}.page-tco .tco-results-panel .cost-cards article{padding:12px;border-radius:15px}.page-tco .tco-results-panel .cost-cards span{font-size:10px}.page-tco .tco-results-panel .cost-cards b{font-size:13px}.page-tco .tco-results-panel .cost-cards small{font-size:11px}.page-tco .tco-results-panel .cost-cards strong{font-size:19px;line-height:1.05}.page-tco .chart-card,.page-tco .donut-card{border-radius:18px!important;padding:15px!important}.page-tco .chart-card h3,.page-tco .donut-card h3{font-size:16px;margin-bottom:8px}.page-tco .tco-bar-chart{height:145px;gap:5px;padding-top:8px}.page-tco .tco-axis{font-size:10px}.page-tco .legend{font-size:11px;margin-top:8px}.page-tco .tco-donut{width:124px;height:124px}.page-tco .tco-donut:after{inset:24px}.page-tco .tco-donut strong{font-size:12px}.page-tco .donut-wrap ul{font-size:12px;gap:5px}
.page-tco .tco-benefits div{gap:12px}.page-tco .tco-benefits article{border-radius:17px;padding:15px}.page-tco .tco-benefits i{width:32px;height:32px;border-radius:10px;font-size:12px;margin-bottom:9px}.page-tco .tco-benefits b{font-size:14px}.page-tco .tco-benefits p{font-size:12px;line-height:1.42;margin-top:6px}.page-tco .tco-blueprint-cta{border-radius:22px;padding:23px 24px;margin-top:22px}.page-tco .tco-blueprint-cta h2{font-size:27px;line-height:1.05}.page-tco .tco-blueprint-cta p{font-size:13px}.page-tco .tco-blueprint-cta .btn-white,.page-tco .tco-blueprint-cta .btn-green{padding:11px 15px;border-radius:12px;font-size:13px}.page-tco .tco-blueprint-cta:after{width:190px;height:58px;right:24px;bottom:14px}
@media(max-width:720px){.page-tco .tco-blueprint-shell,.page-tco .tco-results-panel,.page-tco .tco-benefits{padding:14px;border-radius:20px}.page-tco .tco-stepper span{min-width:160px}.page-tco .tco-vehicle-grid{gap:12px}.page-tco .tco-vs{width:38px!important;height:38px!important}.page-tco .tco-results-panel .cost-cards strong{font-size:18px}.page-tco .tco-blueprint-cta h2{font-size:23px}}

/* TCO Claude copy/chart/asset-frame batch — 20260606-tco-claude-nonasset1 */
.page-tco .tco-asset-frame{width:100%;height:100%;min-height:160px;border:1px solid rgba(0,170,255,.35);border-radius:22px;background:rgba(2,9,20,.55);display:grid;place-items:center;position:relative;overflow:hidden;color:#bfe7ff;text-align:center;font-size:12px;font-weight:950;letter-spacing:.06em;padding:14px}.page-tco .tco-asset-frame img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.page-tco .tco-asset-frame:not(.asset-pending) span{display:none}.page-tco .tco-asset-frame.asset-pending span{display:block;position:relative;z-index:2}.page-tco .tco-asset-frame.hero{min-height:310px;background:linear-gradient(135deg,rgba(2,9,20,.72),rgba(6,20,39,.86));box-shadow:inset 0 0 70px rgba(0,170,255,.20)}.page-tco .tco-asset-frame.consultant{min-height:76px;border-radius:16px;background:#f3f8ff;color:#0a4d9a;border-color:#d9e3ef}.page-tco .tco-consultant-photo{margin-bottom:10px}.page-tco .tco-vehicle-visual.image-ready{background:#f7fbff}.page-tco .tco-vehicle-visual.image-ready>img{display:block;width:100%;height:100%;object-fit:contain;padding:8px}.page-tco .tco-vehicle-visual.image-ready>span{display:none;width:auto;height:auto;background:transparent;box-shadow:none;border-radius:0;position:static;color:#0a4d9a;font-size:11px;font-weight:950;text-align:center;padding:8px}.page-tco .tco-vehicle-visual.image-ready>span:before,.page-tco .tco-vehicle-visual.image-ready>span:after{display:none}.page-tco .tco-vehicle-visual.image-ready.asset-pending>span{display:grid;place-items:center}.page-tco .tco-vehicle-visual.image-ready.asset-pending{border:1px dashed #9db7d8}.page-tco .tco-chart-wrap{display:grid;grid-template-columns:48px 1fr;gap:8px;align-items:stretch}.page-tco .tco-y-axis{height:145px;display:flex;flex-direction:column;justify-content:space-between;text-align:right;color:#667085;font-size:10px;line-height:1;padding:8px 0 0}.page-tco .tco-chart-with-axis .tco-bar-chart{background:linear-gradient(to bottom,#edf2f8 1px,transparent 1px);background-size:100% 36px;border-left:1px solid #dce6f2}.page-tco .tco-chart-with-axis .legend span.ev:before{background:#0A7BFF}.page-tco .tco-chart-with-axis .legend span.ice:before{background:#FF6B2C}.page-tco .tco-disclaimer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:14px 0 0;color:#667085;font-size:12px;line-height:1.45}.page-tco .tco-disclaimer b{color:#07111F}.page-tco .tco-trust span{min-width:0}.page-tco .tco-trust b{font-size:13px}.page-tco .tco-trust small{font-size:11px;line-height:1.25}.page-tco .tco-copy h1{max-width:680px}.page-tco .tco-copy p{max-width:720px}.page-tco .tco-blueprint-side .tip p{font-weight:650;color:#334155}.page-tco .tco-results-panel>p{color:#475569}.page-tco .tco-donut+ul li:nth-child(2)::first-letter{color:inherit}@media(max-width:720px){.page-tco .tco-chart-wrap{grid-template-columns:42px 1fr}.page-tco .tco-y-axis{font-size:9px}.page-tco .tco-asset-frame.hero{min-height:220px}.page-tco .tco-disclaimer{display:block}.page-tco .tco-disclaimer b{display:block;margin-top:6px}}

/* TCO V2 frontend-safe calculator parity — 20260606-tco-frontend-formula1 */
.page-tco .tco-live-select{background:linear-gradient(180deg,#f8fbff,#fff)!important;border-color:#cfe0f4!important}.page-tco .tco-live-select select{font-size:12px}.page-tco .tco-mode-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 14px}.page-tco .tco-mode-tabs button{border:1px solid #d9e3ef;background:#fff;color:#334155;border-radius:999px;padding:8px 12px;font-weight:900;font-size:12px}.page-tco .tco-mode-tabs button.active{background:linear-gradient(135deg,#0A7BFF,#00AAFF);color:#fff;border-color:transparent;box-shadow:0 10px 20px rgba(10,123,255,.20)}.page-tco .tco-efficiency-detail{margin-top:18px;border:1px solid #d9e3ef;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff);padding:16px}.page-tco .tco-efficiency-detail h3{margin:0 0 12px;font-size:17px;color:#07111f}.page-tco .tco-efficiency-detail>div{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.page-tco .tco-efficiency-detail article{border:1px solid #edf2f8;border-radius:14px;background:#fff;padding:10px}.page-tco .tco-efficiency-detail span{display:block;color:#667085;font-size:11px;font-weight:850}.page-tco .tco-efficiency-detail b{display:block;color:#07111f;font-size:13px;margin-top:4px}.page-tco .tco-efficiency-detail p{margin:12px 0 0;color:#667085;font-size:12px;line-height:1.45}@media(max-width:980px){.page-tco .tco-efficiency-detail>div{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.page-tco .tco-efficiency-detail>div{grid-template-columns:1fr}.page-tco .tco-live-select{grid-column:auto}}


/* OtoRev V2 Bandingkan finalizer — screenshot target + vNext API */
.page-bandingkan.bandingkan-vnext-final .compare-hero .route-hero-copy h1{font-size:44px!important;line-height:1.04!important;max-width:560px!important}
.page-bandingkan.bandingkan-vnext-final .compare-hero .route-hero-copy p{max-width:560px!important}
.page-bandingkan.bandingkan-vnext-final .hero-bullets span{background:rgba(22,119,255,.14);border:1px solid rgba(96,165,250,.22);border-radius:999px;padding:8px 11px}
.page-bandingkan.bandingkan-vnext-final .compare-picker article{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:4px!important}
.page-bandingkan.bandingkan-vnext-final .compare-card-offer{margin-top:10px;border:0;border-radius:999px;background:#eef6ff;color:#0b64d8;font-weight:950;font-size:11px;padding:8px 12px;cursor:pointer}
.page-bandingkan.bandingkan-vnext-final .spec-compare table{min-width:920px!important}
.page-bandingkan.bandingkan-vnext-final .spec-compare td,.page-bandingkan.bandingkan-vnext-final .spec-compare th{vertical-align:top!important}
.page-bandingkan.bandingkan-vnext-final .verdict small{display:block;float:none!important;margin-top:3px!important;line-height:1.35!important}
.page-bandingkan.bandingkan-vnext-final .compare-live-integrated{background:#fff!important;color:#0f172a!important;border:1px solid #e5eaf2!important;box-shadow:0 10px 28px rgba(15,23,42,.055)!important;margin-top:24px!important;margin-bottom:0!important}
.page-bandingkan.bandingkan-vnext-final .compare-live-integrated .oto2-live-head h2{color:#0f172a!important}
.page-bandingkan.bandingkan-vnext-final .compare-live-integrated .oto2-live-head p{color:#64748b!important}
.page-bandingkan.bandingkan-vnext-final .compare-live-integrated .oto2-live-selects label{color:#334155!important}
.page-bandingkan.bandingkan-vnext-final .compare-live-integrated .compare-slot-tools,.page-bandingkan.bandingkan-vnext-final .compare-live-integrated .compare-control-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}
.page-bandingkan.bandingkan-vnext-final .compare-live-integrated .compare-slot-tools input{height:36px;border:1px solid #dbe4ef;border-radius:10px;padding:0 10px;min-width:0;width:100%}
.page-bandingkan.bandingkan-vnext-final .compare-live-integrated .compare-slot-tools button,.page-bandingkan.bandingkan-vnext-final .compare-live-integrated .compare-control-row button{height:36px;border:1px solid #dbe4ef;border-radius:10px;background:#f8fbff;color:#0b64d8;font-weight:900;padding:0 12px}
.page-bandingkan.bandingkan-vnext-final .compare-live-integrated .oto2-live-cards{display:none!important}
.page-bandingkan.bandingkan-vnext-final .compare-live-integrated .oto2-live-table-wrap{display:none!important}
@media(max-width:820px){.page-bandingkan.bandingkan-vnext-final .compare-hero .route-hero-copy h1{font-size:30px!important}.page-bandingkan.bandingkan-vnext-final .spec-compare table{min-width:860px!important}.page-bandingkan.bandingkan-vnext-final .compare-live-integrated{padding:16px!important}.page-bandingkan.bandingkan-vnext-final .compare-live-integrated .oto2-live-selects{grid-template-columns:1fr!important}}


/* OtoRev V2 Bandingkan visual human UX polish — 20260606 */
.page-bandingkan .oto2-compare-proof{background:linear-gradient(135deg,#ffffff,#f8fbff)!important;border:1px solid rgba(22,119,255,.18)!important;box-shadow:0 12px 32px rgba(15,23,42,.06)!important;color:#0f172a!important}
.page-bandingkan .oto2-compare-proof b{color:#155bc9!important;font-size:15px!important;letter-spacing:.01em!important}
.page-bandingkan .oto2-compare-proof span{color:#64748b!important;font-size:13px!important}
.page-bandingkan.bandingkan-vnext-final .compare-live-integrated{border-radius:24px!important;padding:28px 28px 24px!important}
.page-bandingkan.bandingkan-vnext-final .compare-live-integrated .page-pill{background:#eef6ff!important;color:#1677ff!important;border-color:#dbeafe!important}
.page-bandingkan.bandingkan-vnext-final .compare-live-integrated .oto2-live-head h2{font-size:26px!important;margin-bottom:8px!important}
.page-bandingkan.bandingkan-vnext-final .compare-live-integrated .oto2-live-head p{font-size:14px!important;line-height:1.7!important;max-width:840px!important}
.page-bandingkan.bandingkan-vnext-final .compare-live-integrated .oto2-live-selects{gap:18px!important;margin-top:20px!important}
.page-bandingkan.bandingkan-vnext-final .compare-live-integrated .oto2-live-selects label{font-size:12px!important;font-weight:950!important;color:#0f172a!important;letter-spacing:.02em!important}
.page-bandingkan.bandingkan-vnext-final .compare-live-integrated select{margin-top:8px!important;height:48px!important;border-radius:14px!important;border:1px solid #d8e4f2!important;background:#fff!important;color:#0f172a!important;font-weight:900!important;padding:0 14px!important;box-shadow:0 6px 16px rgba(15,23,42,.04)!important}
.page-bandingkan.bandingkan-vnext-final .compare-live-integrated select:focus{outline:3px solid rgba(22,119,255,.16)!important;border-color:#1677ff!important}
.page-bandingkan.bandingkan-vnext-final .compare-live-integrated .compare-slot-tools{display:grid!important;grid-template-columns:1fr auto!important;width:100%!important;margin-top:10px!important}
.page-bandingkan.bandingkan-vnext-final .compare-live-integrated .compare-slot-tools input{height:40px!important;border-radius:12px!important;background:#fbfdff!important;color:#334155!important}
.page-bandingkan.bandingkan-vnext-final .compare-live-integrated .compare-slot-tools button{height:40px!important;border-radius:12px!important;background:#f8fbff!important;color:#2366c9!important}
.page-bandingkan.bandingkan-vnext-final .compare-live-integrated .compare-control-row{margin-top:14px!important;justify-content:space-between!important;color:#94a3b8!important}
.page-bandingkan.bandingkan-vnext-final .compare-live-integrated .compare-control-row button{background:#fff!important;color:#2366c9!important;box-shadow:0 8px 20px rgba(22,119,255,.08)!important}
.page-bandingkan.bandingkan-vnext-final .compare-picker{align-items:stretch!important}
.page-bandingkan.bandingkan-vnext-final .compare-picker article img{object-fit:contain!important;background:#f8fbff!important;border-radius:12px!important}
.page-bandingkan.bandingkan-vnext-final .compare-picker article h3{line-height:1.28!important;min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.page-bandingkan.bandingkan-vnext-final .compare-picker article p{color:#64748b!important;margin-top:2px!important}
.page-bandingkan.bandingkan-vnext-final .compare-card-offer{background:#eef6ff!important;color:#1766d8!important;box-shadow:0 10px 24px rgba(22,119,255,.12)!important}
@media(max-width:820px){.page-bandingkan.bandingkan-vnext-final .compare-live-integrated{padding:20px 16px!important;border-radius:20px!important}.page-bandingkan.bandingkan-vnext-final .compare-live-integrated .oto2-live-head h2{font-size:22px!important}.page-bandingkan.bandingkan-vnext-final .compare-live-integrated .compare-slot-tools{grid-template-columns:1fr!important}.page-bandingkan.bandingkan-vnext-final .compare-control-row{align-items:flex-start!important}.page-bandingkan.bandingkan-vnext-final .compare-picker article h3{min-height:auto!important}}


/* OtoRev V2 Dealer & SPKLU content-core finalizer — human UI/UX */
.page-dealer-spklu.dealer-core-final .filter-card{background:#fff!important;border:1px solid #e5eaf2!important;border-radius:18px!important;box-shadow:0 14px 36px rgba(15,23,42,.075)!important;padding:24px!important;margin-top:22px!important}
.page-dealer-spklu.dealer-core-final .dealer-core-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
.page-dealer-spklu.dealer-core-final .dealer-core-head h2{margin:0 0 6px!important;font-size:24px!important;color:#0f172a!important;letter-spacing:-.02em!important}
.page-dealer-spklu.dealer-core-final .dealer-core-head p{margin:0!important;color:#64748b!important;font-size:14px!important;line-height:1.6!important;max-width:720px!important}
.page-dealer-spklu.dealer-core-final [data-dealer-core-count]{background:#eef6ff;color:#126dff;border:1px solid #dbeafe;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:950;white-space:nowrap}
.page-dealer-spklu.dealer-core-final .dealer-type-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px!important}
.page-dealer-spklu.dealer-core-final .dealer-type-tabs button{height:40px;border:1px solid #dbe4ef;background:#f8fbff;color:#334155;border-radius:12px;padding:0 16px;font-weight:950;cursor:pointer}
.page-dealer-spklu.dealer-core-final .dealer-type-tabs button.on{background:#1677ff;color:#fff;border-color:#1677ff;box-shadow:0 10px 22px rgba(22,119,255,.22)}
.page-dealer-spklu.dealer-core-final .dealer-filter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.page-dealer-spklu.dealer-core-final .dealer-filter-grid label{font-size:12px;color:#475569;font-weight:950;display:grid;gap:8px}
.page-dealer-spklu.dealer-core-final .dealer-filter-grid select,.page-dealer-spklu.dealer-core-final .dealer-filter-grid input{height:46px;border:1px solid #dbe4ef;border-radius:12px;background:#fff;color:#0f172a;padding:0 13px;font-weight:850;min-width:0}
.page-dealer-spklu.dealer-core-final .dealer-filter-grid select:focus,.page-dealer-spklu.dealer-core-final .dealer-filter-grid input:focus{outline:3px solid rgba(22,119,255,.16);border-color:#1677ff}
.page-dealer-spklu.dealer-core-final .dealer-filter-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}
.page-dealer-spklu.dealer-core-final .dealer-filter-actions button{height:42px;border-radius:12px;border:1px solid #dbe4ef;background:#fff;color:#334155;padding:0 18px;font-weight:950;cursor:pointer}
.page-dealer-spklu.dealer-core-final .dealer-filter-actions .primary{background:#1677ff;color:#fff;border-color:#1677ff;box-shadow:0 10px 22px rgba(22,119,255,.22)}
.page-dealer-spklu.dealer-core-final .oto2-dealer-finder,.page-dealer-spklu.dealer-core-final .dealer-all-list,.page-dealer-spklu.dealer-core-final .oto2-dealer-proof{display:none!important}
.page-dealer-spklu.dealer-core-final .map-panel{display:grid!important;grid-template-columns:1.18fr .92fr!important;gap:24px!important;background:#06162b!important;border:1px solid rgba(96,165,250,.18)!important;border-radius:20px!important;padding:22px!important;box-shadow:0 20px 48px rgba(2,8,23,.22)!important;margin-top:22px!important;color:#fff!important;overflow:hidden!important}
.page-dealer-spklu.dealer-core-final .dealer-map-clean{min-height:500px!important;border-radius:16px!important;background:#041225!important;position:relative!important;overflow:hidden!important;border:1px solid rgba(96,165,250,.16)!important}
.page-dealer-spklu.dealer-core-final .dealer-map-clean img{width:100%!important;height:100%!important;object-fit:cover!important;opacity:.92!important;filter:saturate(1.1) contrast(1.05)!important}
.page-dealer-spklu.dealer-core-final .dealer-map-clean button{position:absolute!important;z-index:2;top:16px;left:16px;border:1px solid rgba(255,255,255,.18);background:rgba(3,10,20,.72);color:#dbeafe;border-radius:10px;padding:9px 12px;font-weight:900}
.page-dealer-spklu.dealer-core-final .map-panel aside{background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;padding:18px!important;max-height:500px!important;overflow:auto!important}
.page-dealer-spklu.dealer-core-final .dealer-near-head h2{font-size:22px!important;margin:0 0 6px!important;color:#fff!important}
.page-dealer-spklu.dealer-core-final .dealer-near-head p{margin:0 0 14px!important;color:#a9c6e8!important;font-size:13px!important;line-height:1.55!important}
.page-dealer-spklu.dealer-core-final .dealer-location-card{display:grid!important;grid-template-columns:1fr auto!important;gap:14px!important;align-items:center!important;border:1px solid rgba(255,255,255,.09)!important;background:rgba(255,255,255,.035)!important;border-radius:13px!important;padding:13px!important;margin-bottom:10px!important;color:#fff!important}
.page-dealer-spklu.dealer-core-final .dealer-location-card b{display:block;color:#fff;font-size:14px;line-height:1.35;margin-bottom:4px}
.page-dealer-spklu.dealer-core-final .dealer-location-card em{display:inline-flex;border-radius:999px;padding:4px 8px;background:rgba(22,119,255,.18);color:#9fd0ff;font-size:10px;font-style:normal;font-weight:950;margin-bottom:6px}
.page-dealer-spklu.dealer-core-final .dealer-location-card em.spklu{background:rgba(45,212,191,.14);color:#8cf0df}
.page-dealer-spklu.dealer-core-final .dealer-location-card p{margin:0 0 6px;color:#d6e5f7;font-size:12px;line-height:1.45}
.page-dealer-spklu.dealer-core-final .dealer-location-card small{color:#93abd0;font-size:11px;line-height:1.45}
.page-dealer-spklu.dealer-core-final .dealer-location-card a{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:#dbeafe;border-radius:10px;padding:9px 12px;font-size:12px;font-weight:950;white-space:nowrap}
.page-dealer-spklu.dealer-core-final .dealer-show-all{width:100%;height:42px;border:1px solid rgba(96,165,250,.22);background:rgba(22,119,255,.14);color:#dbeafe;border-radius:12px;font-weight:950;margin-top:8px;cursor:pointer}
.page-dealer-spklu.dealer-core-final .dealer-all-list-clean{background:#fff;border:1px solid #e5eaf2;border-radius:18px;padding:22px;margin-top:18px;box-shadow:0 12px 32px rgba(15,23,42,.06)}
.page-dealer-spklu.dealer-core-final .dealer-all-list-clean[hidden]{display:none!important}
.page-dealer-spklu.dealer-core-final .dealer-all-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}
.page-dealer-spklu.dealer-core-final .dealer-all-head h2{margin:0 0 5px;color:#0f172a}.page-dealer-spklu.dealer-core-final .dealer-all-head p{margin:0;color:#64748b}.page-dealer-spklu.dealer-core-final .dealer-all-head button{border:1px solid #dbe4ef;background:#f8fbff;border-radius:10px;padding:9px 13px;color:#2366c9;font-weight:950}
.page-dealer-spklu.dealer-core-final .dealer-all-list-clean>div:last-child{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.page-dealer-spklu.dealer-core-final .dealer-all-list-clean .dealer-location-card{background:#07162c!important;color:#fff!important;margin:0!important}
.page-dealer-spklu.dealer-core-final .dealer-bottom-grid{display:grid!important;grid-template-columns:1fr 1.25fr!important;gap:22px!important;margin-top:22px!important}
.page-dealer-spklu.dealer-core-final .brand-panel,.page-dealer-spklu.dealer-core-final .benefit-panel{border-radius:18px!important;background:#07162c!important;color:#fff!important;border:1px solid rgba(96,165,250,.14)!important;padding:22px!important;box-shadow:0 18px 42px rgba(2,8,23,.16)!important}
.page-dealer-spklu.dealer-core-final .brand-panel h2,.page-dealer-spklu.dealer-core-final .benefit-panel h2{margin:0 0 7px!important;color:#fff!important;font-size:20px!important}.page-dealer-spklu.dealer-core-final .brand-panel p{color:#a9c6e8;font-size:13px;line-height:1.55;margin:0 0 14px}
.page-dealer-spklu.dealer-core-final .brand-mini{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:10px!important}.page-dealer-spklu.dealer-core-final .brand-mini button{height:54px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#dbeafe;font-weight:950;cursor:pointer}
.page-dealer-spklu.dealer-core-final .benefit-panel>div{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:12px!important}.page-dealer-spklu.dealer-core-final .benefit-panel article{background:transparent!important;border:0!important;padding:0!important}.page-dealer-spklu.dealer-core-final .benefit-panel i{width:44px;height:44px;border-radius:14px;background:rgba(22,119,255,.16);display:grid;place-items:center;margin-bottom:10px}.page-dealer-spklu.dealer-core-final .benefit-panel b{display:block;color:#fff;margin-bottom:5px}.page-dealer-spklu.dealer-core-final .benefit-panel span{color:#a9c6e8;font-size:12px;line-height:1.45}
.page-dealer-spklu.dealer-core-final .route-cta{background:linear-gradient(135deg,#075fd8,#0b8cff)!important;border-radius:18px!important;color:#fff!important;margin-top:22px!important;display:grid!important;grid-template-columns:1fr auto!important;gap:16px!important;align-items:center!important;padding:24px 28px!important}.page-dealer-spklu.dealer-core-final .route-cta h2{margin:0 0 6px!important}.page-dealer-spklu.dealer-core-final .route-cta p{margin:0!important;color:#dbeafe!important}.page-dealer-spklu.dealer-core-final .route-cta button{border:0;background:#fff;color:#126dff;border-radius:13px;height:48px;padding:0 20px;font-weight:950;box-shadow:0 12px 28px rgba(255,255,255,.16)}
@media(max-width:900px){.page-dealer-spklu.dealer-core-final .dealer-filter-grid{grid-template-columns:1fr 1fr}.page-dealer-spklu.dealer-core-final .map-panel{grid-template-columns:1fr!important}.page-dealer-spklu.dealer-core-final .dealer-map-clean{min-height:330px!important}.page-dealer-spklu.dealer-core-final .dealer-bottom-grid{grid-template-columns:1fr!important}.page-dealer-spklu.dealer-core-final .benefit-panel>div{grid-template-columns:1fr 1fr!important}}
@media(max-width:620px){.page-dealer-spklu.dealer-core-final .filter-card{padding:18px!important}.page-dealer-spklu.dealer-core-final .dealer-core-head{display:block}.page-dealer-spklu.dealer-core-final [data-dealer-core-count]{display:inline-flex;margin-top:10px}.page-dealer-spklu.dealer-core-final .dealer-filter-grid{grid-template-columns:1fr}.page-dealer-spklu.dealer-core-final .dealer-filter-actions{display:grid;grid-template-columns:1fr 1fr}.page-dealer-spklu.dealer-core-final .map-panel{padding:14px!important;border-radius:16px!important}.page-dealer-spklu.dealer-core-final .dealer-location-card{grid-template-columns:1fr!important}.page-dealer-spklu.dealer-core-final .dealer-location-card a{justify-self:start}.page-dealer-spklu.dealer-core-final .dealer-all-list-clean>div:last-child{grid-template-columns:1fr}.page-dealer-spklu.dealer-core-final .brand-mini{grid-template-columns:repeat(2,1fr)!important}.page-dealer-spklu.dealer-core-final .benefit-panel>div{grid-template-columns:1fr!important}.page-dealer-spklu.dealer-core-final .route-cta{grid-template-columns:1fr!important;padding:22px!important}.page-dealer-spklu.dealer-core-final .route-cta button{width:100%}}


/* OtoRev V2 Bandingkan empty-slot blueprint — 20260606 */
.page-bandingkan.compare-empty-slot-ready #oto2LiveCompare[hidden]{display:none!important}
.page-bandingkan.compare-empty-slot-ready .compare-picker.compare-empty-blueprint{display:block!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin-top:24px!important}
.page-bandingkan.compare-empty-slot-ready .compare-slot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.page-bandingkan.compare-empty-slot-ready .compare-empty-slot,.page-bandingkan.compare-empty-slot-ready .compare-filled-slot{position:relative;background:#fff;border:1px solid #e8edf6;border-radius:18px;overflow:hidden;box-shadow:0 12px 34px rgba(15,23,42,.07);min-height:405px;display:flex;flex-direction:column}
.page-bandingkan.compare-empty-slot-ready .slot-visual{height:160px;background:linear-gradient(135deg,#f7f8fc,#eef2f8);display:grid;place-items:center;border-bottom:1px solid #eef2f7;color:#8a96a8;font-size:20px}
.page-bandingkan.compare-empty-slot-ready .slot-visual span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.72);box-shadow:0 6px 18px rgba(15,23,42,.05);font-weight:500}
.page-bandingkan.compare-empty-slot-ready .slot-visual.filled{background:#f8fbff}.page-bandingkan.compare-empty-slot-ready .slot-visual.filled img{width:92%;height:145px;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(15,23,42,.14))}
.page-bandingkan.compare-empty-slot-ready .slot-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:10px;flex:1}
.page-bandingkan.compare-empty-slot-ready .slot-body small{font-size:10px;font-weight:950;color:#7b8799;letter-spacing:.08em;text-transform:uppercase}.page-bandingkan.compare-empty-slot-ready .slot-body h3{font-size:18px;line-height:1.25;margin:0;color:#111827;letter-spacing:-.02em}.page-bandingkan.compare-empty-slot-ready .slot-body h4{font-size:17px;margin:2px 0 -8px;color:#111827;letter-spacing:-.025em}.page-bandingkan.compare-empty-slot-ready .slot-body p{margin:0;color:#7b8799;font-size:12px;line-height:1.5}
.page-bandingkan.compare-empty-slot-ready .slot-select-label{display:block;margin:2px 0 2px}.page-bandingkan.compare-empty-slot-ready .slot-select-label select{width:100%;height:46px;border:1px solid #e2e8f0;background:#fff;color:#111827;border-radius:12px;padding:0 14px;font-weight:900;box-shadow:0 7px 18px rgba(15,23,42,.045);outline:0}.page-bandingkan.compare-empty-slot-ready .slot-select-label select:focus{border-color:#1677ff;box-shadow:0 0 0 4px rgba(22,119,255,.14)}
.page-bandingkan.compare-empty-slot-ready .slot-pick-btn{margin-top:auto;height:46px;border:0;border-radius:10px;background:#070d1f;color:#fff;font-weight:950;cursor:pointer;box-shadow:0 12px 26px rgba(7,13,31,.18)}
.page-bandingkan.compare-empty-slot-ready .slot-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:2px}.page-bandingkan.compare-empty-slot-ready .slot-specs span{background:#f8fbff;border:1px solid #eef2f7;border-radius:10px;padding:8px 7px;text-align:center;font-size:11px;color:#334155;font-weight:900}
.page-bandingkan.compare-empty-slot-ready .slot-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.page-bandingkan.compare-empty-slot-ready .slot-actions a,.page-bandingkan.compare-empty-slot-ready .slot-actions button{height:42px;border-radius:10px;display:grid;place-items:center;font-size:12px;font-weight:950}.page-bandingkan.compare-empty-slot-ready .slot-actions a{background:#eef6ff;color:#1766d8}.page-bandingkan.compare-empty-slot-ready .slot-actions button{border:0;background:#070d1f;color:#fff;cursor:pointer}
.page-bandingkan.compare-empty-slot-ready .slot-clear{position:absolute;right:12px;top:12px;z-index:2;width:30px;height:30px;border-radius:50%;border:1px solid #e5eaf2;background:#fff;color:#64748b;font-weight:950;cursor:pointer}
.page-bandingkan.compare-empty-slot-ready .compare-slot-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;color:#64748b;font-size:12px;font-weight:850}.page-bandingkan.compare-empty-slot-ready .compare-slot-footer button{height:40px;border:1px solid #dbe4ef;background:#fff;color:#1766d8;border-radius:999px;padding:0 14px;font-weight:950}.page-bandingkan.compare-empty-slot-ready .compare-slot-footer button[hidden]{display:none!important}
.page-bandingkan.compare-empty-slot-ready .compare-empty-table{border:1px dashed #dbe4ef;border-radius:16px;background:#f8fbff;padding:22px;text-align:center;color:#475569}.page-bandingkan.compare-empty-slot-ready .compare-empty-table b{display:block;color:#111827;font-size:17px;margin-bottom:7px}.page-bandingkan.compare-empty-slot-ready .compare-empty-table p{margin:0;color:#64748b;font-size:13px;line-height:1.55}
.page-bandingkan.compare-empty-slot-ready .compare-empty-guidance{grid-column:1/-1!important;background:#fff!important;border:1px solid #e8edf6!important;border-radius:16px!important;box-shadow:0 10px 28px rgba(15,23,42,.05)!important}
@media(max-width:820px){.page-bandingkan.compare-empty-slot-ready .compare-slot-grid{grid-template-columns:1fr}.page-bandingkan.compare-empty-slot-ready .compare-empty-slot,.page-bandingkan.compare-empty-slot-ready .compare-filled-slot{min-height:390px}.page-bandingkan.compare-empty-slot-ready .slot-visual{height:145px}.page-bandingkan.compare-empty-slot-ready .compare-slot-footer{display:grid}.page-bandingkan.compare-empty-slot-ready .slot-actions{grid-template-columns:1fr}}


/* OtoRev V2 Bandingkan 3-column aligned blueprint — 20260606 */
.page-bandingkan.compare-3col-aligned-ready #oto2LiveCompare[hidden]{display:none!important}
.page-bandingkan.compare-3col-aligned-ready .compare-picker.compare-3col-blueprint{display:block!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin-top:24px!important}
.page-bandingkan.compare-3col-aligned-ready .aligned-compare-grid{display:grid;grid-template-columns:220px repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.page-bandingkan.compare-3col-aligned-ready .aligned-left-spacer{background:transparent!important;border:0!important;box-shadow:none!important;display:flex;flex-direction:column;justify-content:flex-end;padding:0 0 22px!important;color:#64748b}.page-bandingkan.compare-3col-aligned-ready .aligned-left-spacer span{font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;color:#1677ff}.page-bandingkan.compare-3col-aligned-ready .aligned-left-spacer h2{font-size:22px;line-height:1.05;margin:8px 0;color:#0f172a}.page-bandingkan.compare-3col-aligned-ready .aligned-left-spacer p{font-size:13px;line-height:1.5;margin:0;color:#64748b}
.page-bandingkan.compare-3col-aligned-ready .aligned-vehicle-card{position:relative;background:#fff;border:1px solid #e8edf6;border-radius:18px;box-shadow:0 12px 34px rgba(15,23,42,.07);padding:14px;min-height:345px;display:flex;flex-direction:column;gap:7px;overflow:hidden}.page-bandingkan.compare-3col-aligned-ready .aligned-vehicle-card.featured{border-color:#f1a78a;box-shadow:0 13px 34px rgba(234,88,12,.13)}
.page-bandingkan.compare-3col-aligned-ready .choice-badge{position:absolute;left:14px;top:12px;z-index:2;border-radius:999px;background:#f26b3a;color:#fff;font-size:10px;font-weight:950;padding:5px 9px}.page-bandingkan.compare-3col-aligned-ready .detail-chip{position:absolute;right:12px;top:12px;z-index:2;border:1px solid #dbe4ef;background:#fff;color:#3a7d5c;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:950}
.page-bandingkan.compare-3col-aligned-ready .aligned-img{height:118px;background:#f8fbff;border-radius:12px;display:grid;place-items:center;margin-bottom:4px}.page-bandingkan.compare-3col-aligned-ready .aligned-img img{width:96%;height:108px;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(15,23,42,.14))}
.page-bandingkan.compare-3col-aligned-ready .aligned-vehicle-card small{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#8792a6;font-weight:950}.page-bandingkan.compare-3col-aligned-ready .aligned-vehicle-card h3{margin:0;color:#0f172a;font-size:17px;line-height:1.22;min-height:40px}.page-bandingkan.compare-3col-aligned-ready .aligned-vehicle-card select{height:42px;border:1px solid #e2e8f0;border-radius:11px;background:#fff;color:#111827;font-weight:900;padding:0 11px;width:100%;outline:0}.page-bandingkan.compare-3col-aligned-ready .aligned-vehicle-card select:focus{border-color:#1677ff;box-shadow:0 0 0 4px rgba(22,119,255,.14)}
.page-bandingkan.compare-3col-aligned-ready .aligned-vehicle-card b{font-size:20px;line-height:1.05;color:#0f172a;margin-top:4px}.page-bandingkan.compare-3col-aligned-ready .aligned-vehicle-card em{font-style:normal;color:#15a36d;font-size:11px;font-weight:850}.page-bandingkan.compare-3col-aligned-ready .aligned-vehicle-card button{height:42px;border:0;border-radius:10px;background:#2667f0;color:#fff;font-weight:950;margin-top:auto;cursor:pointer;box-shadow:0 10px 22px rgba(38,103,240,.22)}
.page-bandingkan.compare-3col-aligned-ready .aligned-spec-matrix{display:grid;grid-template-columns:220px repeat(3,minmax(0,1fr));gap:12px 16px;align-items:stretch}.page-bandingkan.compare-3col-aligned-ready .spec-group-title{grid-column:1/-1;margin-top:8px;padding:14px 0 4px;color:#64748b;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.06em}.page-bandingkan.compare-3col-aligned-ready .spec-label{display:flex;align-items:center;color:#475569;font-size:13px;font-weight:850;padding:10px 0}.page-bandingkan.compare-3col-aligned-ready .spec-value{min-height:74px;display:flex;flex-direction:column;justify-content:center}
.page-bandingkan.compare-3col-aligned-ready .metric-bar{height:32px;background:#e9edf5;border-radius:8px;overflow:hidden}.page-bandingkan.compare-3col-aligned-ready .metric-bar span{display:flex;align-items:center;height:100%;background:linear-gradient(90deg,#2563eb,#60a5fa);color:#fff;border-radius:8px;padding-left:12px;font-size:12px;font-weight:950;white-space:nowrap}.page-bandingkan.compare-3col-aligned-ready .spec-value>small{font-size:10px;color:#94a3b8;text-align:right;margin-top:5px}
.page-bandingkan.compare-3col-aligned-ready .metric-box{min-height:58px;background:#fff;border-radius:11px;border:1px solid #edf2f7;display:grid;place-items:center;text-align:center;color:#0f172a;font-size:15px;font-weight:950;padding:9px}.page-bandingkan.compare-3col-aligned-ready .metric-box small{display:block;color:#94a3b8;font-size:10px;font-weight:800;margin-top:3px}.page-bandingkan.compare-3col-aligned-ready .metric-box.best{background:#ecfdf5;border-color:#b7ebd1;color:#13a66b}.page-bandingkan.compare-3col-aligned-ready .metric-box.warn{background:#fff3ef;border-color:#ffe0d6;color:#c24135}.page-bandingkan.compare-3col-aligned-ready .metric-box.white{background:#fff}
@media(max-width:980px){.page-bandingkan.compare-3col-aligned-ready .aligned-compare-grid,.page-bandingkan.compare-3col-aligned-ready .aligned-spec-matrix{grid-template-columns:160px repeat(3,minmax(220px,1fr));overflow-x:auto;padding-bottom:8px}.page-bandingkan.compare-3col-aligned-ready .aligned-left-spacer,.page-bandingkan.compare-3col-aligned-ready .spec-label{position:sticky;left:0;background:#fff;z-index:3}.page-bandingkan.compare-3col-aligned-ready .aligned-left-spacer{min-width:160px}.page-bandingkan.compare-3col-aligned-ready .spec-label{min-width:160px}.page-bandingkan.compare-3col-aligned-ready .aligned-vehicle-card{min-width:220px}}
@media(max-width:620px){.page-bandingkan.compare-3col-aligned-ready .aligned-compare-grid,.page-bandingkan.compare-3col-aligned-ready .aligned-spec-matrix{grid-template-columns:130px repeat(3,230px);gap:10px;scroll-snap-type:x proximity}.page-bandingkan.compare-3col-aligned-ready .aligned-vehicle-card{min-height:330px}.page-bandingkan.compare-3col-aligned-ready .aligned-img{height:104px}.page-bandingkan.compare-3col-aligned-ready .aligned-img img{height:95px}.page-bandingkan.compare-3col-aligned-ready .aligned-vehicle-card h3{font-size:15px}.page-bandingkan.compare-3col-aligned-ready .aligned-left-spacer h2{font-size:17px}.page-bandingkan.compare-3col-aligned-ready .aligned-left-spacer p{font-size:11px}.page-bandingkan.compare-3col-aligned-ready .spec-label{font-size:12px}}


/* OtoRev V2 Bandingkan 3-column alignment fix — 20260606 */
.page-bandingkan.compare-3col-aligned-ready .spec-compare .table-wrap{margin-left:-23px!important;margin-right:-23px!important;max-width:none!important;width:auto!important}
.page-bandingkan.compare-3col-aligned-ready .spec-compare>small{display:block!important;margin-top:12px!important;color:#64748b!important}


/* OtoRev V2 Launch visual fixes — 20260606 */
.page-bandingkan.compare-3col-aligned-ready #oto2LiveCompare{display:none!important}
.page-review .oto2-review-proof{margin:0 0 14px!important;color:#dbeafe!important;font-size:14px!important;line-height:1.6!important;max-width:720px!important}
/* TCO Page Visual Contrast & Content Rapih Fix — 2026-06-06
   Master requirement: dark bg → light text, light bg → dark text
   Focus: Ringkasan Perbandingan, Poin Penting highlight, feature cards spacing
*/

/* ============================================================================
   1. RINGKASAN PERBANDINGAN SECTION — Card styling + spacing
   ============================================================================ */

.tco-summary-card {
  background: #f8f9ff; /* light blue tint, consistent with OtoRev V2 */
  border: 1px solid #e0e7ff;
  border-radius: 12px;
  padding: 28px;
  margin: 32px 0;
}

.tco-summary-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 18px;
  border-bottom: 1px solid #e8eef6;
}

.tco-summary-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.tco-summary-item dt {
  font-size: 14px;
  font-weight: 500;
  color: #666; /* dark gray on light bg */
  margin: 0;
}

.tco-summary-item dd {
  font-size: 16px;
  font-weight: 700;
  color: #1f2937; /* darker text for emphasis */
  margin: 0;
  text-align: right;
}

/* Insight/Tahukah kamu? box */
.tco-insight-box {
  background: #fff8f0; /* warm highlight color */
  border-left: 4px solid #ff7a45; /* OtoRev accent orange */
  border-radius: 6px;
  padding: 16px 18px;
  margin-top: 20px;
}

.tco-insight-box strong {
  color: #ff7a45; /* accent color for bold text */
  font-weight: 700;
}

.tco-insight-box p {
  color: #333; /* dark text on warm bg */
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
}

/* ============================================================================
   2. POIN PENTING HIGHLIGHT — Total Biaya EV, Bensin, Potensi Hemat
   ============================================================================ */

.tco-result-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 24px;
  margin: 48px 0;
}

.tco-result-card {
  background: #ffffff; /* white bg for clarity */
  border: 1px solid #e8eef6;
  border-radius: 12px;
  padding: 28px;
  text-align: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  transition: all 0.2s ease;
}

.tco-result-card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  border-color: #d0dce8;
}

/* Highlight "Potensi Hemat" card with green accent */
.tco-result-card.highlight {
  border: 2px solid #22c55e; /* green border */
  background: #f0fdf4; /* light green bg */
}

.tco-result-label {
  font-size: 12px;
  font-weight: 600;
  color: #666; /* dark gray on light bg */
  text-transform: uppercase;
  letter-spacing: 0.6px;
  margin-bottom: 12px;
}

.tco-result-value {
  font-size: 32px;
  font-weight: 800;
  color: #000; /* pure black for strong contrast */
  line-height: 1.2;
  margin-bottom: 8px;
}

/* Green accent for "Potensi Hemat" value */
.tco-result-card.highlight .tco-result-value {
  color: #22c55e; /* green */
}

/* Icon/badge for highlight card */
.tco-result-icon {
  font-size: 24px;
  margin-bottom: 8px;
}

/* Sub-label explanation */
.tco-result-explanation {
  font-size: 13px;
  color: #666;
  margin-top: 8px;
  line-height: 1.5;
}

/* ============================================================================
   3. PREVIEW HASIL CHART SECTION — Proper spacing
   ============================================================================ */

.tco-chart-section {
  background: #ffffff;
  border-radius: 12px;
  padding: 32px;
  margin: 40px 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.tco-chart-container {
  margin: 24px 0;
}

.tco-chart-legend {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 16px;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid #e8eef6;
}

.tco-legend-item {
  font-size: 13px;
  color: #666; /* dark text on light bg */
  display: flex;
  align-items: center;
  gap: 8px;
}

.tco-legend-color {
  width: 14px;
  height: 14px;
  border-radius: 2px;
}

/* ============================================================================
   4. MENGAPA HITUNG TCO — Feature cards with consistent spacing
   ============================================================================ */

.tco-feature-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
  margin: 48px 0;
}

.tco-feature-card {
  background: #fafbfc; /* very light gray */
  border: 1px solid #e8eef6;
  border-radius: 12px;
  padding: 28px;
  text-align: left;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  transition: all 0.2s ease;
}

.tco-feature-card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.tco-feature-number {
  font-size: 40px;
  font-weight: 800;
  margin-bottom: 14px;
  line-height: 1;
}

/* Color rotation for numbering */
.tco-feature-card:nth-child(1) .tco-feature-number { color: #3b82f6; } /* blue */
.tco-feature-card:nth-child(2) .tco-feature-number { color: #f97316; } /* orange */
.tco-feature-card:nth-child(3) .tco-feature-number { color: #22c55e; } /* green */
.tco-feature-card:nth-child(4) .tco-feature-number { color: #8b5cf6; } /* purple */

.tco-feature-title {
  font-size: 18px;
  font-weight: 700;
  color: #1f2937; /* dark text on light bg */
  margin-bottom: 12px;
  line-height: 1.3;
}

.tco-feature-description {
  font-size: 14px;
  color: #666; /* medium gray on light bg */
  line-height: 1.6;
  margin: 0;
}

/* ============================================================================
   5. FINAL CTA SECTION — Siap Beralih ke Mobil Listrik?
   ============================================================================ */

.tco-final-cta {
  background: linear-gradient(135deg, #f0f9ff 0%, #f8fafc 100%);
  border-top: 1px solid #e8eef6;
  border-bottom: 1px solid #e8eef6;
  border-radius: 12px;
  padding: 60px 32px;
  text-align: center;
  margin: 80px 0;
}

.tco-final-cta h2 {
  font-size: 32px;
  font-weight: 800;
  color: #000; /* pure black on light bg */
  margin: 0 0 16px;
  line-height: 1.2;
}

.tco-final-cta p {
  font-size: 16px;
  color: #666; /* dark gray on light bg */
  margin: 0 0 32px;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
}

.tco-cta-buttons {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}

.tco-cta-buttons .btn {
  padding: 14px 32px;
  font-size: 16px;
  font-weight: 700;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.tco-cta-buttons .btn-primary {
  background: #3b82f6; /* blue */
  color: #fff; /* white text on dark bg */
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.25);
}

.tco-cta-buttons .btn-primary:hover {
  background: #2563eb;
  box-shadow: 0 6px 20px rgba(59, 130, 246, 0.35);
}

.tco-cta-buttons .btn-secondary {
  background: transparent;
  border: 2px solid #3b82f6;
  color: #3b82f6; /* blue text on light bg */
}

.tco-cta-buttons .btn-secondary:hover {
  background: #eff6ff; /* light blue bg on hover */
  color: #2563eb;
}

/* ============================================================================
   6. DARK SECTIONS (Footer, dark cards) — Light text contrast
   ============================================================================ */

.tco-footer {
  background: #1e293b; /* dark slate */
  color: #ffffff; /* white text on dark bg */
  border-radius: 12px;
  padding: 32px;
  margin-top: 60px;
}

.tco-footer a {
  color: #3b82f6; /* blue links — high contrast on dark bg */
}

.tco-footer a:hover {
  color: #60a5fa; /* lighter blue on hover */
}

/* Dark disclaimer/legal section */
.tco-disclaimer {
  background: #0f172a; /* darker slate */
  color: #e2e8f0; /* light gray text on dark bg */
  border-radius: 8px;
  padding: 16px;
  font-size: 12px;
  line-height: 1.5;
  margin: 24px 0;
}

.tco-disclaimer strong {
  color: #ffffff; /* white for emphasis */
}

/* ============================================================================
   7. FORM INPUTS (if present) — Contrast for labels & inputs
   ============================================================================ */

.tco-form label {
  display: block;
  font-weight: 600;
  color: #1f2937; /* dark text on light bg */
  margin-bottom: 8px;
  font-size: 14px;
}

.tco-form input,
.tco-form select,
.tco-form textarea {
  width: 100%;
  background: #ffffff; /* white bg */
  color: #1f2937; /* dark text in input */
  border: 1px solid #d1d5db;
  border-radius: 6px;
  padding: 10px 12px;
  font-size: 14px;
}

.tco-form input::placeholder,
.tco-form textarea::placeholder {
  color: #9ca3af; /* medium gray placeholder — still readable */
}

.tco-form input:focus,
.tco-form select:focus,
.tco-form textarea:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* ============================================================================
   8. RESPONSIVE ADJUSTMENTS
   ============================================================================ */

@media (max-width: 768px) {
  .tco-result-cards,
  .tco-feature-cards {
    grid-template-columns: 1fr;
  }

  .tco-result-value {
    font-size: 28px;
  }

  .tco-final-cta {
    padding: 40px 20px;
  }

  .tco-final-cta h2 {
    font-size: 26px;
  }

  .tco-cta-buttons {
    flex-direction: column;
    gap: 12px;
  }

  .tco-cta-buttons .btn {
    width: 100%;
  }
}

/* ============================================================================
   9. ACCESSIBILITY NOTES
   ============================================================================ */

/* 
   Contrast ratios validated (WCAG AA+):
   
   Light backgrounds (#fff, #f5f9ff):
   - Dark text (#1f2937, #000): 15.6:1 ✓ (AAA)
   - Medium gray (#666): 6.8:1 ✓ (AAA for body)
   
   Dark backgrounds (#1e293b, #0f172a):
   - Light text (#fff, #e2e8f0): 12.2:1 ✓ (AAA)
   - Blue links (#3b82f6): 5.4:1 ✓ (AA)
   
   Interactive elements:
   - Button text: 13.1:1 (white on blue) ✓ (AAA)
   
   All ratios exceed WCAG AA minimum (4.5:1 for normal text).
*/
/* === Oto2 static pages hotfix: readable route hero for simple .route-hero > .shell pages === */
.route-hero > .shell{
  position:relative!important;
  z-index:4!important;
  min-height:240px!important;
  display:grid!important;
  align-content:center!important;
  padding-block:42px!important;
}
.route-hero > .shell .page-pill{
  justify-self:start!important;
  color:#dcefff!important;
  background:rgba(22,119,255,.16)!important;
  border-color:rgba(98,207,255,.22)!important;
}
.route-hero > .shell h1{
  color:#ffffff!important;
  opacity:1!important;
  margin:0 0 12px!important;
  max-width:820px!important;
  font-size:clamp(34px,4vw,52px)!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
  font-weight:950!important;
  text-shadow:0 18px 42px rgba(0,0,0,.45)!important;
}
.route-hero > .shell p{
  color:#dbeafe!important;
  opacity:1!important;
  max-width:760px!important;
  margin:0!important;
  font-size:15px!important;
  line-height:1.55!important;
  font-weight:650!important;
  text-shadow:0 10px 28px rgba(0,0,0,.35)!important;
}
@media(max-width:720px){
  .route-hero > .shell{min-height:220px!important;padding-block:34px!important;}
  .route-hero > .shell h1{font-size:30px!important;}
  .route-hero > .shell p{font-size:13px!important;}
}

/* === Oto2 static/footer contrast hotfix === */
.site-footer b,
.site-footer form b,
.site-footer nav b{
  color:#ffffff!important;
  opacity:1!important;
}
.site-footer p,
.site-footer small{
  color:#a8bed8!important;
}
.site-footer a{
  color:#b8cce4!important;
}
.site-footer input{
  color:#fff!important;
}
.site-footer input::placeholder{
  color:#8ea3bd!important;
}

/* === Oto2 nav visual QA: route-specific hero photography using existing fast local assets === */
.page-katalog-ev .route-hero,
.page-bandingkan .route-hero,
.page-review .route-hero,
.page-dealer-spklu .route-hero,
.page-berita .route-hero,
.static-v2-page .route-hero{
  min-height:360px!important;
  overflow:hidden!important;
  background:#06101f!important;
}
.page-katalog-ev .route-hero:after,
.page-bandingkan .route-hero:after,
.page-review .route-hero:after,
.page-dealer-spklu .route-hero:after,
.page-berita .route-hero:after,
.static-v2-page .route-hero:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  opacity:.72!important;
  background-position:right center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  filter:saturate(1.08) contrast(1.04)!important;
}
.page-katalog-ev .route-hero:after{background-image:linear-gradient(90deg,rgba(2,8,23,.98),rgba(5,16,31,.78) 46%,rgba(5,16,31,.18)),url('/assets/oto2-hero/catalog.png')!important;}
.page-bandingkan .route-hero:after{background-image:linear-gradient(90deg,rgba(2,8,23,.98),rgba(5,16,31,.78) 46%,rgba(5,16,31,.18)),url('/assets/oto2-hero/compare.png')!important;}
.page-review .route-hero:after{background-image:linear-gradient(90deg,rgba(2,8,23,.98),rgba(5,16,31,.78) 46%,rgba(5,16,31,.18)),url('/assets/oto2-hero/review.png')!important;}
.page-dealer-spklu .route-hero:after{background-image:linear-gradient(90deg,rgba(2,8,23,.98),rgba(5,16,31,.78) 46%,rgba(5,16,31,.18)),url('/assets/oto2-hero/dealer.png')!important;}
.page-berita .route-hero:after{background-image:linear-gradient(90deg,rgba(2,8,23,.98),rgba(5,16,31,.78) 46%,rgba(5,16,31,.18)),url('/assets/oto2-hero/news.png')!important;}
.page-kontak .route-hero:after{background-image:linear-gradient(90deg,rgba(2,8,23,.98),rgba(5,16,31,.78) 46%,rgba(5,16,31,.18)),url('/assets/oto2-hero/dealer.png')!important;}
.page-tentang .route-hero:after{background-image:linear-gradient(90deg,rgba(2,8,23,.98),rgba(5,16,31,.78) 46%,rgba(5,16,31,.18)),url('/assets/oto2-hero/home.png')!important;}
.page-kebijakan-privasi .route-hero:after{background-image:linear-gradient(90deg,rgba(2,8,23,.98),rgba(5,16,31,.78) 46%,rgba(5,16,31,.18)),url('/assets/oto2-hero/catalog.png')!important;}
.page-katalog-ev .route-hero > .shell,
.page-bandingkan .route-hero > .shell,
.page-review .route-hero > .shell,
.page-dealer-spklu .route-hero > .shell,
.page-berita .route-hero > .shell,
.static-v2-page .route-hero > .shell{
  min-height:360px!important;
  z-index:3!important;
  position:relative!important;
  display:grid!important;
  align-content:center!important;
  padding-block:54px!important;
}
.page-katalog-ev .route-hero h1,
.page-bandingkan .route-hero h1,
.page-review .route-hero h1,
.page-dealer-spklu .route-hero h1,
.page-berita .route-hero h1,
.static-v2-page .route-hero h1{
  max-width:760px!important;
}
.page-tco .tco-polished-hero,
.page-tco .route-hero{
  background-image:linear-gradient(90deg,rgba(2,8,23,.98),rgba(5,16,31,.78) 46%,rgba(5,16,31,.18)),url('/assets/tco/tco.png')!important;
  background-size:cover!important;
  background-position:right center!important;
}
@media(max-width:720px){
  .page-katalog-ev .route-hero,
  .page-bandingkan .route-hero,
  .page-review .route-hero,
  .page-dealer-spklu .route-hero,
  .page-berita .route-hero,
  .static-v2-page .route-hero{min-height:300px!important;}
  .page-katalog-ev .route-hero > .shell,
  .page-bandingkan .route-hero > .shell,
  .page-review .route-hero > .shell,
  .page-dealer-spklu .route-hero > .shell,
  .page-berita .route-hero > .shell,
  .static-v2-page .route-hero > .shell{min-height:300px!important;padding-block:36px!important;}
}

/* === Oto2 visual QA hotfix: force visible hero photo for review/news special hero structures === */
.page-review .review-hero,
.page-berita .newsroom-hero{
  background-size:cover!important;
  background-position:right center!important;
  background-repeat:no-repeat!important;
  isolation:isolate!important;
}
.page-review .review-hero{
  background-image:linear-gradient(90deg,rgba(2,8,23,.98),rgba(5,16,31,.82) 48%,rgba(5,16,31,.20)),url('/assets/oto2-hero/review.png')!important;
}
.page-berita .newsroom-hero{
  background-image:linear-gradient(90deg,rgba(2,8,23,.98),rgba(5,16,31,.82) 48%,rgba(5,16,31,.20)),url('/assets/oto2-hero/news.png')!important;
}
.page-review .review-car img,
.page-berita .newsroom-visual img{
  opacity:0!important;
}

/* === OtoRev V2 Hero Images — Final Polish & Integration === */

/* Hero base: ensure images display properly across all routes */
.route-hero,
.o2-hero,
.hero-portal,
.review-hero,
.newsroom-hero,
.tco-polished-hero,
.compare-hero,
.dealer-hero,
.catalog-hero {
  position: relative;
  overflow: hidden;
  background-size: cover !important;
  background-position: right center !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
}

/* Pseudo-element overlay: gradient for text contrast */
.route-hero:after,
.o2-hero:after,
.hero-portal:after,
.review-hero:after,
.newsroom-hero:after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  opacity: 0.72 !important;
  background-size: cover !important;
  background-position: right center !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
}

/* Text content: ensure readable above background */
.route-hero > .shell,
.hero-portal > .shell,
.review-hero > .shell,
.newsroom-hero > .shell,
.tco-polished-hero .shell {
  position: relative !important;
  z-index: 3 !important;
}

.route-hero h1,
.hero-portal h1,
.review-hero h1,
.newsroom-hero h1,
.tco-polished-hero h1 {
  color: #ffffff !important;
  text-shadow: 0 18px 42px rgba(0, 0, 0, .45) !important;
  position: relative !important;
  z-index: 4 !important;
}

.route-hero p,
.hero-portal p,
.review-hero p,
.newsroom-hero p,
.tco-polished-hero p {
  color: #dceeff !important;
  text-shadow: 0 10px 28px rgba(0, 0, 0, .35) !important;
  position: relative !important;
  z-index: 4 !important;
}

.page-pill {
  position: relative !important;
  z-index: 4 !important;
}

/* Route-specific hero images: ensure visibility and proper sizing */
.page-katalog-ev .route-hero:after {
  background-image: linear-gradient(90deg, rgba(2, 8, 23, .98), rgba(5, 16, 31, .78) 46%, rgba(5, 16, 31, .18)), url('/assets/oto2-hero/catalog.png') !important;
}

.page-bandingkan .route-hero:after {
  background-image: linear-gradient(90deg, rgba(2, 8, 23, .98), rgba(5, 16, 31, .78) 46%, rgba(5, 16, 31, .18)), url('/assets/oto2-hero/compare.png') !important;
}

.page-review .review-hero {
  background-image: linear-gradient(90deg, rgba(2, 8, 23, .98), rgba(5, 16, 31, .82) 48%, rgba(5, 16, 31, .20)), url('/assets/oto2-hero/review.png') !important;
}

.page-berita .newsroom-hero {
  background-image: linear-gradient(90deg, rgba(2, 8, 23, .98), rgba(5, 16, 31, .82) 48%, rgba(5, 16, 31, .20)), url('/assets/oto2-hero/news.png') !important;
}

.page-dealer-spklu .route-hero:after {
  background-image: linear-gradient(90deg, rgba(2, 8, 23, .98), rgba(5, 16, 31, .78) 46%, rgba(5, 16, 31, .18)), url('/assets/oto2-hero/dealer.png') !important;
}

.page-tco .tco-polished-hero,
.page-tco .route-hero {
  background-image: linear-gradient(90deg, rgba(2, 8, 23, .78) 0%, rgba(3, 14, 30, .52) 36%, rgba(3, 14, 30, .16) 62%, rgba(3, 14, 30, .04) 100%), url('/assets/tco/tco.png') !important;
  background-size: cover !important;
  background-position: right center !important;
}

.page-kontak .route-hero:after {
  background-image: linear-gradient(90deg, rgba(2, 8, 23, .98), rgba(5, 16, 31, .78) 46%, rgba(5, 16, 31, .18)), url('/assets/oto2-hero/dealer.png') !important;
}

.page-tentang .route-hero:after {
  background-image: linear-gradient(90deg, rgba(2, 8, 23, .98), rgba(5, 16, 31, .78) 46%, rgba(5, 16, 31, .18)), url('/assets/oto2-hero/home.png') !important;
}

.page-kebijakan-privasi .route-hero:after {
  background-image: linear-gradient(90deg, rgba(2, 8, 23, .98), rgba(5, 16, 31, .78) 46%, rgba(5, 16, 31, .18)), url('/assets/oto2-hero/catalog.png') !important;
}

/* Homepage hero: special case */
.o2-hero-home.hero-portal {
  background-image: url('/assets/oto2-home-hero-master-20260606.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
}

/* Hide any broken/0x0 images that might interfere */
.route-hero img[width="0"],
.route-hero img[height="0"],
.hero-portal img[width="0"],
.hero-portal img[height="0"],
.review-hero img[width="0"],
.review-hero img[height="0"],
.newsroom-hero img[width="0"],
.newsroom-hero img[height="0"] {
  display: none !important;
  opacity: 0 !important;
}

/* Responsive adjustments */
@media (max-width: 1024px) {
  .route-hero:after,
  .hero-portal:after,
  .review-hero:after,
  .newsroom-hero:after {
    background-position: center center !important;
  }
}

@media (max-width: 720px) {
  .route-hero:after,
  .hero-portal:after,
  .review-hero:after,
  .newsroom-hero:after {
    background-position: center top !important;
    background-size: cover !important;
  }
}

/* Print and accessibility */
@media print {
  .route-hero:after,
  .hero-portal:after {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .route-hero,
  .hero-portal {
    background-attachment: scroll !important;
  }
}







/* STRONG Mobile media query: force show all hero visuals - CORRECTED */
@media(max-width:720px) {
  .o2-hero-home .o2-hero-visual {
    display: block !important;
    opacity: 1 !important;
    min-height: 240px !important;
    height: 240px !important;
  }
  
  .o2-hero-home .o2-hero-visual img {
    display: block !important;
    position: absolute !important;
    inset: auto 0 8px 50% !important;
    transform: translateX(-50%) !important;
    width: min(340px, 105%) !important;
    height: 145px !important;
    object-fit: contain !important;
    opacity: 0.90 !important;
  }
  
  .route-hero-visual {
    display: block !important;
    opacity: 0.85 !important;
    width: 100% !important;
  }
  
  .newsroom-visual {
    display: block !important;
    opacity: 0.82 !important;
    width: 100% !important;
  }
  
  .page-review .route-hero,
  .page-berita .route-hero,
  .page-dealer-spklu .route-hero {
    background-size: cover !important;
    background-position: center !important;
  }
}



/* Home mobile fix via .hero-portal selector */
@media(max-width:768px) {
  .hero-portal {
    min-height: 280px !important;
  }
  
  .hero-visual {
    display: block !important;
    min-height: 180px !important;
    height: 180px !important;
    margin-top: 12px !important;
  }
  
  .hero-visual img {
    display: block !important;
    position: static !important;
    width: auto !important;
    height: 160px !important;
    object-fit: contain !important;
    opacity: 0.92 !important;
    visibility: visible !important;
    filter: drop-shadow(0 20px 30px rgba(0,0,0,.3)) saturate(1.06) !important;
  }
}


/* FINAL: Mobile hero image override - applies AFTER all other media queries */
@media screen and (max-width:720px) {
  .page-review .route-hero {
    background-image: linear-gradient(90deg, rgba(2,8,23,.98), rgba(2,15,31,.82) 48%, rgba(2,15,31,.22)), url('/assets/oto2-hero/review.png') !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: scroll !important;
    background-repeat: no-repeat !important;
    min-height: 300px !important;
  }
  
  .page-berita .route-hero {
    background-image: linear-gradient(90deg, rgba(2,8,23,.98), rgba(2,15,31,.82) 48%, rgba(2,15,31,.22)), url('/assets/oto2-hero/news.png') !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: scroll !important;
    background-repeat: no-repeat !important;
    min-height: 300px !important;
  }
  
  .page-dealer-spklu .route-hero {
    background-image: linear-gradient(90deg, rgba(2,8,23,.98), rgba(2,15,31,.82) 48%, rgba(2,15,31,.22)), url('/assets/oto2-hero/dealer.png') !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: scroll !important;
    background-repeat: no-repeat !important;
    min-height: 300px !important;
  }
}


/* HOME HERO FULL COVERAGE FIX — overwrites all previous */
.hero-portal {
  background: linear-gradient(90deg, rgba(2,8,23,.88), rgba(2,15,31,.72) 48%, rgba(2,15,31,.22)), url('/assets/oto2-home-hero-master-20260606.jpg') center/cover no-repeat !important;
  background-attachment: fixed !important;
}

.hero-grid {
  position: relative !important;
  z-index: 2 !important;
}

.hero-copy {
  position: relative !important;
  z-index: 3 !important;
}

.hero-search, .popular-search, .hero-trust {
  position: relative !important;
  z-index: 4 !important;
}

.hero-visual,
.hero-visual img {
  display: none !important;
}

.charger-card {
  display: none !important;
}

@media(max-width:720px) {
  .hero-portal {
    background-attachment: scroll !important;
  }
}


/* ============================================================
   HERO STANDARDIZATION FOR ALL PAGES — FULL COVERAGE
   Applied to: Home, Katalog, Bandingkan, Review, Berita, Dealer, TCO, Kontak, Tentang, Kebijakan
   ============================================================ */

/* BASE HERO RULES — applies to ALL .route-hero and .o2-hero */
.route-hero,
.o2-hero,
.hero-portal {
  position: relative !important;
  overflow: hidden !important;
  background: #06101f !important;
  min-height: 430px !important;
  display: flex !important;
  align-items: stretch !important;
}

/* BACKGROUND LAYER — z-index 0 */
.route-hero::before,
.o2-hero::before,
.hero-portal::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  background-size: cover !important;
  background-position: center !important;
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
}

/* GRID CONTAINER — z-index 1 */
.route-hero-grid,
.o2-hero-grid,
.hero-grid {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  width: 100% !important;
  min-height: 430px !important;
}

/* COPY/TEXT — z-index 2 */
.route-hero-copy,
.o2-hero-copy,
.hero-copy {
  position: relative !important;
  z-index: 2 !important;
  color: #fff !important;
}

/* INTERACTIVE ELEMENTS — z-index 3 */
.hero-search,
.popular-search,
.hero-trust,
.route-hero-copy button,
.route-hero-copy a {
  position: relative !important;
  z-index: 3 !important;
}

/* HIDE ALL OLD VISUAL ELEMENTS */
.hero-visual,
.hero-visual img,
.route-hero-visual,
.o2-hero-visual,
.o2-hero-visual img,
.charger-card,
.newsroom-visual,
.review-car,
.tco-car {
  display: none !important;
}

/* PER-PAGE HERO BACKGROUND IMAGES — UNIFIED APPROACH */

/* Home */
.hero-portal::before,
.o2-hero-home::before {
  background-image: linear-gradient(90deg, rgba(2,8,23,.88), rgba(2,15,31,.72) 48%, rgba(2,15,31,.22)), url('/assets/oto2-home-hero-master-20260606.jpg') !important;
}

/* Katalog EV */
.page-katalog-ev .route-hero::before {
  background-image: linear-gradient(90deg, rgba(2,8,23,.98), rgba(2,15,31,.82) 48%, rgba(2,15,31,.22)), url('/assets/oto2-hero/catalog.png') !important;
}

/* Bandingkan */
.page-bandingkan .route-hero::before {
  background-image: linear-gradient(90deg, rgba(2,8,23,.98), rgba(2,15,31,.82) 48%, rgba(2,15,31,.22)), url('/assets/oto2-hero/compare.png') !important;
}

/* Review */
.page-review .route-hero::before {
  background-image: linear-gradient(90deg, rgba(2,8,23,.98), rgba(2,15,31,.82) 48%, rgba(2,15,31,.22)), url('/assets/oto2-hero/review.png') !important;
}

/* Berita */
.page-berita .route-hero::before {
  background-image: linear-gradient(90deg, rgba(2,8,23,.98), rgba(2,15,31,.82) 48%, rgba(2,15,31,.22)), url('/assets/oto2-hero/news.png') !important;
}

/* Dealer */
.page-dealer-spklu .route-hero::before {
  background-image: linear-gradient(90deg, rgba(2,8,23,.98), rgba(2,15,31,.82) 48%, rgba(2,15,31,.22)), url('/assets/oto2-hero/dealer.png') !important;
}

/* TCO */
.page-tco .route-hero::before,
.page-tco .o2-hero::before {
  background-image: linear-gradient(90deg, rgba(2,8,23,.98), rgba(2,15,31,.82) 48%, rgba(2,15,31,.22)), url('/assets/oto2-hero/tco.png') !important;
}

/* Kontak */
.page-kontak .route-hero::before {
  background-image: linear-gradient(90deg, rgba(2,8,23,.98), rgba(2,15,31,.82) 48%, rgba(2,15,31,.22)), url('/assets/oto2-hero/dealer.png') !important;
}

/* Tentang */
.page-tentang .route-hero::before {
  background-image: linear-gradient(90deg, rgba(2,8,23,.98), rgba(2,15,31,.82) 48%, rgba(2,15,31,.22)), url('/assets/oto2-hero/home.png') !important;
}

/* Kebijakan Privasi */
.page-kebijakan-privasi .route-hero::before {
  background-image: linear-gradient(90deg, rgba(2,8,23,.98), rgba(2,15,31,.82) 48%, rgba(2,15,31,.22)), url('/assets/oto2-hero/catalog.png') !important;
}

/* MOBILE RESPONSIVE — all pages */
@media(max-width:720px) {
  .route-hero,
  .o2-hero,
  .hero-portal {
    min-height: 500px !important;
  }
  
  .route-hero-grid,
  .o2-hero-grid,
  .hero-grid {
    min-height: 500px !important;
  }
  
  .route-hero::before,
  .o2-hero::before,
  .hero-portal::before {
    background-attachment: scroll !important;
  }
}

/* ============================================================ */

/* fix: hapus kotak transparan empty hero-visual di homepage - 2026-06-07 */
.o2-hero-visual.hero-visual{display:none !important}

/* homepage hero image — Master image, override old strip-background rules — 2026-06-07 */
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-portal {
  background:
    radial-gradient(circle at 76% 38%,rgba(22,119,255,.22),transparent 32%),
    linear-gradient(90deg,rgba(2,8,23,.84) 0%,rgba(3,18,36,.58) 34%,rgba(6,24,47,.08) 72%),
    url('/assets/oto2-home-hero-master-20260606.jpg') right center/cover no-repeat !important;
  background-image:
    radial-gradient(circle at 76% 38%,rgba(22,119,255,.22),transparent 32%),
    linear-gradient(90deg,rgba(2,8,23,.84) 0%,rgba(3,18,36,.58) 34%,rgba(6,24,47,.08) 72%),
    url('/assets/oto2-home-hero-master-20260606.jpg') !important;
  background-position: right center !important;
  background-size: cover !important;
}
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-portal:before {
  background:
    linear-gradient(90deg,rgba(2,8,23,.25),rgba(2,8,23,.06)),
    radial-gradient(circle at 74% 42%,rgba(22,119,255,.10),transparent 34%) !important;
}
/* hide empty hero-visual card & charger since we use full background image */
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-visual:before,
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .hero-visual:after,
body:not(.page-bandingkan):not(.page-dealer-spklu):not(.page-berita):not(.page-tco):not(.page-review) .charger-card{display:none !important}

/* Review & Berita hero images — use page-specific hero class, not .route-hero — 2026-06-07 */
.review-hero::before {
  background:
    linear-gradient(90deg, rgba(2,8,23,.92), rgba(2,12,24,.65) 44%, rgba(2,12,24,.12)),
    url('/assets/oto2-hero/review.png') right center/cover no-repeat !important;
}
.review-car {
  display: none !important;
}
.newsroom-hero {
  background:
    linear-gradient(90deg, rgba(2,8,23,.92), rgba(2,15,31,.65) 44%, rgba(2,15,31,.12)),
    url('/assets/oto2-hero/news.png') right center/cover no-repeat !important;
}
.newsroom-hero::before {
  background:
    linear-gradient(90deg, rgba(2,8,23,.75), rgba(2,15,31,.45) 48%, rgba(2,15,31,.08)),
    radial-gradient(circle at 74% 54%, rgba(22,119,255,.18), transparent 34%) !important;
}
.newsroom-visual {
  display: none !important;
}

/* ═══════════════════════════════════════════════════════════════ */
/* MASTER HERO GOVERNANCE — uniform 430px desktop, 500px mobile  */
/* Overrides ALL previous rules via html body specificity        */
/* 2026-06-08                                                    */
/* ═══════════════════════════════════════════════════════════════ */
@media(min-width:821px){
  html body .o2-hero,
  html body .hero-portal,
  html body .route-hero,
  html body .compare-hero,
  html body .newsroom-hero,
  html body .review-hero,
  html body .tco-hero {
    min-height: 430px !important;
    max-height: none !important;
    overflow: visible !important;
  }
  html body .o2-hero-grid,
  html body .hero-grid,
  html body .route-hero-grid,
  html body .compare-hero .route-hero-grid,
  html body .newsroom-hero-grid,
  html body .review-hero-grid,
  html body .tco-hero-grid {
    min-height: 430px !important;
    height: auto !important;
    max-height: none !important;
  }
  html body .o2-hero-copy,
  html body .hero-copy,
  html body .route-hero-copy,
  html body .newsroom-copy,
  html body .review-copy,
  html body .tco-copy {
    max-height: none !important;
    overflow: visible !important;
  }
  html body .o2-hero-copy h1,
  html body .hero-copy h1,
  html body .route-hero-copy h1 {
    max-height: none !important;
    overflow: visible !important;
  }
  html body .o2-hero-copy p,
  html body .hero-copy p,
  html body .route-hero-copy p {
    max-height: none !important;
    overflow: visible !important;
  }
}
@media(max-width:820px){
  html body .o2-hero,
  html body .hero-portal,
  html body .route-hero,
  html body .compare-hero,
  html body .newsroom-hero,
  html body .review-hero,
  html body .tco-hero {
    min-height: 500px !important;
    max-height: none !important;
    overflow: visible !important;
  }
  html body .o2-hero-grid,
  html body .hero-grid,
  html body .route-hero-grid,
  html body .compare-hero .route-hero-grid,
  html body .newsroom-hero-grid,
  html body .review-hero-grid,
  html body .tco-hero-grid {
    min-height: 500px !important;
    height: auto !important;
    max-height: none !important;
  }
  html body .o2-hero-copy,
  html body .hero-copy,
  html body .route-hero-copy,
  html body .newsroom-copy,
  html body .review-copy,
  html body .tco-copy {
    max-height: none !important;
    overflow: visible !important;
  }
}

/* ============================================================ */
/* HOMEPAGE HERO ULTIMATE FIX — 2026-06-08                         */
/* body:not(.page-*) killers override                             */
/* ============================================================ */
body .o2-hero.hero-portal {
  min-height: 430px !important;
  max-height: none !important;  
  display: block !important;
  overflow: hidden !important;
}
body .o2-hero-grid.hero-grid {
  min-height: 430px !important;
  display: grid !important;
  grid-template-columns: 1fr 1.05fr !important;
  align-items: center !important;
}
/* Hide old empty hero-visual - we use background-image */
body .o2-hero-home .o2-hero-visual,
body .o2-hero-home .hero-visual,
body .o2-hero-home .charger-card {
  display: none !important;
}

@media(max-width:820px) {
  body .o2-hero.hero-portal {
    min-height: 500px !important;
  }
  body .o2-hero-grid.hero-grid {
    min-height: 500px !important;
    grid-template-columns: 1fr !important;
  }
}

/* === Catalog Polished Hero — TCO-style standard (2026-06-08) === */
body.page-katalog-ev .catalog-polished-hero {
  min-height: 380px !important;
  max-height: none !important;
  background:
    linear-gradient(90deg,rgba(2,8,23,.78) 0%,rgba(3,14,30,.52) 36%,rgba(3,14,30,.16) 62%,rgba(3,14,30,.04) 100%),
    url('/assets/hero-ev-city-1600.webp') center/cover no-repeat !important;
  box-shadow: inset 0 -46px 70px rgba(2,8,23,.16) !important;
  overflow: hidden !important;
  position: relative !important;
}
body.page-katalog-ev .catalog-polished-hero:before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg,rgba(2,8,23,.32) 0%,rgba(2,8,23,.18) 42%,rgba(2,8,23,0) 76%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}
body.page-katalog-ev .catalog-polished-hero:after {
  display: none !important;
}
body.page-katalog-ev .catalog-hero-shell {
  position: relative !important;
  z-index: 2 !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  min-height: 380px !important;
  max-height: none !important;
  padding: 22px 20px 100px !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-items: start !important;
  align-content: start !important;
}
body.page-katalog-ev .catalog-hero-copy {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  color: #fff !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 4 !important;
  align-self: center !important;
  max-width: 760px !important;
  padding-top: 10px !important;
  margin-top: 0 !important;
}
body.page-katalog-ev .catalog-hero-copy h1 {
  max-width: 720px !important;
  font-size: clamp(38px,3.8vw,52px) !important;
  line-height: 1.04 !important;
  letter-spacing: -.045em !important;
  font-weight: 950 !important;
  margin: 0 0 10px !important;
  color: #fff !important;
  text-shadow: 0 10px 28px rgba(0,0,0,.30) !important;
}
body.page-katalog-ev .catalog-hero-copy h1 span {
  display: inline !important;
  background: linear-gradient(90deg,#62cfff,#1677ff) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}
body.page-katalog-ev .catalog-hero-copy p {
  max-width: 620px !important;
  font-size: 14.5px !important;
  line-height: 1.55 !important;
  margin: 0 0 18px !important;
  color: #dbeafe !important;
  font-weight: 650 !important;
  text-shadow: 0 7px 20px rgba(0,0,0,.24) !important;
}
body.page-katalog-ev .catalog-hero-copy .route-search {
  margin-bottom: 16px !important;
}
body.page-katalog-ev .catalog-polished-hero .route-hero-visual,
body.page-katalog-ev .catalog-polished-hero .o2-hero-visual {
  display: none !important;
}

/* Catalog core white card — overlap into hero */
#catalog-core {
  margin-top: -54px !important;
  position: relative !important;
  z-index: 5 !important;
  background: transparent !important;
}
#catalog-core .catalog__wrap {
  width: min(1180px,calc(100% - 40px)) !important;
  margin: 0 auto 52px !important;
  padding: 28px 0 48px !important;
  background: #fff !important;
  border: 1px solid rgba(226,232,240,.92) !important;
  border-radius: 18px !important;
  box-shadow: 0 34px 96px rgba(15,23,42,.16),0 1px 0 rgba(255,255,255,.9) !important;
  overflow: hidden !important;
}
#catalog-core .route-stat-grid {
  margin-top: 0 !important;
  padding-left: 28px !important;
  padding-right: 28px !important;
}
#catalog-core .filter-card,
#catalog-core .catalog-preview,
#catalog-core .route-cta {
  margin-left: 28px !important;
  margin-right: 28px !important;
}

@media(max-width:720px) {
  body.page-katalog-ev .catalog-polished-hero {
    min-height: 350px !important;
    max-height: none !important;
  }
  body.page-katalog-ev .catalog-hero-shell {
    min-height: 350px !important;
    max-height: none !important;
    padding: 24px 18px 90px !important;
  }
  body.page-katalog-ev .catalog-hero-copy h1 {
    font-size: 28px !important;
    max-width: 100% !important;
  }
  body.page-katalog-ev .catalog-hero-copy p {
    font-size: 12.5px !important;
    max-width: 100% !important;
  }
  #catalog-core {
    margin-top: -42px !important;
  }
  #catalog-core .catalog__wrap {
    width: min(100% - 22px,1180px) !important;
    border-radius: 16px !important;
  }
  #catalog-core .route-stat-grid,
  #catalog-core .filter-card,
  #catalog-core .catalog-preview,
  #catalog-core .route-cta {
    padding-left: 16px !important;
    padding-right: 16px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* ===== COMPARE POLISHED HERO v2 ===== */
body.page-bandingkan .compare-polished-hero {
  min-height: 380px !important;
  max-height: none !important;
  background:
    linear-gradient(90deg,rgba(2,8,23,.78) 0%,rgba(3,14,30,.52) 36%,rgba(3,14,30,.16) 62%,rgba(3,14,30,.04) 100%),
    url('/assets/hero-ev-city-1600.webp') center/cover no-repeat !important;
  box-shadow: inset 0 -46px 70px rgba(2,8,23,.16) !important;
  overflow: hidden !important;
  position: relative !important;
}
body.page-bandingkan .compare-polished-hero:before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg,rgba(2,8,23,.32) 0%,rgba(2,8,23,.18) 42%,rgba(2,8,23,0) 76%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}
body.page-bandingkan .compare-polished-hero:after {
  display: none !important;
}
body.page-bandingkan .compare-hero-shell {
  position: relative !important;
  z-index: 2 !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  min-height: 380px !important;
  max-height: none !important;
  padding: 22px 20px 100px !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-items: start !important;
  align-content: start !important;
}
body.page-bandingkan .compare-hero-copy {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  color: #fff !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 4 !important;
  align-self: center !important;
  max-width: 760px !important;
  padding-top: 10px !important;
  margin-top: 0 !important;
}
body.page-bandingkan .compare-hero-copy h1 {
  max-width: 600px !important;
  font-size: clamp(38px,3.8vw,52px) !important;
  line-height: 1.04 !important;
  letter-spacing: -.045em !important;
  font-weight: 950 !important;
  margin: 0 0 10px !important;
  color: #fff !important;
  text-shadow: 0 10px 28px rgba(0,0,0,.30) !important;
}
body.page-bandingkan .compare-hero-copy h1 span {
  display: inline !important;
  background: linear-gradient(90deg,#62cfff,#1677ff) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}
body.page-bandingkan .compare-hero-copy p {
  max-width: 560px !important;
  font-size: 14.5px !important;
  line-height: 1.55 !important;
  margin: 0 0 14px !important;
  color: #dbeafe !important;
  font-weight: 650 !important;
  text-shadow: 0 7px 20px rgba(0,0,0,.24) !important;
}
body.page-bandingkan .compare-hero-copy .hero-bullets {
  gap: 8px !important;
  margin-top: 8px !important;
}
body.page-bandingkan .compare-hero-copy .hero-bullets span {
  font-size: 11px !important;
  font-weight: 850 !important;
  color: #dbeafe !important;
}
body.page-bandingkan .compare-polished-hero .route-hero-visual,
body.page-bandingkan .compare-polished-hero .o2-hero-visual,
body.page-bandingkan .compare-polished-hero .compare-why {
  display: none !important;
}

/* Compare core white card — overlap into hero */
#compare-core {
  margin-top: -54px !important;
  position: relative !important;
  z-index: 5 !important;
  background: transparent !important;
}
#compare-core .compare__wrap {
  width: min(1180px,calc(100% - 40px)) !important;
  margin: 0 auto 52px !important;
  padding: 28px 0 48px !important;
  background: #fff !important;
  border: 1px solid rgba(226,232,240,.92) !important;
  border-radius: 18px !important;
  box-shadow: 0 34px 96px rgba(15,23,42,.16),0 1px 0 rgba(255,255,255,.9) !important;
  overflow: hidden !important;
}
#compare-core .compare-picker {
  margin-top: 0 !important;
  border-radius: 14px !important;
}
#compare-core .spec-compare,
#compare-core .insight-section,
#compare-core .tool-grid,
#compare-core .route-cta {
  margin-left: 28px !important;
  margin-right: 28px !important;
}

@media(max-width:720px) {
  body.page-bandingkan .compare-polished-hero {
    min-height: 420px !important;
    max-height: none !important;
  }
  body.page-bandingkan .compare-hero-shell {
    min-height: 420px !important;
    max-height: none !important;
    padding: 24px 18px 90px !important;
  }
  body.page-bandingkan .compare-hero-copy h1 {
    font-size: 30px !important;
    max-width: 100% !important;
  }
  body.page-bandingkan .compare-hero-copy p {
    font-size: 13px !important;
    max-width: 100% !important;
  }
  #compare-core {
    margin-top: -42px !important;
  }
  #compare-core .compare__wrap {
    width: min(100% - 22px,1180px) !important;
    border-radius: 16px !important;
    padding: 24px 0 36px !important;
  }
  #compare-core .spec-compare,
  #compare-core .insight-section,
  #compare-core .route-cta {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
/* ===== REVIEW POLISHED HERO v2 ===== */
body.page-review .review-polished-hero {
  min-height: 380px !important; max-height: none !important;
  background: linear-gradient(90deg,rgba(2,8,23,.78) 0%,rgba(3,14,30,.52) 36%,rgba(3,14,30,.16) 62%,rgba(3,14,30,.04) 100%), url('/assets/oto2-hero/review.png') center/cover no-repeat !important;
  box-shadow: inset 0 -46px 70px rgba(2,8,23,.16) !important;
  overflow: hidden !important; position: relative !important;
}
body.page-review .review-polished-hero:before { content:""!important; position:absolute!important; inset:0!important; background:linear-gradient(90deg,rgba(2,8,23,.32) 0%,rgba(2,8,23,.18) 42%,rgba(2,8,23,0) 76%)!important; pointer-events:none!important; z-index:1!important; }
body.page-review .review-polished-hero:after { display:none!important; }
body.page-review .review-hero-shell { position:relative!important; z-index:2!important; max-width:1180px!important; margin:0 auto!important; min-height:380px!important; max-height:none!important; padding:22px 20px 100px!important; display:grid!important; grid-template-columns:1fr!important; align-items:start!important; align-content:start!important; }
body.page-review .review-hero-copy { font-family:'Plus Jakarta Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important; color:#fff!important; box-sizing:border-box!important; position:relative!important; z-index:4!important; align-self:center!important; max-width:760px!important; padding-top:10px!important; margin-top:0!important; }
body.page-review .review-hero-copy h1 { max-width:600px!important; font-size:clamp(38px,3.8vw,52px)!important; line-height:1.04!important; letter-spacing:-.045em!important; font-weight:950!important; margin:0 0 10px!important; color:#fff!important; text-shadow:0 10px 28px rgba(0,0,0,.30)!important; }
body.page-review .review-hero-copy h1 span { display:inline!important; background:linear-gradient(90deg,#62cfff,#1677ff)!important; -webkit-background-clip:text!important; background-clip:text!important; color:transparent!important; }
body.page-review .review-hero-copy p { max-width:560px!important; font-size:14.5px!important; line-height:1.55!important; margin:0 0 14px!important; color:#dbeafe!important; font-weight:650!important; text-shadow:0 7px 20px rgba(0,0,0,.24)!important; }
body.page-review .review-polished-hero .route-hero-visual,
body.page-review .review-polished-hero .o2-hero-visual,
body.page-review .review-polished-hero .review-car { display:none!important; }
#review-core { margin-top:-54px!important; position:relative!important; z-index:5!important; background:transparent!important; }
#review-core .review__wrap { width:min(1180px,calc(100% - 40px))!important; margin:0 auto 52px!important; padding:28px 0 48px!important; background:#fff!important; border:1px solid rgba(226,232,240,.92)!important; border-radius:18px!important; box-shadow:0 34px 96px rgba(15,23,42,.16),0 1px 0 rgba(255,255,255,.9)!important; overflow:hidden!important; }
#review-core .review-stats { margin-top:0!important; padding:0 28px!important; }
#review-core .featured-review,
#review-core .review-categories,
#review-core .review-content-grid,
#review-core .review-cta { margin-left:28px!important; margin-right:28px!important; }
@media(max-width:720px) { body.page-review .review-polished-hero{min-height:420px!important;max-height:none!important} body.page-review .review-hero-shell{min-height:420px!important;max-height:none!important;padding:24px 18px 90px!important} body.page-review .review-hero-copy h1{font-size:30px!important;max-width:100%!important} body.page-review .review-hero-copy p{font-size:13px!important;max-width:100%!important} #review-core{margin-top:-42px!important} #review-core .review__wrap{width:min(100% - 22px,1180px)!important;border-radius:16px!important;padding:24px 0 36px!important} #review-core .review-stats,#review-core .featured-review,#review-core .review-categories,#review-core .review-content-grid,#review-core .review-cta{margin-left:0!important;margin-right:0!important;padding-left:16px!important;padding-right:16px!important} }

/* ===== DEALER POLISHED HERO v2 ===== */
body.page-dealer-spklu .dealer-polished-hero {
  min-height: 380px !important; max-height: none !important;
  background: linear-gradient(90deg,rgba(2,8,23,.78) 0%,rgba(3,14,30,.52) 36%,rgba(3,14,30,.16) 62%,rgba(3,14,30,.04) 100%), url('/assets/oto2-hero/dealer.png') center/cover no-repeat !important;
  box-shadow: inset 0 -46px 70px rgba(2,8,23,.16) !important;
  overflow: hidden !important; position: relative !important;
}
body.page-dealer-spklu .dealer-polished-hero:before { content:""!important; position:absolute!important; inset:0!important; background:linear-gradient(90deg,rgba(2,8,23,.32) 0%,rgba(2,8,23,.18) 42%,rgba(2,8,23,0) 76%)!important; pointer-events:none!important; z-index:1!important; }
body.page-dealer-spklu .dealer-polished-hero:after { display:none!important; }
body.page-dealer-spklu .dealer-hero-shell { position:relative!important; z-index:2!important; max-width:1180px!important; margin:0 auto!important; min-height:380px!important; max-height:none!important; padding:22px 20px 100px!important; display:grid!important; grid-template-columns:1fr!important; align-items:start!important; align-content:start!important; }
body.page-dealer-spklu .dealer-hero-copy { font-family:'Plus Jakarta Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important; color:#fff!important; box-sizing:border-box!important; position:relative!important; z-index:4!important; align-self:center!important; max-width:760px!important; padding-top:10px!important; margin-top:0!important; }
body.page-dealer-spklu .dealer-hero-copy h1 { max-width:680px!important; font-size:clamp(38px,3.8vw,52px)!important; line-height:1.04!important; letter-spacing:-.045em!important; font-weight:950!important; margin:0 0 10px!important; color:#fff!important; text-shadow:0 10px 28px rgba(0,0,0,.30)!important; }
body.page-dealer-spklu .dealer-hero-copy h1 span { display:inline!important; background:linear-gradient(90deg,#62cfff,#1677ff)!important; -webkit-background-clip:text!important; background-clip:text!important; color:transparent!important; }
body.page-dealer-spklu .dealer-hero-copy p { max-width:560px!important; font-size:14.5px!important; line-height:1.55!important; margin:0 0 14px!important; color:#dbeafe!important; font-weight:650!important; text-shadow:0 7px 20px rgba(0,0,0,.24)!important; }
body.page-dealer-spklu .dealer-hero-copy .route-search { margin-bottom:14px!important; }
body.page-dealer-spklu .dealer-polished-hero .route-hero-visual,
body.page-dealer-spklu .dealer-polished-hero .o2-hero-visual { display:none!important; }
#dealer-core { margin-top:-54px!important; position:relative!important; z-index:5!important; background:transparent!important; }
#dealer-core .dealer__wrap { width:min(1180px,calc(100% - 40px))!important; margin:0 auto 52px!important; padding:28px 0 48px!important; background:#fff!important; border:1px solid rgba(226,232,240,.92)!important; border-radius:18px!important; box-shadow:0 34px 96px rgba(15,23,42,.16),0 1px 0 rgba(255,255,255,.9)!important; overflow:hidden!important; }
#dealer-core .route-stat-grid { margin-top:0!important; padding:0 28px!important; }
#dealer-core .filter-card,
#dealer-core .map-panel,
#dealer-core .dealer-bottom-grid,
#dealer-core .route-cta { margin-left:28px!important; margin-right:28px!important; }
@media(max-width:720px) { body.page-dealer-spklu .dealer-polished-hero{min-height:420px!important;max-height:none!important} body.page-dealer-spklu .dealer-hero-shell{min-height:420px!important;max-height:none!important;padding:24px 18px 90px!important} body.page-dealer-spklu .dealer-hero-copy h1{font-size:30px!important;max-width:100%!important} body.page-dealer-spklu .dealer-hero-copy p{font-size:13px!important;max-width:100%!important} #dealer-core{margin-top:-42px!important} #dealer-core .dealer__wrap{width:min(100% - 22px,1180px)!important;border-radius:16px!important;padding:24px 0 36px!important} #dealer-core .route-stat-grid,#dealer-core .filter-card,#dealer-core .map-panel,#dealer-core .dealer-bottom-grid,#dealer-core .route-cta{margin-left:0!important;margin-right:0!important;padding-left:16px!important;padding-right:16px!important} }

/* ===== NEWSROOM POLISHED HERO v2 ===== */
body.page-berita .newsroom-polished-hero {
  min-height: 380px !important; max-height: none !important;
  background: linear-gradient(90deg,rgba(2,8,23,.78) 0%,rgba(3,14,30,.52) 36%,rgba(3,14,30,.16) 62%,rgba(3,14,30,.04) 100%), url('/assets/oto2-hero/news.png') center/cover no-repeat !important;
  box-shadow: inset 0 -46px 70px rgba(2,8,23,.16) !important;
  overflow: hidden !important; position: relative !important;
}
body.page-berita .newsroom-polished-hero:before { content:""!important; position:absolute!important; inset:0!important; background:linear-gradient(90deg,rgba(2,8,23,.32) 0%,rgba(2,8,23,.18) 42%,rgba(2,8,23,0) 76%)!important; pointer-events:none!important; z-index:1!important; }
body.page-berita .newsroom-polished-hero:after { display:none!important; }
body.page-berita .newsroom-hero-shell { position:relative!important; z-index:2!important; max-width:1180px!important; margin:0 auto!important; min-height:380px!important; max-height:none!important; padding:22px 20px 100px!important; display:grid!important; grid-template-columns:1fr!important; align-items:start!important; align-content:start!important; }
body.page-berita .newsroom-hero-copy { font-family:'Plus Jakarta Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important; color:#fff!important; box-sizing:border-box!important; position:relative!important; z-index:4!important; align-self:center!important; max-width:760px!important; padding-top:10px!important; margin-top:0!important; }
body.page-berita .newsroom-hero-copy h1 { max-width:600px!important; font-size:clamp(38px,3.8vw,52px)!important; line-height:1.04!important; letter-spacing:-.045em!important; font-weight:950!important; margin:0 0 10px!important; color:#fff!important; text-shadow:0 10px 28px rgba(0,0,0,.30)!important; }
body.page-berita .newsroom-hero-copy h1 span { display:inline!important; background:linear-gradient(90deg,#62cfff,#1677ff)!important; -webkit-background-clip:text!important; background-clip:text!important; color:transparent!important; }
body.page-berita .newsroom-hero-copy p { max-width:560px!important; font-size:14.5px!important; line-height:1.55!important; margin:0 0 14px!important; color:#dbeafe!important; font-weight:650!important; text-shadow:0 7px 20px rgba(0,0,0,.24)!important; }
body.page-berita .newsroom-polished-hero .route-hero-visual,
body.page-berita .newsroom-polished-hero .o2-hero-visual,
body.page-berita .newsroom-polished-hero .newsroom-visual { display:none!important; }
#newsroom-core { margin-top:-54px!important; position:relative!important; z-index:5!important; background:transparent!important; }
#newsroom-core .newsroom__wrap { width:min(1180px,calc(100% - 40px))!important; margin:0 auto 52px!important; padding:28px 0 48px!important; background:#fff!important; border:1px solid rgba(226,232,240,.92)!important; border-radius:18px!important; box-shadow:0 34px 96px rgba(15,23,42,.16),0 1px 0 rgba(255,255,255,.9)!important; overflow:hidden!important; }
#newsroom-core .news-tabs,
#newsroom-core .top-story,
#newsroom-core .news-grid,
#newsroom-core .newsroom-tools,
#newsroom-core .newsroom-cta { margin-left:28px!important; margin-right:28px!important; }
@media(max-width:720px) { body.page-berita .newsroom-polished-hero{min-height:420px!important;max-height:none!important} body.page-berita .newsroom-hero-shell{min-height:420px!important;max-height:none!important;padding:24px 18px 90px!important} body.page-berita .newsroom-hero-copy h1{font-size:30px!important;max-width:100%!important} body.page-berita .newsroom-hero-copy p{font-size:13px!important;max-width:100%!important} #newsroom-core{margin-top:-42px!important} #newsroom-core .newsroom__wrap{width:min(100% - 22px,1180px)!important;border-radius:16px!important;padding:24px 0 36px!important} #newsroom-core .news-tabs,#newsroom-core .top-story,#newsroom-core .news-grid,#newsroom-core .newsroom-tools,#newsroom-core .newsroom-cta{margin-left:0!important;margin-right:0!important;padding-left:16px!important;padding-right:16px!important} }

/* ===== TENTANG POLISHED HERO v2 ===== */
body.page-tentang .about-polished-hero {
  min-height: 338px !important; max-height: none !important;
  background: linear-gradient(90deg,rgba(2,8,23,.78) 0%,rgba(3,14,30,.52) 36%,rgba(3,14,30,.16) 62%,rgba(3,14,30,.04) 100%), url('/assets/oto2-hero/home.png') center/cover no-repeat !important;
  box-shadow: inset 0 -46px 70px rgba(2,8,23,.16) !important;
  overflow: hidden !important; position: relative !important;
}
body.page-tentang .about-polished-hero:before { content:""!important; position:absolute!important; inset:0!important; background:linear-gradient(90deg,rgba(2,8,23,.32) 0%,rgba(2,8,23,.18) 42%,rgba(2,8,23,0) 76%)!important; pointer-events:none!important; z-index:1!important; }
body.page-tentang .about-polished-hero:after { display:none!important; }
body.page-tentang .about-hero-shell { position:relative!important; z-index:2!important; max-width:1180px!important; margin:0 auto!important; min-height:338px!important; max-height:none!important; padding:22px 20px 100px!important; display:grid!important; grid-template-columns:1fr!important; align-items:start!important; align-content:start!important; }
body.page-tentang .about-hero-copy { max-width:680px!important; padding-top:10px!important; }
body.page-tentang .about-hero-copy h1 { max-width:680px!important; font-size:clamp(34px,3.4vw,48px)!important; line-height:1.06!important; letter-spacing:-.04em!important; font-weight:950!important; margin:0 0 10px!important; color:#fff!important; text-shadow:0 10px 28px rgba(0,0,0,.30)!important; }
body.page-tentang .about-hero-copy p { max-width:620px!important; font-size:14.5px!important; line-height:1.55!important; margin:0!important; color:#dbeafe!important; font-weight:650!important; text-shadow:0 7px 20px rgba(0,0,0,.24)!important; }
body.page-tentang .about-polished-hero .route-hero-visual,
body.page-tentang .about-polished-hero .o2-hero-visual { display:none!important; }
#about-core { margin-top:-54px!important; position:relative!important; z-index:5!important; background:transparent!important; }
#about-core .about__wrap { width:min(1180px,calc(100% - 40px))!important; margin:0 auto 52px!important; padding:28px 0 48px!important; background:#fff!important; border:1px solid rgba(226,232,240,.92)!important; border-radius:18px!important; box-shadow:0 34px 96px rgba(15,23,42,.16),0 1px 0 rgba(255,255,255,.9)!important; overflow:hidden!important; }
#about-core .insight-section,
#about-core .spec-compare { margin-left:28px!important; margin-right:28px!important; }
@media(max-width:720px) { body.page-tentang .about-polished-hero{min-height:380px!important;max-height:none!important} body.page-tentang .about-hero-shell{min-height:380px!important;max-height:none!important;padding:24px 18px 82px!important} body.page-tentang .about-hero-copy h1{font-size:28px!important;max-width:100%!important} body.page-tentang .about-hero-copy p{font-size:13px!important;max-width:100%!important} #about-core{margin-top:-42px!important} #about-core .about__wrap{width:min(100% - 22px,1180px)!important;border-radius:16px!important;padding:24px 0 36px!important} #about-core .insight-section,#about-core .spec-compare{margin-left:0!important;margin-right:0!important;padding-left:16px!important;padding-right:16px!important} }

/* ===== KEBIJAKAN PRIVASI POLISHED HERO v2 ===== */
body.page-kebijakan-privasi .privacy-polished-hero {
  min-height: 338px !important; max-height: none !important;
  background: linear-gradient(90deg,rgba(2,8,23,.78) 0%,rgba(3,14,30,.52) 36%,rgba(3,14,30,.16) 62%,rgba(3,14,30,.04) 100%), url('/assets/oto2-hero/catalog.png') center/cover no-repeat !important;
  box-shadow: inset 0 -46px 70px rgba(2,8,23,.16) !important;
  overflow: hidden !important; position: relative !important;
}
body.page-tentang .privacy-polished-hero:before,
body.page-kebijakan-privasi .privacy-polished-hero:before { content:""!important; position:absolute!important; inset:0!important; background:linear-gradient(90deg,rgba(2,8,23,.32) 0%,rgba(2,8,23,.18) 42%,rgba(2,8,23,0) 76%)!important; pointer-events:none!important; z-index:1!important; }
body.page-kebijakan-privasi .privacy-polished-hero:after { display:none!important; }
body.page-kebijakan-privasi .privacy-hero-shell { position:relative!important; z-index:2!important; max-width:1180px!important; margin:0 auto!important; min-height:338px!important; max-height:none!important; padding:22px 20px 100px!important; display:grid!important; grid-template-columns:1fr!important; align-items:start!important; align-content:start!important; }
body.page-kebijakan-privasi .privacy-hero-copy { max-width:680px!important; padding-top:10px!important; }
body.page-kebijakan-privasi .privacy-hero-copy h1 { max-width:680px!important; font-size:clamp(34px,3.4vw,48px)!important; line-height:1.06!important; letter-spacing:-.04em!important; font-weight:950!important; margin:0 0 10px!important; color:#fff!important; text-shadow:0 10px 28px rgba(0,0,0,.30)!important; }
body.page-kebijakan-privasi .privacy-hero-copy p { max-width:620px!important; font-size:14.5px!important; line-height:1.55!important; margin:0!important; color:#dbeafe!important; font-weight:650!important; text-shadow:0 7px 20px rgba(0,0,0,.24)!important; }
body.page-kebijakan-privasi .privacy-polished-hero .route-hero-visual,
body.page-kebijakan-privasi .privacy-polished-hero .o2-hero-visual { display:none!important; }
#privacy-core { margin-top:-54px!important; position:relative!important; z-index:5!important; background:transparent!important; }
#privacy-core .privacy__wrap { width:min(1180px,calc(100% - 40px))!important; margin:0 auto 52px!important; padding:28px 0 48px!important; background:#fff!important; border:1px solid rgba(226,232,240,.92)!important; border-radius:18px!important; box-shadow:0 34px 96px rgba(15,23,42,.16),0 1px 0 rgba(255,255,255,.9)!important; overflow:hidden!important; }
#privacy-core .spec-compare { margin-left:28px!important; margin-right:28px!important; }
@media(max-width:720px) { body.page-kebijakan-privasi .privacy-polished-hero{min-height:380px!important;max-height:none!important} body.page-kebijakan-privasi .privacy-hero-shell{min-height:380px!important;max-height:none!important;padding:24px 18px 82px!important} body.page-kebijakan-privasi .privacy-hero-copy h1{font-size:28px!important;max-width:100%!important} body.page-kebijakan-privasi .privacy-hero-copy p{font-size:13px!important;max-width:100%!important} #privacy-core{margin-top:-42px!important} #privacy-core .privacy__wrap{width:min(100% - 22px,1180px)!important;border-radius:16px!important;padding:24px 0 36px!important} #privacy-core .spec-compare{margin-left:0!important;margin-right:0!important;padding-left:16px!important;padding-right:16px!important} }

/* ===== KONTAK POLISHED HERO v2 ===== */
body.page-kontak .kontak-polished-hero {
  min-height: 338px !important; max-height: none !important;
  background: linear-gradient(90deg,rgba(2,8,23,.78) 0%,rgba(3,14,30,.52) 36%,rgba(3,14,30,.16) 62%,rgba(3,14,30,.04) 100%), url('/assets/oto2-hero/dealer.png') center/cover no-repeat !important;
  box-shadow: inset 0 -46px 70px rgba(2,8,23,.16) !important;
  overflow: hidden !important; position: relative !important;
}
body.page-kontak .kontak-polished-hero:before { content:""!important; position:absolute!important; inset:0!important; background:linear-gradient(90deg,rgba(2,8,23,.32) 0%,rgba(2,8,23,.18) 42%,rgba(2,8,23,0) 76%)!important; pointer-events:none!important; z-index:1!important; }
body.page-kontak .kontak-polished-hero:after { display:none!important; }
body.page-kontak .kontak-hero-shell { position:relative!important; z-index:2!important; max-width:1180px!important; margin:0 auto!important; min-height:338px!important; max-height:none!important; padding:22px 20px 100px!important; display:grid!important; grid-template-columns:1fr!important; align-items:start!important; align-content:start!important; }
body.page-kontak .kontak-hero-copy { max-width:680px!important; padding-top:10px!important; }
body.page-kontak .kontak-hero-copy h1 { max-width:680px!important; font-size:clamp(34px,3.4vw,48px)!important; line-height:1.06!important; letter-spacing:-.04em!important; font-weight:950!important; margin:0 0 10px!important; color:#fff!important; text-shadow:0 10px 28px rgba(0,0,0,.30)!important; }
body.page-kontak .kontak-hero-copy p { max-width:620px!important; font-size:14.5px!important; line-height:1.55!important; margin:0!important; color:#dbeafe!important; font-weight:650!important; text-shadow:0 7px 20px rgba(0,0,0,.24)!important; }
body.page-kontak .kontak-polished-hero .route-hero-visual,
body.page-kontak .kontak-polished-hero .o2-hero-visual { display:none!important; }
#kontak-core { margin-top:-54px!important; position:relative!important; z-index:5!important; background:transparent!important; }
#kontak-core .kontak__wrap { width:min(1180px,calc(100% - 40px))!important; margin:0 auto 52px!important; padding:28px 0 48px!important; background:#fff!important; border:1px solid rgba(226,232,240,.92)!important; border-radius:18px!important; box-shadow:0 34px 96px rgba(15,23,42,.16),0 1px 0 rgba(255,255,255,.9)!important; overflow:hidden!important; }
#kontak-core .insight-section { margin-left:28px!important; margin-right:28px!important; }
@media(max-width:720px) { body.page-kontak .kontak-polished-hero{min-height:380px!important;max-height:none!important} body.page-kontak .kontak-hero-shell{min-height:380px!important;max-height:none!important;padding:24px 18px 82px!important} body.page-kontak .kontak-hero-copy h1{font-size:28px!important;max-width:100%!important} body.page-kontak .kontak-hero-copy p{font-size:13px!important;max-width:100%!important} #kontak-core{margin-top:-42px!important} #kontak-core .kontak__wrap{width:min(100% - 22px,1180px)!important;border-radius:16px!important;padding:24px 0 36px!important} #kontak-core .insight-section{margin-left:0!important;margin-right:0!important;padding-left:16px!important;padding-right:16px!important} }

/* === OtoRev hero height unification — 2026-06-10 ===
   Master request: route hero heights must be visually consistent.
   Standard desktop: 380px hero + 54px white-card overlap.
*/
@media (min-width: 721px) {
  body.page-katalog-ev .catalog-polished-hero,
  body.page-bandingkan .compare-polished-hero,
  body.page-review .review-polished-hero,
  body.page-dealer-spklu .dealer-polished-hero,
  body.page-tco .tco-polished-hero,
  body.page-berita .newsroom-polished-hero {
    height: 380px !important;
    min-height: 380px !important;
    max-height: 380px !important;
    overflow: hidden !important;
  }

  body.page-katalog-ev .catalog-hero-shell,
  body.page-bandingkan .compare-hero-shell,
  body.page-review .review-hero-shell,
  body.page-dealer-spklu .dealer-hero-shell,
  body.page-tco .tco-hero-shell,
  body.page-berita .newsroom-hero-shell {
    height: 380px !important;
    min-height: 380px !important;
    max-height: 380px !important;
    padding: 22px 20px 88px !important;
    align-content: start !important;
    align-items: start !important;
    overflow: hidden !important;
  }

  body.page-katalog-ev .catalog-hero-copy,
  body.page-bandingkan .compare-hero-copy,
  body.page-review .review-hero-copy,
  body.page-dealer-spklu .dealer-hero-copy,
  body.page-tco .tco-hero-copy,
  body.page-berita .newsroom-hero-copy {
    font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    color: #fff !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 4 !important;
    align-self: center !important;
    padding-top: 4px !important;
    margin-top: 0 !important;
    max-height: 270px !important;
    overflow: hidden !important;
  }

  body.page-katalog-ev .catalog-hero-copy h1,
  body.page-bandingkan .compare-hero-copy h1,
  body.page-review .review-hero-copy h1,
  body.page-dealer-spklu .dealer-hero-copy h1,
  body.page-tco .tco-hero-copy h1,
  body.page-berita .newsroom-hero-copy h1 {
    font-size: clamp(34px,3.2vw,46px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.045em !important;
    margin-bottom: 9px !important;
    max-width: 680px !important;
  }

  body.page-dealer-spklu .dealer-hero-copy h1,
  body.page-berita .newsroom-hero-copy h1,
  body.page-tco .tco-hero-copy h1 {
    font-size: clamp(32px,3vw,42px) !important;
    max-width: 640px !important;
  }

  body.page-katalog-ev .catalog-hero-copy p,
  body.page-bandingkan .compare-hero-copy p,
  body.page-review .review-hero-copy p,
  body.page-dealer-spklu .dealer-hero-copy p,
  body.page-tco .tco-hero-copy p,
  body.page-berita .newsroom-hero-copy p {
    font-size: 13.5px !important;
    line-height: 1.45 !important;
    margin-bottom: 12px !important;
    max-width: 560px !important;
  }

  body.page-katalog-ev .route-search,
  body.page-review .review-search,
  body.page-review .route-search,
  body.page-dealer-spklu .route-search {
    height: 46px !important;
    min-height: 46px !important;
    margin-bottom: 8px !important;
  }

  body.page-dealer-spklu .dealer-hero-copy .hero-bullets,
  body.page-berita .newsroom-hero-copy .hero-bullets,
  body.page-review .review-hero-copy .hero-bullets,
  body.page-bandingkan .compare-hero-copy .hero-bullets {
    margin-top: 6px !important;
    gap: 7px !important;
  }

  #catalog-core,
  #compare-core,
  #review-core,
  #dealer-core,
  #tco-core,
  #newsroom-core {
    margin-top: -54px !important;
    position: relative !important;
    z-index: 5 !important;
  }
}

/* TCO route has no body.page-tco class in current render; enforce by unique hero/core classes. */
@media (min-width: 721px) {
  .tco-polished-hero {
    height: 380px !important;
    min-height: 380px !important;
    max-height: 380px !important;
    overflow: hidden !important;
  }
  .tco-polished-hero .tco-hero-shell,
  .tco-hero-shell {
    height: 380px !important;
    min-height: 380px !important;
    max-height: 380px !important;
    padding: 22px 20px 88px !important;
    align-content: start !important;
    align-items: start !important;
    overflow: hidden !important;
  }
  .tco-polished-hero .tco-hero-copy,
  .tco-hero-copy {
    font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    padding-top: 4px !important;
    max-height: 270px !important;
    overflow: hidden !important;
  }
  .tco-polished-hero .tco-hero-copy h1,
  .tco-hero-copy h1 {
    font-size: clamp(32px,3vw,42px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.045em !important;
    margin-bottom: 9px !important;
    max-width: 640px !important;
  }
  .tco-polished-hero .tco-hero-copy p,
  .tco-hero-copy p {
    font-size: 13.5px !important;
    line-height: 1.45 !important;
    margin-bottom: 12px !important;
    max-width: 560px !important;
  }
  #tco-core { margin-top: -54px !important; }
}

/* === OtoRev homepage hero height unification — 2026-06-10 ===
   Master request: homepage hero should align with route hero height standard.
   Standard desktop hero: 380px.
*/
@media (min-width: 721px) {
  body:not(.page-katalog-ev):not(.page-bandingkan):not(.page-review):not(.page-dealer-spklu):not(.page-tco):not(.page-berita) .hero-portal,
  body:not(.page-katalog-ev):not(.page-bandingkan):not(.page-review):not(.page-dealer-spklu):not(.page-tco):not(.page-berita) .o2-hero-home {
    height: 380px !important;
    min-height: 380px !important;
    max-height: 380px !important;
    overflow: hidden !important;
  }

  body:not(.page-katalog-ev):not(.page-bandingkan):not(.page-review):not(.page-dealer-spklu):not(.page-tco):not(.page-berita) .hero-portal .hero-grid,
  body:not(.page-katalog-ev):not(.page-bandingkan):not(.page-review):not(.page-dealer-spklu):not(.page-tco):not(.page-berita) .hero-portal .o2-hero-grid {
    height: 380px !important;
    min-height: 380px !important;
    max-height: 380px !important;
    align-items: start !important;
    align-content: start !important;
    padding-top: 38px !important;
    padding-bottom: 64px !important;
    overflow: hidden !important;
  }

  body:not(.page-katalog-ev):not(.page-bandingkan):not(.page-review):not(.page-dealer-spklu):not(.page-tco):not(.page-berita) .hero-portal h1 {
    font-size: clamp(36px,3.5vw,50px) !important;
    line-height: 1.04 !important;
    margin-bottom: 10px !important;
  }

  body:not(.page-katalog-ev):not(.page-bandingkan):not(.page-review):not(.page-dealer-spklu):not(.page-tco):not(.page-berita) .hero-portal p {
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin-bottom: 14px !important;
  }

  body:not(.page-katalog-ev):not(.page-bandingkan):not(.page-review):not(.page-dealer-spklu):not(.page-tco):not(.page-berita) .hero-portal .hero-search {
    height: 46px !important;
    min-height: 46px !important;
  }
}

/* === OtoRev homepage hero copy alignment — 2026-06-10 ===
   Align homepage hero text/search with route hero shell, especially katalog EV.
*/
@media (min-width: 721px) {
  body:not(.page-katalog-ev):not(.page-bandingkan):not(.page-review):not(.page-dealer-spklu):not(.page-tco):not(.page-berita) .hero-portal .hero-grid,
  body:not(.page-katalog-ev):not(.page-bandingkan):not(.page-review):not(.page-dealer-spklu):not(.page-tco):not(.page-berita) .hero-portal .o2-hero-grid {
    width: min(1180px, calc(100% - 40px)) !important;
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
  }

  body:not(.page-katalog-ev):not(.page-bandingkan):not(.page-review):not(.page-dealer-spklu):not(.page-tco):not(.page-berita) .hero-portal .hero-copy,
  body:not(.page-katalog-ev):not(.page-bandingkan):not(.page-review):not(.page-dealer-spklu):not(.page-tco):not(.page-berita) .hero-portal .o2-hero-copy {
    max-width: 760px !important;
  }
}

/* === OtoRev homepage hero style parity with TCO — 2026-06-10 ===
   Make homepage hero element geometry/spacing follow the TCO hero standard.
*/
@media (min-width: 721px) {
  body:not(.page-katalog-ev):not(.page-bandingkan):not(.page-review):not(.page-dealer-spklu):not(.page-tco):not(.page-berita) .hero-portal,
  body:not(.page-katalog-ev):not(.page-bandingkan):not(.page-review):not(.page-dealer-spklu):not(.page-tco):not(.page-berita) .o2-hero-home {
    display: flex !important;
    height: 380px !important;
    min-height: 380px !important;
    max-height: 380px !important;
    overflow: hidden !important;
  }

  body:not(.page-katalog-ev):not(.page-bandingkan):not(.page-review):not(.page-dealer-spklu):not(.page-tco):not(.page-berita) .hero-portal .hero-grid,
  body:not(.page-katalog-ev):not(.page-bandingkan):not(.page-review):not(.page-dealer-spklu):not(.page-tco):not(.page-berita) .hero-portal .o2-hero-grid {
    width: min(1180px, calc(100% - 40px)) !important;
    max-width: 1180px !important;
    height: 380px !important;
    min-height: 380px !important;
    max-height: 380px !important;
    margin: 0 auto !important;
    padding: 22px 20px 88px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: start !important;
    align-content: start !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body:not(.page-katalog-ev):not(.page-bandingkan):not(.page-review):not(.page-dealer-spklu):not(.page-tco):not(.page-berita) .hero-portal .hero-copy,
  body:not(.page-katalog-ev):not(.page-bandingkan):not(.page-review):not(.page-dealer-spklu):not(.page-tco):not(.page-berita) .hero-portal .o2-hero-copy {
    display: block !important;
    width: 640px !important;
    max-width: 760px !important;
    max-height: 270px !important;
    padding: 4px 0 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  body:not(.page-katalog-ev):not(.page-bandingkan):not(.page-review):not(.page-dealer-spklu):not(.page-tco):not(.page-berita) .hero-portal h1 {
    width: 640px !important;
    max-width: 640px !important;
    font-size: clamp(32px,3vw,42px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.045em !important;
    font-weight: 950 !important;
    margin: 0 0 9px !important;
  }

  body:not(.page-katalog-ev):not(.page-bandingkan):not(.page-review):not(.page-dealer-spklu):not(.page-tco):not(.page-berita) .hero-portal p {
    max-width: 560px !important;
    font-size: 13.5px !important;
    line-height: 1.45 !important;
    margin: 0 0 12px !important;
  }

  body:not(.page-katalog-ev):not(.page-bandingkan):not(.page-review):not(.page-dealer-spklu):not(.page-tco):not(.page-berita) .hero-portal .hero-search {
    width: 520px !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 0 10px !important;
  }
}

/* === OtoRev homepage TCO-like hero markup — 2026-06-10 === */
@media (min-width: 721px) {
  body:not(.page-katalog-ev):not(.page-bandingkan):not(.page-review):not(.page-dealer-spklu):not(.page-tco):not(.page-berita) .hero-portal .tco-hero-copy {
    width: 720px !important;
    max-width: 760px !important;
    max-height: 270px !important;
    padding: 4px 0 0 !important;
    overflow: hidden !important;
  }

  body:not(.page-katalog-ev):not(.page-bandingkan):not(.page-review):not(.page-dealer-spklu):not(.page-tco):not(.page-berita) .hero-portal .page-pill {
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content !important;
    padding: 7px 11px !important;
    margin: 0 0 12px !important;
    border: 1px solid rgba(147,197,253,.38) !important;
    border-radius: 999px !important;
    background: rgba(15,23,42,.34) !important;
    color: #bfdbfe !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    letter-spacing: .02em !important;
    backdrop-filter: blur(10px) !important;
  }

  body:not(.page-katalog-ev):not(.page-bandingkan):not(.page-review):not(.page-dealer-spklu):not(.page-tco):not(.page-berita) .hero-portal .tco-hero-copy h1 {
    width: 720px !important;
    max-width: 720px !important;
    font-size: clamp(38px,3.8vw,52px) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.045em !important;
    font-weight: 950 !important;
    margin: 0 0 10px !important;
    color: #fff !important;
    text-shadow: 0 10px 28px rgba(0,0,0,.30) !important;
  }

  body:not(.page-katalog-ev):not(.page-bandingkan):not(.page-review):not(.page-dealer-spklu):not(.page-tco):not(.page-berita) .hero-portal .tco-hero-copy h1 span {
    display: inline !important;
    background: linear-gradient(90deg,#62cfff,#1677ff) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
  }

  body:not(.page-katalog-ev):not(.page-bandingkan):not(.page-review):not(.page-dealer-spklu):not(.page-tco):not(.page-berita) .hero-portal .tco-hero-copy p {
    max-width: 620px !important;
    font-size: 14.5px !important;
    line-height: 1.55 !important;
    margin: 0 0 14px !important;
    color: #dbeafe !important;
    font-weight: 650 !important;
    text-shadow: 0 7px 20px rgba(0,0,0,.24) !important;
  }

  body:not(.page-katalog-ev):not(.page-bandingkan):not(.page-review):not(.page-dealer-spklu):not(.page-tco):not(.page-berita) .hero-portal .tco-hero-trust {
    display: flex !important;
    gap: 10px !important;
    max-width: 720px !important;
    overflow: hidden !important;
  }

  body:not(.page-katalog-ev):not(.page-bandingkan):not(.page-review):not(.page-dealer-spklu):not(.page-tco):not(.page-berita) .hero-portal .tco-hero-trust > span {
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    grid-template-areas: "icon title" "icon desc" !important;
    column-gap: 8px !important;
    min-width: 0 !important;
    padding: 10px 12px !important;
    border: 1px solid rgba(147,197,253,.24) !important;
    border-radius: 14px !important;
    background: rgba(15,23,42,.36) !important;
    box-shadow: 0 14px 38px rgba(2,8,23,.20) !important;
    backdrop-filter: blur(10px) !important;
  }

  body:not(.page-katalog-ev):not(.page-bandingkan):not(.page-review):not(.page-dealer-spklu):not(.page-tco):not(.page-berita) .hero-portal .tco-hero-trust b { grid-area: icon !important; font-size: 17px !important; line-height: 1 !important; }
  body:not(.page-katalog-ev):not(.page-bandingkan):not(.page-review):not(.page-dealer-spklu):not(.page-tco):not(.page-berita) .hero-portal .tco-hero-trust strong { grid-area: title !important; color: #fff !important; font-size: 12px !important; line-height: 1.15 !important; font-weight: 900 !important; white-space: nowrap !important; }
  body:not(.page-katalog-ev):not(.page-bandingkan):not(.page-review):not(.page-dealer-spklu):not(.page-tco):not(.page-berita) .hero-portal .tco-hero-trust small { grid-area: desc !important; color: #bfdbfe !important; font-size: 10.5px !important; line-height: 1.2 !important; white-space: nowrap !important; }
}

@media (max-width: 720px) {
  .hero-portal .page-pill { display: inline-flex !important; }
  .hero-portal .tco-hero-trust { display: none !important; }
}

/* === OtoRev homepage tco-hero-copy exact style parity — 2026-06-10 ===
   Master requested homepage hero copy element to follow TCO element/style pattern.
*/
@media (min-width: 721px) {
  body:not(.page-katalog-ev):not(.page-bandingkan):not(.page-review):not(.page-dealer-spklu):not(.page-tco):not(.page-berita) .hero-portal .hero-copy.tco-hero-copy,
  body:not(.page-katalog-ev):not(.page-bandingkan):not(.page-review):not(.page-dealer-spklu):not(.page-tco):not(.page-berita) .hero-portal .o2-hero-copy.tco-hero-copy {
    color: #fff !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 4 !important;
    align-self: center !important;
    max-width: 760px !important;
    width: 760px !important;
    padding-top: 4px !important;
    margin-top: 0 !important;
    max-height: 270px !important;
    overflow: hidden !important;
  }

  body:not(.page-katalog-ev):not(.page-bandingkan):not(.page-review):not(.page-dealer-spklu):not(.page-tco):not(.page-berita) .hero-portal .tco-hero-trust {
    max-height: 72px !important;
  }
}

/* === OtoRev homepage hero font parity with TCO — 2026-06-10 ===
   Homepage hero H1/P/search uses Plus Jakarta Sans like TCO style reference.
*/
body:not(.page-katalog-ev):not(.page-bandingkan):not(.page-review):not(.page-dealer-spklu):not(.page-tco):not(.page-berita) .hero-portal .tco-hero-copy,
body:not(.page-katalog-ev):not(.page-bandingkan):not(.page-review):not(.page-dealer-spklu):not(.page-tco):not(.page-berita) .hero-portal .tco-hero-copy .page-pill,
body:not(.page-katalog-ev):not(.page-bandingkan):not(.page-review):not(.page-dealer-spklu):not(.page-tco):not(.page-berita) .hero-portal .tco-hero-copy h1,
body:not(.page-katalog-ev):not(.page-bandingkan):not(.page-review):not(.page-dealer-spklu):not(.page-tco):not(.page-berita) .hero-portal .tco-hero-copy h1 span,
body:not(.page-katalog-ev):not(.page-bandingkan):not(.page-review):not(.page-dealer-spklu):not(.page-tco):not(.page-berita) .hero-portal .tco-hero-copy p,
body:not(.page-katalog-ev):not(.page-bandingkan):not(.page-review):not(.page-dealer-spklu):not(.page-tco):not(.page-berita) .hero-portal .tco-hero-copy .hero-search,
body:not(.page-katalog-ev):not(.page-bandingkan):not(.page-review):not(.page-dealer-spklu):not(.page-tco):not(.page-berita) .hero-portal .tco-hero-copy .hero-search *,
body:not(.page-katalog-ev):not(.page-bandingkan):not(.page-review):not(.page-dealer-spklu):not(.page-tco):not(.page-berita) .hero-portal .tco-hero-copy .popular-search,
body:not(.page-katalog-ev):not(.page-bandingkan):not(.page-review):not(.page-dealer-spklu):not(.page-tco):not(.page-berita) .hero-portal .tco-hero-copy .popular-search * {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* Catalogue sidebar polish — 2026-06-10: wider, cleaner, no hero changes */
body.page-katalog-ev.catalog-template-aligned .catalog-template-body{
  grid-template-columns:280px minmax(0,1fr)!important;
  gap:24px!important;
}
body.page-katalog-ev.catalog-lower-polished .catalog-template-body{
  padding:26px!important;
}
body.page-katalog-ev .catalog-template-filter{
  padding:18px!important;
  border-radius:22px!important;
  border:1px solid #dbeafe!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
  box-shadow:0 22px 58px rgba(15,23,42,.10)!important;
}
body.page-katalog-ev.catalog-sidebar-db-polished .catalog-db-status{
  border-radius:18px!important;
  padding:14px!important;
  margin:0 0 14px!important;
  background:linear-gradient(135deg,#071a38 0%,#0b64d8 100%)!important;
}
body.page-katalog-ev.catalog-sidebar-db-polished .catalog-db-status b{
  font-size:16px!important;
  line-height:1.15!important;
}
body.page-katalog-ev.catalog-sidebar-db-polished .catalog-db-status small{
  font-size:11px!important;
  line-height:1.45!important;
}
body.page-katalog-ev .catalog-template-filter h2{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:0 0 14px!important;
  padding:0 0 13px!important;
  border-bottom:1px solid #e6eef8!important;
  font-size:17px!important;
  line-height:1.2!important;
  letter-spacing:-.02em!important;
}
body.page-katalog-ev.catalog-lower-polished .catalog-template-filter h2:before{
  width:32px!important;
  height:32px!important;
  margin-right:0!important;
  border-radius:12px!important;
  flex:0 0 32px!important;
}
body.page-katalog-ev .catalog-template-filter .filter-grid{
  gap:11px!important;
}
body.page-katalog-ev .catalog-template-filter label{
  gap:6px!important;
  font-size:11px!important;
  letter-spacing:.02em!important;
  color:#334155!important;
}
body.page-katalog-ev .catalog-template-filter select{
  height:38px!important;
  border-radius:12px!important;
  padding:0 12px!important;
  background:#fff!important;
  border-color:#d8e4f2!important;
}
body.page-katalog-ev.catalog-sidebar-slider-ready .catalog-slider-panel{
  gap:10px!important;
  margin:8px 0 14px!important;
}
body.page-katalog-ev.catalog-sidebar-slider-ready .slider-block{
  padding:12px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#fff,#f7fbff)!important;
}
body.page-katalog-ev.catalog-sidebar-slider-ready .slider-title b,
body.page-katalog-ev.catalog-sidebar-interactive .cip-head b{
  font-size:13px!important;
}
body.page-katalog-ev.catalog-sidebar-interactive .catalog-interactive-panel{
  padding:12px!important;
  border-radius:16px!important;
  margin:0 0 14px!important;
}
body.page-katalog-ev.catalog-sidebar-interactive .cip-chips{
  gap:7px!important;
}
body.page-katalog-ev.catalog-sidebar-interactive .cip-chips button,
body.page-katalog-ev.catalog-sidebar-interactive [data-cip-active] button{
  padding:6px 9px!important;
  font-size:10.5px!important;
}
body.page-katalog-ev .catalog-template-filter .filter-actions{
  display:grid!important;
  grid-template-columns:1fr 1.15fr!important;
  gap:9px!important;
  margin-top:12px!important;
}
body.page-katalog-ev .catalog-template-filter .filter-actions button{
  height:38px!important;
  border-radius:12px!important;
  font-size:11.5px!important;
}
body.page-katalog-ev .catalog-filter-trust{
  margin-top:12px!important;
  padding:10px 12px!important;
  border-radius:13px!important;
  font-size:10.75px!important;
  line-height:1.45!important;
}
body.page-katalog-ev.catalog-sidebar-db-polished .catalog-filter-helper{
  margin-top:11px!important;
  font-size:11px!important;
  line-height:1.45!important;
}
body.page-katalog-ev.catalog-sidebar-db-polished .catalog-live-result-count{
  margin-top:7px!important;
  font-size:12px!important;
}
@media(max-width:1020px){
  body.page-katalog-ev.catalog-template-aligned .catalog-template-body{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:680px){
  body.page-katalog-ev.catalog-lower-polished .catalog-template-body{
    padding:18px!important;
  }
}

/* Catalogue sidebar final width polish — 2026-06-10 */
body.page-katalog-ev.catalog-template-aligned .catalog-template-body{
  grid-template-columns:320px minmax(0,1fr)!important;
  gap:26px!important;
}
body.page-katalog-ev .catalog-template-filter{
  padding:20px!important;
}
body.page-katalog-ev .catalog-template-filter .filter-actions{
  grid-template-columns:.9fr 1.35fr!important;
  gap:10px!important;
}
body.page-katalog-ev .catalog-template-filter .filter-actions button{
  white-space:nowrap!important;
  padding:0 10px!important;
}
body.page-katalog-ev .catalog-template-filter .filter-actions button:last-child{
  font-size:11px!important;
}
@media(max-width:1120px){
  body.page-katalog-ev.catalog-template-aligned .catalog-template-body{
    grid-template-columns:300px minmax(0,1fr)!important;
    gap:22px!important;
  }
  body.page-katalog-ev.catalog-template-aligned #catalogPreviewRow{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:1020px){
  body.page-katalog-ev.catalog-template-aligned .catalog-template-body{
    grid-template-columns:1fr!important;
  }
}

/* OtoRev Catalogue Premium Overhaul — 2026-06-10
   Scope: below-hero catalogue content only. Hero/header/footer intentionally untouched. */
body.page-katalog-ev.catalog-template-aligned{
  background:linear-gradient(180deg,#f4f8fd 0%,#ffffff 42%,#f7fbff 100%)!important;
}
body.page-katalog-ev.catalog-lower-polished .catalog-template-body{
  position:relative!important;
  grid-template-columns:320px minmax(0,1fr)!important;
  gap:28px!important;
  padding:30px!important;
  border:1px solid rgba(219,234,254,.95)!important;
  border-radius:32px!important;
  background:
    radial-gradient(circle at 94% 0%,rgba(22,119,255,.10),transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
  box-shadow:0 32px 90px rgba(15,23,42,.12),inset 0 1px 0 rgba(255,255,255,.95)!important;
  overflow:hidden!important;
}
body.page-katalog-ev.catalog-lower-polished .catalog-template-body:before{
  content:'';position:absolute;left:0;right:0;top:0;height:5px;
  background:linear-gradient(90deg,#1677ff,#56c7ff,#35d76f);
  z-index:1;
}
body.page-katalog-ev .catalog-template-filter{
  border-radius:26px!important;
  padding:0 20px 20px!important;
  background:#fff!important;
  border:1px solid #dbeafe!important;
  box-shadow:0 24px 64px rgba(15,23,42,.12)!important;
  overflow:hidden!important;
}
body.page-katalog-ev.catalog-sidebar-db-polished .catalog-db-status{
  margin:0 -20px 18px!important;
  padding:18px 20px!important;
  border-radius:0!important;
  background:
    radial-gradient(circle at 86% 8%,rgba(86,199,255,.30),transparent 34%),
    linear-gradient(135deg,#061427 0%,#0b2f67 54%,#0b64d8 100%)!important;
  box-shadow:none!important;
}
body.page-katalog-ev.catalog-sidebar-db-polished .catalog-db-status span{
  background:rgba(255,255,255,.13)!important;
  border-color:rgba(255,255,255,.26)!important;
  color:#dff2ff!important;
}
body.page-katalog-ev.catalog-sidebar-db-polished .catalog-db-status b{
  font-size:18px!important;
  letter-spacing:-.025em!important;
}
body.page-katalog-ev .catalog-template-filter h2{
  margin:0 0 16px!important;
  padding:0 0 14px!important;
  border-bottom:1px solid #e7eef8!important;
  color:#071326!important;
}
body.page-katalog-ev .catalog-template-filter .filter-grid{gap:12px!important}
body.page-katalog-ev .catalog-template-filter label{
  padding:0!important;
  color:#334155!important;
  font-size:11px!important;
  text-transform:uppercase!important;
  letter-spacing:.065em!important;
}
body.page-katalog-ev .catalog-template-filter select{
  height:40px!important;
  border-radius:14px!important;
  border:1px solid #d9e5f4!important;
  background:linear-gradient(180deg,#fff,#fbfdff)!important;
  box-shadow:0 7px 18px rgba(15,23,42,.035)!important;
  font-size:12px!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
body.page-katalog-ev.catalog-sidebar-slider-ready .slider-block,
body.page-katalog-ev.catalog-sidebar-interactive .catalog-interactive-panel,
body.page-katalog-ev.catalog-feature-checklist-ready .catalog-feature-checklist{
  border-radius:18px!important;
  border-color:#dbeafe!important;
  background:linear-gradient(180deg,#ffffff,#f8fbff)!important;
  box-shadow:0 12px 30px rgba(22,119,255,.06)!important;
}
body.page-katalog-ev .catalog-template-filter .filter-actions{
  display:grid!important;
  grid-template-columns:.82fr 1.38fr!important;
  gap:10px!important;
  margin-top:14px!important;
}
body.page-katalog-ev .catalog-template-filter .filter-actions button{
  height:40px!important;
  border-radius:14px!important;
  white-space:nowrap!important;
}
body.page-katalog-ev .catalog-template-filter .filter-actions .primary,
body.page-katalog-ev .catalog-template-filter .filter-actions button:last-child{
  background:linear-gradient(135deg,#1677ff,#0b64d8)!important;
  border-color:#1677ff!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(22,119,255,.24)!important;
}
body.page-katalog-ev .catalog-filter-trust{
  margin-top:14px!important;
  border-radius:16px!important;
  padding:12px 13px!important;
  background:linear-gradient(135deg,#effdf5,#ffffff)!important;
  border-color:#bbf7d0!important;
}
body.page-katalog-ev .catalog-template-results .section-title.inline{
  align-items:center!important;
  margin-bottom:20px!important;
  padding:18px 20px!important;
  border:1px solid #dbeafe!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 92% 20%,rgba(22,119,255,.11),transparent 30%),
    linear-gradient(135deg,#ffffff,#f8fbff)!important;
  box-shadow:0 18px 48px rgba(15,23,42,.075)!important;
}
body.page-katalog-ev .catalog-template-results .section-title h2{
  font-size:28px!important;
  line-height:1.08!important;
  letter-spacing:-.045em!important;
  color:#071326!important;
}
body.page-katalog-ev .catalog-template-results .section-title p{
  color:#64748b!important;
  font-weight:750!important;
}
body.page-katalog-ev .catalog-sort-pills button{
  height:38px!important;
  border-radius:999px!important;
  padding:0 16px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(15,23,42,.04)!important;
}
body.page-katalog-ev .catalog-sort-pills .active{
  background:linear-gradient(135deg,#1677ff,#0b64d8)!important;
  box-shadow:0 12px 28px rgba(22,119,255,.24)!important;
}
body.page-katalog-ev.catalog-template-aligned #catalogPreviewRow{
  gap:22px!important;
}
body.page-katalog-ev.catalog-template-aligned #catalogPreviewRow .ev-card{
  border-radius:26px!important;
  border:1px solid #dfeaf7!important;
  background:#fff!important;
  box-shadow:0 20px 54px rgba(15,23,42,.09)!important;
  overflow:hidden!important;
}
body.page-katalog-ev.catalog-template-aligned #catalogPreviewRow .ev-card:hover{
  transform:translateY(-7px)!important;
  box-shadow:0 34px 76px rgba(22,119,255,.16)!important;
  border-color:rgba(22,119,255,.28)!important;
}
body.page-katalog-ev .ev-card .card-img{
  height:190px!important;
  background:
    radial-gradient(circle at 50% 70%,rgba(22,119,255,.17),transparent 36%),
    linear-gradient(180deg,#fafdff,#edf5ff)!important;
}
body.page-katalog-ev .ev-card .card-img:before{
  content:'';position:absolute;left:14px;right:14px;top:14px;bottom:14px;
  border-radius:22px;border:1px solid rgba(255,255,255,.72);pointer-events:none;
}
body.page-katalog-ev .ev-card .card-body{padding:17px 18px 18px!important}
body.page-katalog-ev .ev-card .card-brand{
  display:inline-flex!important;align-items:center!important;
  min-height:22px!important;padding:0 9px!important;border-radius:999px!important;
  background:#eff6ff!important;border:1px solid #dbeafe!important;
  color:#0b64d8!important;font-size:10px!important;margin-bottom:8px!important;
}
body.page-katalog-ev .ev-card .card-name{
  font-size:18px!important;line-height:1.14!important;letter-spacing:-.035em!important;color:#071326!important;
}
body.page-katalog-ev .ev-card .card-type{
  background:#f8fafc!important;border:1px solid #e7eef8!important;color:#475569!important;
}
body.page-katalog-ev .ev-card .card-specs{
  border-radius:18px!important;
  padding:12px!important;
  gap:10px!important;
  background:linear-gradient(180deg,#f8fbff,#ffffff)!important;
  border-color:#e3edf8!important;
}
body.page-katalog-ev .ev-card .spec-v{font-size:14.5px!important;color:#071326!important}
body.page-katalog-ev .ev-card .spec-l{font-size:9px!important;color:#64748b!important}
body.page-katalog-ev .ev-card .btn-detail-sm{
  height:40px!important;max-width:190px!important;border-radius:999px!important;
  background:#071326!important;border-color:#071326!important;color:#fff!important;
  box-shadow:0 12px 28px rgba(7,19,38,.16)!important;
}
body.page-katalog-ev .ev-card .btn-detail-sm:hover{
  background:#1677ff!important;border-color:#1677ff!important;
}
body.page-katalog-ev .catalog-template-why{
  margin-top:28px!important;
  padding:24px!important;
  border-radius:30px!important;
  background:linear-gradient(180deg,#ffffff,#f8fbff)!important;
  border:1px solid #dbeafe!important;
  box-shadow:0 24px 70px rgba(15,23,42,.09)!important;
}
body.page-katalog-ev .catalog-template-why h2{
  font-size:26px!important;letter-spacing:-.04em!important;color:#071326!important;
}
body.page-katalog-ev .catalog-template-why article{
  border-radius:22px!important;
  padding:20px!important;
  border-color:#e1ebf7!important;
  box-shadow:0 16px 38px rgba(15,23,42,.065)!important;
}
body.page-katalog-ev .catalog-template-why i{
  background:linear-gradient(135deg,#1677ff,#56c7ff)!important;
  color:#fff!important;
  box-shadow:0 12px 26px rgba(22,119,255,.22)!important;
}
body.page-katalog-ev .catalog-template-cta{
  margin-top:24px!important;
  padding:28px!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 88% 18%,rgba(86,199,255,.30),transparent 28%),
    linear-gradient(135deg,#020914 0%,#061427 52%,#0b64d8 100%)!important;
  box-shadow:0 30px 80px rgba(7,19,38,.24)!important;
}
body.page-katalog-ev .catalog-template-cta h2{
  font-size:28px!important;letter-spacing:-.045em!important;
}
body.page-katalog-ev .catalog-template-cta a,
body.page-katalog-ev .catalog-template-cta button{
  height:46px!important;border-radius:999px!important;padding:0 20px!important;
}
body.page-katalog-ev .catalog-template-cta a{
  background:#fff!important;color:#061427!important;border:0!important;
}
body.page-katalog-ev .catalog-template-cta button{
  background:#35d76f!important;color:#062716!important;
}
@media(max-width:1120px){
  body.page-katalog-ev.catalog-lower-polished .catalog-template-body{grid-template-columns:300px minmax(0,1fr)!important;gap:22px!important}
  body.page-katalog-ev.catalog-template-aligned #catalogPreviewRow{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:1020px){
  body.page-katalog-ev.catalog-lower-polished .catalog-template-body{grid-template-columns:1fr!important}
}
@media(max-width:680px){
  body.page-katalog-ev.catalog-lower-polished .catalog-template-body{padding:18px!important;border-radius:24px!important}
  body.page-katalog-ev .catalog-template-results .section-title.inline{padding:16px!important;display:grid!important}
  body.page-katalog-ev .catalog-template-why{padding:18px!important;border-radius:24px!important}
  body.page-katalog-ev .catalog-template-cta{padding:22px!important;border-radius:24px!important}
}

/* OtoRev Catalogue Premium Balance Final — 2026-06-10 */
body.page-katalog-ev.catalog-lower-polished .catalog-template-body{
  grid-template-columns:300px minmax(0,1fr)!important;
  gap:26px!important;
  padding:28px!important;
}
body.page-katalog-ev .catalog-template-filter{
  padding:0 18px 18px!important;
}
body.page-katalog-ev.catalog-sidebar-db-polished .catalog-db-status{
  margin:0 -18px 16px!important;
  padding:16px 18px!important;
}
body.page-katalog-ev .catalog-template-filter .filter-grid{gap:10px!important}
body.page-katalog-ev .catalog-template-filter select{height:38px!important}
body.page-katalog-ev.catalog-sidebar-slider-ready .slider-block,
body.page-katalog-ev.catalog-sidebar-interactive .catalog-interactive-panel,
body.page-katalog-ev.catalog-feature-checklist-ready .catalog-feature-checklist{
  padding:11px!important;
}
body.page-katalog-ev .catalog-template-results .section-title.inline{
  padding:14px 18px!important;
  border-radius:22px!important;
  margin-bottom:18px!important;
}
body.page-katalog-ev .catalog-template-results .section-title h2{
  font-size:26px!important;
}
body.page-katalog-ev.catalog-template-aligned #catalogPreviewRow{gap:20px!important}
body.page-katalog-ev .ev-card .card-img{height:178px!important}
body.page-katalog-ev .ev-card .card-body{padding:16px!important}
body.page-katalog-ev .ev-card .card-specs{
  grid-template-columns:1fr 1fr 1.08fr!important;
  padding:10px!important;
  gap:8px!important;
}
body.page-katalog-ev .ev-card .spec-v{
  font-size:13.5px!important;
  white-space:nowrap!important;
}
body.page-katalog-ev .ev-card .card-name{
  min-height:41px!important;
}
body.page-katalog-ev .catalog-template-why{
  padding:22px!important;
}
body.page-katalog-ev .catalog-template-cta{
  padding:26px!important;
}
@media(max-width:1120px){
  body.page-katalog-ev.catalog-lower-polished .catalog-template-body{grid-template-columns:290px minmax(0,1fr)!important}
}
@media(max-width:1020px){
  body.page-katalog-ev.catalog-lower-polished .catalog-template-body{grid-template-columns:1fr!important}
}

/* === OtoRev Catalog Design Token Template from TCO — 2026-06-10 ===
   Scope: /katalog-ev/. Uses TCO as visual source: compact photo hero, Plus Jakarta Sans,
   blue-dark editorial cards, 338-380px hero rhythm, 18/24/28 spacing, 18-30px radii.
*/
body.page-katalog-ev.catalog-design-system{
  --catalog-font:'Plus Jakarta Sans',Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --catalog-ink:#071326;
  --catalog-muted:#64748b;
  --catalog-blue:#1677ff;
  --catalog-blue-2:#0b64d8;
  --catalog-cyan:#56c7ff;
  --catalog-navy:#061427;
  --catalog-panel:#ffffff;
  --catalog-soft:#f4f8fd;
  --catalog-line:#dbeafe;
  --catalog-radius:26px;
  --catalog-radius-lg:30px;
  --catalog-shadow:0 24px 70px rgba(15,23,42,.10);
  --catalog-shadow-dark:0 22px 60px rgba(7,19,38,.24);
  font-family:var(--catalog-font)!important;
  background:linear-gradient(180deg,#eef5fd 0%,#ffffff 46%,#f7fbff 100%)!important;
}
body.page-katalog-ev.catalog-design-system .catalog-polished-hero{
  min-height:338px!important;
  max-height:none!important;
  padding:0!important;
  color:#fff!important;
  background:
    linear-gradient(90deg,rgba(2,8,23,.82) 0%,rgba(3,14,30,.56) 38%,rgba(3,14,30,.18) 66%,rgba(3,14,30,.06) 100%),
    url('/assets/oto2-hero/catalog.png') center/cover no-repeat!important;
  box-shadow:inset 0 -46px 70px rgba(2,8,23,.18)!important;
}
body.page-katalog-ev.catalog-design-system .catalog-polished-hero:before{
  content:""!important;position:absolute!important;inset:0!important;
  background:linear-gradient(90deg,rgba(2,8,23,.36) 0%,rgba(2,8,23,.20) 44%,rgba(2,8,23,0) 78%)!important;
  z-index:1!important;pointer-events:none!important;
}
body.page-katalog-ev.catalog-design-system .catalog-polished-hero:after{display:none!important}
body.page-katalog-ev.catalog-design-system .catalog-hero-shell{
  position:relative!important;z-index:2!important;
  min-height:338px!important;max-height:none!important;
  padding:48px 20px 92px!important;
  display:grid!important;grid-template-columns:1fr!important;
  align-items:start!important;align-content:start!important;
}
body.page-katalog-ev.catalog-design-system .catalog-hero-copy{
  width:min(660px,100%)!important;
  font-family:var(--catalog-font)!important;
}
body.page-katalog-ev.catalog-design-system .catalog-page-pill{
  display:inline-flex!important;align-items:center!important;min-height:32px!important;
  margin:0 0 12px!important;padding:7px 13px!important;
  border-radius:999px!important;border:1px solid rgba(96,165,250,.30)!important;
  background:rgba(22,119,255,.17)!important;color:#dcefff!important;
  font:900 12px/1 var(--catalog-font)!important;letter-spacing:.01em!important;
  box-shadow:0 10px 26px rgba(22,119,255,.16)!important;
}
body.page-katalog-ev.catalog-design-system .catalog-hero-copy h1{
  margin:0 0 10px!important;
  font-family:var(--catalog-font)!important;
  font-size:clamp(34px,4.2vw,48px)!important;
  line-height:1.02!important;letter-spacing:-.052em!important;font-weight:950!important;
  max-width:650px!important;
}
body.page-katalog-ev.catalog-design-system .catalog-hero-copy h1 span{color:#35a0ff!important}
body.page-katalog-ev.catalog-design-system .catalog-hero-copy p{
  max-width:610px!important;margin:0 0 18px!important;
  color:#e1edfb!important;font:750 14.5px/1.52 var(--catalog-font)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.20)!important;
}
body.page-katalog-ev.catalog-design-system .catalog-hero-copy .route-search{
  width:min(520px,100%)!important;height:50px!important;
  border-radius:999px!important;border:1px solid rgba(255,255,255,.74)!important;
  box-shadow:0 18px 42px rgba(2,8,23,.26)!important;
  grid-template-columns:42px 1fr 42px!important;padding:0 7px 0 13px!important;
}
body.page-katalog-ev.catalog-design-system .catalog-hero-copy .route-search input{
  font:750 13.5px/1 var(--catalog-font)!important;color:#0f172a!important;
}
body.page-katalog-ev.catalog-design-system .catalog-hero-copy .route-search button{
  width:36px!important;height:36px!important;border-radius:50%!important;
  background:linear-gradient(135deg,var(--catalog-blue),#48b6ff)!important;
  box-shadow:0 10px 24px rgba(22,119,255,.28)!important;
}
body.page-katalog-ev.catalog-design-system .catalog-hero-copy .city-chips{
  margin-top:14px!important;gap:8px!important;
}
body.page-katalog-ev.catalog-design-system .catalog-hero-copy .city-chips button{
  height:30px!important;padding:0 13px!important;border-radius:999px!important;
  background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.24)!important;
  color:#edf6ff!important;font:900 11px/1 var(--catalog-font)!important;
  letter-spacing:.035em!important;backdrop-filter:blur(8px)!important;
}
body.page-katalog-ev.catalog-design-system #catalog-core{
  margin-top:-54px!important;position:relative!important;z-index:5!important;background:transparent!important;
}
body.page-katalog-ev.catalog-design-system #catalog-core .catalog__wrap{
  width:min(1180px,calc(100% - 40px))!important;
  margin:0 auto 52px!important;padding:26px 28px 46px!important;
  background:#fff!important;border:1px solid rgba(226,232,240,.94)!important;
  border-radius:18px!important;
  box-shadow:0 34px 96px rgba(15,23,42,.16),0 1px 0 rgba(255,255,255,.9)!important;
  overflow:hidden!important;
}
body.page-katalog-ev.catalog-design-system .catalog-stats{
  grid-template-columns:repeat(4,1fr)!important;
  gap:14px!important;margin:2px 0 24px!important;
}
body.page-katalog-ev.catalog-design-system .catalog-stats article{
  min-height:92px!important;border-radius:18px!important;padding:16px!important;
  background:linear-gradient(135deg,#071d38,#092d5a)!important;
  box-shadow:0 18px 48px rgba(7,19,38,.16)!important;
  border:1px solid rgba(96,165,250,.14)!important;
  grid-template-columns:46px minmax(0,1fr)!important;
}
body.page-katalog-ev.catalog-design-system .catalog-stats i{
  width:44px!important;height:44px!important;border-radius:14px!important;font-size:22px!important;
  background:linear-gradient(135deg,var(--catalog-blue),var(--catalog-cyan))!important;
}
body.page-katalog-ev.catalog-design-system .catalog-stats b{font:950 24px/1 var(--catalog-font)!important;letter-spacing:-.03em!important}
body.page-katalog-ev.catalog-design-system .catalog-stats span{font:800 11px/1.2 var(--catalog-font)!important;color:#dbeafe!important}
body.page-katalog-ev.catalog-design-system .catalog-template-body{
  margin-top:0!important;border-radius:30px!important;padding:28px!important;
  grid-template-columns:300px minmax(0,1fr)!important;gap:26px!important;
  background:radial-gradient(circle at 94% 0%,rgba(22,119,255,.10),transparent 28%),linear-gradient(180deg,#ffffff,#f8fbff)!important;
  border:1px solid var(--catalog-line)!important;box-shadow:var(--catalog-shadow)!important;
}
body.page-katalog-ev.catalog-design-system .catalog-template-filter,
body.page-katalog-ev.catalog-design-system .catalog-template-results .section-title.inline,
body.page-katalog-ev.catalog-design-system #catalogPreviewRow .ev-card,
body.page-katalog-ev.catalog-design-system .catalog-template-why,
body.page-katalog-ev.catalog-design-system .catalog-template-cta{
  font-family:var(--catalog-font)!important;
}
body.page-katalog-ev.catalog-design-system .catalog-template-results .section-title.inline{
  border-radius:24px!important;padding:16px 20px!important;margin-bottom:20px!important;
  background:linear-gradient(135deg,#fff,#f8fbff)!important;
  border:1px solid var(--catalog-line)!important;box-shadow:0 18px 48px rgba(15,23,42,.075)!important;
}
body.page-katalog-ev.catalog-design-system .catalog-template-results .section-title h2,
body.page-katalog-ev.catalog-design-system .catalog-template-why h2,
body.page-katalog-ev.catalog-design-system .catalog-template-cta h2{
  font-family:var(--catalog-font)!important;letter-spacing:-.045em!important;
}
body.page-katalog-ev.catalog-design-system #catalogPreviewRow .ev-card{border-radius:26px!important;box-shadow:0 20px 54px rgba(15,23,42,.09)!important}
body.page-katalog-ev.catalog-design-system .catalog-template-cta{border-radius:30px!important;box-shadow:var(--catalog-shadow-dark)!important}
@media(max-width:1020px){
  body.page-katalog-ev.catalog-design-system .catalog-template-body{grid-template-columns:1fr!important}
  body.page-katalog-ev.catalog-design-system .catalog-stats{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:680px){
  body.page-katalog-ev.catalog-design-system .catalog-hero-shell{min-height:360px!important;padding:36px 20px 78px!important}
  body.page-katalog-ev.catalog-design-system .catalog-hero-copy h1{font-size:32px!important}
  body.page-katalog-ev.catalog-design-system #catalog-core .catalog__wrap{width:calc(100% - 24px)!important;padding:18px 14px 34px!important;border-radius:16px!important}
  body.page-katalog-ev.catalog-design-system .catalog-stats{grid-template-columns:1fr 1fr!important;gap:10px!important}
  body.page-katalog-ev.catalog-design-system .catalog-stats article{min-height:78px!important;padding:11px!important;grid-template-columns:36px minmax(0,1fr)!important}
  body.page-katalog-ev.catalog-design-system .catalog-stats i{width:34px!important;height:34px!important;font-size:17px!important}
  body.page-katalog-ev.catalog-design-system .catalog-stats b{font-size:18px!important}
  body.page-katalog-ev.catalog-design-system .catalog-template-body{padding:16px!important;border-radius:24px!important}
}

/* === OtoRev Compare Design Token Template from TCO — 2026-06-10 ===
   Scope: /bandingkan/. Keeps TCO visual system as source of truth: compact photo hero,
   Plus Jakarta Sans, white card overlap, 18/24/28 spacing, 18-30px radii, premium shadows.
*/
body.page-bandingkan.compare-design-system{
  --compare-font:'Plus Jakarta Sans',Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --compare-ink:#071326;
  --compare-muted:#64748b;
  --compare-blue:#1677ff;
  --compare-blue-2:#0b64d8;
  --compare-cyan:#56c7ff;
  --compare-navy:#061427;
  --compare-panel:#ffffff;
  --compare-soft:#f4f8fd;
  --compare-line:#dbeafe;
  --compare-radius:26px;
  --compare-radius-lg:30px;
  --compare-shadow:0 24px 70px rgba(15,23,42,.10);
  --compare-shadow-dark:0 22px 60px rgba(7,19,38,.24);
  font-family:var(--compare-font)!important;
  background:linear-gradient(180deg,#eef5fd 0%,#ffffff 46%,#f7fbff 100%)!important;
}
body.page-bandingkan.compare-design-system .compare-polished-hero{
  min-height:338px!important;
  max-height:none!important;
  padding:0!important;
  color:#fff!important;
  background:
    linear-gradient(90deg,rgba(2,8,23,.82) 0%,rgba(3,14,30,.56) 38%,rgba(3,14,30,.18) 66%,rgba(3,14,30,.06) 100%),
    url('/assets/oto2-hero/compare.png') center/cover no-repeat!important;
  box-shadow:inset 0 -46px 70px rgba(2,8,23,.18)!important;
  overflow:hidden!important;
}
body.page-bandingkan.compare-design-system .compare-polished-hero:before{
  content:""!important;position:absolute!important;inset:0!important;
  background:linear-gradient(90deg,rgba(2,8,23,.36) 0%,rgba(2,8,23,.20) 44%,rgba(2,8,23,0) 78%)!important;
  z-index:1!important;pointer-events:none!important;
}
body.page-bandingkan.compare-design-system .compare-polished-hero:after{display:none!important}
body.page-bandingkan.compare-design-system .compare-hero-shell{
  position:relative!important;z-index:2!important;
  min-height:338px!important;max-height:none!important;
  padding:48px 20px 92px!important;
  display:grid!important;grid-template-columns:1fr!important;
  align-items:start!important;align-content:start!important;
}
body.page-bandingkan.compare-design-system .compare-hero-copy{
  width:min(660px,100%)!important;
  max-width:660px!important;
  padding-top:0!important;
  font-family:var(--compare-font)!important;
}
body.page-bandingkan.compare-design-system .compare-hero-copy .page-pill{
  display:inline-flex!important;align-items:center!important;min-height:32px!important;
  margin:0 0 12px!important;padding:7px 13px!important;
  border-radius:999px!important;border:1px solid rgba(96,165,250,.30)!important;
  background:rgba(22,119,255,.17)!important;color:#dcefff!important;
  font:900 12px/1 var(--compare-font)!important;letter-spacing:.01em!important;
  box-shadow:0 10px 26px rgba(22,119,255,.16)!important;
}
body.page-bandingkan.compare-design-system .compare-hero-copy h1{
  margin:0 0 10px!important;
  font-family:var(--compare-font)!important;
  font-size:clamp(34px,4.2vw,48px)!important;
  line-height:1.02!important;letter-spacing:-.052em!important;font-weight:950!important;
  max-width:650px!important;text-shadow:0 10px 28px rgba(0,0,0,.28)!important;
}
body.page-bandingkan.compare-design-system .compare-hero-copy h1 span{
  background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;
  color:#35a0ff!important;
}
body.page-bandingkan.compare-design-system .compare-hero-copy p{
  max-width:610px!important;margin:0 0 16px!important;
  color:#e1edfb!important;font:750 14.5px/1.52 var(--compare-font)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.20)!important;
}
body.page-bandingkan.compare-design-system .compare-hero-copy .hero-bullets{
  display:flex!important;gap:8px!important;margin-top:0!important;flex-wrap:wrap!important;
}
body.page-bandingkan.compare-design-system .compare-hero-copy .hero-bullets span{
  min-height:30px!important;display:inline-flex!important;align-items:center!important;
  padding:0 13px!important;border-radius:999px!important;
  background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.24)!important;
  color:#edf6ff!important;font:900 11px/1 var(--compare-font)!important;
  letter-spacing:.035em!important;backdrop-filter:blur(8px)!important;
}
body.page-bandingkan.compare-design-system #compare-core{
  margin-top:-54px!important;position:relative!important;z-index:5!important;background:transparent!important;
}
body.page-bandingkan.compare-design-system #compare-core .compare__wrap{
  width:min(1180px,calc(100% - 40px))!important;
  margin:0 auto 52px!important;padding:26px 28px 46px!important;
  background:#fff!important;border:1px solid rgba(226,232,240,.94)!important;
  border-radius:18px!important;
  box-shadow:0 34px 96px rgba(15,23,42,.16),0 1px 0 rgba(255,255,255,.9)!important;
  overflow:hidden!important;
}
body.page-bandingkan.compare-design-system #compare-core .context-card,
body.page-bandingkan.compare-design-system #compare-core .compare-picker,
body.page-bandingkan.compare-design-system #compare-core .spec-compare,
body.page-bandingkan.compare-design-system #compare-core .insight-section,
body.page-bandingkan.compare-design-system #compare-core .route-tools,
body.page-bandingkan.compare-design-system #compare-core .route-cta{
  font-family:var(--compare-font)!important;
}
body.page-bandingkan.compare-design-system #compare-core .compare-picker{
  width:100%!important;max-width:none!important;margin:0 0 24px!important;
  border-radius:30px!important;border:1px solid var(--compare-line)!important;
  box-shadow:var(--compare-shadow)!important;overflow:hidden!important;
  background:radial-gradient(circle at 94% 0%,rgba(22,119,255,.10),transparent 28%),linear-gradient(180deg,#ffffff,#f8fbff)!important;
}
body.page-bandingkan.compare-design-system #compare-core .compare-picker aside,
body.page-bandingkan.compare-design-system #compare-core .compare-picker article{
  padding:20px!important;border-color:#e4eefb!important;background:transparent!important;
}
body.page-bandingkan.compare-design-system #compare-core .compare-picker h2,
body.page-bandingkan.compare-design-system #compare-core .spec-compare h2,
body.page-bandingkan.compare-design-system #compare-core .insight-section h2,
body.page-bandingkan.compare-design-system #compare-core .route-tools h2{
  font-family:var(--compare-font)!important;color:var(--compare-ink)!important;
  letter-spacing:-.04em!important;font-weight:950!important;
}
body.page-bandingkan.compare-design-system #compare-core .compare-picker article img{
  height:86px!important;filter:drop-shadow(0 16px 18px rgba(15,23,42,.14))!important;
}
body.page-bandingkan.compare-design-system #compare-core .compare-picker article h3{
  font-size:17px!important;line-height:1.18!important;letter-spacing:-.035em!important;color:var(--compare-ink)!important;
}
body.page-bandingkan.compare-design-system #compare-core .compare-picker article div span{
  border-radius:12px!important;background:#f8fbff!important;border:1px solid #e7eef8!important;padding:7px!important;
}
body.page-bandingkan.compare-design-system #compare-core .spec-compare,
body.page-bandingkan.compare-design-system #compare-core .insight-section{
  margin:24px 0 0!important;padding:24px!important;
  border-radius:30px!important;border:1px solid var(--compare-line)!important;
  background:linear-gradient(180deg,#ffffff,#f8fbff)!important;
  box-shadow:var(--compare-shadow)!important;
}
body.page-bandingkan.compare-design-system #compare-core .spec-compare table{
  border-radius:20px!important;border-color:#dfeaf7!important;overflow:hidden!important;
}
body.page-bandingkan.compare-design-system #compare-core .spec-compare th{
  background:#f8fbff!important;color:var(--compare-ink)!important;font-weight:950!important;
}
body.page-bandingkan.compare-design-system #compare-core .spec-compare td,
body.page-bandingkan.compare-design-system #compare-core .spec-compare th{
  font-family:var(--compare-font)!important;border-color:#e4eefb!important;
}
body.page-bandingkan.compare-design-system #compare-core .insight-grid article{
  border-radius:24px!important;border:1px solid #e1ebf7!important;
  box-shadow:0 16px 38px rgba(15,23,42,.065)!important;
}
body.page-bandingkan.compare-design-system #compare-core .tool-grid a{
  border-radius:24px!important;background:linear-gradient(135deg,#071d38,#092d5a)!important;
  box-shadow:0 18px 48px rgba(7,19,38,.16)!important;
}
body.page-bandingkan.compare-design-system #compare-core .route-cta{
  margin:24px 0 0!important;padding:28px!important;border-radius:30px!important;
  background:radial-gradient(circle at 88% 18%,rgba(86,199,255,.30),transparent 28%),linear-gradient(135deg,#020914 0%,#061427 52%,#0b64d8 100%)!important;
  box-shadow:var(--compare-shadow-dark)!important;
}
body.page-bandingkan.compare-design-system #compare-core .route-cta h2{
  font-family:var(--compare-font)!important;font-size:28px!important;letter-spacing:-.045em!important;
}
body.page-bandingkan.compare-design-system #compare-core .route-cta button,
body.page-bandingkan.compare-design-system #compare-core .route-cta a{
  height:46px!important;border-radius:999px!important;padding:0 20px!important;
}
@media(max-width:1020px){
  body.page-bandingkan.compare-design-system #compare-core .compare-picker{grid-template-columns:1fr 1fr!important}
}
@media(max-width:680px){
  body.page-bandingkan.compare-design-system .compare-hero-shell{min-height:360px!important;padding:36px 20px 78px!important}
  body.page-bandingkan.compare-design-system .compare-hero-copy h1{font-size:32px!important}
  body.page-bandingkan.compare-design-system #compare-core .compare__wrap{width:calc(100% - 24px)!important;padding:18px 14px 34px!important;border-radius:16px!important}
  body.page-bandingkan.compare-design-system #compare-core .compare-picker,
  body.page-bandingkan.compare-design-system #compare-core .spec-compare,
  body.page-bandingkan.compare-design-system #compare-core .insight-section,
  body.page-bandingkan.compare-design-system #compare-core .route-cta{border-radius:24px!important;padding:18px!important}
}

/* === OtoRev Review Content Premium Redesign — below hero only, 2026-06-10 ===
   Hero is intentionally preserved. Scope starts at #review-core. Direction: premium editorial buyer guide,
   customer-first copy, SEO-friendly information architecture, TCO/catalog token continuity.
*/
body.page-review.review-content-premium{
  --review-font:'Plus Jakarta Sans',Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --review-ink:#071326;
  --review-muted:#64748b;
  --review-blue:#1677ff;
  --review-blue-2:#0b64d8;
  --review-cyan:#56c7ff;
  --review-navy:#061427;
  --review-panel:#ffffff;
  --review-soft:#f4f8fd;
  --review-line:#dbeafe;
  --review-radius:26px;
  --review-radius-lg:30px;
  --review-shadow:0 24px 70px rgba(15,23,42,.10);
  --review-shadow-dark:0 22px 60px rgba(7,19,38,.24);
  font-family:var(--review-font)!important;
  background:linear-gradient(180deg,#eef5fd 0%,#ffffff 46%,#f7fbff 100%)!important;
}
body.page-review.review-content-premium #review-core{
  margin-top:-54px!important;position:relative!important;z-index:5!important;background:transparent!important;color:var(--review-ink)!important;
}
body.page-review.review-content-premium #review-core .review__wrap{
  width:min(1180px,calc(100% - 40px))!important;
  margin:0 auto 52px!important;padding:26px 28px 46px!important;
  background:#fff!important;border:1px solid rgba(226,232,240,.94)!important;
  border-radius:18px!important;
  box-shadow:0 34px 96px rgba(15,23,42,.16),0 1px 0 rgba(255,255,255,.9)!important;
  overflow:hidden!important;
}
body.page-review.review-content-premium #review-core .shell{max-width:none!important;padding-left:0!important;padding-right:0!important}
body.page-review.review-content-premium #review-core h2,
body.page-review.review-content-premium #review-core h3,
body.page-review.review-content-premium #review-core p,
body.page-review.review-content-premium #review-core a,
body.page-review.review-content-premium #review-core button,
body.page-review.review-content-premium #review-core small,
body.page-review.review-content-premium #review-core span,
body.page-review.review-content-premium #review-core li,
body.page-review.review-content-premium #review-core summary{font-family:var(--review-font)!important}
body.page-review.review-content-premium #review-core h2{color:var(--review-ink)!important;font-weight:950!important;letter-spacing:-.045em!important;line-height:1.08!important;margin:0!important}
body.page-review.review-content-premium #review-core h3{color:var(--review-ink)!important;font-weight:950!important;letter-spacing:-.035em!important;line-height:1.16!important;margin:0!important}
body.page-review.review-content-premium #review-core p{color:var(--review-muted)!important;line-height:1.62!important;margin:0!important}
.review-kicker,
body.page-review.review-content-premium .premium-head>span{
  display:inline-flex!important;align-items:center!important;width:max-content!important;
  min-height:30px!important;padding:0 12px!important;border-radius:999px!important;
  background:#eef6ff!important;border:1px solid #cfe3ff!important;color:#1766d8!important;
  font:950 11px/1 var(--review-font)!important;letter-spacing:.045em!important;text-transform:uppercase!important;
}
body.page-review.review-content-premium .review-intro-panel{
  display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)!important;gap:22px!important;
  padding:28px!important;border-radius:30px!important;border:1px solid var(--review-line)!important;
  background:radial-gradient(circle at 92% 0%,rgba(22,119,255,.12),transparent 28%),linear-gradient(180deg,#ffffff,#f8fbff)!important;
  box-shadow:var(--review-shadow)!important;
}
body.page-review.review-content-premium .review-intro-panel h2{font-size:clamp(28px,3.1vw,42px)!important;margin:14px 0 12px!important;max-width:760px!important}
body.page-review.review-content-premium .review-intro-panel p{font-size:15px!important;max-width:760px!important}
body.page-review.review-content-premium .review-intro-panel aside{
  padding:20px!important;border-radius:24px!important;color:#fff!important;
  background:linear-gradient(135deg,#071d38,#092d5a)!important;border:1px solid rgba(96,165,250,.16)!important;
  box-shadow:0 18px 48px rgba(7,19,38,.16)!important;
}
body.page-review.review-content-premium .review-intro-panel aside b{display:block!important;color:#fff!important;font-size:17px!important;margin-bottom:12px!important}
body.page-review.review-content-premium .review-intro-panel aside ul{margin:0!important;padding-left:18px!important;display:grid!important;gap:10px!important}
body.page-review.review-content-premium .review-intro-panel aside li{color:#dbeafe!important;font-size:13px!important;line-height:1.45!important}
body.page-review.review-content-premium .review-decision-grid,
body.page-review.review-content-premium .review-pathways,
body.page-review.review-content-premium .review-library,
body.page-review.review-content-premium .review-checklist-section,
body.page-review.review-content-premium .review-method,
body.page-review.review-content-premium .review-faq{
  margin-top:24px!important;padding:28px!important;border-radius:30px!important;border:1px solid var(--review-line)!important;
  background:linear-gradient(180deg,#ffffff,#f8fbff)!important;box-shadow:var(--review-shadow)!important;
}
body.page-review.review-content-premium .premium-head{display:grid!important;gap:10px!important;margin-bottom:20px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
body.page-review.review-content-premium .premium-head h2{font-size:clamp(24px,2.4vw,34px)!important;max-width:760px!important}
body.page-review.review-content-premium .premium-head p{font-size:14.5px!important;max-width:760px!important}
body.page-review.review-content-premium .premium-head.compact{margin-bottom:18px!important}
body.page-review.review-content-premium .review-pillar-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:14px!important}
body.page-review.review-content-premium .review-pillar-grid article,
body.page-review.review-content-premium .review-card-grid article,
body.page-review.review-content-premium .review-checklist-cards article,
body.page-review.review-content-premium .review-method-steps article,
body.page-review.review-content-premium .review-guide-grid article{
  border-radius:24px!important;border:1px solid #e1ebf7!important;background:#fff!important;
  box-shadow:0 16px 38px rgba(15,23,42,.065)!important;
}
body.page-review.review-content-premium .review-pillar-grid article{padding:20px!important;min-height:178px!important}
body.page-review.review-content-premium .review-pillar-grid small{display:block!important;color:#1677ff!important;font-size:12px!important;font-weight:950!important;margin-bottom:24px!important}
body.page-review.review-content-premium .review-pillar-grid h3{font-size:19px!important;margin-bottom:10px!important}
body.page-review.review-content-premium .review-pillar-grid p{font-size:13px!important}
body.page-review.review-content-premium .review-guide-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:16px!important}
body.page-review.review-content-premium .review-guide-grid article{padding:22px!important;display:grid!important;gap:12px!important}
body.page-review.review-content-premium .review-guide-grid em{font-style:normal!important;color:#1766d8!important;font-size:11px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.05em!important}
body.page-review.review-content-premium .review-guide-grid h3{font-size:21px!important}
body.page-review.review-content-premium .review-guide-grid p{font-size:13.5px!important}
body.page-review.review-content-premium .review-guide-grid a,
body.page-review.review-content-premium .review-card-grid button,
body.page-review.review-content-premium .review-checklist-section button,
body.page-review.review-content-premium .premium-review-cta button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;width:max-content!important;height:42px!important;
  border-radius:999px!important;padding:0 17px!important;background:#071326!important;color:#fff!important;border:0!important;
  font-size:12px!important;font-weight:950!important;text-decoration:none!important;box-shadow:0 12px 26px rgba(7,19,38,.18)!important;cursor:pointer!important;
}
body.page-review.review-content-premium .review-card-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:16px!important}
body.page-review.review-content-premium .review-card-grid article{padding:20px!important;display:flex!important;flex-direction:column!important;gap:12px!important;min-height:290px!important;cursor:pointer!important;transition:.18s ease!important}
body.page-review.review-content-premium .review-card-grid article:hover{transform:translateY(-3px)!important;box-shadow:0 24px 58px rgba(15,23,42,.11)!important}
body.page-review.review-content-premium .review-card-icon{width:48px!important;height:48px!important;border-radius:16px!important;background:linear-gradient(135deg,var(--review-blue),var(--review-cyan))!important;display:grid!important;place-items:center!important;font-size:24px!important;box-shadow:0 14px 28px rgba(22,119,255,.18)!important}
body.page-review.review-content-premium .review-card-grid h3{font-size:20px!important}
body.page-review.review-content-premium .review-card-grid p{font-size:13px!important}
body.page-review.review-content-premium .review-card-grid small{display:block!important;color:#1766d8!important;font-size:12px!important;font-weight:900!important;margin-top:auto!important}
body.page-review.review-content-premium .review-card-grid button{margin-top:2px!important;background:#eef6ff!important;color:#1766d8!important;box-shadow:none!important;border:1px solid #cfe3ff!important}
body.page-review.review-content-premium .review-checklist-section{display:grid!important;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)!important;gap:24px!important;align-items:start!important;background:linear-gradient(135deg,#071d38,#092d5a)!important;color:#fff!important;border-color:rgba(96,165,250,.16)!important;box-shadow:var(--review-shadow-dark)!important}
body.page-review.review-content-premium .review-checklist-section .review-kicker{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.16)!important;color:#dcefff!important}
body.page-review.review-content-premium .review-checklist-section h2{font-size:clamp(25px,2.7vw,36px)!important;color:#fff!important;margin:14px 0 12px!important}
body.page-review.review-content-premium .review-checklist-section p{color:#dbeafe!important;font-size:14px!important;margin-bottom:18px!important}
body.page-review.review-content-premium .review-checklist-section button{background:#fff!important;color:#0b64d8!important;box-shadow:0 14px 30px rgba(0,0,0,.18)!important}
body.page-review.review-content-premium .review-checklist-cards{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important}
body.page-review.review-content-premium .review-checklist-cards article{padding:18px!important;background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.14)!important;box-shadow:none!important}
body.page-review.review-content-premium .review-checklist-cards b{display:block!important;color:#fff!important;font-size:15px!important;margin-bottom:8px!important}
body.page-review.review-content-premium .review-checklist-cards p{font-size:12.5px!important;margin:0!important;color:#dbeafe!important}
body.page-review.review-content-premium .review-method-steps{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:14px!important}
body.page-review.review-content-premium .review-method-steps article{padding:20px!important;display:grid!important;gap:10px!important}
body.page-review.review-content-premium .review-method-steps b{width:36px!important;height:36px!important;border-radius:12px!important;background:#eef6ff!important;color:#1766d8!important;display:grid!important;place-items:center!important;font-size:14px!important}
body.page-review.review-content-premium .review-method-steps h3{font-size:17px!important}
body.page-review.review-content-premium .review-method-steps p{font-size:12.8px!important}
body.page-review.review-content-premium .review-faq>div:last-child{display:grid!important;gap:10px!important}
body.page-review.review-content-premium .review-faq details{border:1px solid #e1ebf7!important;border-radius:18px!important;background:#fff!important;padding:0 18px!important;box-shadow:0 12px 30px rgba(15,23,42,.045)!important}
body.page-review.review-content-premium .review-faq summary{cursor:pointer!important;color:var(--review-ink)!important;font-size:15px!important;font-weight:950!important;padding:17px 0!important}
body.page-review.review-content-premium .review-faq details p{font-size:13.5px!important;padding:0 0 17px!important}
body.page-review.review-content-premium .premium-review-cta{margin-top:24px!important;padding:28px!important;border-radius:30px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:20px!important;align-items:center!important;background:radial-gradient(circle at 88% 18%,rgba(86,199,255,.30),transparent 28%),linear-gradient(135deg,#020914 0%,#061427 52%,#0b64d8 100%)!important;box-shadow:var(--review-shadow-dark)!important;border:1px solid rgba(96,165,250,.18)!important;color:#fff!important}
body.page-review.review-content-premium .premium-review-cta div{display:grid!important;grid-template-columns:58px 1fr!important;gap:5px 16px!important;align-items:center!important}
body.page-review.review-content-premium .premium-review-cta i{grid-row:1/3!important;width:54px!important;height:54px!important;border-radius:17px!important;background:linear-gradient(135deg,var(--review-blue),var(--review-cyan))!important;display:grid!important;place-items:center!important;font-style:normal!important;font-size:25px!important}
body.page-review.review-content-premium .premium-review-cta h2{color:#fff!important;font-size:28px!important}
body.page-review.review-content-premium .premium-review-cta p{color:#dbeafe!important;font-size:13.5px!important}
body.page-review.review-content-premium .premium-review-cta button{background:#fff!important;color:#0b64d8!important;box-shadow:0 14px 30px rgba(0,0,0,.18)!important;white-space:nowrap!important}
@media(max-width:1040px){
  body.page-review.review-content-premium .review-pillar-grid,
  body.page-review.review-content-premium .review-card-grid,
  body.page-review.review-content-premium .review-method-steps{grid-template-columns:repeat(2,1fr)!important}
  body.page-review.review-content-premium .review-intro-panel,
  body.page-review.review-content-premium .review-checklist-section{grid-template-columns:1fr!important}
}
@media(max-width:720px){
  body.page-review.review-content-premium #review-core{margin-top:-42px!important}
  body.page-review.review-content-premium #review-core .review__wrap{width:calc(100% - 24px)!important;padding:18px 14px 34px!important;border-radius:16px!important}
  body.page-review.review-content-premium .review-intro-panel,
  body.page-review.review-content-premium .review-decision-grid,
  body.page-review.review-content-premium .review-pathways,
  body.page-review.review-content-premium .review-library,
  body.page-review.review-content-premium .review-checklist-section,
  body.page-review.review-content-premium .review-method,
  body.page-review.review-content-premium .review-faq,
  body.page-review.review-content-premium .premium-review-cta{border-radius:24px!important;padding:18px!important}
  body.page-review.review-content-premium .review-pillar-grid,
  body.page-review.review-content-premium .review-guide-grid,
  body.page-review.review-content-premium .review-card-grid,
  body.page-review.review-content-premium .review-checklist-cards,
  body.page-review.review-content-premium .review-method-steps{grid-template-columns:1fr!important}
  body.page-review.review-content-premium .review-card-grid article{min-height:0!important}
  body.page-review.review-content-premium .premium-review-cta{grid-template-columns:1fr!important}
  body.page-review.review-content-premium .premium-review-cta div{grid-template-columns:1fr!important}
  body.page-review.review-content-premium .premium-review-cta button,
  body.page-review.review-content-premium .review-checklist-section button{width:100%!important}
}

/* Review premium CTA cleanup: neutralize legacy route CTA injections/margins in the new content template. */
body.page-review.review-content-premium #review-core .premium-review-cta{margin-left:0!important;margin-right:0!important;overflow:hidden!important}
body.page-review.review-content-premium #review-core .premium-review-cta .oto2-review-proof{display:none!important}

/* Review premium mobile overflow guard. */
body.page-review.review-content-premium #review-core,
body.page-review.review-content-premium #review-core *{box-sizing:border-box!important}
body.page-review.review-content-premium #review-core .premium-review-cta{max-width:100%!important}
@media(max-width:720px){
  body.page-review.review-content-premium #review-core .premium-review-cta{width:100%!important;max-width:100%!important;grid-template-columns:minmax(0,1fr)!important;overflow:hidden!important}
  body.page-review.review-content-premium #review-core .premium-review-cta button{width:100%!important;max-width:100%!important;white-space:normal!important;padding-left:14px!important;padding-right:14px!important}
}

/* Review premium CTA hard containment for narrow mobile webviews. */
@media(max-width:720px){
  body.page-review.review-content-premium #review-core .premium-review-cta{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important;min-width:0!important;width:100%!important;max-width:100%!important;padding:18px 14px!important}
  body.page-review.review-content-premium #review-core .premium-review-cta div{display:grid!important;grid-template-columns:1fr!important;min-width:0!important;width:100%!important;max-width:100%!important}
  body.page-review.review-content-premium #review-core .premium-review-cta h2,
  body.page-review.review-content-premium #review-core .premium-review-cta p{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important}
}

/* Review premium: disable legacy route CTA decorative pseudo that creates horizontal overflow on mobile. */
body.page-review.review-content-premium #review-core .premium-review-cta:after,
body.page-review.review-content-premium #review-core .premium-review-cta:before{display:none!important;content:none!important}

/* === OtoRev Compare Content Premium Redesign — below hero only, 2026-06-11 ===
   Hero/header/footer preserved. Scope: #compare-core content. Direction: premium customer decision guide,
   3-vehicle comparison retained, SEO-ready sections, mobile-safe layouts.
*/
body.page-bandingkan.compare-content-premium{
  --cmp-font:'Plus Jakarta Sans',Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --cmp-ink:#071326;
  --cmp-muted:#64748b;
  --cmp-blue:#1677ff;
  --cmp-blue-2:#0b64d8;
  --cmp-cyan:#56c7ff;
  --cmp-navy:#061427;
  --cmp-panel:#ffffff;
  --cmp-soft:#f4f8fd;
  --cmp-line:#dbeafe;
  --cmp-radius:26px;
  --cmp-radius-lg:30px;
  --cmp-shadow:0 24px 70px rgba(15,23,42,.10);
  --cmp-shadow-dark:0 22px 60px rgba(7,19,38,.24);
  font-family:var(--cmp-font)!important;
}
body.page-bandingkan.compare-content-premium #compare-core,
body.page-bandingkan.compare-content-premium #compare-core *{box-sizing:border-box!important}
body.page-bandingkan.compare-content-premium #compare-core .compare__wrap{padding:26px 28px 46px!important}
body.page-bandingkan.compare-content-premium #compare-core .shell{max-width:none!important;padding-left:0!important;padding-right:0!important}
body.page-bandingkan.compare-content-premium #compare-core h2,
body.page-bandingkan.compare-content-premium #compare-core h3,
body.page-bandingkan.compare-content-premium #compare-core p,
body.page-bandingkan.compare-content-premium #compare-core a,
body.page-bandingkan.compare-content-premium #compare-core button,
body.page-bandingkan.compare-content-premium #compare-core small,
body.page-bandingkan.compare-content-premium #compare-core span,
body.page-bandingkan.compare-content-premium #compare-core li,
body.page-bandingkan.compare-content-premium #compare-core summary{font-family:var(--cmp-font)!important}
body.page-bandingkan.compare-content-premium #compare-core h2{color:var(--cmp-ink)!important;font-weight:950!important;letter-spacing:-.045em!important;line-height:1.08!important;margin:0!important}
body.page-bandingkan.compare-content-premium #compare-core h3{color:var(--cmp-ink)!important;font-weight:950!important;letter-spacing:-.035em!important;line-height:1.16!important;margin:0!important}
body.page-bandingkan.compare-content-premium #compare-core p{color:var(--cmp-muted)!important;line-height:1.62!important;margin:0!important}
body.page-bandingkan.compare-content-premium .compare-kicker,
body.page-bandingkan.compare-content-premium .premium-head>span{
  display:inline-flex!important;align-items:center!important;width:max-content!important;min-height:30px!important;padding:0 12px!important;border-radius:999px!important;
  background:#eef6ff!important;border:1px solid #cfe3ff!important;color:#1766d8!important;font:950 11px/1 var(--cmp-font)!important;letter-spacing:.045em!important;text-transform:uppercase!important;
}
body.page-bandingkan.compare-content-premium .compare-intro-panel{
  display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)!important;gap:22px!important;padding:28px!important;border-radius:30px!important;border:1px solid var(--cmp-line)!important;
  background:radial-gradient(circle at 92% 0%,rgba(22,119,255,.12),transparent 28%),linear-gradient(180deg,#ffffff,#f8fbff)!important;box-shadow:var(--cmp-shadow)!important;
}
body.page-bandingkan.compare-content-premium .compare-intro-panel h2{font-size:clamp(28px,3.1vw,42px)!important;margin:14px 0 12px!important;max-width:780px!important}
body.page-bandingkan.compare-content-premium .compare-intro-panel p{font-size:15px!important;max-width:790px!important}
body.page-bandingkan.compare-content-premium .compare-intro-panel aside{padding:20px!important;border-radius:24px!important;color:#fff!important;background:linear-gradient(135deg,#071d38,#092d5a)!important;border:1px solid rgba(96,165,250,.16)!important;box-shadow:0 18px 48px rgba(7,19,38,.16)!important}
body.page-bandingkan.compare-content-premium .compare-intro-panel aside b{display:block!important;color:#fff!important;font-size:17px!important;margin-bottom:12px!important}
body.page-bandingkan.compare-content-premium .compare-intro-panel aside ul{margin:0!important;padding-left:18px!important;display:grid!important;gap:10px!important}
body.page-bandingkan.compare-content-premium .compare-intro-panel aside li{color:#dbeafe!important;font-size:13px!important;line-height:1.45!important}
body.page-bandingkan.compare-content-premium #compare-core .premium-compare-picker{
  margin-top:24px!important;display:grid!important;grid-template-columns:260px repeat(3,minmax(0,1fr))!important;gap:14px!important;padding:18px!important;border-radius:30px!important;border:1px solid var(--cmp-line)!important;background:linear-gradient(180deg,#ffffff,#f8fbff)!important;box-shadow:var(--cmp-shadow)!important;overflow:visible!important;
}
body.page-bandingkan.compare-content-premium #compare-core .premium-compare-picker aside,
body.page-bandingkan.compare-content-premium #compare-core .premium-compare-picker article{min-height:0!important;border-radius:24px!important;border:1px solid #e1ebf7!important;background:#fff!important;box-shadow:0 16px 38px rgba(15,23,42,.065)!important;padding:20px!important}
body.page-bandingkan.compare-content-premium #compare-core .compare-picker-guide{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:10px!important;background:linear-gradient(135deg,#071d38,#092d5a)!important;color:#fff!important;border-color:rgba(96,165,250,.16)!important}
body.page-bandingkan.compare-content-premium #compare-core .compare-picker-guide .compare-kicker{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.16)!important;color:#dcefff!important}
body.page-bandingkan.compare-content-premium #compare-core .compare-picker-guide h2{color:#fff!important;font-size:25px!important}
body.page-bandingkan.compare-content-premium #compare-core .compare-picker-guide p{color:#dbeafe!important;font-size:13px!important}
body.page-bandingkan.compare-content-premium #compare-core .compare-picker-guide button{margin-top:auto!important;width:100%!important;height:44px!important;border:0!important;border-radius:999px!important;background:#fff!important;color:#0b64d8!important;font-weight:950!important;box-shadow:0 14px 30px rgba(0,0,0,.16)!important;cursor:pointer!important}
body.page-bandingkan.compare-content-premium #compare-core .compare-vehicle-card{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:10px!important;cursor:default!important}
body.page-bandingkan.compare-content-premium #compare-core .compare-vehicle-card em{position:static!important;align-self:flex-start!important;font-style:normal!important;border-radius:999px!important;background:#eef6ff!important;color:#1766d8!important;padding:7px 10px!important;font-size:10.5px!important;font-weight:950!important;letter-spacing:.04em!important}
body.page-bandingkan.compare-content-premium #compare-core .compare-vehicle-card img{height:112px!important;width:100%!important;max-width:210px!important;object-fit:contain!important;margin:4px auto!important;background:#f8fbff!important;border-radius:18px!important;padding:8px!important;filter:drop-shadow(0 16px 18px rgba(15,23,42,.12))!important}
body.page-bandingkan.compare-content-premium #compare-core .compare-vehicle-card h3{font-size:18px!important;min-height:0!important;justify-content:center!important}
body.page-bandingkan.compare-content-premium #compare-core .compare-vehicle-card p{font-size:12.5px!important;color:#64748b!important}
body.page-bandingkan.compare-content-premium #compare-core .compare-vehicle-card div{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;width:100%!important;margin-top:auto!important}
body.page-bandingkan.compare-content-premium #compare-core .compare-vehicle-card div span{border-radius:12px!important;background:#f8fbff!important;border:1px solid #e7eef8!important;padding:8px!important;color:#334155!important;font-size:11px!important;font-weight:850!important}
body.page-bandingkan.compare-content-premium .compare-decision-strip,
body.page-bandingkan.compare-content-premium .premium-spec-compare,
body.page-bandingkan.compare-content-premium .premium-insight,
body.page-bandingkan.compare-content-premium .compare-usecase,
body.page-bandingkan.compare-content-premium .compare-faq{margin-top:24px!important;padding:28px!important;border-radius:30px!important;border:1px solid var(--cmp-line)!important;background:linear-gradient(180deg,#ffffff,#f8fbff)!important;box-shadow:var(--cmp-shadow)!important}
body.page-bandingkan.compare-content-premium .premium-head{display:grid!important;gap:10px!important;margin-bottom:20px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
body.page-bandingkan.compare-content-premium .premium-head h2{font-size:clamp(24px,2.4vw,34px)!important;max-width:760px!important}
body.page-bandingkan.compare-content-premium .premium-head p{font-size:14.5px!important;max-width:780px!important}
body.page-bandingkan.compare-content-premium .premium-head.compact{margin-bottom:18px!important}
body.page-bandingkan.compare-content-premium .compare-check-grid,
body.page-bandingkan.compare-content-premium .compare-usecase-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:14px!important}
body.page-bandingkan.compare-content-premium .compare-usecase-grid{grid-template-columns:repeat(3,1fr)!important}
body.page-bandingkan.compare-content-premium .compare-check-grid article,
body.page-bandingkan.compare-content-premium .compare-usecase-grid article{border-radius:24px!important;border:1px solid #e1ebf7!important;background:#fff!important;box-shadow:0 16px 38px rgba(15,23,42,.065)!important;padding:20px!important}
body.page-bandingkan.compare-content-premium .compare-check-grid b{display:block!important;color:#071326!important;font-size:16px!important;margin-bottom:9px!important}
body.page-bandingkan.compare-content-premium .compare-check-grid p,
body.page-bandingkan.compare-content-premium .compare-usecase-grid p{font-size:13px!important}
body.page-bandingkan.compare-content-premium .compare-usecase-grid i{width:48px!important;height:48px!important;border-radius:16px!important;background:linear-gradient(135deg,var(--cmp-blue),var(--cmp-cyan))!important;display:grid!important;place-items:center!important;font-style:normal!important;font-size:23px!important;box-shadow:0 14px 28px rgba(22,119,255,.18)!important;margin-bottom:14px!important}
body.page-bandingkan.compare-content-premium .compare-usecase-grid h3{font-size:20px!important;margin-bottom:10px!important}
body.page-bandingkan.compare-content-premium #compare-core .premium-spec-compare .table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;border:1px solid #e1ebf7!important;border-radius:22px!important;background:#fff!important}
body.page-bandingkan.compare-content-premium #compare-core .premium-spec-compare table{min-width:900px!important;width:100%!important;border-collapse:separate!important;border-spacing:0!important;font-size:13px!important}
body.page-bandingkan.compare-content-premium #compare-core .premium-spec-compare th,
body.page-bandingkan.compare-content-premium #compare-core .premium-spec-compare td{padding:15px 16px!important;border-bottom:1px solid #e8eef6!important;border-right:1px solid #eef3f8!important;vertical-align:top!important;color:#334155!important;background:#fff!important;white-space:normal!important}
body.page-bandingkan.compare-content-premium #compare-core .premium-spec-compare th{background:#f8fbff!important;color:#071326!important;font-weight:950!important}
body.page-bandingkan.compare-content-premium #compare-core .premium-spec-compare th:first-child,
body.page-bandingkan.compare-content-premium #compare-core .premium-spec-compare td:first-child{position:sticky!important;left:0!important;z-index:2!important;background:#fbfdff!important;min-width:170px!important;color:#071326!important;font-weight:950!important;box-shadow:8px 0 14px rgba(15,23,42,.045)!important}
body.page-bandingkan.compare-content-premium #compare-core .premium-spec-compare small{display:block!important;margin-top:12px!important;color:#64748b!important;font-size:11.5px!important;line-height:1.45!important}
body.page-bandingkan.compare-content-premium #compare-core .verdict small{display:block!important;margin-top:5px!important;color:#64748b!important;font-size:11px!important;font-weight:750!important}
body.page-bandingkan.compare-content-premium #compare-core .premium-insight .insight-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:16px!important}
body.page-bandingkan.compare-content-premium #compare-core .premium-insight .insight-grid article{border-radius:24px!important;border:1px solid #e1ebf7!important;background:#fff!important;box-shadow:0 16px 38px rgba(15,23,42,.065)!important;padding:20px!important}
body.page-bandingkan.compare-content-premium #compare-core .premium-insight .insight-cols{display:grid!important;gap:12px!important;margin-top:14px!important}
body.page-bandingkan.compare-content-premium #compare-core .premium-insight .insight-cols div{border-radius:18px!important;background:#f8fbff!important;border:1px solid #e7eef8!important;padding:14px!important}
body.page-bandingkan.compare-content-premium #compare-core .premium-insight .insight-cols b{display:block!important;color:#071326!important;font-size:13px!important;margin-bottom:8px!important}
body.page-bandingkan.compare-content-premium #compare-core .premium-insight .insight-cols p{font-size:12.5px!important;margin:6px 0 0!important}
body.page-bandingkan.compare-content-premium #compare-core .premium-insight footer{margin-top:14px!important;border-radius:18px!important;background:#eef6ff!important;border:1px solid #cfe3ff!important;padding:14px!important;display:grid!important;gap:6px!important}
body.page-bandingkan.compare-content-premium #compare-core .premium-insight footer b{color:#1766d8!important;font-size:12px!important}
body.page-bandingkan.compare-content-premium #compare-core .premium-insight footer span{color:#334155!important;font-size:12.5px!important;line-height:1.45!important}
body.page-bandingkan.compare-content-premium .compare-next-step{margin-top:24px!important;padding:28px!important;border-radius:30px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:22px!important;align-items:center!important;background:radial-gradient(circle at 88% 18%,rgba(86,199,255,.30),transparent 28%),linear-gradient(135deg,#020914 0%,#061427 52%,#0b64d8 100%)!important;box-shadow:var(--cmp-shadow-dark)!important;border:1px solid rgba(96,165,250,.18)!important;color:#fff!important}
body.page-bandingkan.compare-content-premium .compare-next-step .compare-kicker{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.16)!important;color:#dcefff!important}
body.page-bandingkan.compare-content-premium .compare-next-step h2{color:#fff!important;font-size:clamp(25px,2.7vw,36px)!important;margin:14px 0 10px!important}
body.page-bandingkan.compare-content-premium .compare-next-step p{color:#dbeafe!important;font-size:14px!important;max-width:680px!important}
body.page-bandingkan.compare-content-premium .compare-next-step>div:last-child{display:flex!important;gap:10px!important;flex-wrap:wrap!important;justify-content:flex-end!important}
body.page-bandingkan.compare-content-premium .compare-next-step a,
body.page-bandingkan.compare-content-premium .compare-next-step button{height:46px!important;border-radius:999px!important;padding:0 19px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:12px!important;font-weight:950!important;text-decoration:none!important;cursor:pointer!important}
body.page-bandingkan.compare-content-premium .compare-next-step a{background:#fff!important;color:#0b64d8!important;border:0!important;box-shadow:0 14px 30px rgba(0,0,0,.18)!important}
body.page-bandingkan.compare-content-premium .compare-next-step button{background:rgba(255,255,255,.10)!important;color:#fff!important;border:1px solid rgba(255,255,255,.24)!important}
body.page-bandingkan.compare-content-premium .compare-faq>div:last-child{display:grid!important;gap:10px!important}
body.page-bandingkan.compare-content-premium .compare-faq details{border:1px solid #e1ebf7!important;border-radius:18px!important;background:#fff!important;padding:0 18px!important;box-shadow:0 12px 30px rgba(15,23,42,.045)!important}
body.page-bandingkan.compare-content-premium .compare-faq summary{cursor:pointer!important;color:var(--cmp-ink)!important;font-size:15px!important;font-weight:950!important;padding:17px 0!important}
body.page-bandingkan.compare-content-premium .compare-faq details p{font-size:13.5px!important;padding:0 0 17px!important}
body.page-bandingkan.compare-content-premium #compare-core .limit-card,
body.page-bandingkan.compare-content-premium #compare-core .route-tools,
body.page-bandingkan.compare-content-premium #compare-core .route-cta{display:none!important}
body.page-bandingkan.compare-content-premium #compare-core .premium-compare-picker:before,
body.page-bandingkan.compare-content-premium #compare-core .premium-compare-picker:after,
body.page-bandingkan.compare-content-premium #compare-core .compare-next-step:before,
body.page-bandingkan.compare-content-premium #compare-core .compare-next-step:after{display:none!important;content:none!important}
@media(max-width:1080px){
  body.page-bandingkan.compare-content-premium #compare-core .premium-compare-picker{grid-template-columns:1fr 1fr!important}
  body.page-bandingkan.compare-content-premium .compare-intro-panel,
  body.page-bandingkan.compare-content-premium .compare-next-step{grid-template-columns:1fr!important}
  body.page-bandingkan.compare-content-premium .compare-check-grid,
  body.page-bandingkan.compare-content-premium #compare-core .premium-insight .insight-grid{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:720px){
  body.page-bandingkan.compare-content-premium #compare-core .compare__wrap{width:calc(100% - 24px)!important;padding:18px 14px 34px!important;border-radius:16px!important}
  body.page-bandingkan.compare-content-premium .compare-intro-panel,
  body.page-bandingkan.compare-content-premium #compare-core .premium-compare-picker,
  body.page-bandingkan.compare-content-premium .compare-decision-strip,
  body.page-bandingkan.compare-content-premium .premium-spec-compare,
  body.page-bandingkan.compare-content-premium .premium-insight,
  body.page-bandingkan.compare-content-premium .compare-usecase,
  body.page-bandingkan.compare-content-premium .compare-next-step,
  body.page-bandingkan.compare-content-premium .compare-faq{border-radius:24px!important;padding:18px!important}
  body.page-bandingkan.compare-content-premium #compare-core .premium-compare-picker,
  body.page-bandingkan.compare-content-premium .compare-check-grid,
  body.page-bandingkan.compare-content-premium .compare-usecase-grid,
  body.page-bandingkan.compare-content-premium #compare-core .premium-insight .insight-grid{grid-template-columns:1fr!important}
  body.page-bandingkan.compare-content-premium #compare-core .compare-vehicle-card img{height:128px!important;max-width:240px!important}
  body.page-bandingkan.compare-content-premium .compare-next-step>div:last-child{justify-content:stretch!important;display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  body.page-bandingkan.compare-content-premium .compare-next-step a,
  body.page-bandingkan.compare-content-premium .compare-next-step button{width:100%!important;white-space:normal!important}
}

/* === OtoRev Compare V2 Blueprint live comparator polish — 2026-06-11 === */
body.page-bandingkan.compare-v2-blueprint{
  --cmp-live-card:#ffffff;--cmp-live-soft:#f7fbff;--cmp-live-line:#dbeafe;--cmp-live-ink:#071326;--cmp-live-muted:#64748b;--cmp-live-blue:#1677ff;--cmp-live-cyan:#3be3c8;--cmp-live-cyan-soft:rgba(59,227,200,.12);
}
body.page-bandingkan.compare-v2-blueprint #compare-core .compare__wrap{background:#fff!important;overflow:hidden!important}
body.page-bandingkan.compare-v2-blueprint .compare-smart-panel,
body.page-bandingkan.compare-v2-blueprint .compare-how,
body.page-bandingkan.compare-v2-blueprint .compare-popular,
body.page-bandingkan.compare-v2-blueprint .compare-guide,
body.page-bandingkan.compare-v2-blueprint .compare-method,
body.page-bandingkan.compare-v2-blueprint .compare-faq{margin-top:24px!important;padding:28px!important;border-radius:30px!important;border:1px solid var(--cmp-live-line)!important;background:linear-gradient(180deg,#fff,var(--cmp-live-soft))!important;box-shadow:0 24px 70px rgba(15,23,42,.10)!important}
body.page-bandingkan.compare-v2-blueprint .compare-smart-panel{margin-top:0!important;background:radial-gradient(circle at 88% 0%,rgba(22,119,255,.13),transparent 30%),linear-gradient(180deg,#fff,#f8fbff)!important}
body.page-bandingkan.compare-v2-blueprint .alt-block{background:linear-gradient(135deg,#f8fbff,#eef6ff)!important}
body.page-bandingkan.compare-v2-blueprint .compare-picker-slots{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin:18px 0 14px!important}
body.page-bandingkan.compare-v2-blueprint .compare-slot{display:grid!important;gap:10px!important;padding:18px!important;border:1px solid #dbeafe!important;border-radius:22px!important;background:#fff!important;box-shadow:0 14px 34px rgba(15,23,42,.055)!important}
body.page-bandingkan.compare-v2-blueprint .compare-slot.filled{border-color:rgba(22,119,255,.42)!important}
body.page-bandingkan.compare-v2-blueprint .compare-slot span{color:#1766d8!important;text-transform:uppercase!important;letter-spacing:.06em!important;font-weight:950!important;font-size:11px!important}
body.page-bandingkan.compare-v2-blueprint .compare-slot select{width:100%!important;min-height:46px!important;border:1px solid #cfe3ff!important;border-radius:14px!important;background:#f8fbff!important;color:#071326!important;font-weight:850!important;padding:0 12px!important;outline:none!important}
body.page-bandingkan.compare-v2-blueprint .compare-slot select:focus{border-color:#1677ff!important;box-shadow:0 0 0 3px rgba(22,119,255,.14)!important}
body.page-bandingkan.compare-v2-blueprint .compare-slot small{color:#64748b!important;font-size:12px!important;min-height:16px!important}
body.page-bandingkan.compare-v2-blueprint .compare-presets{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin:0 0 18px!important}
body.page-bandingkan.compare-v2-blueprint .compare-presets button,
body.page-bandingkan.compare-v2-blueprint .compare-vs-grid button{cursor:pointer!important;border:1px solid #cfe3ff!important;background:#fff!important;color:#1766d8!important;border-radius:999px!important;padding:10px 14px!important;font-weight:950!important;font-size:12px!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important}
body.page-bandingkan.compare-v2-blueprint .compare-presets button:hover{transform:translateY(-1px)!important;border-color:#1677ff!important;box-shadow:0 10px 24px rgba(22,119,255,.10)!important}
body.page-bandingkan.compare-v2-blueprint .compare-table-tools{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important;margin:12px 0!important;color:#64748b!important;font-size:13px!important}
body.page-bandingkan.compare-v2-blueprint .compare-table-tools label{display:flex!important;align-items:center!important;gap:8px!important;font-weight:850!important;color:#334155!important}
body.page-bandingkan.compare-v2-blueprint .compare-table-tools input{accent-color:#1677ff!important;width:17px!important;height:17px!important}
body.page-bandingkan.compare-v2-blueprint .compare-table-tools i{display:inline-block!important;width:9px!important;height:9px!important;border-radius:99px!important;background:var(--cmp-live-cyan)!important;margin-right:6px!important}
body.page-bandingkan.compare-v2-blueprint .compare-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;border:1px solid #dbeafe!important;border-radius:22px!important;background:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important}
body.page-bandingkan.compare-v2-blueprint table.compare-live-table{width:100%!important;min-width:780px!important;border-collapse:separate!important;border-spacing:0!important;background:#fff!important}
body.page-bandingkan.compare-v2-blueprint .compare-live-table th,
body.page-bandingkan.compare-v2-blueprint .compare-live-table td{padding:14px 16px!important;border-bottom:1px solid #e8eef6!important;border-right:1px solid #eef3f8!important;text-align:left!important;vertical-align:top!important;font-size:13px!important;color:#334155!important;background:#fff!important;white-space:normal!important}
body.page-bandingkan.compare-v2-blueprint .compare-live-table thead th{position:sticky!important;top:0!important;z-index:3!important;background:#f3f8ff!important;color:#071326!important;font-weight:950!important;box-shadow:0 1px 0 #dbeafe!important}
body.page-bandingkan.compare-v2-blueprint .compare-live-table thead th:first-child,
body.page-bandingkan.compare-v2-blueprint .compare-live-table tbody th[scope=row]{position:sticky!important;left:0!important;z-index:2!important;background:#fbfdff!important;min-width:180px!important;color:#071326!important;font-weight:950!important;box-shadow:8px 0 14px rgba(15,23,42,.045)!important}
body.page-bandingkan.compare-v2-blueprint .compare-live-table thead th:first-child{z-index:4!important;background:#edf6ff!important}
body.page-bandingkan.compare-v2-blueprint .compare-live-table thead span{display:block!important;color:#1766d8!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-size:10px!important;margin-bottom:3px!important}
body.page-bandingkan.compare-v2-blueprint .compare-live-table .compare-group th{position:static!important;left:auto!important;background:#071d38!important;color:#dcefff!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.12em!important;box-shadow:none!important}
body.page-bandingkan.compare-v2-blueprint .compare-live-table td.win{background:var(--cmp-live-cyan-soft)!important;box-shadow:inset 3px 0 0 var(--cmp-live-cyan)!important;color:#071326!important;font-weight:850!important}
body.page-bandingkan.compare-v2-blueprint .winchip{display:inline-flex!important;margin-left:8px!important;padding:2px 8px!important;border-radius:999px!important;border:1px solid rgba(59,227,200,.55)!important;color:#047b6f!important;background:#ecfffb!important;font-weight:950!important;font-size:9px!important;letter-spacing:.08em!important;vertical-align:1px!important}
body.page-bandingkan.compare-v2-blueprint .compare-data-note{display:block!important;margin-top:12px!important;color:#64748b!important;font-size:12px!important;line-height:1.5!important}
body.page-bandingkan.compare-v2-blueprint .compare-table-cta{display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin-top:18px!important}
body.page-bandingkan.compare-v2-blueprint .compare-table-cta button,
body.page-bandingkan.compare-v2-blueprint .compare-table-cta a{height:46px!important;border-radius:999px!important;padding:0 18px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:12px!important;font-weight:950!important;text-decoration:none!important;cursor:pointer!important}
body.page-bandingkan.compare-v2-blueprint .compare-table-cta button{border:0!important;background:linear-gradient(135deg,#1677ff,#0b64d8)!important;color:#fff!important;box-shadow:0 14px 30px rgba(22,119,255,.20)!important}
body.page-bandingkan.compare-v2-blueprint .compare-table-cta a{border:1px solid #cfe3ff!important;background:#fff!important;color:#1766d8!important}
body.page-bandingkan.compare-v2-blueprint .compare-step-grid,
body.page-bandingkan.compare-v2-blueprint .compare-vs-grid,
body.page-bandingkan.compare-v2-blueprint .compare-method-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
body.page-bandingkan.compare-v2-blueprint .compare-method-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
body.page-bandingkan.compare-v2-blueprint .compare-guide-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
body.page-bandingkan.compare-v2-blueprint .compare-step-grid article,
body.page-bandingkan.compare-v2-blueprint .compare-guide-grid article,
body.page-bandingkan.compare-v2-blueprint .compare-method-grid article{border-radius:22px!important;border:1px solid #dbeafe!important;background:#fff!important;padding:20px!important;box-shadow:0 14px 34px rgba(15,23,42,.055)!important}
body.page-bandingkan.compare-v2-blueprint .compare-step-grid b{display:inline-flex!important;width:max-content!important;border:1px solid #cfe3ff!important;border-radius:999px!important;color:#1766d8!important;padding:6px 10px!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.06em!important;margin-bottom:12px!important}
body.page-bandingkan.compare-v2-blueprint .compare-step-grid h3,
body.page-bandingkan.compare-v2-blueprint .compare-guide-grid h3{font-size:18px!important;margin-bottom:8px!important}
body.page-bandingkan.compare-v2-blueprint .compare-step-grid p,
body.page-bandingkan.compare-v2-blueprint .compare-guide-grid p,
body.page-bandingkan.compare-v2-blueprint .compare-method-grid article{font-size:13px!important;color:#64748b!important;line-height:1.55!important}
body.page-bandingkan.compare-v2-blueprint .compare-step-grid a,
body.page-bandingkan.compare-v2-blueprint .compare-guide-grid a{color:#1766d8!important;font-weight:950!important;text-decoration:none!important}
body.page-bandingkan.compare-v2-blueprint .compare-vs-grid button{border-radius:22px!important;text-align:left!important;padding:20px!important;background:#fff!important;color:#071326!important;display:grid!important;gap:10px!important;min-height:150px!important}
body.page-bandingkan.compare-v2-blueprint .compare-vs-grid button:hover{transform:translateY(-3px)!important;border-color:#1677ff!important;box-shadow:0 18px 38px rgba(22,119,255,.12)!important}
body.page-bandingkan.compare-v2-blueprint .compare-vs-grid b{font-size:17px!important;line-height:1.2!important}.compare-vs-grid em{font-style:normal!important;color:#1766d8!important;border:1px solid #cfe3ff!important;border-radius:999px!important;padding:2px 8px!important;font-size:10px!important;letter-spacing:.08em!important}.compare-vs-grid span{color:#64748b!important;font-size:13px!important;line-height:1.5!important}
body.page-bandingkan.compare-v2-blueprint .compare-guide-grid i{width:48px!important;height:48px!important;border-radius:16px!important;background:#eef6ff!important;border:1px solid #cfe3ff!important;display:grid!important;place-items:center!important;font-style:normal!important;font-size:22px!important;margin-bottom:14px!important;color:#1766d8!important}
body.page-bandingkan.compare-v2-blueprint .compare-final-cta button{background:#fff!important;color:#0b64d8!important;border:0!important;box-shadow:0 14px 30px rgba(0,0,0,.18)!important}
body.page-bandingkan.compare-v2-blueprint .compare-final-cta a{background:rgba(255,255,255,.10)!important;color:#fff!important;border:1px solid rgba(255,255,255,.24)!important}
body.page-bandingkan.compare-v2-blueprint :focus-visible{outline:3px solid rgba(22,119,255,.55)!important;outline-offset:3px!important}
@media(max-width:980px){
  body.page-bandingkan.compare-v2-blueprint .compare-picker-slots,
  body.page-bandingkan.compare-v2-blueprint .compare-step-grid,
  body.page-bandingkan.compare-v2-blueprint .compare-vs-grid{grid-template-columns:1fr 1fr!important}
  body.page-bandingkan.compare-v2-blueprint .compare-method-grid{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:720px){
  body.page-bandingkan.compare-v2-blueprint .compare-smart-panel,
  body.page-bandingkan.compare-v2-blueprint .compare-how,
  body.page-bandingkan.compare-v2-blueprint .compare-popular,
  body.page-bandingkan.compare-v2-blueprint .compare-guide,
  body.page-bandingkan.compare-v2-blueprint .compare-method,
  body.page-bandingkan.compare-v2-blueprint .compare-faq{padding:18px!important;border-radius:22px!important}
  body.page-bandingkan.compare-v2-blueprint .compare-picker-slots,
  body.page-bandingkan.compare-v2-blueprint .compare-step-grid,
  body.page-bandingkan.compare-v2-blueprint .compare-vs-grid,
  body.page-bandingkan.compare-v2-blueprint .compare-guide-grid,
  body.page-bandingkan.compare-v2-blueprint .compare-method-grid{grid-template-columns:1fr!important}
  body.page-bandingkan.compare-v2-blueprint .compare-table-cta{display:grid!important;grid-template-columns:1fr!important}.compare-table-cta a,.compare-table-cta button{width:100%!important}
  body.page-bandingkan.compare-v2-blueprint .compare-live-table th,
  body.page-bandingkan.compare-v2-blueprint .compare-live-table td{padding:12px!important;font-size:12.5px!important}
  body.page-bandingkan.compare-v2-blueprint .compare-live-table thead th:first-child,
  body.page-bandingkan.compare-v2-blueprint .compare-live-table tbody th[scope=row]{min-width:150px!important}
}
@media(prefers-reduced-motion:reduce){body.page-bandingkan.compare-v2-blueprint #compare-core *{transition:none!important;scroll-behavior:auto!important}}

/* Source-only SEO fallback for /bandingkan/ before SPA hydration; hidden after JS renders live UI. */
body.page-bandingkan.route-redesign:not(.compare-v2-blueprint) .compare-source-summary{padding:28px;border-radius:24px;border:1px solid #dbeafe;background:#fff;box-shadow:0 18px 48px rgba(15,23,42,.08)}
body.page-bandingkan.route-redesign:not(.compare-v2-blueprint) .compare-source-summary h2{font-size:clamp(24px,3vw,34px);letter-spacing:-.03em;color:#071326;margin:0 0 12px}
body.page-bandingkan.route-redesign:not(.compare-v2-blueprint) .compare-source-summary h3{font-size:18px;color:#071326;margin:18px 0 8px}
body.page-bandingkan.route-redesign:not(.compare-v2-blueprint) .compare-source-summary p{color:#64748b;line-height:1.65;margin:0 0 10px}
body.page-bandingkan.route-redesign:not(.compare-v2-blueprint) .compare-source-summary a{color:#1766d8;font-weight:800;text-decoration:none}

/* OtoRev compare human photo cards + table alignment — 2026-06-11 */
body.page-bandingkan.compare-v2-blueprint .compare-human-cards{
  display:grid!important;
  grid-template-columns:minmax(180px,.82fr) repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
  margin:0 0 18px!important;
}
body.page-bandingkan.compare-v2-blueprint .compare-human-intro,
body.page-bandingkan.compare-v2-blueprint .compare-car-card{
  min-width:0!important;
  border:1px solid #dbeafe!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 18px 44px rgba(15,23,42,.075)!important;
}
body.page-bandingkan.compare-v2-blueprint .compare-human-intro{
  padding:22px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  background:linear-gradient(145deg,#071d38,#0b64d8)!important;
  color:#fff!important;
  box-shadow:0 20px 48px rgba(11,100,216,.18)!important;
}
body.page-bandingkan.compare-v2-blueprint .compare-human-intro span{
  width:max-content!important;
  max-width:100%!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:999px!important;
  padding:7px 10px!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:#dcefff!important;
  margin-bottom:12px!important;
}
body.page-bandingkan.compare-v2-blueprint .compare-human-intro h3{
  margin:0 0 10px!important;
  font-size:20px!important;
  line-height:1.12!important;
  color:#fff!important;
}
body.page-bandingkan.compare-v2-blueprint .compare-human-intro p{
  margin:0!important;
  color:#dbeafe!important;
  font-size:13px!important;
  line-height:1.55!important;
}
body.page-bandingkan.compare-v2-blueprint .compare-car-card{
  padding:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  cursor:pointer!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
body.page-bandingkan.compare-v2-blueprint .compare-car-card:hover{
  transform:translateY(-2px)!important;
  border-color:#9fcbff!important;
  box-shadow:0 24px 56px rgba(22,119,255,.12)!important;
}
body.page-bandingkan.compare-v2-blueprint .compare-car-card>span{
  position:absolute!important;
  z-index:2!important;
  margin:12px!important;
  background:rgba(2,8,23,.72)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:999px!important;
  padding:6px 10px!important;
  font-size:10px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  font-weight:950!important;
}
body.page-bandingkan.compare-v2-blueprint .compare-car-card figure{
  margin:0!important;
  height:150px!important;
  background:linear-gradient(145deg,#eef6ff,#ffffff 58%,#eaf7ff)!important;
  display:grid!important;
  place-items:center!important;
  border-bottom:1px solid #dbeafe!important;
  overflow:hidden!important;
}
body.page-bandingkan.compare-v2-blueprint .compare-car-card img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:saturate(1.06) contrast(1.03)!important;
}
body.page-bandingkan.compare-v2-blueprint .compare-car-card select{
  margin:14px 14px 0!important;
  width:calc(100% - 28px)!important;
}
body.page-bandingkan.compare-v2-blueprint .compare-car-card small{
  display:block!important;
  margin:10px 14px 0!important;
  color:#334155!important;
  font-size:12px!important;
  line-height:1.35!important;
  min-height:34px!important;
}
body.page-bandingkan.compare-v2-blueprint .compare-car-card em{
  display:block!important;
  margin:10px 14px 16px!important;
  padding-top:10px!important;
  border-top:1px solid #eef3f8!important;
  color:#64748b!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-style:normal!important;
}
body.page-bandingkan.compare-v2-blueprint .compare-table-wrap{
  border-radius:24px!important;
}
body.page-bandingkan.compare-v2-blueprint table.compare-live-table{
  table-layout:fixed!important;
  min-width:920px!important;
}
body.page-bandingkan.compare-v2-blueprint .compare-live-table th:first-child,
body.page-bandingkan.compare-v2-blueprint .compare-live-table td:first-child,
body.page-bandingkan.compare-v2-blueprint .compare-live-table tbody th[scope=row]{
  width:180px!important;
}
body.page-bandingkan.compare-v2-blueprint .compare-live-table th:not(:first-child),
body.page-bandingkan.compare-v2-blueprint .compare-live-table td:not(:first-child){
  width:calc((100% - 180px) / 3)!important;
}
body.page-bandingkan.compare-v2-blueprint .premium-head p{
  max-width:760px!important;
}
@media(max-width:980px){
  body.page-bandingkan.compare-v2-blueprint .compare-human-cards{grid-template-columns:1fr!important;gap:14px!important}
  body.page-bandingkan.compare-v2-blueprint .compare-human-intro{padding:18px!important}
  body.page-bandingkan.compare-v2-blueprint .compare-human-intro h3{font-size:18px!important}
  body.page-bandingkan.compare-v2-blueprint .compare-car-card figure{height:176px!important}
  body.page-bandingkan.compare-v2-blueprint table.compare-live-table{min-width:860px!important}
}
@media(max-width:560px){
  body.page-bandingkan.compare-v2-blueprint .compare-car-card figure{height:150px!important}
  body.page-bandingkan.compare-v2-blueprint .compare-car-card select{min-height:48px!important;font-size:13px!important}
}

/* OtoRev compare exact card/table column alignment — 2026-06-11 follow-up */
body.page-bandingkan.compare-v2-blueprint .compare-human-cards{
  grid-template-columns:180px repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  column-gap:0!important;
  row-gap:0!important;
  align-items:stretch!important;
  width:100%!important;
}
body.page-bandingkan.compare-v2-blueprint .compare-human-intro,
body.page-bandingkan.compare-v2-blueprint .compare-car-card{
  border-radius:0!important;
  box-shadow:none!important;
  min-height:100%!important;
}
body.page-bandingkan.compare-v2-blueprint .compare-human-intro{
  border-radius:24px 0 0 24px!important;
  border-right:0!important;
}
body.page-bandingkan.compare-v2-blueprint .compare-car-card{
  border-left:1px solid #dbeafe!important;
}
body.page-bandingkan.compare-v2-blueprint .compare-car-card:last-child{
  border-radius:0 24px 24px 0!important;
}
body.page-bandingkan.compare-v2-blueprint .compare-car-card:hover{
  transform:none!important;
  box-shadow:inset 0 0 0 2px rgba(22,119,255,.16)!important;
}
body.page-bandingkan.compare-v2-blueprint .compare-car-card figure{
  height:168px!important;
  background:linear-gradient(145deg,#f4f9ff,#ffffff 62%,#eaf7ff)!important;
}
body.page-bandingkan.compare-v2-blueprint .compare-car-card img{
  object-fit:contain!important;
  padding:12px!important;
  filter:drop-shadow(0 16px 18px rgba(15,23,42,.12)) saturate(1.06) contrast(1.03)!important;
}
body.page-bandingkan.compare-v2-blueprint .compare-table-wrap{
  margin-top:0!important;
}
body.page-bandingkan.compare-v2-blueprint table.compare-live-table{
  min-width:920px!important;
  table-layout:fixed!important;
}
body.page-bandingkan.compare-v2-blueprint .compare-live-table thead th:first-child,
body.page-bandingkan.compare-v2-blueprint .compare-live-table tbody th[scope=row]{
  width:180px!important;
  min-width:180px!important;
  max-width:180px!important;
}
body.page-bandingkan.compare-v2-blueprint .compare-live-table thead th:not(:first-child),
body.page-bandingkan.compare-v2-blueprint .compare-live-table tbody td{
  width:calc((100% - 180px) / 3)!important;
}
@media(max-width:980px){
  body.page-bandingkan.compare-v2-blueprint .compare-human-cards{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  body.page-bandingkan.compare-v2-blueprint .compare-human-intro,
  body.page-bandingkan.compare-v2-blueprint .compare-car-card,
  body.page-bandingkan.compare-v2-blueprint .compare-car-card:last-child{
    border-radius:24px!important;
    border:1px solid #dbeafe!important;
    box-shadow:0 18px 44px rgba(15,23,42,.075)!important;
  }
  body.page-bandingkan.compare-v2-blueprint .compare-car-card figure{height:176px!important}
}

/* OtoRev compare intro readability polish — 2026-06-11 */
body.page-bandingkan.compare-v2-blueprint .compare-human-intro,
body.page-bandingkan.compare-v2-blueprint .compare-human-intro *{
  color:#fff!important;
}
body.page-bandingkan.compare-v2-blueprint .compare-human-intro{
  background:linear-gradient(160deg,#061326 0%,#082f66 58%,#0b64d8 100%)!important;
  padding:20px 16px!important;
  overflow:hidden!important;
}
body.page-bandingkan.compare-v2-blueprint .compare-human-intro:after{
  content:""!important;
  position:absolute!important;
  right:-38px!important;
  bottom:-42px!important;
  width:112px!important;
  height:112px!important;
  border-radius:999px!important;
  background:radial-gradient(circle,rgba(92,200,255,.34),rgba(92,200,255,0) 68%)!important;
  pointer-events:none!important;
}
body.page-bandingkan.compare-v2-blueprint .compare-human-intro span{
  color:#dff4ff!important;
  font-size:9px!important;
  line-height:1.2!important;
  padding:6px 8px!important;
  margin-bottom:14px!important;
  white-space:normal!important;
}
body.page-bandingkan.compare-v2-blueprint .compare-human-intro h3{
  color:#fff!important;
  font-size:18px!important;
  line-height:1.08!important;
  letter-spacing:-.04em!important;
  margin:0 0 12px!important;
}
body.page-bandingkan.compare-v2-blueprint .compare-human-intro p{
  color:#dbeafe!important;
  font-size:12px!important;
  line-height:1.48!important;
  font-weight:650!important;
}
body.page-bandingkan.compare-v2-blueprint .compare-car-card small{
  font-weight:750!important;
}
body.page-bandingkan.compare-v2-blueprint .compare-car-card em{
  color:#475569!important;
}
body.page-bandingkan.compare-v2-blueprint .compare-live-table thead th{
  line-height:1.18!important;
}
body.page-bandingkan.compare-v2-blueprint .compare-live-table thead span{
  margin-bottom:5px!important;
}

/* OtoRev compare overflow guard — 2026-06-11 */
body.page-bandingkan,
body.page-bandingkan main{
  overflow-x:hidden!important;
}
body.page-bandingkan.compare-v2-blueprint .compare-table-wrap{
  max-width:100%!important;
  overflow-x:auto!important;
}

/* OtoRev compare intro contrast final override — 2026-06-11 */
body.page-bandingkan.compare-v2-blueprint .compare-human-intro,
body.page-bandingkan.compare-v2-blueprint .compare-human-intro span,
body.page-bandingkan.compare-v2-blueprint .compare-human-intro h3,
body.page-bandingkan.compare-v2-blueprint .compare-human-intro p{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  text-shadow:0 1px 2px rgba(0,0,0,.18)!important;
}
body.page-bandingkan.compare-v2-blueprint .compare-human-intro span{
  color:#dff4ff!important;
  -webkit-text-fill-color:#dff4ff!important;
}
body.page-bandingkan.compare-v2-blueprint .compare-human-intro p{
  color:#dbeafe!important;
  -webkit-text-fill-color:#dbeafe!important;
}

/* OtoRev Dealer & SPKLU logo network polish — 2026-06-11 */
body.page-dealer-spklu.dealer-core-final .dealer-panel-head span{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  margin-bottom:8px!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  border:1px solid rgba(96,165,250,.26)!important;
  background:rgba(22,119,255,.14)!important;
  color:#bfe2ff!important;
  font-size:10px!important;
  line-height:1.1!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
body.page-dealer-spklu.dealer-core-final .dealer-panel-head h2{
  margin:0 0 8px!important;
  color:#fff!important;
  font-size:22px!important;
  line-height:1.12!important;
  letter-spacing:-.035em!important;
}
body.page-dealer-spklu.dealer-core-final .dealer-panel-head p{
  margin:0 0 16px!important;
  color:#cfe0f5!important;
  font-size:13px!important;
  line-height:1.55!important;
  max-width:720px!important;
}
body.page-dealer-spklu.dealer-core-final .dealer-logo-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
body.page-dealer-spklu.dealer-core-final .dealer-logo-grid .dealer-brand-logo{
  height:86px!important;
  min-width:0!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#0f172a!important;
  padding:10px!important;
  display:grid!important;
  place-items:center!important;
  gap:7px!important;
  cursor:pointer!important;
  box-shadow:0 12px 28px rgba(2,8,23,.16)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
body.page-dealer-spklu.dealer-core-final .dealer-logo-grid .dealer-brand-logo:hover{
  transform:translateY(-2px)!important;
  border-color:#7cc7ff!important;
  box-shadow:0 18px 38px rgba(22,119,255,.18)!important;
}
body.page-dealer-spklu.dealer-core-final .dealer-logo-grid .dealer-brand-logo img{
  max-width:92px!important;
  max-height:34px!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  filter:none!important;
}
body.page-dealer-spklu.dealer-core-final .dealer-logo-grid .dealer-brand-logo span{
  color:#334155!important;
  font-size:11px!important;
  font-weight:950!important;
  line-height:1.1!important;
  text-align:center!important;
}
body.page-dealer-spklu.dealer-core-final .dealer-logo-grid .dealer-brand-logo.all{
  background:linear-gradient(135deg,#eef6ff,#ffffff)!important;
  border-color:#bfdbfe!important;
}
body.page-dealer-spklu.dealer-core-final .dealer-logo-grid .dealer-brand-logo.all strong{
  color:#1766d8!important;
  font-size:18px!important;
  line-height:1!important;
}
body.page-dealer-spklu.dealer-core-final .brand-panel,
body.page-dealer-spklu.dealer-core-final .benefit-panel{
  background:linear-gradient(155deg,#07162c 0%,#08264b 100%)!important;
}
body.page-dealer-spklu.dealer-core-final .benefit-panel>div:last-child{
  margin-top:4px!important;
}
body.page-dealer-spklu.dealer-core-final .benefit-panel article{
  border-radius:16px!important;
  background:rgba(255,255,255,.04)!important;
  padding:14px!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
body.page-dealer-spklu.dealer-core-final .benefit-panel span{
  color:#cfe0f5!important;
}
@media(max-width:900px){
  body.page-dealer-spklu.dealer-core-final .dealer-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:620px){
  body.page-dealer-spklu.dealer-core-final .dealer-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.page-dealer-spklu.dealer-core-final .dealer-logo-grid .dealer-brand-logo{height:82px!important}
}

/* OtoRev Dealer & SPKLU blueprint sections + logo fix — 2026-06-11 */
body.page-dealer-spklu.dealer-core-final .dealer-logo-grid .dealer-brand-logo{
  grid-column:auto!important;
  width:100%!important;
}
body.page-dealer-spklu.dealer-core-final .dealer-logo-grid .dealer-brand-logo.all{
  grid-column:auto!important;
  background:linear-gradient(135deg,#eef6ff,#ffffff)!important;
}
body.page-dealer-spklu.dealer-core-final .dealer-blueprint-sections{
  display:grid!important;
  gap:24px!important;
  margin-top:24px!important;
}
body.page-dealer-spklu.dealer-core-final .dealer-blueprint-sections>section{
  border-radius:24px!important;
  border:1px solid rgba(15,23,42,.08)!important;
  background:#fff!important;
  box-shadow:0 18px 54px rgba(15,23,42,.075)!important;
  padding:24px!important;
  color:#0f172a!important;
}
body.page-dealer-spklu.dealer-core-final .dealer-blue-head span{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  background:#eaf4ff!important;
  color:#075ed0!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
body.page-dealer-spklu.dealer-core-final .dealer-blue-head h2{
  margin:10px 0 8px!important;
  color:#071326!important;
  font-size:28px!important;
  line-height:1.12!important;
  letter-spacing:-.04em!important;
}
body.page-dealer-spklu.dealer-core-final .dealer-blue-head p{
  margin:0!important;
  color:#526276!important;
  max-width:820px!important;
  font-size:14px!important;
  line-height:1.6!important;
}
body.page-dealer-spklu.dealer-core-final .dealer-intent-grid,
body.page-dealer-spklu.dealer-core-final .dealer-step-grid,
body.page-dealer-spklu.dealer-core-final .dealer-journey-grid,
body.page-dealer-spklu.dealer-core-final .dealer-trust-grid{
  display:grid!important;
  gap:14px!important;
  margin-top:18px!important;
}
body.page-dealer-spklu.dealer-core-final .dealer-intent-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
body.page-dealer-spklu.dealer-core-final .dealer-step-grid,
body.page-dealer-spklu.dealer-core-final .dealer-journey-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
body.page-dealer-spklu.dealer-core-final .dealer-trust-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
body.page-dealer-spklu.dealer-core-final .dealer-intent-grid button,
body.page-dealer-spklu.dealer-core-final .dealer-step-grid article,
body.page-dealer-spklu.dealer-core-final .dealer-journey-grid a,
body.page-dealer-spklu.dealer-core-final .dealer-trust-grid article{
  border:1px solid #dbe7f5!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#fff,#f8fbff)!important;
  padding:18px!important;
  color:#0f172a!important;
  text-align:left!important;
  box-shadow:0 12px 28px rgba(15,23,42,.045)!important;
}
body.page-dealer-spklu.dealer-core-final .dealer-intent-grid button{
  cursor:pointer!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
body.page-dealer-spklu.dealer-core-final .dealer-intent-grid button:hover,
body.page-dealer-spklu.dealer-core-final .dealer-journey-grid a:hover{
  transform:translateY(-2px)!important;
  border-color:#9ed0ff!important;
  box-shadow:0 18px 40px rgba(22,119,255,.12)!important;
}
body.page-dealer-spklu.dealer-core-final .dealer-intent-grid i{
  width:42px!important;height:42px!important;border-radius:14px!important;background:#eaf4ff!important;color:#075ed0!important;display:grid!important;place-items:center!important;font-style:normal!important;margin-bottom:14px!important;font-size:21px!important;
}
body.page-dealer-spklu.dealer-core-final .dealer-intent-grid b,
body.page-dealer-spklu.dealer-core-final .dealer-step-grid b,
body.page-dealer-spklu.dealer-core-final .dealer-journey-grid b,
body.page-dealer-spklu.dealer-core-final .dealer-trust-grid b{
  display:block!important;color:#071326!important;font-size:15px!important;margin-bottom:7px!important;line-height:1.25!important;
}
body.page-dealer-spklu.dealer-core-final .dealer-intent-grid span,
body.page-dealer-spklu.dealer-core-final .dealer-step-grid p,
body.page-dealer-spklu.dealer-core-final .dealer-journey-grid span,
body.page-dealer-spklu.dealer-core-final .dealer-trust-grid span{
  color:#526276!important;font-size:13px!important;line-height:1.5!important;
}
body.page-dealer-spklu.dealer-core-final .dealer-step-grid em{
  display:inline-grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:50%!important;background:#071326!important;color:#fff!important;font-style:normal!important;font-weight:950!important;margin-bottom:14px!important;
}
body.page-dealer-spklu.dealer-core-final .dealer-city-grid{
  display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-top:18px!important;
}
body.page-dealer-spklu.dealer-core-final .dealer-city-grid button{
  border:1px solid #cfe0f4!important;border-radius:999px!important;background:#fff!important;color:#0f4fa8!important;padding:10px 14px!important;font-weight:900!important;cursor:pointer!important;
}
body.page-dealer-spklu.dealer-core-final .dealer-journey-grid a{text-decoration:none!important}
body.page-dealer-spklu.dealer-core-final .dealer-journey-grid em{display:inline-block!important;margin-top:12px!important;color:#0b64d8!important;font-style:normal!important;font-weight:950!important}
body.page-dealer-spklu.dealer-core-final .dealer-faq-list{display:grid!important;gap:10px!important;margin-top:18px!important;max-width:920px!important}
body.page-dealer-spklu.dealer-core-final .dealer-faq-list details{border:1px solid #dbe7f5!important;border-radius:18px!important;background:#fff!important;padding:0 16px!important;color:#0f172a!important}
body.page-dealer-spklu.dealer-core-final .dealer-faq-list summary{cursor:pointer!important;padding:16px 0!important;font-weight:950!important;color:#071326!important}
body.page-dealer-spklu.dealer-core-final .dealer-faq-list p{margin:0 0 16px!important;color:#526276!important;line-height:1.6!important}
body.page-dealer-spklu.dealer-core-final .dealer-final-blue-cta{
  display:grid!important;grid-template-columns:1fr auto!important;gap:18px!important;align-items:center!important;background:radial-gradient(circle at 80% 20%,rgba(0,170,255,.24),transparent 34%),linear-gradient(135deg,#020914,#061427 58%,#0a3164)!important;color:#fff!important;border:0!important;overflow:hidden!important;
}
body.page-dealer-spklu.dealer-core-final .dealer-final-blue-cta span{color:#bfe2ff!important;text-transform:uppercase!important;font-size:10px!important;font-weight:950!important;letter-spacing:.08em!important}
body.page-dealer-spklu.dealer-core-final .dealer-final-blue-cta h2{color:#fff!important;margin:8px 0!important;font-size:28px!important;line-height:1.12!important}
body.page-dealer-spklu.dealer-core-final .dealer-final-blue-cta p{color:#dbeafe!important;margin:0!important;line-height:1.55!important}
body.page-dealer-spklu.dealer-core-final .dealer-final-blue-cta>div:last-child{display:flex!important;gap:10px!important;flex-wrap:wrap!important;justify-content:flex-end!important}
body.page-dealer-spklu.dealer-core-final .dealer-final-blue-cta button{border:1px solid rgba(255,255,255,.22)!important;border-radius:999px!important;background:#fff!important;color:#0b2b56!important;padding:12px 16px!important;font-weight:950!important;cursor:pointer!important}
body.page-dealer-spklu.dealer-core-final .dealer-final-blue-cta button:last-child{background:#35d76f!important;color:#062716!important;border-color:transparent!important}
@media(max-width:980px){
  body.page-dealer-spklu.dealer-core-final .dealer-intent-grid,
  body.page-dealer-spklu.dealer-core-final .dealer-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.page-dealer-spklu.dealer-core-final .dealer-step-grid,
  body.page-dealer-spklu.dealer-core-final .dealer-journey-grid,
  body.page-dealer-spklu.dealer-core-final .dealer-final-blue-cta{grid-template-columns:1fr!important}
  body.page-dealer-spklu.dealer-core-final .dealer-final-blue-cta>div:last-child{justify-content:flex-start!important}
}
@media(max-width:620px){
  body.page-dealer-spklu.dealer-core-final .dealer-blueprint-sections>section{padding:18px!important;border-radius:20px!important}
  body.page-dealer-spklu.dealer-core-final .dealer-blue-head h2{font-size:23px!important}
  body.page-dealer-spklu.dealer-core-final .dealer-intent-grid,
  body.page-dealer-spklu.dealer-core-final .dealer-trust-grid{grid-template-columns:1fr!important}
  body.page-dealer-spklu.dealer-core-final .dealer-city-grid{flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:4px!important}
  body.page-dealer-spklu.dealer-core-final .dealer-city-grid button{white-space:nowrap!important}
  body.page-dealer-spklu.dealer-core-final .dealer-final-blue-cta button{width:100%!important;text-align:center!important}
}

/* OtoRev Dealer & SPKLU honest empty state — 2026-06-11 */
body.page-dealer-spklu.dealer-core-final .dealer-empty-location{
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.06)!important;
  padding:18px!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)!important;
}
body.page-dealer-spklu.dealer-core-final .dealer-empty-location b{
  display:block!important;
  color:#fff!important;
  font-size:16px!important;
  line-height:1.3!important;
  margin-bottom:8px!important;
}
body.page-dealer-spklu.dealer-core-final .dealer-empty-location p{
  margin:0 0 14px!important;
  color:#dbeafe!important;
  line-height:1.55!important;
  font-size:13px!important;
}
body.page-dealer-spklu.dealer-core-final .dealer-empty-location button{
  border:0!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#0b2b56!important;
  padding:11px 15px!important;
  font-weight:950!important;
  cursor:pointer!important;
}

/* OtoRev Dealer live-brand logo expansion — 2026-06-11 */
body.page-dealer-spklu.dealer-core-final .dealer-logo-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
body.page-dealer-spklu.dealer-core-final .dealer-logo-grid .dealer-brand-logo{
  height:82px!important;
}
@media(max-width:900px){body.page-dealer-spklu.dealer-core-final .dealer-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:620px){body.page-dealer-spklu.dealer-core-final .dealer-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* OtoRev Dealer mobile blueprint hard override — 2026-06-11 */
@media(max-width:620px){
  body.page-dealer-spklu.dealer-core-final .dealer-blueprint-sections,
  body.page-dealer-spklu.dealer-core-final .dealer-blueprint-sections *{
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  body.page-dealer-spklu.dealer-core-final .dealer-intent-grid,
  body.page-dealer-spklu.dealer-core-final .dealer-step-grid,
  body.page-dealer-spklu.dealer-core-final .dealer-journey-grid,
  body.page-dealer-spklu.dealer-core-final .dealer-trust-grid,
  body.page-dealer-spklu.dealer-core-final .dealer-final-blue-cta{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
  }
  body.page-dealer-spklu.dealer-core-final .dealer-intent-grid button,
  body.page-dealer-spklu.dealer-core-final .dealer-step-grid article,
  body.page-dealer-spklu.dealer-core-final .dealer-journey-grid a,
  body.page-dealer-spklu.dealer-core-final .dealer-trust-grid article{
    width:100%!important;
    min-width:0!important;
  }
  body.page-dealer-spklu.dealer-core-final .dealer-final-blue-cta>div,
  body.page-dealer-spklu.dealer-core-final .dealer-final-blue-cta>div:last-child{
    width:100%!important;
    min-width:0!important;
  }
}

/* OtoRev Dealer mobile min-width correction — 2026-06-11 */
@media(max-width:620px){
  body.page-dealer-spklu.dealer-core-final #dealerBlueprintSections{
    min-width:0!important;
    overflow:hidden!important;
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.page-dealer-spklu.dealer-core-final #dealerBlueprintSections>section,
  body.page-dealer-spklu.dealer-core-final #dealerBlueprintSections>section>*{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
  }
  body.page-dealer-spklu.dealer-core-final .dealer-blue-head,
  body.page-dealer-spklu.dealer-core-final .dealer-blue-head p,
  body.page-dealer-spklu.dealer-core-final .dealer-blue-head h2{
    min-width:0!important;
    max-width:100%!important;
    overflow-wrap:anywhere!important;
  }
  body.page-dealer-spklu.dealer-core-final .dealer-intent-grid,
  body.page-dealer-spklu.dealer-core-final .dealer-step-grid,
  body.page-dealer-spklu.dealer-core-final .dealer-journey-grid,
  body.page-dealer-spklu.dealer-core-final .dealer-trust-grid,
  body.page-dealer-spklu.dealer-core-final .dealer-faq-list,
  body.page-dealer-spklu.dealer-core-final .dealer-final-blue-cta{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
}

/* OtoRev Dealer & SPKLU visual cleanup v2 — 2026-06-11 */
body.page-dealer-spklu.dealer-visual-clean-v2 #dealerBlueprintSections,
body.page-dealer-spklu.dealer-visual-clean-v2 .dealer-blueprint-sections{
  display:none!important;
}
body.page-dealer-spklu.dealer-visual-clean-v2 #dealer-core .dealer__wrap{
  background:#fff!important;
}
body.page-dealer-spklu.dealer-visual-clean-v2 .route-stat-grid{
  margin-top:-34px!important;
  margin-bottom:18px!important;
  gap:12px!important;
}
body.page-dealer-spklu.dealer-visual-clean-v2 .route-stat-grid article{
  min-height:92px!important;
  padding:16px!important;
  border-radius:18px!important;
  box-shadow:0 14px 34px rgba(15,23,42,.10)!important;
}
body.page-dealer-spklu.dealer-visual-clean-v2 .route-stat-grid i{
  width:42px!important;
  height:42px!important;
  font-size:22px!important;
  border-radius:14px!important;
}
body.page-dealer-spklu.dealer-visual-clean-v2 .route-stat-grid b{font-size:26px!important}
body.page-dealer-spklu.dealer-visual-clean-v2 .route-stat-grid span{font-size:12px!important}
body.page-dealer-spklu.dealer-visual-clean-v2 .map-panel{
  margin-top:16px!important;
  padding:18px!important;
  border-radius:28px!important;
  grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr)!important;
  gap:18px!important;
  background:linear-gradient(145deg,#061427 0%,#082f66 100%)!important;
  box-shadow:0 28px 86px rgba(7,21,40,.18)!important;
}
body.page-dealer-spklu.dealer-visual-clean-v2 .indo-map,
body.page-dealer-spklu.dealer-visual-clean-v2 .indo-map img{
  min-height:420px!important;
  border-radius:22px!important;
}
body.page-dealer-spklu.dealer-visual-clean-v2 .map-panel aside{
  padding:6px 4px!important;
  max-height:430px!important;
  overflow:auto!important;
  scrollbar-width:thin!important;
}
body.page-dealer-spklu.dealer-visual-clean-v2 .dealer-near-head h2{
  font-size:25px!important;
  line-height:1.12!important;
  margin:0 0 8px!important;
  color:#fff!important;
}
body.page-dealer-spklu.dealer-visual-clean-v2 .dealer-near-head p{
  color:#dbeafe!important;
  font-size:13px!important;
  line-height:1.5!important;
  margin:0 0 8px!important;
}
body.page-dealer-spklu.dealer-visual-clean-v2 .map-panel aside article{
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:16px!important;
  padding:13px!important;
  margin:10px 0!important;
}
body.page-dealer-spklu.dealer-visual-clean-v2 .map-panel aside article b{color:#fff!important}
body.page-dealer-spklu.dealer-visual-clean-v2 .map-panel aside article p{color:#d4e3f6!important}
body.page-dealer-spklu.dealer-visual-clean-v2 .map-panel aside article small{color:#a9d5ff!important}
body.page-dealer-spklu.dealer-visual-clean-v2 .filter-card{
  margin-top:18px!important;
  padding:18px!important;
  border-radius:24px!important;
  box-shadow:0 16px 44px rgba(15,23,42,.07)!important;
}
body.page-dealer-spklu.dealer-visual-clean-v2 .dealer-core-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin-bottom:14px!important;
}
body.page-dealer-spklu.dealer-visual-clean-v2 .dealer-core-head h2{
  margin:0 0 4px!important;
  font-size:22px!important;
  color:#071326!important;
}
body.page-dealer-spklu.dealer-visual-clean-v2 .dealer-core-head p{
  margin:0!important;
  color:#64748b!important;
  font-size:13px!important;
}
body.page-dealer-spklu.dealer-visual-clean-v2 [data-dealer-core-count]{
  flex:0 0 auto!important;
  border-radius:999px!important;
  background:#eaf4ff!important;
  color:#075ed0!important;
  padding:8px 12px!important;
  font-size:12px!important;
  font-weight:950!important;
}
body.page-dealer-spklu.dealer-visual-clean-v2 .dealer-filter-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
body.page-dealer-spklu.dealer-visual-clean-v2 .dealer-filter-actions{
  margin-top:12px!important;
}
body.page-dealer-spklu.dealer-visual-clean-v2 .dealer-bottom-grid{
  margin-top:18px!important;
  grid-template-columns:1.05fr .95fr!important;
  gap:18px!important;
}
body.page-dealer-spklu.dealer-visual-clean-v2 .dealer-bottom-grid>div{
  border-radius:26px!important;
  padding:20px!important;
  min-width:0!important;
}
body.page-dealer-spklu.dealer-visual-clean-v2 .dealer-panel-head h2{
  font-size:24px!important;
}
body.page-dealer-spklu.dealer-visual-clean-v2 .dealer-panel-head p{
  font-size:13px!important;
  line-height:1.5!important;
  margin-bottom:14px!important;
}
body.page-dealer-spklu.dealer-visual-clean-v2 .dealer-logo-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px!important;
}
body.page-dealer-spklu.dealer-visual-clean-v2 .dealer-logo-grid .dealer-brand-logo{
  height:64px!important;
  border-radius:14px!important;
  padding:8px!important;
  box-shadow:0 8px 18px rgba(2,8,23,.12)!important;
}
body.page-dealer-spklu.dealer-visual-clean-v2 .dealer-logo-grid .dealer-brand-logo img{
  max-height:25px!important;
  max-width:78px!important;
}
body.page-dealer-spklu.dealer-visual-clean-v2 .dealer-logo-grid .dealer-brand-logo span{
  font-size:10px!important;
}
body.page-dealer-spklu.dealer-visual-clean-v2 .benefit-panel>div:last-child{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
body.page-dealer-spklu.dealer-visual-clean-v2 .benefit-panel article{
  padding:12px!important;
  border-radius:16px!important;
}
body.page-dealer-spklu.dealer-visual-clean-v2 .benefit-panel article i{
  width:34px!important;
  height:34px!important;
  margin-bottom:9px!important;
}
body.page-dealer-spklu.dealer-visual-clean-v2 .route-cta{
  margin-top:18px!important;
  border-radius:24px!important;
}
@media(max-width:980px){
  body.page-dealer-spklu.dealer-visual-clean-v2 .map-panel,
  body.page-dealer-spklu.dealer-visual-clean-v2 .dealer-bottom-grid,
  body.page-dealer-spklu.dealer-visual-clean-v2 .dealer-filter-grid{
    grid-template-columns:1fr!important;
  }
  body.page-dealer-spklu.dealer-visual-clean-v2 .map-panel aside{max-height:none!important;overflow:visible!important}
}
@media(max-width:620px){
  body.page-dealer-spklu.dealer-visual-clean-v2 .route-stat-grid{grid-template-columns:repeat(2,1fr)!important}
  body.page-dealer-spklu.dealer-visual-clean-v2 .dealer-core-head{display:grid!important}
  body.page-dealer-spklu.dealer-visual-clean-v2 .dealer-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.page-dealer-spklu.dealer-visual-clean-v2 .benefit-panel>div:last-child{grid-template-columns:1fr!important}
  body.page-dealer-spklu.dealer-visual-clean-v2 .indo-map,
  body.page-dealer-spklu.dealer-visual-clean-v2 .indo-map img{min-height:270px!important}
}

/* OtoRev Dealer & SPKLU refinement v3 — 2026-06-11 */
body.page-dealer-spklu.dealer-visual-refine-v3 .filter-card{
  margin-top:16px!important;
  margin-bottom:0!important;
  border-radius:28px!important;
  border:1px solid #dbeafe!important;
  background:linear-gradient(180deg,#ffffff,#f8fbff)!important;
  box-shadow:0 22px 64px rgba(15,23,42,.09)!important;
}
body.page-dealer-spklu.dealer-visual-refine-v3 .map-panel{
  margin-top:16px!important;
}
body.page-dealer-spklu.dealer-visual-refine-v3 .dealer-core-head h2{
  font-size:24px!important;
  letter-spacing:-.035em!important;
}
body.page-dealer-spklu.dealer-visual-refine-v3 .dealer-core-head p{
  max-width:620px!important;
}
body.page-dealer-spklu.dealer-visual-refine-v3 .dealer-type-tabs{
  margin:12px 0 14px!important;
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
body.page-dealer-spklu.dealer-visual-refine-v3 .dealer-type-tabs button{
  border-radius:999px!important;
  height:40px!important;
  padding:0 16px!important;
}
body.page-dealer-spklu.dealer-visual-refine-v3 .dealer-filter-grid label{
  border:1px solid #e4ecf7!important;
  border-radius:16px!important;
  background:#fff!important;
  padding:10px!important;
  color:#334155!important;
  font-weight:900!important;
}
body.page-dealer-spklu.dealer-visual-refine-v3 .dealer-filter-grid select,
body.page-dealer-spklu.dealer-visual-refine-v3 .dealer-filter-grid input{
  border:0!important;
  border-radius:12px!important;
  background:#f4f8fd!important;
  height:42px!important;
  color:#0f172a!important;
  font-weight:850!important;
}

/* Bigger, more premium official-brand logo cards */
body.page-dealer-spklu.dealer-visual-refine-v3 .dealer-bottom-grid{
  grid-template-columns:1.12fr .88fr!important;
  align-items:stretch!important;
}
body.page-dealer-spklu.dealer-visual-refine-v3 .dealer-logo-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
body.page-dealer-spklu.dealer-visual-refine-v3 .dealer-logo-grid .dealer-brand-logo{
  height:92px!important;
  border-radius:18px!important;
  padding:12px 10px!important;
  background:linear-gradient(180deg,#ffffff,#f7fbff)!important;
  border:1px solid #d7e6f8!important;
  box-shadow:0 14px 30px rgba(15,23,42,.11)!important;
}
body.page-dealer-spklu.dealer-visual-refine-v3 .dealer-logo-grid .dealer-brand-logo img{
  max-width:118px!important;
  max-height:42px!important;
  width:auto!important;
  height:auto!important;
}
body.page-dealer-spklu.dealer-visual-refine-v3 .dealer-logo-grid .dealer-brand-logo span{
  font-size:12px!important;
  color:#1e293b!important;
  margin-top:4px!important;
}
body.page-dealer-spklu.dealer-visual-refine-v3 .dealer-logo-grid .dealer-brand-logo.all strong{
  font-size:22px!important;
}
body.page-dealer-spklu.dealer-visual-refine-v3 .dealer-logo-grid .dealer-brand-logo.all span{
  font-size:11px!important;
}

/* Cleaner buyer checklist */
body.page-dealer-spklu.dealer-visual-refine-v3 .benefit-panel{
  position:relative!important;
  overflow:hidden!important;
  background:radial-gradient(circle at 100% 0%,rgba(0,170,255,.18),transparent 30%),linear-gradient(155deg,#061427 0%,#092f62 100%)!important;
}
body.page-dealer-spklu.dealer-visual-refine-v3 .benefit-panel:after{
  content:""!important;
  position:absolute!important;
  right:-56px!important;
  bottom:-64px!important;
  width:180px!important;
  height:180px!important;
  border-radius:999px!important;
  background:radial-gradient(circle,rgba(80,190,255,.22),rgba(80,190,255,0) 70%)!important;
  pointer-events:none!important;
}
body.page-dealer-spklu.dealer-visual-refine-v3 .benefit-panel>*{
  position:relative!important;
  z-index:1!important;
}
body.page-dealer-spklu.dealer-visual-refine-v3 .benefit-panel .dealer-panel-head h2{
  font-size:28px!important;
  color:#fff!important;
}
body.page-dealer-spklu.dealer-visual-refine-v3 .benefit-panel .dealer-panel-head p{
  color:#dbeafe!important;
  font-size:13.5px!important;
}
body.page-dealer-spklu.dealer-visual-refine-v3 .benefit-panel>div:last-child{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  margin-top:16px!important;
}
body.page-dealer-spklu.dealer-visual-refine-v3 .benefit-panel article{
  display:grid!important;
  grid-template-columns:42px 1fr!important;
  gap:12px!important;
  align-items:center!important;
  padding:13px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(255,255,255,.11)!important;
}
body.page-dealer-spklu.dealer-visual-refine-v3 .benefit-panel article i{
  width:42px!important;
  height:42px!important;
  margin:0!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.13)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important;
}
body.page-dealer-spklu.dealer-visual-refine-v3 .benefit-panel article b{
  margin:0 0 3px!important;
  color:#fff!important;
  font-size:14px!important;
}
body.page-dealer-spklu.dealer-visual-refine-v3 .benefit-panel article span{
  display:block!important;
  color:#cfe0f5!important;
  font-size:12.5px!important;
  line-height:1.42!important;
}
@media(max-width:980px){
  body.page-dealer-spklu.dealer-visual-refine-v3 .dealer-bottom-grid{grid-template-columns:1fr!important}
  body.page-dealer-spklu.dealer-visual-refine-v3 .dealer-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:620px){
  body.page-dealer-spklu.dealer-visual-refine-v3 .dealer-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.page-dealer-spklu.dealer-visual-refine-v3 .dealer-logo-grid .dealer-brand-logo{height:86px!important}
  body.page-dealer-spklu.dealer-visual-refine-v3 .dealer-logo-grid .dealer-brand-logo img{max-height:36px!important;max-width:104px!important}
}

/* OtoRev Dealer buyer checklist + logo final compact polish — 2026-06-11 */
body.page-dealer-spklu.dealer-visual-refine-v3 .dealer-bottom-grid{
  align-items:start!important;
}
body.page-dealer-spklu.dealer-visual-refine-v3 .dealer-logo-grid .dealer-brand-logo img{
  max-width:142px!important;
  max-height:54px!important;
}
body.page-dealer-spklu.dealer-visual-refine-v3 .dealer-logo-grid .dealer-brand-logo{
  height:98px!important;
}
body.page-dealer-spklu.dealer-visual-refine-v3 .benefit-panel>div:last-child{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:16px!important;
}
body.page-dealer-spklu.dealer-visual-refine-v3 .benefit-panel article{
  min-height:0!important;
  height:auto!important;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  gap:4px 11px!important;
  align-items:start!important;
  padding:14px!important;
  border-radius:18px!important;
}
body.page-dealer-spklu.dealer-visual-refine-v3 .benefit-panel article i{
  grid-row:1 / span 2!important;
  width:40px!important;
  height:40px!important;
  font-size:19px!important;
}
body.page-dealer-spklu.dealer-visual-refine-v3 .benefit-panel article b{
  display:block!important;
  margin:0!important;
  font-size:14px!important;
  line-height:1.18!important;
}
body.page-dealer-spklu.dealer-visual-refine-v3 .benefit-panel article span{
  display:block!important;
  margin:0!important;
  font-size:12px!important;
  line-height:1.35!important;
}
body.page-dealer-spklu.dealer-visual-refine-v3 .benefit-panel .dealer-panel-head{
  margin-bottom:0!important;
}
body.page-dealer-spklu.dealer-visual-refine-v3 .benefit-panel .dealer-panel-head h2{
  font-size:25px!important;
}
@media(max-width:980px){
  body.page-dealer-spklu.dealer-visual-refine-v3 .benefit-panel>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  body.page-dealer-spklu.dealer-visual-refine-v3 .benefit-panel>div:last-child{grid-template-columns:1fr!important}
  body.page-dealer-spklu.dealer-visual-refine-v3 .dealer-logo-grid .dealer-brand-logo{height:90px!important}
}

/* OtoRev Dealer & SPKLU final page content v4 — 2026-06-11 */
body.page-dealer-spklu.dealer-final-page-v4 #dealerFinalContentV4{
  display:grid!important;
  gap:18px!important;
  margin-top:18px!important;
  margin-bottom:0!important;
  min-width:0!important;
}
body.page-dealer-spklu.dealer-final-page-v4 #dealerFinalContentV4 *{box-sizing:border-box;min-width:0}
body.page-dealer-spklu.dealer-final-page-v4 .dealer-v4-head span{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0 0 8px!important;
  font-size:11px!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  font-weight:950!important;
  color:#0b75d1!important;
}
body.page-dealer-spklu.dealer-final-page-v4 .dealer-v4-head h2{
  margin:0!important;
  color:#071326!important;
  font-size:clamp(24px,3vw,34px)!important;
  line-height:1.08!important;
  letter-spacing:-.045em!important;
}
body.page-dealer-spklu.dealer-final-page-v4 .dealer-v4-head p{
  margin:10px 0 0!important;
  color:#64748b!important;
  font-size:14px!important;
  line-height:1.62!important;
  max-width:680px!important;
}
body.page-dealer-spklu.dealer-final-page-v4 .dealer-city-panel-v4,
body.page-dealer-spklu.dealer-final-page-v4 .dealer-guide-main-v4,
body.page-dealer-spklu.dealer-final-page-v4 .dealer-faq-v4{
  background:#fff!important;
  border:1px solid #e2e8f0!important;
  border-radius:28px!important;
  padding:24px!important;
  box-shadow:0 18px 54px rgba(15,23,42,.08)!important;
}
body.page-dealer-spklu.dealer-final-page-v4 .dealer-city-grid-v4{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:18px!important;
}
body.page-dealer-spklu.dealer-final-page-v4 .dealer-city-grid-v4 button{
  appearance:none!important;
  border:1px solid #dbeafe!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fff,#f7fbff)!important;
  padding:14px!important;
  min-height:84px!important;
  text-align:left!important;
  color:#0f172a!important;
  font-weight:950!important;
  cursor:pointer!important;
  box-shadow:0 10px 24px rgba(15,23,42,.06)!important;
}
body.page-dealer-spklu.dealer-final-page-v4 .dealer-city-grid-v4 button small{
  display:block!important;
  margin-top:6px!important;
  color:#0b75d1!important;
  font-size:11px!important;
  font-weight:950!important;
}
body.page-dealer-spklu.dealer-final-page-v4 .dealer-guide-grid-v4{
  display:grid!important;
  grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr)!important;
  gap:18px!important;
}
body.page-dealer-spklu.dealer-final-page-v4 .dealer-guide-list-v4{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:20px!important;
}
body.page-dealer-spklu.dealer-final-page-v4 .dealer-guide-list-v4>div{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  gap:4px 12px!important;
  background:#f8fbff!important;
  border:1px solid #e2ebf7!important;
  border-radius:20px!important;
  padding:15px!important;
}
body.page-dealer-spklu.dealer-final-page-v4 .dealer-guide-list-v4 i{
  grid-row:1 / span 2!important;
  width:44px!important;
  height:44px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:15px!important;
  background:#eaf4ff!important;
  font-style:normal!important;
}
body.page-dealer-spklu.dealer-final-page-v4 .dealer-guide-list-v4 b{
  color:#0f172a!important;
  font-size:14px!important;
  line-height:1.2!important;
}
body.page-dealer-spklu.dealer-final-page-v4 .dealer-guide-list-v4 p{
  margin:0!important;
  color:#64748b!important;
  font-size:12.5px!important;
  line-height:1.45!important;
}
body.page-dealer-spklu.dealer-final-page-v4 .dealer-next-v4{
  border-radius:28px!important;
  padding:24px!important;
  background:radial-gradient(circle at 90% 0%,rgba(56,189,248,.18),transparent 34%),linear-gradient(155deg,#061427 0%,#0a356d 100%)!important;
  color:#fff!important;
  box-shadow:0 28px 70px rgba(7,21,40,.18)!important;
}
body.page-dealer-spklu.dealer-final-page-v4 .dealer-next-v4 span{
  display:block!important;
  margin-bottom:8px!important;
  font-size:11px!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  color:#93c5fd!important;
  font-weight:950!important;
}
body.page-dealer-spklu.dealer-final-page-v4 .dealer-next-v4 h3{
  margin:0 0 18px!important;
  color:#fff!important;
  font-size:24px!important;
  line-height:1.15!important;
  letter-spacing:-.035em!important;
}
body.page-dealer-spklu.dealer-final-page-v4 .dealer-next-v4 a{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  padding:13px 0!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
  color:#eaf4ff!important;
  font-weight:900!important;
}
body.page-dealer-spklu.dealer-final-page-v4 .dealer-next-v4 a em{
  font-style:normal!important;
  color:#7dd3fc!important;
}
body.page-dealer-spklu.dealer-final-page-v4 .dealer-faq-v4 details{
  border:1px solid #e2e8f0!important;
  border-radius:18px!important;
  background:#f8fbff!important;
  margin-top:10px!important;
  overflow:hidden!important;
}
body.page-dealer-spklu.dealer-final-page-v4 .dealer-faq-v4 summary{
  cursor:pointer!important;
  padding:16px 18px!important;
  color:#0f172a!important;
  font-weight:950!important;
  list-style:none!important;
}
body.page-dealer-spklu.dealer-final-page-v4 .dealer-faq-v4 summary::-webkit-details-marker{display:none!important}
body.page-dealer-spklu.dealer-final-page-v4 .dealer-faq-v4 p{
  margin:0!important;
  padding:0 18px 16px!important;
  color:#64748b!important;
  font-size:14px!important;
  line-height:1.6!important;
}
@media(max-width:980px){
  body.page-dealer-spklu.dealer-final-page-v4 .dealer-city-grid-v4{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.page-dealer-spklu.dealer-final-page-v4 .dealer-guide-grid-v4{grid-template-columns:1fr!important}
}
@media(max-width:620px){
  body.page-dealer-spklu.dealer-final-page-v4 .dealer-city-panel-v4,
  body.page-dealer-spklu.dealer-final-page-v4 .dealer-guide-main-v4,
  body.page-dealer-spklu.dealer-final-page-v4 .dealer-faq-v4,
  body.page-dealer-spklu.dealer-final-page-v4 .dealer-next-v4{padding:18px!important;border-radius:22px!important}
  body.page-dealer-spklu.dealer-final-page-v4 .dealer-city-grid-v4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.page-dealer-spklu.dealer-final-page-v4 .dealer-city-grid-v4 button{min-height:78px!important;padding:12px!important;font-size:13px!important}
  body.page-dealer-spklu.dealer-final-page-v4 .dealer-guide-list-v4{grid-template-columns:1fr!important}
}

/* OtoRev Dealer & SPKLU filter UX v5 — 2026-06-11 */
body.page-dealer-spklu.dealer-filter-v5 .filter-card{
  padding:18px!important;
  background:linear-gradient(180deg,#ffffff,#f8fbff)!important;
  border:1px solid #dbeafe!important;
  border-radius:28px!important;
}
body.page-dealer-spklu.dealer-filter-v5 .dealer-filter-v5-head{
  display:flex!important;
  align-items:start!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin-bottom:14px!important;
}
body.page-dealer-spklu.dealer-filter-v5 .dealer-filter-v5-head span{
  display:block!important;
  color:#0b75d1!important;
  font-size:11px!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  font-weight:950!important;
  margin-bottom:4px!important;
}
body.page-dealer-spklu.dealer-filter-v5 .dealer-filter-v5-head h2{
  margin:0!important;
  color:#071326!important;
  font-size:24px!important;
  letter-spacing:-.04em!important;
}
body.page-dealer-spklu.dealer-filter-v5 .dealer-filter-v5-head p{
  margin:4px 0 0!important;
  color:#64748b!important;
  font-size:13px!important;
  line-height:1.5!important;
}
body.page-dealer-spklu.dealer-filter-v5 [data-v5-count]{
  flex:0 0 auto!important;
  border-radius:999px!important;
  background:#eaf4ff!important;
  color:#075ed0!important;
  padding:8px 12px!important;
  font-size:12px!important;
  font-weight:950!important;
}
body.page-dealer-spklu.dealer-filter-v5 .dealer-mode-tabs-v5{
  display:inline-flex!important;
  gap:5px!important;
  padding:5px!important;
  border-radius:16px!important;
  background:#071a33!important;
  border:1px solid rgba(15,23,42,.12)!important;
  margin-bottom:12px!important;
}
body.page-dealer-spklu.dealer-filter-v5 .dealer-mode-tabs-v5 button{
  appearance:none!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  color:#b9d1ef!important;
  height:42px!important;
  padding:0 18px!important;
  font-weight:950!important;
  cursor:pointer!important;
}
body.page-dealer-spklu.dealer-filter-v5 .dealer-mode-tabs-v5 button[aria-selected="true"]{
  background:rgba(77,141,255,.18)!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(77,141,255,.42)!important;
}
body.page-dealer-spklu.dealer-filter-v5 .dealer-toolbar-v5{
  display:grid!important;
  grid-template-columns:minmax(230px,1.35fr) minmax(170px,.85fr) minmax(170px,.85fr) minmax(150px,.7fr)!important;
  gap:10px!important;
  align-items:center!important;
}
body.page-dealer-spklu.dealer-filter-v5 .dealer-toolbar-v5 input,
body.page-dealer-spklu.dealer-filter-v5 .dealer-toolbar-v5 select{
  width:100%!important;
  height:48px!important;
  border-radius:15px!important;
  border:1px solid #dbe7f5!important;
  background:#fff!important;
  color:#0f172a!important;
  padding:0 14px!important;
  font-weight:850!important;
  font-size:14px!important;
  outline:none!important;
}
body.page-dealer-spklu.dealer-filter-v5 .dealer-toolbar-v5 input::placeholder{color:#64748b!important}
body.page-dealer-spklu.dealer-filter-v5 .dealer-toolbar-v5 [hidden]{display:none!important}
body.page-dealer-spklu.dealer-filter-v5 .dealer-resultline-v5{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  margin-top:12px!important;
  color:#64748b!important;
  font-size:12.5px!important;
  font-weight:750!important;
}
body.page-dealer-spklu.dealer-filter-v5 .dealer-resultline-v5 button{
  appearance:none!important;
  border:0!important;
  background:transparent!important;
  color:#0b75d1!important;
  font-weight:950!important;
  cursor:pointer!important;
}
@media(max-width:980px){
  body.page-dealer-spklu.dealer-filter-v5 .dealer-toolbar-v5{grid-template-columns:1fr 1fr!important}
}
@media(max-width:620px){
  body.page-dealer-spklu.dealer-filter-v5 .dealer-filter-v5-head{display:grid!important}
  body.page-dealer-spklu.dealer-filter-v5 .dealer-mode-tabs-v5{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}
  body.page-dealer-spklu.dealer-filter-v5 .dealer-mode-tabs-v5 button{padding:0 10px!important;font-size:13px!important}
  body.page-dealer-spklu.dealer-filter-v5 .dealer-toolbar-v5{grid-template-columns:1fr!important}
}

/* OtoRev Katalog EV final content v2x — 2026-06-11 */
body.catalog-final-v2x{padding-bottom:0!important}body.catalog-final-v2x.cat2-tray-on{padding-bottom:108px!important}
body.catalog-final-v2x .catalog__wrap{background:#fff!important;color:#0f172a!important}
body.catalog-final-v2x .catalog-v2x-stats{margin-top:-34px!important;margin-bottom:18px!important}
body.catalog-final-v2x .catalog-v2x-main,body.catalog-final-v2x .catalog-v2x-needs,body.catalog-final-v2x .catalog-v2x-gloss,body.catalog-final-v2x .catalog-v2x-trust,body.catalog-final-v2x .catalog-v2x-faq{padding:24px!important;border-radius:28px!important;border:1px solid #e2e8f0!important;background:#fff!important;box-shadow:0 18px 54px rgba(15,23,42,.08)!important;margin-top:18px!important}
body.catalog-final-v2x .catalog-v2x-needs.alt-block,body.catalog-final-v2x .catalog-v2x-trust.alt-block{background:#071326!important;color:#fff!important;border-color:rgba(148,170,210,.18)!important}
body.catalog-final-v2x .catalog-v2x-head span{display:block!important;color:#0b75d1!important;font-size:11px!important;letter-spacing:.14em!important;text-transform:uppercase!important;font-weight:950!important;margin-bottom:8px!important}body.catalog-final-v2x .alt-block .catalog-v2x-head span{color:#93c5fd!important}
body.catalog-final-v2x .catalog-v2x-head h2{margin:0!important;font-size:clamp(24px,3vw,36px)!important;line-height:1.1!important;letter-spacing:-.045em!important;color:#071326!important}body.catalog-final-v2x .alt-block .catalog-v2x-head h2{color:#fff!important}
body.catalog-final-v2x .catalog-v2x-head p{margin:10px 0 0!important;color:#64748b!important;max-width:720px!important;line-height:1.6!important}body.catalog-final-v2x .alt-block .catalog-v2x-head p{color:#dbeafe!important}
body.catalog-final-v2x .cat2-layout{display:grid!important;grid-template-columns:264px minmax(0,1fr)!important;gap:18px!important;margin-top:24px!important;align-items:start!important}
body.catalog-final-v2x .cat2-sidebar{position:sticky!important;top:80px!important;max-height:calc(100vh - 100px)!important;overflow:auto!important;background:#071326!important;border:1px solid rgba(148,170,210,.22)!important;border-radius:22px!important;padding:18px!important;color:#eaf4ff!important;display:flex!important;flex-direction:column!important;gap:20px!important}
body.catalog-final-v2x .cat2-ftitle{font-size:11px!important;letter-spacing:.15em!important;text-transform:uppercase!important;color:#93c5fd!important;font-weight:950!important;margin-bottom:8px!important;display:flex!important;gap:8px!important;align-items:center!important}body.catalog-final-v2x .cat2-ftitle:after{content:"";height:1px;background:rgba(148,170,210,.22);flex:1}
body.catalog-final-v2x .cat2-fopt{display:flex!important;align-items:center!important;gap:10px!important;padding:8px 9px!important;border-radius:10px!important;cursor:pointer!important;color:#cbd5e1!important;font-size:14px!important}body.catalog-final-v2x .cat2-fopt:hover{background:rgba(255,255,255,.05)!important}body.catalog-final-v2x .cat2-fopt input{accent-color:#4d8dff!important}body.catalog-final-v2x .cat2-fopt span{flex:1!important}body.catalog-final-v2x .cat2-fopt em{font-style:normal!important;font-size:11px!important;color:#93c5fd!important}body.catalog-final-v2x .cat2-fopt:has(input:checked){background:rgba(77,141,255,.16)!important;color:#fff!important;font-weight:900!important}
body.catalog-final-v2x .cat2-reset,.cat2-filter-toggle{appearance:none!important;border:1px solid rgba(148,170,210,.28)!important;border-radius:14px!important;background:transparent!important;color:#eaf4ff!important;font-weight:900!important;height:42px!important;cursor:pointer!important}.cat2-filter-toggle{display:none!important;background:#071326!important;width:100%!important;margin-top:18px!important}
body.catalog-final-v2x .cat2-topbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important;margin-bottom:14px!important}body.catalog-final-v2x #cat2Count{font-family:'Plus Jakarta Sans',sans-serif!important;font-size:12px!important;color:#64748b!important;font-weight:800!important}body.catalog-final-v2x #cat2Sort{height:42px!important;border-radius:14px!important;border:1px solid #dbe7f5!important;background:#fff!important;padding:0 12px!important;color:#0f172a!important;font-weight:850!important}
body.catalog-final-v2x .cat2-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important;gap:16px!important}.cat2-card{background:#071326!important;color:#eaf4ff!important;border:1px solid rgba(148,170,210,.2)!important;border-radius:20px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;box-shadow:0 18px 42px rgba(15,23,42,.12)!important;transition:.18s ease!important}.cat2-card:hover{transform:translateY(-3px);border-color:rgba(77,141,255,.55)!important}.cat2-img{position:relative!important;display:block!important;aspect-ratio:16/9.5!important;background:#0b1f3c!important;overflow:hidden!important}.cat2-img img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}.cat2-badge{position:absolute!important;left:12px!important;bottom:12px!important;border-radius:999px!important;padding:5px 10px!important;background:rgba(7,12,22,.72)!important;border:1px solid rgba(77,141,255,.45)!important;color:#93c5fd!important;font-size:10px!important;font-weight:950!important;letter-spacing:.08em!important;text-transform:uppercase!important}.cat2-badge.local{color:#fbbf24!important;border-color:rgba(251,191,36,.45)!important}.cat2-body{padding:16px!important;display:flex!important;flex-direction:column!important;gap:10px!important;flex:1!important}.cat2-body small{color:#60a5fa!important;font-size:11px!important;letter-spacing:.14em!important;text-transform:uppercase!important;font-weight:950!important}.cat2-name{font-size:19px!important;font-weight:950!important;letter-spacing:-.02em!important}.cat2-body>b{font-family:'Plus Jakarta Sans',sans-serif!important;font-size:14px!important}.cat2-body>b em{display:block!important;font-style:normal!important;color:#94a3b8!important;font-size:10.5px!important;font-weight:700!important;margin-top:2px!important}.cat2-specs{display:grid!important;grid-template-columns:1fr 1fr!important;border:1px solid rgba(148,170,210,.18)!important;border-radius:13px!important;overflow:hidden!important}.cat2-specs span{padding:9px 10px!important;border-bottom:1px solid rgba(148,170,210,.16)!important}.cat2-specs span:nth-child(odd){border-right:1px solid rgba(148,170,210,.16)!important}.cat2-specs span:nth-last-child(-n+2){border-bottom:0!important}.cat2-specs em{display:block!important;font-style:normal!important;color:#94a3b8!important;font-size:9.5px!important;text-transform:uppercase!important;letter-spacing:.08em!important}.cat2-specs strong{font-family:'Plus Jakarta Sans',sans-serif!important;font-size:12px!important}.cat2-actions{display:flex!important;gap:8px!important;margin-top:auto!important}.cat2-actions a,.cat2-actions button{flex:1!important;height:40px!important;border-radius:12px!important;display:grid!important;place-items:center!important;font-weight:950!important;font-size:13px!important;text-decoration:none!important}.cat2-actions a{background:linear-gradient(135deg,#4d8dff,#2e6bff)!important;color:#fff!important}.cat2-actions button{border:1px solid rgba(148,170,210,.32)!important;background:transparent!important;color:#dbeafe!important;cursor:pointer!important}.cat2-actions button[aria-pressed="true"]{background:rgba(77,141,255,.16)!important;color:#93c5fd!important;border-color:#4d8dff!important}.cat2-empty{grid-column:1/-1!important;text-align:center!important;border:1px dashed #cbd5e1!important;border-radius:20px!important;padding:46px!important;color:#64748b!important}.cat2-empty button{border:0!important;background:transparent!important;color:#0b75d1!important;font-weight:950!important;cursor:pointer!important}
body.catalog-final-v2x .cat2-needs,body.catalog-final-v2x .cat2-gloss,body.catalog-final-v2x .cat2-trust{display:grid!important;gap:14px!important;margin-top:20px!important}.cat2-needs{grid-template-columns:repeat(4,1fr)!important}.cat2-gloss{grid-template-columns:repeat(2,1fr)!important}.cat2-trust{grid-template-columns:repeat(3,1fr)!important}.cat2-needs button,.cat2-gloss article,.cat2-trust article{border-radius:20px!important;padding:20px!important;border:1px solid rgba(148,170,210,.18)!important;background:rgba(255,255,255,.05)!important;color:inherit!important;text-align:left!important}.cat2-needs button{cursor:pointer!important}.cat2-needs i,.cat2-trust i{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:14px!important;background:rgba(77,141,255,.14)!important;color:#93c5fd!important;font-style:normal!important;margin-bottom:12px!important}.cat2-needs b,.cat2-trust b,.cat2-gloss b{display:block!important;font-size:16px!important;color:inherit!important}.cat2-needs p,.cat2-trust p{color:#dbeafe!important;font-size:13px!important;line-height:1.5!important}.cat2-needs em{font-style:normal!important;color:#93c5fd!important;font-weight:950!important;font-size:12px!important}.cat2-gloss article{background:#f8fbff!important;color:#0f172a!important;border-color:#e2e8f0!important}.cat2-gloss small{display:block!important;color:#0b75d1!important;font-family:'Plus Jakarta Sans',sans-serif!important;font-weight:900!important;margin-bottom:8px!important}.cat2-gloss p{color:#64748b!important;font-size:14px!important;line-height:1.6!important}.cat2-gloss a{color:#0b75d1!important;font-weight:900!important}
.catalog-v2x-faq details{border:1px solid #e2e8f0!important;border-radius:18px!important;background:#f8fbff!important;margin-top:10px!important}.catalog-v2x-faq summary{cursor:pointer!important;color:#0f172a!important;font-weight:950!important;padding:16px 18px!important;list-style:none!important}.catalog-v2x-faq p{color:#64748b!important;padding:0 18px 16px!important;margin:0!important}.catalog-v2x-cta{margin-top:18px!important}.catalog-v2x-cta button{cursor:pointer!important}.cat2-tray{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:80!important;transform:translateY(110%)!important;transition:.22s!important;pointer-events:none!important}.cat2-tray.on{transform:translateY(0)!important;pointer-events:auto!important}.cat2-tray>div{max-width:1160px!important;margin:0 auto max(14px,env(safe-area-inset-bottom))!important;padding:14px!important;border-radius:18px!important;background:rgba(7,19,38,.94)!important;backdrop-filter:blur(14px)!important;border:1px solid rgba(77,141,255,.45)!important;color:#eaf4ff!important;display:flex!important;align-items:center!important;gap:12px!important;box-shadow:0 -12px 42px rgba(2,8,23,.35)!important}.cat2-tray span{font-size:11px!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#94a3b8!important;font-weight:950!important}.cat2-tray #cat2TrayChips{display:flex!important;gap:8px!important;flex-wrap:wrap!important;flex:1!important}.cat2-tray #cat2TrayChips span{letter-spacing:0!important;text-transform:none!important;color:#eaf4ff!important;border:1px solid rgba(77,141,255,.35)!important;border-radius:999px!important;background:rgba(77,141,255,.14)!important;padding:6px 8px 6px 12px!important}.cat2-tray button{border:0!important;background:transparent!important;color:#cbd5e1!important;cursor:pointer!important}.cat2-tray a{border-radius:12px!important;background:#334155!important;color:#cbd5e1!important;padding:10px 16px!important;font-weight:950!important;text-decoration:none!important}.cat2-tray a.ready{background:linear-gradient(135deg,#4d8dff,#2e6bff)!important;color:#fff!important}
@media(max-width:980px){body.catalog-final-v2x .cat2-layout{grid-template-columns:1fr!important}.cat2-filter-toggle{display:block!important}body.catalog-final-v2x .cat2-sidebar{display:none!important;position:static!important;max-height:none!important}.cat2-sidebar.open{display:flex!important}.cat2-needs{grid-template-columns:repeat(2,1fr)!important}.cat2-trust{grid-template-columns:1fr!important}}
@media(max-width:680px){body.catalog-final-v2x .catalog-v2x-main,body.catalog-final-v2x .catalog-v2x-needs,body.catalog-final-v2x .catalog-v2x-gloss,body.catalog-final-v2x .catalog-v2x-trust,body.catalog-final-v2x .catalog-v2x-faq{padding:18px!important;border-radius:22px!important}.cat2-needs,.cat2-gloss{grid-template-columns:1fr!important}.cat2-tray>div{margin-left:10px!important;margin-right:10px!important;align-items:stretch!important;flex-direction:column!important}.cat2-tray a{width:100%!important;text-align:center!important}.cat2-grid{grid-template-columns:1fr!important}}
/* Katalog EV mobile filter specificity fix — 2026-06-11 */
@media(max-width:980px){body.catalog-final-v2x .cat2-sidebar.open{display:flex!important}}

/* Katalog EV budget slider polish — 2026-06-11 */
body.catalog-final-v2x .cat2-budget-slider{padding:8px 4px 2px!important}
body.catalog-final-v2x .cat2-budget-readout{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0 0 12px!important;padding:10px 12px!important;border-radius:14px!important;background:linear-gradient(135deg,rgba(77,141,255,.24),rgba(11,117,209,.10))!important;border:1px solid rgba(77,141,255,.34)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important}
body.catalog-final-v2x .cat2-budget-readout b{font-size:14px!important;font-weight:950!important;letter-spacing:-.01em!important}
body.catalog-final-v2x .cat2-budget-readout em{min-width:28px!important;height:24px!important;border-radius:999px!important;background:rgba(147,197,253,.16)!important;color:#93c5fd!important;display:grid!important;place-items:center!important;font-style:normal!important;font-family:'Plus Jakarta Sans',sans-serif!important;font-size:11px!important;font-weight:900!important}
body.catalog-final-v2x .cat2-budget-slider input[type="range"]{width:100%!important;height:28px!important;margin:0 0 6px!important;appearance:none!important;background:transparent!important;cursor:pointer!important}
body.catalog-final-v2x .cat2-budget-slider input[type="range"]::-webkit-slider-runnable-track{height:8px!important;border-radius:999px!important;background:linear-gradient(90deg,#4d8dff,#60a5fa)!important;box-shadow:0 0 0 1px rgba(77,141,255,.24),0 10px 22px rgba(77,141,255,.16)!important}
body.catalog-final-v2x .cat2-budget-slider input[type="range"]::-webkit-slider-thumb{appearance:none!important;width:24px!important;height:24px!important;margin-top:-8px!important;border-radius:999px!important;background:#fff!important;border:6px solid #4d8dff!important;box-shadow:0 8px 18px rgba(2,8,23,.42)!important}
body.catalog-final-v2x .cat2-budget-slider input[type="range"]::-moz-range-track{height:8px!important;border-radius:999px!important;background:linear-gradient(90deg,#4d8dff,#60a5fa)!important}
body.catalog-final-v2x .cat2-budget-slider input[type="range"]::-moz-range-thumb{width:14px!important;height:14px!important;border-radius:999px!important;background:#fff!important;border:6px solid #4d8dff!important;box-shadow:0 8px 18px rgba(2,8,23,.42)!important}
body.catalog-final-v2x .cat2-budget-ticks{display:grid!important;gap:6px!important;margin-top:6px!important}
body.catalog-final-v2x .cat2-budget-ticks button{appearance:none!important;border:0!important;background:transparent!important;color:#cbd5e1!important;display:grid!important;grid-template-columns:18px 1fr auto!important;gap:9px!important;align-items:center!important;text-align:left!important;padding:7px 8px!important;border-radius:12px!important;cursor:pointer!important;font:inherit!important}
body.catalog-final-v2x .cat2-budget-ticks button:hover{background:rgba(255,255,255,.05)!important}
body.catalog-final-v2x .cat2-budget-ticks button span{width:12px!important;height:12px!important;border-radius:999px!important;background:#fff!important;box-shadow:0 0 0 3px rgba(255,255,255,.08)!important}
body.catalog-final-v2x .cat2-budget-ticks button small{font-size:13px!important;font-weight:850!important;color:inherit!important}
body.catalog-final-v2x .cat2-budget-ticks button em{font-style:normal!important;font-family:'Plus Jakarta Sans',sans-serif!important;font-size:11px!important;color:#93c5fd!important;font-weight:900!important}
body.catalog-final-v2x .cat2-budget-ticks button.on{background:rgba(77,141,255,.18)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(77,141,255,.20)!important}
body.catalog-final-v2x .cat2-budget-ticks button.on span{background:#93c5fd!important;box-shadow:0 0 0 4px rgba(77,141,255,.22)!important}

/* Katalog EV dual budget slider + editable min/max — 2026-06-11 */
body.catalog-final-v2x .cat2-budget-range .cat2-budget-inputs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:0 0 12px!important}
body.catalog-final-v2x .cat2-budget-range .cat2-budget-inputs label{position:relative!important;display:grid!important;gap:6px!important;font-size:10px!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#93c5fd!important;font-weight:950!important}
body.catalog-final-v2x .cat2-budget-range .cat2-budget-inputs input{width:100%!important;height:40px!important;border-radius:12px!important;border:1px solid rgba(147,197,253,.28)!important;background:rgba(255,255,255,.06)!important;color:#fff!important;padding:0 44px 0 11px!important;font-family:'Plus Jakarta Sans',sans-serif!important;font-weight:900!important;outline:none!important}
body.catalog-final-v2x .cat2-budget-range .cat2-budget-inputs input:focus{border-color:#60a5fa!important;box-shadow:0 0 0 3px rgba(96,165,250,.16)!important}
body.catalog-final-v2x .cat2-budget-range .cat2-budget-inputs span{position:absolute!important;right:10px!important;bottom:11px!important;color:#94a3b8!important;font-size:10px!important;letter-spacing:0!important;text-transform:none!important;font-family:'Inter',system-ui,sans-serif!important}
body.catalog-final-v2x .cat2-dual-range{position:relative!important;height:34px!important;margin:4px 4px 0!important;background:linear-gradient(90deg,rgba(51,65,85,.95) 0%,rgba(51,65,85,.95) var(--min),#4d8dff var(--min),#60a5fa var(--max),rgba(51,65,85,.95) var(--max),rgba(51,65,85,.95) 100%)!important;border-radius:999px!important;box-shadow:inset 0 0 0 1px rgba(147,197,253,.16),0 12px 24px rgba(2,8,23,.16)!important}
body.catalog-final-v2x .cat2-dual-range input[type="range"]{position:absolute!important;inset:0!important;width:100%!important;height:34px!important;margin:0!important;appearance:none!important;background:transparent!important;pointer-events:none!important;cursor:pointer!important}
body.catalog-final-v2x .cat2-dual-range input[type="range"]::-webkit-slider-runnable-track{height:34px!important;background:transparent!important;border:0!important}
body.catalog-final-v2x .cat2-dual-range input[type="range"]::-webkit-slider-thumb{appearance:none!important;pointer-events:auto!important;width:24px!important;height:24px!important;margin-top:5px!important;border-radius:999px!important;background:#fff!important;border:6px solid #4d8dff!important;box-shadow:0 8px 18px rgba(2,8,23,.42)!important}
body.catalog-final-v2x .cat2-dual-range input[type="range"]::-moz-range-track{height:34px!important;background:transparent!important;border:0!important}
body.catalog-final-v2x .cat2-dual-range input[type="range"]::-moz-range-thumb{pointer-events:auto!important;width:14px!important;height:14px!important;border-radius:999px!important;background:#fff!important;border:6px solid #4d8dff!important;box-shadow:0 8px 18px rgba(2,8,23,.42)!important}
body.catalog-final-v2x .cat2-range-scale{display:flex!important;justify-content:space-between!important;color:#94a3b8!important;font-family:'Plus Jakarta Sans',sans-serif!important;font-size:10px!important;margin:5px 2px 10px!important}
body.catalog-final-v2x .cat2-budget-ticks.compact{gap:4px!important}
body.catalog-final-v2x .cat2-budget-ticks.compact button{padding:6px 7px!important;grid-template-columns:14px 1fr auto!important}
body.catalog-final-v2x .cat2-budget-ticks.compact button span{width:9px!important;height:9px!important}

/* OtoRev vehicle detail content polish — system design layer, 2026-06-11 */
body.vehicle-detail-final-polish{background:#f6f8fb!important;color:#0f172a!important}
body.vehicle-detail-final-polish .detail-stats{margin-top:20px!important;margin-bottom:0!important}
body.vehicle-detail-final-polish .detail-stats article{border-radius:20px!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;border:1px solid #dbe7f5!important;box-shadow:0 18px 42px rgba(15,23,42,.07)!important;color:#0f172a!important;position:relative!important;overflow:hidden!important}
body.vehicle-detail-final-polish .detail-stats article:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,#4d8dff,#28d66f)!important}
body.vehicle-detail-final-polish .detail-stats i{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:14px!important;background:#eef6ff!important;color:#1677ff!important;font-style:normal!important}
body.vehicle-detail-final-polish .detail-stats b{color:#071326!important;letter-spacing:-.035em!important}
body.vehicle-detail-final-polish .detail-stats span{color:#64748b!important;font-weight:800!important}
body.vehicle-detail-final-polish .detail-final-advisor{margin-top:22px!important;border-radius:30px!important;padding:26px!important;background:#071326!important;color:#eaf4ff!important;border:1px solid rgba(148,170,210,.18)!important;box-shadow:0 28px 78px rgba(2,8,23,.22)!important;overflow:hidden!important;position:relative!important}
body.vehicle-detail-final-polish .detail-final-advisor:before{content:"";position:absolute;inset:-30% -15% auto auto;width:460px;height:460px;border-radius:999px;background:radial-gradient(circle,rgba(77,141,255,.24),transparent 62%)!important;pointer-events:none!important}
body.vehicle-detail-final-polish .detail-final-head,body.vehicle-detail-final-polish .detail-final-grid,body.vehicle-detail-final-polish .detail-final-next{position:relative!important;z-index:1!important}
body.vehicle-detail-final-polish .detail-final-head span,body.vehicle-detail-final-polish .detail2-card h2 span,body.vehicle-detail-final-polish .detail-final-decision>span{display:block!important;color:#93c5fd!important;font-size:11px!important;letter-spacing:.14em!important;text-transform:uppercase!important;font-weight:950!important;margin-bottom:8px!important}
body.vehicle-detail-final-polish .detail-final-head h2{margin:0!important;color:#fff!important;font-size:clamp(24px,3vw,36px)!important;line-height:1.08!important;letter-spacing:-.045em!important;max-width:820px!important}
body.vehicle-detail-final-polish .detail-final-head p{margin:10px 0 0!important;color:#cfe3fb!important;line-height:1.6!important;max-width:760px!important}
body.vehicle-detail-final-polish .detail-final-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:14px!important;margin-top:20px!important}
body.vehicle-detail-final-polish .detail-final-grid article{border:1px solid rgba(148,170,210,.18)!important;background:rgba(255,255,255,.055)!important;border-radius:22px!important;padding:18px!important;color:#eaf4ff!important}
body.vehicle-detail-final-polish .detail-final-grid i{display:inline-grid!important;place-items:center!important;width:38px!important;height:38px!important;border-radius:13px!important;background:rgba(77,141,255,.18)!important;color:#93c5fd!important;font-style:normal!important;font-family:'Plus Jakarta Sans',sans-serif!important;font-weight:950!important;margin-bottom:12px!important}
body.vehicle-detail-final-polish .detail-final-grid b{display:block!important;color:#fff!important;font-size:16px!important;margin-bottom:6px!important}
body.vehicle-detail-final-polish .detail-final-grid p{margin:0!important;color:#dbeafe!important;font-size:13.5px!important;line-height:1.55!important}
body.vehicle-detail-final-polish .detail-final-grid strong{color:#fff!important}
body.vehicle-detail-final-polish .detail-final-next{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-top:18px!important}
body.vehicle-detail-final-polish .detail-final-next a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;border-radius:14px!important;padding:0 16px!important;background:#fff!important;color:#071326!important;font-size:13px!important;font-weight:950!important;text-decoration:none!important}
body.vehicle-detail-final-polish .detail-final-next a:first-child{background:linear-gradient(135deg,#4d8dff,#2e6bff)!important;color:#fff!important}
body.vehicle-detail-final-polish .detail2-layout{margin-top:22px!important;grid-template-columns:minmax(0,1fr) 350px!important;gap:22px!important}
body.vehicle-detail-final-polish .detail2-card,body.vehicle-detail-final-polish .detail2-side-card{border-radius:24px!important;border:1px solid #dbe7f5!important;background:#fff!important;box-shadow:0 18px 46px rgba(15,23,42,.065)!important;color:#0f172a!important}
body.vehicle-detail-final-polish .detail2-card h2,body.vehicle-detail-final-polish .detail2-side-card h2{font-size:clamp(22px,2.5vw,30px)!important;line-height:1.08!important;letter-spacing:-.045em!important;color:#071326!important;margin-bottom:14px!important}
body.vehicle-detail-final-polish .detail2-card h2 span{color:#0b75d1!important;margin-bottom:6px!important}
body.vehicle-detail-final-polish .detail-final-note{margin:-2px 0 16px!important;padding:12px 14px!important;border-radius:16px!important;background:#eff6ff!important;border:1px solid #dbeafe!important;color:#375579!important;font-size:13px!important;line-height:1.55!important}
body.vehicle-detail-final-polish .detail2-spec-groups{gap:14px!important}
body.vehicle-detail-final-polish .detail2-spec-groups>div{border:1px solid #e2ebf6!important;border-radius:20px!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;padding:16px!important;overflow:hidden!important}
body.vehicle-detail-final-polish .detail2-spec-groups h3{display:flex!important;align-items:center!important;gap:9px!important;color:#071326!important;font-size:14px!important;letter-spacing:-.01em!important;text-transform:none!important;font-weight:950!important}
body.vehicle-detail-final-polish .detail2-spec-groups h3 i{display:grid!important;place-items:center!important;min-width:34px!important;height:28px!important;border-radius:10px!important;background:#071326!important;color:#93c5fd!important;font-style:normal!important;font-family:'Plus Jakarta Sans',sans-serif!important;font-size:10px!important}
body.vehicle-detail-final-polish .detail2-spec-groups tr:not(:last-child){border-bottom:1px solid #e7edf5!important}
body.vehicle-detail-final-polish .detail2-spec-groups td{padding:11px 0!important;font-size:13px!important}
body.vehicle-detail-final-polish .detail2-spec-groups td:first-child{color:#64748b!important;font-weight:800!important}
body.vehicle-detail-final-polish .detail2-spec-groups td:last-child{color:#0f172a!important;font-weight:950!important}
body.vehicle-detail-final-polish .detail2-procon>div{background:linear-gradient(180deg,#f8fbff,#fff)!important;border:1px solid #dfeaf7!important;border-radius:20px!important;padding:18px!important}
body.vehicle-detail-final-polish .detail2-procon h3{display:flex!important;align-items:center!important;gap:8px!important;color:#0b75d1!important;font-size:14px!important;text-transform:none!important;letter-spacing:-.01em!important;font-weight:950!important}
body.vehicle-detail-final-polish .detail-final-checklist>div{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
body.vehicle-detail-final-polish .detail-final-checklist label{display:flex!important;gap:10px!important;align-items:flex-start!important;border:1px solid #e2ebf6!important;border-radius:16px!important;padding:13px!important;background:#f8fbff!important;color:#334155!important;font-size:13.5px!important;font-weight:800!important;line-height:1.35!important}
body.vehicle-detail-final-polish .detail-final-checklist input{accent-color:#1677ff!important;margin-top:2px!important}
body.vehicle-detail-final-polish .detail2-card details{border:1px solid #e2ebf6!important;border-radius:18px!important;background:#f8fbff!important;margin-top:10px!important;padding:0 16px!important}
body.vehicle-detail-final-polish .detail2-card summary{padding:15px 0!important;color:#071326!important;list-style:none!important}
body.vehicle-detail-final-polish .detail2-card summary::-webkit-details-marker{display:none!important}
body.vehicle-detail-final-polish .detail2-card details p{padding-bottom:16px!important;margin:0!important}
body.vehicle-detail-final-polish .detail2-sidebar{top:84px!important}
body.vehicle-detail-final-polish .detail-final-decision{background:linear-gradient(180deg,#071326,#0b2a54)!important;color:#fff!important;border-color:rgba(147,197,253,.18)!important}
body.vehicle-detail-final-polish .detail-final-decision h2{color:#fff!important}
body.vehicle-detail-final-polish .detail-final-decision ol{margin:0!important;padding-left:20px!important;color:#dbeafe!important;font-size:13px!important;line-height:1.65!important}
body.vehicle-detail-final-polish .detail2-side-card.lead{background:linear-gradient(180deg,#071326,#0b2a54)!important;border-color:rgba(147,197,253,.18)!important}
body.vehicle-detail-final-polish .detail2-side-card.lead h2{color:#fff!important}
body.vehicle-detail-final-polish .detail2-side-card dl{border:1px solid #e2ebf6!important;border-radius:18px!important;padding:12px!important;background:#f8fbff!important}
body.vehicle-detail-final-polish .detail2-sim{border-color:#e2ebf6!important;border-radius:16px!important;background:#fff!important;transition:.18s ease!important}
body.vehicle-detail-final-polish .detail2-sim:hover{transform:translateY(-2px)!important;border-color:#93c5fd!important;box-shadow:0 14px 28px rgba(15,23,42,.08)!important}
body.vehicle-detail-final-polish .detail-cta{border-radius:24px!important;background:linear-gradient(135deg,#0047d6,#071326)!important;box-shadow:0 26px 64px rgba(2,8,23,.22)!important;color:#fff!important;margin-top:22px!important}
body.vehicle-detail-final-polish .detail-cta h2,body.vehicle-detail-final-polish .detail-cta p{color:#fff!important}
@media(max-width:980px){body.vehicle-detail-final-polish .detail-final-grid,body.vehicle-detail-final-polish .detail2-layout{grid-template-columns:1fr!important}body.vehicle-detail-final-polish .detail2-sidebar{position:static!important}body.vehicle-detail-final-polish .detail-final-checklist>div{grid-template-columns:1fr!important}}
@media(max-width:560px){body.vehicle-detail-final-polish .detail-final-advisor{padding:20px!important;border-radius:24px!important}body.vehicle-detail-final-polish .detail-final-next a{width:100%!important}body.vehicle-detail-final-polish .detail2-spec-groups>div{padding:14px!important}body.vehicle-detail-final-polish .detail-stats{grid-template-columns:1fr 1fr!important}.detail2-mobile-bar{box-shadow:0 -10px 34px rgba(15,23,42,.14)!important}}

/* Spec Cards v2.1 — Data Kendaraan */
body .spec21-section{background:#fff!important;border:1px solid #e4eaf2!important;border-radius:18px!important;box-shadow:0 18px 44px rgba(15,23,42,.08)!important;padding:22px!important;color:#071326!important}
body .spec21-head span{display:block!important;color:#1677ff!important;font-size:11px!important;letter-spacing:.14em!important;text-transform:uppercase!important;font-weight:950!important;margin-bottom:8px!important}
body .spec21-head h2{margin:0!important;font-size:24px!important;line-height:1.12!important;color:#071326!important;letter-spacing:-.035em!important}
body .spec21-head p{margin:10px 0 0!important;color:#64748b!important;font-size:13px!important;line-height:1.55!important;max-width:840px!important}
body .spec21-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin-top:18px!important}
body .spec21-card{border:1px solid #e6edf7!important;border-radius:16px!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;padding:16px!important;box-shadow:0 10px 26px rgba(15,23,42,.045)!important;overflow:hidden!important}
body .spec21-card h3{display:flex!important;align-items:center!important;gap:10px!important;margin:0 0 12px!important;color:#071326!important;font-size:15px!important;font-weight:950!important;letter-spacing:-.015em!important}
body .spec21-card h3 i{font-style:normal!important;display:grid!important;place-items:center!important;min-width:38px!important;height:28px!important;border-radius:999px!important;background:#eaf4ff!important;color:#0b64d8!important;font-family:'Plus Jakarta Sans',sans-serif!important;font-size:11px!important;font-weight:950!important}
body .spec21-card dl{margin:0!important;display:grid!important;gap:0!important}
body .spec21-row{display:grid!important;grid-template-columns:minmax(118px,.88fr) minmax(0,1.12fr)!important;gap:12px!important;padding:10px 0!important;border-top:1px solid #edf2f8!important;align-items:start!important}
body .spec21-row:first-child{border-top:0!important;padding-top:0!important}
body .spec21-row dt{margin:0!important;color:#64748b!important;font-size:12px!important;line-height:1.35!important;font-weight:850!important}
body .spec21-row dd{margin:0!important;color:#071326!important;font-size:13px!important;line-height:1.35!important;font-weight:850!important;text-align:right!important}
body .spec21-row dd b{font-family:'Plus Jakarta Sans',sans-serif!important;font-size:13px!important;color:#071326!important;font-weight:900!important}
body .spec21-row dd small{display:block!important;margin-top:4px!important;color:#64748b!important;font-size:11px!important;line-height:1.35!important;font-weight:750!important}
body .spec21-tco{margin-top:16px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;border-radius:14px!important;background:linear-gradient(90deg,#082e62,#0b64d8)!important;color:#fff!important;padding:16px 18px!important;box-shadow:0 14px 34px rgba(11,100,216,.20)!important}
body .spec21-tco b{font-size:14px!important;font-weight:950!important;color:#fff!important}
body .spec21-tco span{font-family:'Plus Jakarta Sans',sans-serif!important;color:#dbeafe!important;font-size:12px!important;font-weight:850!important;text-align:right!important}
body .spec21-footer{margin:12px 2px 0!important;color:#94a3b8!important;font-size:11.5px!important;line-height:1.4!important;font-weight:750!important}
@media(max-width:860px){body .spec21-grid{grid-template-columns:1fr!important}body .spec21-section{padding:18px!important}body .spec21-row{grid-template-columns:1fr!important;gap:4px!important}body .spec21-row dd{text-align:left!important}body .spec21-tco{display:grid!important}body .spec21-tco span{text-align:left!important}}

/* OtoRev home/nav cleanup — 20260613
   Keep mobile header customer-clean: logo + hamburger only until menu opens. */
@media (max-width: 820px){
  .site-header{height:56px!important;max-height:56px!important;overflow:visible!important;}
  .site-header .nav-shell{height:56px!important;max-height:56px!important;display:flex!important;align-items:center!important;gap:10px!important;padding-inline:14px!important;}
  .site-header .logo{font-size:24px!important;line-height:1!important;flex:0 0 auto!important;}
  .site-header .nav-actions{display:none!important;}
  .site-header .main-nav{display:none!important;position:absolute!important;left:12px!important;right:12px!important;top:62px!important;flex-direction:column!important;align-items:stretch!important;background:#061427!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:14px!important;padding:10px!important;box-shadow:0 20px 50px rgba(0,0,0,.28)!important;z-index:1001!important;overflow:visible!important;}
  .site-header.menu-open .main-nav,.mobile-menu-open .site-header .main-nav{display:flex!important;}
  .site-header .main-nav a{display:block!important;width:100%!important;padding:12px 14px!important;font-size:13px!important;border:0!important;border-radius:10px!important;color:#dbeafe!important;white-space:normal!important;}
  .site-header .main-nav a.active,.site-header .main-nav a:hover{background:rgba(22,119,255,.16)!important;color:#fff!important;}
  .site-header .menu-toggle,.site-header .mobile-menu-toggle{display:grid!important;place-items:center!important;margin-left:auto!important;border:1px solid rgba(255,255,255,.18)!important;background:rgba(255,255,255,.08)!important;color:#fff!important;border-radius:10px!important;width:40px!important;height:38px!important;font-size:21px!important;font-weight:900!important;}
}

/* TCO ICE comparator image standardization — 20260615
   Keep local/official car assets clean in the compact comparator card. */
.page-tco .tco-vehicle-visual.image-ready{
  background:#fff!important;
  border:1px solid #edf2f8;
  box-shadow:inset 0 -18px 34px rgba(15,23,42,.035);
}
.page-tco .tco-vehicle-visual.image-ready>img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  padding:6px 10px;
}
.page-tco .tco-vehicle-visual.image-ready.rush-crop>img{
  width:118%;
  height:118%;
  max-width:none;
  object-fit:contain;
  object-position:center 44%;
  padding:0 8px 18px;
}

/* TCO live vcard vehicle image standardization — 20260615 */
.page-tco .vcard__body{
  background:#fff!important;
  border:1px solid #edf2f8!important;
  box-shadow:inset 0 -18px 34px rgba(15,23,42,.035)!important;
  overflow:hidden!important;
}

/* ===== Oto fix 2026-06-17: dealer hero search/card overlap ===== */
body.page-dealer-spklu .dealer-polished-hero{
  min-height:430px!important;
}
body.page-dealer-spklu .dealer-hero-shell{
  min-height:430px!important;
  padding:32px 20px 150px!important;
}
body.page-dealer-spklu .dealer-hero-copy{
  align-self:start!important;
  padding-top:18px!important;
}
body.page-dealer-spklu .dealer-hero-copy .route-search{
  position:relative!important;
  z-index:8!important;
  margin-top:18px!important;
  margin-bottom:18px!important;
}
#dealer-core{
  margin-top:-44px!important;
}
@media(max-width:720px){
  body.page-dealer-spklu .dealer-polished-hero{min-height:470px!important;}
  body.page-dealer-spklu .dealer-hero-shell{min-height:470px!important;padding:24px 18px 138px!important;}
  body.page-dealer-spklu .dealer-hero-copy{padding-top:8px!important;}
  body.page-dealer-spklu .dealer-hero-copy .route-search{margin-top:16px!important;margin-bottom:18px!important;}
  #dealer-core{margin-top:-30px!important;}
}

/* ===== Oto fix 2026-06-19: dealer SPKLU search bar fully visible =====
   Issue: on some desktop widths the hero/search area could be clipped by the
   hero overflow/card overlap. Keep dealer route hero taller and reserve a
   guaranteed safe band below the search before the white stats card starts. */
body.page-dealer-spklu .dealer-polished-hero{
  min-height:500px!important;
  overflow:hidden!important;
}
body.page-dealer-spklu .dealer-hero-shell{
  min-height:500px!important;
  padding-top:32px!important;
  padding-bottom:190px!important;
  align-content:start!important;
}
body.page-dealer-spklu .dealer-hero-copy{
  align-self:start!important;
  overflow:visible!important;
  max-height:none!important;
}
body.page-dealer-spklu .dealer-hero-copy .route-search{
  position:relative!important;
  z-index:20!important;
  display:grid!important;
  overflow:visible!important;
  height:54px!important;
  min-height:54px!important;
  max-height:none!important;
  margin-top:20px!important;
  margin-bottom:34px!important;
}
body.page-dealer-spklu #dealer-core{
  margin-top:-44px!important;
}
@media(max-width:1050px){
  body.page-dealer-spklu .dealer-polished-hero{min-height:520px!important;}
  body.page-dealer-spklu .dealer-hero-shell{min-height:520px!important;padding-bottom:190px!important;}
}
@media(max-width:720px){
  body.page-dealer-spklu .dealer-polished-hero{min-height:510px!important;}
  body.page-dealer-spklu .dealer-hero-shell{min-height:510px!important;padding:24px 18px 168px!important;}
  body.page-dealer-spklu .dealer-hero-copy .route-search{height:48px!important;min-height:48px!important;margin-top:16px!important;margin-bottom:28px!important;}
  body.page-dealer-spklu #dealer-core{margin-top:-28px!important;}
}

/* OtoRev detail installment slider — restored v1 UX, current detail colors — 2026-06-19 */
body.vehicle-detail-final-polish .detail-installment-slider.cicilan-card{background:#fff!important;border:1px solid #dbe7f5!important;border-radius:24px!important;box-shadow:0 18px 46px rgba(15,23,42,.065)!important;padding:20px!important;margin-bottom:16px!important;color:#0f172a!important}
body.vehicle-detail-final-polish .detail-installment-slider .cicilan-title{font-family:'Plus Jakarta Sans',sans-serif!important;font-size:clamp(22px,2.5vw,30px)!important;line-height:1.08!important;letter-spacing:-.045em!important;font-weight:950!important;color:#071326!important;margin:0 0 16px!important;display:block!important}
body.vehicle-detail-final-polish .detail-installment-slider .calc-sec{margin:0 0 14px!important}
body.vehicle-detail-final-polish .detail-installment-slider .calc-lbl-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 8px!important}
body.vehicle-detail-final-polish .detail-installment-slider .calc-lbl{font-size:12px!important;font-weight:850!important;color:#64748b!important}
body.vehicle-detail-final-polish .detail-installment-slider .calc-val-lbl{font-size:13px!important;font-weight:950!important;color:#071326!important;text-align:right!important}
body.vehicle-detail-final-polish .detail-installment-slider .calc-val-lbl.blue{color:#0b64d8!important}
body.vehicle-detail-final-polish .detail-installment-slider .calc-otr-row{border:1px solid #e2ebf6!important;border-radius:16px!important;background:#f8fbff!important;padding:12px!important;margin-bottom:16px!important}
body.vehicle-detail-final-polish .detail-installment-slider .calc-otr-row .calc-lbl-row{margin:0!important}
body.vehicle-detail-final-polish .detail-installment-slider .calc-sl{width:100%!important;height:30px!important;margin:0!important;appearance:none!important;-webkit-appearance:none!important;background:transparent!important;cursor:pointer!important;accent-color:#1677ff!important}
body.vehicle-detail-final-polish .detail-installment-slider .calc-sl::-webkit-slider-runnable-track{height:8px!important;border-radius:999px!important;background:linear-gradient(90deg,#dbeafe,#1677ff)!important;box-shadow:inset 0 0 0 1px rgba(22,119,255,.12)!important}
body.vehicle-detail-final-polish .detail-installment-slider .calc-sl::-webkit-slider-thumb{-webkit-appearance:none!important;width:22px!important;height:22px!important;margin-top:-7px!important;border-radius:999px!important;background:#fff!important;border:6px solid #1677ff!important;box-shadow:0 8px 18px rgba(15,23,42,.22),0 0 0 4px rgba(22,119,255,.12)!important}
body.vehicle-detail-final-polish .detail-installment-slider .calc-sl.blue::-webkit-slider-runnable-track{background:linear-gradient(90deg,#e0f2fe,#0ea5e9)!important}
body.vehicle-detail-final-polish .detail-installment-slider .calc-sl.blue::-webkit-slider-thumb{border-color:#0ea5e9!important;box-shadow:0 8px 18px rgba(15,23,42,.22),0 0 0 4px rgba(14,165,233,.13)!important}
body.vehicle-detail-final-polish .detail-installment-slider .calc-sl::-moz-range-track{height:8px!important;border-radius:999px!important;background:linear-gradient(90deg,#dbeafe,#1677ff)!important}
body.vehicle-detail-final-polish .detail-installment-slider .calc-sl::-moz-range-thumb{width:12px!important;height:12px!important;border-radius:999px!important;background:#fff!important;border:6px solid #1677ff!important;box-shadow:0 8px 18px rgba(15,23,42,.22),0 0 0 4px rgba(22,119,255,.12)!important}
body.vehicle-detail-final-polish .detail-installment-slider .calc-sl.blue::-moz-range-track{background:linear-gradient(90deg,#e0f2fe,#0ea5e9)!important}
body.vehicle-detail-final-polish .detail-installment-slider .calc-sl.blue::-moz-range-thumb{border-color:#0ea5e9!important}
body.vehicle-detail-final-polish .detail-installment-slider .calc-range-note{display:flex!important;justify-content:space-between!important;gap:10px!important;margin-top:-1px!important;font-size:10px!important;font-weight:850!important;color:#94a3b8!important}
body.vehicle-detail-final-polish .detail-installment-slider .calc-ref{display:block!important;font-size:10px!important;line-height:1.35!important;color:#64748b!important;margin-top:4px!important}
body.vehicle-detail-final-polish .detail-installment-slider .cicilan-result{background:linear-gradient(145deg,#071326,#0b2a54)!important;border:1px solid rgba(147,197,253,.18)!important;border-radius:20px!important;padding:16px!important;margin-top:16px!important;box-shadow:0 18px 34px rgba(7,19,38,.18)!important;color:#fff!important}
body.vehicle-detail-final-polish .detail-installment-slider .cic-res-lbl{font-size:10px!important;font-weight:950!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:#9fb6d3!important;margin-bottom:4px!important}
body.vehicle-detail-final-polish .detail-installment-slider .cic-res-main{font-family:'Plus Jakarta Sans',sans-serif!important;font-size:clamp(22px,2.4vw,30px)!important;line-height:1.05!important;font-weight:950!important;letter-spacing:-.045em!important;color:#fff!important}
body.vehicle-detail-final-polish .detail-installment-slider .cic-res-main span{font-size:12px!important;font-weight:850!important;color:#9fb6d3!important;letter-spacing:0!important}
body.vehicle-detail-final-polish .detail-installment-slider .cic-breakdown{margin-top:12px!important;border-top:1px solid rgba(255,255,255,.10)!important;padding-top:12px!important;display:grid!important;gap:7px!important}
body.vehicle-detail-final-polish .detail-installment-slider .cic-br-row{display:flex!important;justify-content:space-between!important;gap:12px!important}
body.vehicle-detail-final-polish .detail-installment-slider .cic-br-lbl{font-size:11px!important;color:#9fb6d3!important}
body.vehicle-detail-final-polish .detail-installment-slider .cic-br-val{font-size:11px!important;font-weight:900!important;color:#eaf4ff!important;text-align:right!important}
body.vehicle-detail-final-polish .detail-installment-slider .cic-note{font-size:10px!important;line-height:1.45!important;color:#cfe1f8!important;margin-top:12px!important}
@media(max-width:560px){body.vehicle-detail-final-polish .detail-installment-slider.cicilan-card{padding:16px!important;border-radius:20px!important}body.vehicle-detail-final-polish .detail-installment-slider .calc-lbl-row{align-items:flex-start!important}body.vehicle-detail-final-polish .detail-installment-slider .calc-val-lbl{font-size:12px!important}body.vehicle-detail-final-polish .detail-installment-slider .calc-sl{height:38px!important}body.vehicle-detail-final-polish .detail-installment-slider .calc-sl::-webkit-slider-thumb{width:26px!important;height:26px!important;margin-top:-9px!important}body.vehicle-detail-final-polish .detail-installment-slider .cic-res-main{font-size:24px!important}}
/* Oto fix 2026-06-27: TCO ICE/non-EV card keeps proper model images from API/local fallback. */
.page-tco .vcard__body img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:6px 10px!important;
}
.page-tco .vcard--ice .vcard__body img{
  display:block!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:4px 8px!important;
}


/* OtoClaw design token refresh — shadcn preset b1ZQ7Fh5d — 2026-07-29
   Preset mapping: maia / mist / blue / Manrope / large radius / subtle inverted menu. */
:root{--blue:#2563eb!important;--blue2:#1d4ed8!important;--navy:#0f172a!important;--navy2:#020617!important;--ink:#0f172a!important;--muted:#64748b!important;--line:#dbe4f0!important;--card:#fff!important;--soft:#f6f8fb!important;--green:#10b981!important;--radius:1rem!important;--shadow:0 10px 28px rgba(15,23,42,.075)!important;--background:#f6f8fb!important;--foreground:#0f172a!important;--primary:#2563eb!important;--primary-foreground:#fff!important;--secondary:#eef4ff!important;--secondary-foreground:#1e3a8a!important;--accent:#eaf2ff!important;--accent-foreground:#1d4ed8!important;--border:#dbe4f0!important;--ring:#3b82f6!important;--font-sans:'Manrope','Plus Jakarta Sans',Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important}
body{font-family:var(--font-sans)!important;background:var(--background)!important;color:var(--foreground)!important;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.hero-copy,.logo,.main-nav a,.btn,.section-title h2,.featured-info h2,.mini-car h3,.news-card h3,.spklu-block h2,.final-cta h2{font-family:var(--font-sans)!important}.logo{font-weight:900!important;letter-spacing:-.055em!important;font-style:normal!important}.logo em{color:#60a5fa!important;font-style:normal!important}.site-header{background:rgba(2,6,23,.94)!important;backdrop-filter:saturate(140%) blur(14px)!important;border-bottom:1px solid rgba(219,228,240,.14)!important;box-shadow:0 10px 32px rgba(2,6,23,.22)!important}.main-nav a{border-radius:999px!important;border-bottom:0!important;margin:8px 0!important;padding:9px 13px!important;color:#cbd5e1!important;font-weight:800!important}.main-nav a:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}.main-nav a.active{background:#fff!important;color:#0f172a!important;border-color:transparent!important;box-shadow:0 10px 24px rgba(15,23,42,.22)!important}.btn{border-radius:999px!important}.btn-blue,.hero-search button{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;color:#fff!important;box-shadow:0 14px 34px rgba(37,99,235,.24)!important}.btn-outline{border-color:rgba(255,255,255,.34)!important;background:rgba(255,255,255,.06)!important}.hero-search{box-shadow:0 18px 44px rgba(2,8,23,.24)!important;border:1px solid rgba(219,228,240,.22)!important}.hero-search input{font-family:var(--font-sans)!important}.popular-search button{border-color:rgba(219,228,240,.24)!important;background:rgba(255,255,255,.10)!important}.stat-strip article{border-radius:var(--radius)!important;background:linear-gradient(180deg,#0f2f5c,#0b1f3a)!important}.catalogue-block,.news-block,.why-block,.featured-model,.browse-card,.mini-car,.brand-grid button,.type-grid button,.news-card,.spklu-block,.final-cta,.site-footer{border-radius:calc(var(--radius) + 4px)!important}.catalogue-block,.news-block,.why-block,.browse-card,.mini-car,.featured-model{border-color:var(--border)!important;box-shadow:var(--shadow)!important}.catalogue-block:before,.news-block:before,.why-block:before{background:linear-gradient(90deg,#2563eb,#93c5fd)!important}.section-kicker,.section-title a,.mini-car a,.detail-inline{color:#1d4ed8!important}.section-title.inline a{background:#eff6ff!important;color:#1d4ed8!important}.mini-car .img{background:radial-gradient(circle at 50% 24%,rgba(37,99,235,.12),transparent 48%),linear-gradient(180deg,#f8fbff,#eef4ff)!important}.brand-grid button:hover,.type-grid button:hover,.mini-car:hover{border-color:#93c5fd!important;box-shadow:0 16px 34px rgba(37,99,235,.12)!important}.brand-grid button i{background:#eff6ff!important;color:#1d4ed8!important}.news-card span{background:#2563eb!important}.spklu-block{background:linear-gradient(135deg,#020617,#0f2f5c 58%,#1d4ed8)!important}.final-cta{background:linear-gradient(135deg,#1d4ed8,#2563eb 62%,#10b981)!important}.site-footer{background:#020617!important}
@media(max-width:720px){.site-header .main-nav{background:#020617!important}.site-header .main-nav a.active{background:#fff!important;color:#0f172a!important}.menu-toggle{border-radius:999px!important}}