/* Price components use the vehicle location's configured document fee. */
body .j-shell .j-price-breakdown{font:400 13px/1.5 "Segoe UI",Arial,sans-serif;text-align:left;color:#fff;width:100%}
body .j-shell .j-price-breakdown>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:5px 0}
body .j-shell .j-price-breakdown>div>span:last-child{white-space:nowrap;font-weight:600}
body .j-shell .j-price-breakdown .j-price-total{display:block;border-top:1px solid #aeb9c4;padding-top:8px;margin-top:10px}
body .j-shell .j-price-total>span{display:block;font-size:13px;color:#eee}
body .j-shell .j-price-total strong{display:block;font-size:26px;line-height:1.4;color:#f4ef16;white-space:nowrap}
body .j-shell .j-price-breakdown small{display:block;font-size:11px;line-height:1.5;color:#ddd;margin-top:8px;white-space:normal}
body .j-inventory .j-result-price{padding-top:8px}
body .j-vdp .j-vdp-pricing{flex:0 0 245px;max-width:100%}
body .j-vdp .j-price-breakdown .j-price-total{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
body .j-vdp .j-price-total strong{font-size:28px}
@media(max-width:1000px){body .j-inventory .j-result-price{max-width:280px}}
@media(max-width:650px){body .j-vdp .j-vdp-pricing{flex:auto;width:100%;max-width:300px}body .j-vdp .j-vdp-title>div:last-child{align-items:stretch}}

/* Lead with the vehicle sale price; show fee and total as supporting rows. */
body .j-shell .j-price-breakdown>div:first-child{display:block;margin-bottom:10px}
body .j-shell .j-price-breakdown>div:first-child>span:first-child{display:block;font-size:13px;color:#eee}
body .j-shell .j-price-breakdown>div:first-child>span:last-child{display:block;font-size:28px;font-weight:800;line-height:1.4;color:#f4ef16}
body .j-shell .j-price-breakdown .j-price-total{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
body .j-shell .j-price-breakdown .j-price-total>span{font-size:13px}
body .j-shell .j-price-breakdown .j-price-total strong{display:inline;font-size:14px;font-weight:600;line-height:1.5;color:#fff}

body .j-shell .j-price-breakdown>div:first-child{text-align:right}

body .j-shell .j-price-breakdown>div:first-child>span:only-child{font-size:28px;font-weight:800;line-height:1.4;color:#f4ef16}

body .j-vdp .j-vdp-title h1{font-size:clamp(26px,3.2vw,40px);line-height:1.2;white-space:nowrap;min-width:0;flex:1 1 auto}
body .j-vdp .j-vdp-title h1 small{font-size:17px;white-space:nowrap}
@media(max-width:650px){body .j-vdp .j-vdp-title h1{font-size:26px;max-width:100%;overflow-x:auto}}

body .j-vdp .j-vdp-vehicle-name{display:block;white-space:nowrap}
body .j-vdp .j-vdp-title h1 small{display:block;margin-top:7px;font-size:17px;line-height:1.4;white-space:normal}