/* Figma Tanoto 2 valuation screens. Scoped to the public flow; Adminbase is untouched. */
.valuation-page{--figma-red:#ed1c24;--figma-border:#e2e2e2;--figma-text:#605f5e;max-width:1220px;padding-inline:25px;color:var(--figma-text)}
.valuation-page .page-header{display:block;margin:0;padding:82px 0 0;text-align:center;background-image:none}
.valuation-page .page-header>div:first-child{max-width:none}
.valuation-page .page-heading{margin:0 auto 14px;max-width:1100px;font:700 40px/1.14 "Myriad Pro",Arial,sans-serif;color:#333}
.valuation-page .page-desc{margin:0 auto;max-width:1000px;font:400 24px/1.3 "Myriad Pro",Arial,sans-serif}
.valuation-page .page-desc p{margin:auto;max-width:none}
.valuation-page .steps{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:117px 0 40px;padding:0 0 20px;border-bottom:1px solid var(--figma-border)}
.valuation-page .step{display:flex;align-items:center;gap:12px;min-width:0;color:#999;font:400 20px/1.12 "Myriad Pro",Arial,sans-serif}
.valuation-page .step b{flex:0 0 50px;width:50px;height:50px;border:1px solid #ddd;background:#fff;color:#999;font:600 20px/1 "Myriad Pro",Arial,sans-serif}
.valuation-page .step small{margin-bottom:4px;color:#aaa;font:400 14px/1 Arial,sans-serif;letter-spacing:0;text-transform:none}
.valuation-page .step.active{color:var(--figma-red)}
.valuation-page .step.active b{border-color:var(--figma-red);background:var(--figma-red);color:#fff}
.valuation-page .step.active small{color:var(--figma-red)}
.valuation-page .line{min-width:22px;margin:0;background:var(--figma-border)}
.valuation-page .panel{padding:0 0 80px}
.valuation-page .panel-head{margin-bottom:47px}
.valuation-page .panel-head>div{max-width:none}
.valuation-page .panel h2{margin:0 0 10px;font:700 32px/1.16 "Myriad Pro",Arial,sans-serif;color:#333}
.valuation-page .panel-head p{font:400 16px/1.35 Arial,sans-serif;color:var(--figma-text)}
.valuation-page .flow-question{margin:20px 0 27px}
.valuation-page .flow-question h3{margin:0 0 5px;font:600 26px/1.2 "Myriad Pro",Arial,sans-serif}
.valuation-page .flow-question p{font-size:15px}
.valuation-page .selection-trail{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}
.valuation-page .selection-trail:empty{display:none}
.valuation-page .selection-trail button{min-height:54px;padding:9px 13px;border-radius:6px;background:#fff4f4;font:400 14px/1.18 Arial,sans-serif;letter-spacing:0}
.valuation-page .selection-trail small{font:400 10px/1.1 Arial,sans-serif;letter-spacing:0;text-transform:uppercase}
.valuation-page .option-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px 18px;max-height:460px}
.valuation-page .option-card{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:50px;padding:10px 15px;border-radius:9px;background:#fcfcfc;color:#605f5e;font:600 16px/1.2 "Myriad Pro",Arial,sans-serif}
.valuation-page .option-card b{display:block;flex:0 0 16px;width:16px;height:14px;background:url('../Img/icon-arrow-right.svg') center/contain no-repeat;font-size:0}
.valuation-page .option-cards.visual{grid-template-columns:repeat(2,minmax(0,1fr))}
.valuation-page .option-card.has-image{min-height:200px;justify-content:center;background:#fcfcfc}
.valuation-page .option-card.has-image img{height:140px;max-width:100%;object-fit:contain}
.valuation-page .flow-back{margin-top:30px;font:400 14px/1.2 "Myriad Pro",Arial,sans-serif}
.valuation-page .flow-back::before{font-size:18px}
.valuation-page .vehicle-match{margin-top:35px;padding:20px;border-radius:8px;background:#fff}
.valuation-page .km-field{margin-top:20px}
.valuation-page .form-label{font:600 17px/1.2 "Myriad Pro",Arial,sans-serif;letter-spacing:0}
.valuation-page .actions{margin-top:34px;padding-top:22px}
.valuation-page .btn{min-height:50px;font:700 20px/1.2 "Myriad Pro",Arial,sans-serif}
.valuation-page .condition-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:38px;align-items:start}
.valuation-page .car-map{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:620px;padding:24px;background:#fcfcfc}
.valuation-page .vehicle-svg-stage{width:100%;height:520px}
.valuation-page .vehicle-svg-stage .vehicle-condition-svg{width:465px}
.valuation-page .car-map-legend{margin:8px auto 0;gap:18px;font-size:12px}
.valuation-page .condition-detail h3,.valuation-page .accessories-section h3,.valuation-page .damage-editor h3{margin:0 0 18px;font:600 24px/1.2 "Myriad Pro",Arial,sans-serif;color:#333}
.valuation-page .part-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;margin-bottom:24px}
.valuation-page .part-row{min-height:55px;padding:7px 0;font-size:13px}
.valuation-page .part-row .form-select{height:39px}
.valuation-page .condition-fields{max-width:none;margin-top:24px}
.valuation-page .accessories-section{margin:40px 0 0;padding:25px 0 0;border-top:1px solid var(--figma-border)}
.valuation-page .condition-help{margin:0 0 20px;font-size:14px}
.valuation-page .accessory-picks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 22px;max-width:none;margin:0}
.valuation-page .accessory-picks label{min-height:27px;font:400 14px/1.3 Arial,sans-serif;letter-spacing:0}
.valuation-page .accessory-picks .form-check-label{font:400 14px/1.3 Arial,sans-serif;letter-spacing:0}
.valuation-page .damage-section{margin-top:42px;padding-top:25px;border-top:1px solid var(--figma-border)}
.valuation-page .damage-toggle{font:600 20px/1.2 "Myriad Pro",Arial,sans-serif;letter-spacing:0}
.valuation-page .damage-content{margin-top:20px}
.valuation-page .damage-editor,.valuation-page .damage-list{border:1px solid var(--figma-border);border-radius:10px;background:#fcfcfc}
.valuation-page .damage-editor{padding:22px}
.valuation-page .damage-fields{display:grid;grid-template-columns:1.1fr 2fr 1.1fr auto;align-items:end;gap:14px}
.valuation-page .damage-fields .form-group{margin:0}
.valuation-page .damage-list{margin-top:16px;overflow:hidden}
.valuation-page .damage-reset{margin-top:15px}
.valuation-page .contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:none}
.valuation-page .purpose-flow{margin:38px 0}
.valuation-page .purpose-choices{gap:16px}
.valuation-page .purpose-choices button,.valuation-page .branch-choices button{min-height:68px;font-size:17px}
.valuation-page .phone-verify{margin-top:38px;padding:24px;background:#fcfcfc}
.valuation-page .phone-form{max-width:650px}
.valuation-page .phone-form .btn{min-width:150px;font-size:16px;font-weight:600}
.valuation-page .consents{margin-top:35px}
.valuation-page .result-top{display:grid;grid-template-columns:52px minmax(0,1fr) minmax(270px,.65fr);gap:22px;align-items:center;padding:35px 0;border-bottom:1px solid var(--figma-border)}
.valuation-page .result-check{background:#7ca946}
.valuation-page .result-vehicle small,.valuation-page .result-price small{color:var(--figma-red);font:600 13px/1.2 "Myriad Pro",Arial,sans-serif;letter-spacing:1px;text-transform:uppercase}
.valuation-page .result-vehicle h2{margin:8px 0;font-size:30px}
.valuation-page .result-vehicle p{font-size:15px}
.valuation-page .ref{display:block;margin-top:12px;text-align:left;font-size:12px}
.valuation-page .result-price{display:flex;flex-direction:column;gap:8px;padding:20px 24px;border-left:1px solid var(--figma-border);background:#fff4f4}
.valuation-page .result-price strong{color:var(--figma-red);font:700 38px/1.1 "Myriad Pro",Arial,sans-serif}
.valuation-page .insight{margin-top:24px}
.valuation-page .valuation-state.error{border-radius:10px;background:#ffebeb}
.valuation-page .terms-modal{width:min(900px,calc(100vw - 28px))}
@media(max-width:1000px){
  .valuation-page .steps{gap:8px;margin-top:75px}
  .valuation-page .step{gap:7px;font-size:16px}
  .valuation-page .step b{flex-basis:42px;width:42px;height:42px;font-size:18px}
  .valuation-page .step small{font-size:11px}
  .valuation-page .option-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
  .valuation-page .condition-layout{gap:20px}
  .valuation-page .accessory-picks{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .valuation-page{padding-inline:20px}
  .valuation-page .page-header{padding-top:60px;background-size:auto 95px}
  .valuation-page .page-heading{font-size:31px}
  .valuation-page .page-desc{font-size:19px}
  .valuation-page .steps{margin:55px 0 30px}
  .valuation-page .step span{display:none}
  .valuation-page .step b{flex-basis:42px;width:42px;height:42px}
  .valuation-page .panel h2{font-size:28px}
  .valuation-page .panel-head{margin-bottom:30px}
  .valuation-page .option-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .valuation-page .condition-layout{grid-template-columns:1fr}
  .valuation-page .car-map{min-height:0}
  .valuation-page .contact-grid{grid-template-columns:1fr 1fr}
  .valuation-page .damage-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
  .valuation-page .result-top{grid-template-columns:52px minmax(0,1fr)}
  .valuation-page .result-price{grid-column:1/-1}
}
@media(max-width:520px){
  .valuation-page{padding-inline:15px}
  .valuation-page .page-heading{font-size:27px}
  .valuation-page .page-desc{font-size:17px}
  .valuation-page .steps{margin-top:40px}
  .valuation-page .step b{flex-basis:38px;width:38px;height:38px}
  .valuation-page .option-cards,.valuation-page .option-cards.visual{grid-template-columns:1fr}
  .valuation-page .option-card.has-image{min-height:175px}
  .valuation-page .part-list,.valuation-page .accessory-picks,.valuation-page .contact-grid,.valuation-page .damage-fields{grid-template-columns:1fr 1fr}
  .valuation-page .vehicle-svg-stage{height:440px}
  .valuation-page .vehicle-svg-stage .vehicle-condition-svg{width:390px}
  .valuation-page .car-map-legend{gap:9px}
  .valuation-page .result-price strong{font-size:32px}
  .valuation-page .actions .btn{font-size:17px}
}
@media(max-width:390px){.valuation-page .part-list,.valuation-page .accessory-picks,.valuation-page .contact-grid,.valuation-page .damage-fields{grid-template-columns:1fr}}
@media print{.valuation-page .result-internal{display:none!important}.valuation-page .result-top{break-inside:avoid}}