:root{--ok-navy:#10283c;--ok-navy-deep:#0b1d2d;--ok-orange:#f35b24;--ok-orange-dark:#d94716;--ok-paper:#f3f5f4;--ok-line:#dce3e5;--ok-muted:#647685;--primary:#f35b24;--primary-color:#f35b24;--accent:#f35b24;--brand-primary:#f35b24}
body{background:var(--ok-paper)!important;color:var(--ok-navy)!important}
header,.app-header,.site-header,.topbar{background:var(--ok-navy-deep)!important;border-bottom:1px solid #1f3b52!important;box-shadow:0 5px 18px rgba(5,20,32,.22)!important;color:#fff!important}
header a,.app-header a,.site-header a,.topbar a{color:#fff!important}
header a:has(img[src*="otokontak"]),.app-header a:has(img[src*="otokontak"]),.site-header a:has(img[src*="otokontak"]),.topbar a:has(img[src*="otokontak"]){display:flex!important;align-items:center!important;min-width:180px;height:46px;background:transparent!important;font-size:0!important;text-decoration:none!important}
header a:has(img[src*="otokontak"]) img,.app-header a:has(img[src*="otokontak"]) img,.site-header a:has(img[src*="otokontak"]) img,.topbar a:has(img[src*="otokontak"]) img{display:none!important}
header a:has(img[src*="otokontak"])::after,.app-header a:has(img[src*="otokontak"])::after,.site-header a:has(img[src*="otokontak"])::after,.topbar a:has(img[src*="otokontak"])::after{content:"otokontak.com";display:block;color:var(--ok-orange)!important;font-size:16px!important;font-weight:850!important;letter-spacing:.15px;line-height:1;text-shadow:0 2px 8px rgba(243,91,36,.14)}
header a:has(img[src*="otokontak"]),.app-header a:has(img[src*="otokontak"]),.site-header a:has(img[src*="otokontak"]),.topbar a:has(img[src*="otokontak"]){min-width:0!important;width:auto!important;height:38px!important;padding:0 15px!important;background:#173b55!important;border:1px solid rgba(243,91,36,.8)!important;border-radius:8px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 5px 14px rgba(0,0,0,.16)!important}
header a:not(:has(img[src*="otokontak"])),.app-header a:not(:has(img[src*="otokontak"])),.site-header a:not(:has(img[src*="otokontak"])),.topbar a:not(:has(img[src*="otokontak"])){color:var(--ok-orange)!important;opacity:1!important;text-shadow:none!important;font-weight:900!important}
header a:not(:has(img[src*="otokontak"])) *, .app-header a:not(:has(img[src*="otokontak"])) *, .site-header a:not(:has(img[src*="otokontak"])) *, .topbar a:not(:has(img[src*="otokontak"])) *{color:var(--ok-orange)!important;opacity:1!important;text-shadow:none!important}
header input,.app-header input,.site-header input,.topbar input{background:#fff!important;border-color:#d3dde2!important;color:var(--ok-navy)!important}
header button,.app-header button,.site-header button,.topbar button{background:var(--ok-orange)!important;border-color:var(--ok-orange)!important;color:#fff!important}
header button:not([type="submit"]),.app-header button:not([type="submit"]),.site-header button:not([type="submit"]),.topbar button:not([type="submit"]){background:#f2f5f6!important;border-color:#dce4e8!important;color:var(--ok-orange)!important;text-shadow:none!important;font-weight:900!important}
header form button,.app-header form button,.site-header form button,.topbar form button,header button[type="submit"],.app-header button[type="submit"]{background:var(--ok-orange)!important;border-color:var(--ok-orange)!important;color:#fff!important}
aside,.sidebar,.brand-sidebar,.catalog-sidebar{background:#fff!important;border-color:var(--ok-line)!important}
aside h1,aside h2,aside h3,.sidebar h1,.sidebar h2,.sidebar h3{color:var(--ok-navy)!important}
aside p,aside small,aside label,aside [class*="subtitle"],aside [class*="description"],aside [class*="meta"],.sidebar p,.sidebar small,.sidebar label{color:#526a7b!important;opacity:1!important;text-shadow:none!important}
aside a,aside button,.sidebar a,.sidebar button{color:#29485f!important;opacity:1!important}
aside strong,.sidebar strong{color:#203d53!important;opacity:1!important}
aside input,.sidebar input{border-color:#ced9df!important;border-radius:8px!important}
aside a:hover,.sidebar a:hover{color:var(--ok-orange)!important;background:#fff4ef!important}
main{background:var(--ok-paper)!important}
main h1,main h2,main h3{color:var(--ok-navy)!important}
.hero,.home-hero,.landing-hero,.intro-section,.hero-section{background:linear-gradient(135deg,var(--ok-navy-deep),var(--ok-navy))!important;color:#fff!important;border-radius:0 0 16px 16px!important}
.hero h1,.hero h2,.home-hero h1,.landing-hero h1,.intro-section h1,.hero-section h1{color:#fff!important}
.hero p,.home-hero p,.landing-hero p,.intro-section p,.hero-section p{color:#c1ccd5!important}
button,.button,.btn,.primary-button,.btn-primary,[class*="primary-action"]{border-radius:8px!important}
button:not(.request-close),.btn-primary,.primary-button,[class*="primary-action"]{transition:background .18s ease,transform .18s ease,box-shadow .18s ease}
.btn-primary,.primary-button,[class*="primary-action"],button[type="submit"]{background:var(--ok-orange)!important;border-color:var(--ok-orange)!important;color:#fff!important;box-shadow:0 7px 16px rgba(243,91,36,.2)!important}
.btn-primary:hover,.primary-button:hover,[class*="primary-action"]:hover,button[type="submit"]:hover{background:var(--ok-orange-dark)!important;transform:translateY(-1px)}
.card,.vehicle-card,.model-card,.brand-card,.quick-card,.stat-card,article{border-color:var(--ok-line)!important;box-shadow:0 8px 22px rgba(16,40,60,.06)!important}
.card:hover,.vehicle-card:hover,.model-card:hover,.brand-card:hover,.quick-card:hover{border-color:#ffc0a8!important;box-shadow:0 13px 28px rgba(16,40,60,.11)!important}
.eyebrow,.kicker,[class*="eyebrow"],[class*="kicker"]{color:var(--ok-orange)!important}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(243,91,36,.35)!important;outline-offset:2px}
#ok-request-awareness .ok-request-box{background:linear-gradient(135deg,var(--ok-navy-deep),var(--ok-navy))!important;border-left-color:var(--ok-orange)!important}
#ok-request-awareness .ok-request-button{background:var(--ok-orange)!important}
.compare-section h1,.compare-section h2,.comparison-section h1,.comparison-section h2,[class*="compare"] h1,[class*="compare"] h2,[class*="comparison"] h1,[class*="comparison"] h2{color:var(--ok-orange)!important}
@media(max-width:700px){header,.app-header,.site-header,.topbar{box-shadow:none!important}.hero,.home-hero,.landing-hero,.intro-section,.hero-section{border-radius:0!important}}
