/* Ghasr Khodro: the blue/navy palette and wordmark from the official website. */
@font-face{font-family:'Yekan Bakh';src:url('./assets/fonts/YekanBakh-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Yekan Bakh';src:url('./assets/fonts/YekanBakh-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Yekan Bakh';src:url('./assets/fonts/YekanBakh-Bold.woff2') format('woff2');font-weight:700 900;font-style:normal;font-display:swap}
:root{--brand:#314199;--brand-dark:#0a2357;--brand-soft:#eef1fc;--green:var(--brand);--green-dark:var(--brand-dark);--lime:#e5eaff;--ink:#20304e;--muted:#5c687d;--bg:#f7f8fc;--border:#e4e9f2;--white:#fff;--shadow:0 3px 16px #0a235704;--radius:18px}
body{font-family:'Yekan Bakh',Tahoma,sans-serif;color:var(--ink);background:var(--bg);font-size:15px}
h1,h2,h3,h4,.j-offer-money>strong{letter-spacing:0}
button,input,select,textarea{font-family:inherit}
button:focus-visible,a:focus-visible{outline-color:#7181cb}
input:focus,select:focus,textarea:focus{border-color:#8e9ed7;box-shadow:0 0 0 3px #3141990c}
.sidebar{border-color:var(--border);background:white}
.brand{justify-content:center;padding:0;margin-bottom:32px}
.brand-logo{width:174px;max-width:100%;height:52px;object-fit:contain}
.nav-section{color:#616c7d}
.nav-item{color:#5e6b81;border-radius:11px}
.nav-item.active{background:#eef1fc;color:var(--brand)}
.nav-item.active:before{background:var(--brand)}
.nav-item:hover{background:#f4f6fc}
.nav-count{color:var(--brand);background:white}
.support-box{background:#f7f8fc;border-color:#e8ecf5}
.support-icon{color:var(--brand)}
.support-box p,.demo-label,.profile-sub,.top-date,.breadcrumb{color:#616c7d}
.dot{background:#7384c4}
.topbar{background:#ffffffed;border-color:var(--border)}
.breadcrumb strong,.profile-name{color:#3e4e6b}
.avatar{background:#eef1fc;color:#5a6a98}
.unread-dot{background:#b6975c}
.icon-button{color:#738199}
.icon-button:hover{background:#f0f3fb}
.page-intro p,.section-head p,.tiny.muted,.field .hint{color:var(--muted)}
.btn{font-weight:600;border-radius:11px}
.btn.primary{background:var(--brand);color:white}
.btn.primary:hover{background:#293986;box-shadow:0 4px 12px #31419912}
.btn.outline{color:var(--brand);border-color:#dce2f0;background:white}
.btn.outline:hover{background:#f2f4fc;border-color:#bbc6e8}
.btn.ghost{color:#5f6c81}
.btn.lime{background:#e7edff;color:var(--brand)}
.text-link{color:var(--brand)}
.text-link:hover{color:var(--brand-dark)}
.input,select,textarea{border-color:#dfe5f0;background:white;color:var(--ink)}
input::placeholder,textarea::placeholder{color:#67748a}
.field label,.field>span{color:#46546d}
.field .error{color:#b44741}
.field [aria-invalid=true]{border-color:#d38b86;background:#fffafa}
.check-row input,.compare-check input,.radio-card input{accent-color:var(--brand)}
.check-row a{color:var(--brand)}
.note:not(.amber):not(.red){background:#f2f5fc;border-color:#e5eaf6;color:#5c6c86}
.radio-card.selected,.wizard-car.selected{border-color:#8d9fd9;background:#f0f3fc;box-shadow:0 0 0 1px #8d9fd9}
.radio-card p,.radio-card .icon{color:#7987a0}
.segmented{background:#f0f3f9}
.segmented button.active{background:white;color:var(--brand);box-shadow:0 2px 6px #0a23570b}
.plan-box{border-color:#e3e9f4;background:#f8faff}
.plan-result{background:white;border-color:#e7ebf5}
.plan-result strong,.summary-row strong{color:#273a5e}
.summary-row,.summary-car p,.calc-description{color:#5f6c82}
.summary-row.total{border-color:#e1e7f4}
.money-block{background:#eef2fc;border-color:#e2e8f7}
.money-block>span{color:#5c6b88}
.money-block strong{color:var(--brand)}
.upload-box{border-color:#d4dced;background:#fafbfe;color:#5c6c88}
.upload-box:hover{border-color:#8b9dd2;background:#f4f6fd}
.upload-box .upload-icon{background:#edf1fc;color:#7184bc}
.upload-box strong{color:#415272}
.upload-box small{color:#5f6c7e}
.upload-box .upload-action{color:var(--brand)}
.badge:not(.green):not(.red):not(.amber):not(.blue):not(.white){background:#eef1f8;color:#55627a}
.catalog-toolbar select{background:#f8faff}
.pill.active{background:var(--brand);border-color:var(--brand)}
.car-photo{background:#f3f5fa}
.car-photo img{mix-blend-mode:multiply}
.car-en,.car-specs,.car-price>span,.car-price small,.car-bottom>span{color:#606c81}
.car-price strong,.car-bottom>span b{color:#334c77}
.car-photo .badge{background:#ffffffeb;color:#5a6b8c}
.catalog-bottom{background:#f8faff;border-color:#cfd9ef}
.catalog-bottom .icon-wrap{background:#e9eefb;color:#7186b4}
.catalog-bottom p,.filter-count{color:var(--muted)}
.empty .empty-icon{background:#eef2fc;color:#7186b4}
.table-wrap th{color:#5e6c83;background:#f7f9fd}
.table-wrap td{border-color:#edf0f7}
.tabs button{color:#5f6c83}
.tabs button.active{color:var(--brand);border-color:var(--brand)}
.review-row{border-color:var(--border)}
.review-row>.icon{color:#7186b4}
.metric{border-color:var(--border)}
.metric .icon{color:#7387b0}
.metric strong{color:var(--brand)}
.metric span{color:#5d6b82}
.page-footer{color:#606c7f;border-color:#e6eaf3}
dialog{border-color:#e1e6f1;box-shadow:0 24px 100px #0a235724}
dialog::backdrop{background:#0a173f70}
.dialog-head,.dialog-footer{border-color:#e7ebf4}
.dialog-car-image{background:#f3f5fb}
.toast{background:var(--brand-dark)}
.j-intro h1{color:var(--brand-dark)}
.j-kicker{color:#5f6b83}
.j-kicker>span{background:var(--brand);box-shadow:0 0 0 4px #e9edfa}
.j-intro p,.j-select-panel .section-head p{color:#5f6c82}
.j-stepbar li{color:#5f6b83}
.j-stepbar li>span{border-color:#dfe5f1;color:#5d6b84}
.j-stepbar li:not(:last-child)::after{background:#dfe5f0}
.j-stepbar li.current{color:var(--brand)}
.j-stepbar li.current>span{background:var(--brand);border-color:var(--brand);color:white;box-shadow:0 0 0 4px #e9edfa}
.j-stepbar li.done{color:#5469a3}
.j-stepbar li.done>span{background:#edf1fd;border-color:#dae2f6;color:#5469a3}
.j-stepbar li.done::after{background:#b8c6ec}
.j-progress-caption{color:#606a80}
.j-progress-caption strong{color:#51699f}
.j-path{border-color:#e0e6f0}
.j-path:hover{border-color:#b4c0e3;box-shadow:0 4px 16px #31419907}
.j-path.selected{border-color:#899bcf;background:#f0f3fc;box-shadow:0 0 0 2px #31419905}
.j-path-icon{background:#eff2fa;color:#7686b0}
.j-path[data-entry=inventory] .j-path-icon{background:#eef2f9;color:#7787a3}
.j-path[data-entry=custom] .j-path-icon{background:#edf3fb;color:#6e89aa}
.j-path.selected .j-path-icon{background:#e2e8fa;color:var(--brand)}
.j-path small{color:#606c80}
.j-radio{border-color:#d8dfee}
.j-path.selected .j-radio{background:var(--brand);border-color:var(--brand)}
.j-offer-card{border-color:#e2e7f1;box-shadow:0 3px 12px #0a235703}
.j-offer-card:hover{box-shadow:0 12px 28px #0a23570c;border-color:#bcc9e8}
.j-offer-photo{background:#f2f5fb}
.j-offer-card:nth-child(2) .j-offer-photo{background:#f5f6fa}
.j-offer-card:nth-child(3) .j-offer-photo{background:#f0f4fa}
.j-offer-photo>.badge{color:#556a9f}
.j-offer-year,.j-offer-subtitle,.j-offer-money>span,.j-offer-money small,.j-mini-terms dt{color:#5f6c83}
.j-offer-money{border-color:#edf0f7}
.j-offer-money>strong{color:var(--brand)}
.j-mini-terms>div{border-color:#e9edf5}
.j-mini-terms dd{color:#40547b}
.j-demo-note{color:#5f6c80}
.j-short-help{color:#5f6c83}
.j-short-help>span{border-color:#e0e6f0}
.j-summary .summary-row{color:#5d6b84}
.j-summary .summary-row strong{color:#3b5078}
.j-inventory-card{border-color:#e1e6f1}
.j-inventory-card:hover{border-color:#a8b9df;box-shadow:0 8px 24px #0a23570a}
.j-inventory-card img{background:#f5f7fc}
.j-inventory-card small{color:#526b9a}
.j-inventory-card>span{border-color:#e9eef7;color:#566b99}
.j-extra{background:#f9fafe;border-color:#e4eaf5}
.j-inline-info{color:#5b6c89}
.j-credit-panel{background:#fafbfe;border-color:#e3e9f6}
.j-section-label>span{background:#e8edfc;color:#5269a7}
.j-section-label>small{color:#5e6c85}
.j-request-status,.j-resume{background:#f1f4fc;border-color:#e0e7f7}
.j-resume p{color:#5c6c87}
.j-resume>.icon{color:#7086b7}
.j-select-panel:has(#j-custom-form),.j-select-panel:has(#j-inventory-form){border-color:#e2e8f3}
.j-compact-progress{background:#e7edf8}
.j-compact-progress>span{background:#7e94cc}
.j-service-status{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;background:#f1f4fb;border:1px solid #e2e8f4;border-radius:11px;font-size:12px;color:#5c6b87}
.j-service-status strong{color:#49608a;font-weight:600}
.j-credit-guide{font-size:13px;line-height:2;color:#5b6b85;margin:12px 0 18px}
.j-credit-guide ol{margin:8px 0 0;padding-inline-start:20px}
.j-credit-guide li{padding-inline-start:4px;margin:6px 0}
.j-credit-guide b{font-weight:600;color:#42577f}
.j-credit-alternative{margin-top:14px;font-size:12px}
.j-credit-alternative button{color:var(--brand);min-height:44px}
@media(max-width:680px){body{font-size:15px}.j-intro h1{font-size:28px}.j-offer-heading h3{font-size:21px}.j-offer-content .btn{font-size:14px}.j-mini-terms dt{font-size:12px}.j-mini-terms dd{font-size:15px}.j-path strong{font-size:12px}.j-credit-guide{font-size:13px}}
@media(max-width:360px){.j-intro h1{font-size:26px}.j-offer-heading h3{font-size:20px}.j-mini-terms dt{font-size:11px}.j-mini-terms dd{font-size:14px}.j-path strong{font-size:11px}.j-service-status{font-size:11px;align-items:flex-start}.j-credit-guide{font-size:12px}}
/* Readable financial figures: the amount carries weight; the unit stays secondary. */
.num-value{font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1;font-size:17px;font-weight:600;white-space:nowrap;letter-spacing:0}
.amount-unit{font-size:12px!important;font-weight:400!important;margin-inline-start:5px;color:#5e6b81;white-space:nowrap}
.j-offer-money>strong{display:flex;align-items:baseline;gap:3px;flex-wrap:wrap;white-space:normal}
.j-offer-money .num-value{font-size:30px;font-weight:700;line-height:1.7}
.j-offer-money .amount-unit{font-size:13px!important}
.j-mini-terms dt{font-size:12px;color:#5f6b80}
.j-mini-terms dd{font-size:19px;font-weight:600;margin-top:4px}
.j-mini-terms dd small{font-size:12px;font-weight:400}
.summary-row .num-value{font-size:17px}
.summary-row.total .num-value{font-size:22px;font-weight:700}
.summary-row strong{line-height:1.8}
.j-summary .summary-row .num-value{font-size:17px}
.j-summary .summary-row{gap:8px;align-items:baseline}
.j-summary .summary-row strong{font-size:14px}
.j-summary .amount-unit{font-size:11px!important}
.money-block .num-value{font-size:32px;font-weight:700;line-height:1.7}
.money-block .amount-unit{font-size:14px!important}
.plan-result .num-value{font-size:23px;font-weight:700}
.plan-result .amount-unit{font-size:12px!important}
.car-price .num-value{font-size:21px;font-weight:700}
.j-inventory-card .num-value{font-size:19px;font-weight:600}
.j-inventory-card .amount-unit{font-size:11px!important}
.table-wrap .num-value,.receipt-line .num-value{font-size:17px}
.metric strong{font-size:34px;line-height:1.6;font-variant-numeric:tabular-nums;font-weight:700}
.j-stepbar li>span{font-size:14px;font-variant-numeric:tabular-nums}
.nav-count{font-size:12px;font-variant-numeric:tabular-nums}
.case-number{font-size:13px}
.ltr{font-variant-numeric:tabular-nums}
@media(max-width:680px){
 .topbar{gap:8px}.topbar>.flex{min-width:0;flex:1}.breadcrumb{min-width:0;overflow:hidden}.breadcrumb strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .top-actions{flex-shrink:0;gap:2px}.top-actions .profile{min-width:44px;min-height:44px;padding:0;justify-content:center;gap:0}.top-actions .profile>.icon{display:none}
 .top-actions .icon-button{min-width:44px;min-height:44px}.profile .avatar{width:30px;height:30px}
 .j-offer-money .num-value{font-size:30px}.j-offer-money .amount-unit{font-size:13px!important}.j-mini-terms dd{font-size:19px}.j-mini-terms dt{font-size:12px}
 .j-offer-subtitle{font-size:13px}.summary-row .num-value{font-size:17px}.summary-row.total .num-value{font-size:20px}.plan-result .num-value{font-size:21px}
 .j-summary .summary-row strong{font-size:13px}.j-summary .summary-row .num-value{font-size:16px}.money-block .num-value{font-size:29px}.car-price .num-value{font-size:22px}
 .input.ltr,input[inputmode=numeric]{font-size:18px}.j-stepbar li>span{font-size:13px}
}
@media(max-width:360px){.j-offer-money .num-value{font-size:28px}.j-mini-terms dd{font-size:18px}.j-mini-terms dt{font-size:11px}.plan-result .num-value{font-size:20px}.money-block .num-value{font-size:27px}.j-summary .summary-row .num-value{font-size:17px}}
@media(max-width:800px){html{overflow-x:clip}}
.expert-result-count{font-size:14px;font-variant-numeric:tabular-nums}
.expert-scope button>span{font-size:14px;min-width:25px;height:25px;font-variant-numeric:tabular-nums}
@media(max-width:680px){
 .expert-role-panel{padding:18px;gap:16px}.expert-role-copy{flex-direction:row;align-items:flex-start;gap:10px}.expert-role-icon{flex-basis:34px;width:34px;height:34px;border-radius:10px}.expert-role-icon .icon{width:19px;height:19px}
 .expert-role-copy h2{font-size:18px;margin-bottom:4px}.expert-role-copy p{display:none}.expert-role-copy small{font-size:11px;margin-top:4px;line-height:1.8}.expert-role-switch label{font-size:12px}
}
