.vehicle-configuration{margin:0 0 36px;padding:30px;border:1px solid var(--line);background:#f7f6ee;color:var(--ink);position:relative}.vehicle-configuration:before{content:"";position:absolute;left:-1px;top:30px;width:3px;height:42px;background:var(--orange)}.vehicle-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:27px}.vehicle-heading h3{font-family:var(--heading);font-size:35px;letter-spacing:-.055em;line-height:1.1;font-weight:500;margin:16px 0 0}.vehicle-heading h3 span{color:#7a8171}.vehicle-heading p{font-size:12px;line-height:1.8;margin:0 0 2px}.vehicle-fields{display:grid;grid-template-columns:1fr 1fr 1.55fr .8fr;gap:12px;margin:0 0 24px}.vehicle-field{min-width:0;display:block}.vehicle-field>span{font-family:var(--mono);font-size:9px;display:flex;align-items:center;gap:9px;margin-bottom:9px}.vehicle-field i{font-style:normal;font-size:8px;color:var(--orange)}.vehicle-field select{width:100%;min-width:0;min-height:50px;border:1px solid #30372840;border-radius:0;background:#fffdf5;color:var(--ink);font-family:Manrope,sans-serif;font-size:11px;padding:10px 30px 10px 12px;text-overflow:ellipsis;cursor:pointer}.vehicle-field select:disabled{opacity:.5;cursor:not-allowed;background:#eeeee5}.vehicle-field select:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.oil-result{display:grid;grid-template-columns:.8fr 1.7fr;gap:35px;padding:24px;background:#e8e8df;border:1px solid #252a2020}.oil-spec>strong{display:block;font-family:var(--mono);font-weight:400;font-size:48px;letter-spacing:-.08em;margin:15px 0 9px;line-height:1}.oil-approval{font-family:var(--mono);font-size:9px;line-height:1.8;display:block;color:#656e5b;max-width:270px}.oil-facts{display:flex;gap:25px;margin-top:22px}.oil-facts span{font-size:9px;color:#68715e;display:flex;flex-direction:column;gap:4px}.oil-facts b{font-family:var(--mono);font-size:15px;color:var(--ink);font-weight:500;letter-spacing:-.04em}.oil-calculation .quote-line{font-size:10px;line-height:1.6;gap:18px;padding:10px 0}.oil-calculation .quote-line>span:last-child{white-space:nowrap;font-family:var(--mono);font-size:11px}.oil-calculation .quote-line:first-child{padding-top:0}.oil-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #252a2040;padding-top:15px;margin-top:4px;gap:20px;font-size:11px}.oil-total small{display:block;font-size:8px;opacity:.65;margin-top:3px}.oil-total strong{font-family:var(--mono);font-weight:500;letter-spacing:-.06em;font-size:30px;white-space:nowrap}.catalog-note{margin-top:17px;color:#67705d;font-size:10px;line-height:1.8}.catalog-note summary{cursor:pointer;width:fit-content;padding:5px 0;min-height:32px;align-content:center}.catalog-note p{max-width:820px;margin:10px 0}.catalog-note a{color:var(--ink);text-underline-offset:4px}.oil-unresolved{padding:27px;background:#e8e8df;min-height:213px}.oil-unresolved h3{font-family:var(--heading);font-size:23px;font-weight:500;letter-spacing:-.045em;margin:16px 0 10px}.oil-unresolved p{font-size:11px;line-height:1.8;max-width:560px}.unresolved-price{font-family:var(--mono);font-size:14px;display:block;margin-top:20px;color:#8f461f}.booking-step .vehicle-fields{grid-template-columns:1fr 1fr;margin-top:25px;gap:16px}.booking-step .vehicle-field select{font-size:12px}.booking-oil{margin-bottom:26px}.booking-oil .oil-result{gap:22px;grid-template-columns:.85fr 1.5fr;padding:20px}.booking-oil .oil-spec>strong{font-size:35px}.booking-oil .oil-facts{gap:15px;flex-wrap:wrap}.booking-oil .oil-facts b{font-size:13px}.booking-oil .oil-total strong{font-size:23px}.booking-oil .oil-approval{font-size:8px}.booking-oil .oil-unresolved{min-height:0}.service-tab small{min-height:12px}.detail-price strong{font-size:clamp(20px,2vw,29px)}.service-detail .detail-price{flex-wrap:wrap;gap:12px}.selection-total strong{white-space:nowrap}.quote-line>span:first-child{min-width:0;overflow-wrap:anywhere}.quote-line>span:last-child{white-space:nowrap}.booking-step .quote-lines .quote-line{font-size:11px;line-height:1.7}
@media(max-width:1000px){.vehicle-fields{grid-template-columns:1fr 1fr}.oil-result{gap:24px;grid-template-columns:.9fr 1.3fr}.vehicle-heading h3{font-size:32px}.oil-spec>strong{font-size:41px}.oil-facts{gap:17px}.oil-total strong{font-size:26px}}
@media(max-width:720px){.vehicle-configuration{padding:20px 16px;margin-bottom:26px}.vehicle-heading{display:block;margin-bottom:22px}.vehicle-heading h3{font-size:29px;margin-top:12px}.vehicle-heading p{font-size:10px;margin-top:14px}.vehicle-heading .section-index{font-size:7px}.vehicle-fields{gap:15px 10px;margin-bottom:20px}.vehicle-field>span{font-size:9px;gap:6px;margin-bottom:8px}.vehicle-field select{font-size:11px;min-height:48px;padding-left:9px;padding-right:20px}.vehicle-field:nth-child(3){grid-column:1/-1}.vehicle-field:nth-child(4){grid-column:1/-1}.oil-result,.booking-oil .oil-result{display:block;padding:18px}.oil-spec{position:relative;padding-bottom:20px;border-bottom:1px solid #252a2029;margin-bottom:18px}.oil-spec>.eyebrow{font-size:7px}.oil-spec>strong,.booking-oil .oil-spec>strong{font-size:40px;margin-top:16px}.oil-approval{font-size:8px;max-width:180px}.oil-facts,.booking-oil .oil-facts{position:absolute;top:27px;right:0;flex-direction:column;gap:13px;margin:0}.oil-facts span{font-size:8px}.oil-facts b,.booking-oil .oil-facts b{font-size:13px}.oil-calculation .quote-line{font-size:9px;gap:12px;padding:10px 0}.oil-calculation .quote-line>span:last-child{font-size:10px}.oil-calculation .quote-line>span:first-child{max-width:75%}.oil-total strong{font-size:27px}.oil-total{font-size:10px}.catalog-note{font-size:9px}.oil-unresolved{padding:20px;min-height:235px}.oil-unresolved h3{font-size:24px;line-height:1.2}.oil-unresolved p{font-size:10px}.unresolved-price{font-size:12px}.booking-step .vehicle-fields{gap:15px 10px}.booking-oil .oil-result{padding:16px}.booking-oil .oil-spec>strong{font-size:36px}.booking-oil .oil-facts{top:25px}.booking-oil .oil-approval{max-width:155px}.booking-oil .oil-total strong{font-size:25px}.booking-step .quote-lines .quote-line{font-size:10px}.detail-price strong{font-size:25px}}
@media(prefers-reduced-motion:reduce){.vehicle-configuration *{scroll-behavior:auto}}
@media(max-width:370px){.oil-spec>strong,.booking-oil .oil-spec>strong{font-size:32px}.oil-approval,.booking-oil .oil-approval{max-width:125px;font-size:7px}.oil-facts b,.booking-oil .oil-facts b{font-size:11px}.vehicle-configuration{padding:20px 12px}.oil-result,.booking-oil .oil-result{padding:14px}.oil-total strong{font-size:24px}}