/* Keep cash and monthly prices together, with room for long amounts on phones. */
.vehicle-price.vehicle-price-summary{grid-template-columns:minmax(0,1fr) auto;gap:14px 12px;align-items:end}
.vehicle-price-summary .vehicle-card-price{grid-column:1/-1;gap:7px;width:100%}
.vehicle-price-options{display:flex;align-items:flex-start;flex-wrap:wrap;gap:10px 14px;width:100%}
.vehicle-cash-price{min-width:0;flex:0 1 auto}
.vehicle-price-summary .vehicle-price-total{display:block;font-size:1.12rem;line-height:1.4;letter-spacing:-.025em}
.vehicle-price-summary .vehicle-price-note{margin-top:3px;font-size:.8125rem;line-height:1.5;color:var(--muted)}
.vehicle-price-summary .vehicle-monthly-price{display:flex;align-items:flex-start;gap:12px;flex:0 0 auto}
.vehicle-monthly-price .price-slash{font-size:1.2rem;line-height:1.4;font-weight:400;color:var(--muted)}
.vehicle-monthly-price strong{display:block;white-space:nowrap;font-size:1.05rem;font-weight:600;line-height:1.5;color:var(--text,#eef1f4);letter-spacing:-.02em}
.vehicle-monthly-price small{display:block;margin-top:2px;font-size:.8125rem;line-height:1.5;color:var(--muted)}
.vehicle-price-summary .vehicle-net-price{font-size:.875rem;font-weight:500;line-height:1.5;color:#d4dce2}
.vehicle-price-summary .vehicle-net-price span{font-size:.8125rem;font-weight:400;color:var(--muted)}
.vehicle-price-summary .vat-status{grid-column:1;align-self:center;font-size:.8125rem;line-height:1.5}
.vehicle-price-summary .vehicle-detail-link{grid-column:2;white-space:nowrap}
/* Align both amounts on one baseline; wrap the whole financing phrase together. */
body.customer-type .detail-heading>.detail-price-box.has-finance{flex:0 1 520px;min-width:0}
.detail-price-box.vehicle-price-summary .detail-price-caption{display:block;margin-bottom:6px;color:var(--muted);font-size:.875rem;line-height:1.5}
.detail-price-box.vehicle-price-summary .detail-price-options{display:flex;align-items:baseline;justify-content:flex-start;flex-wrap:wrap;gap:8px 20px}
.detail-price-box.vehicle-price-summary .detail-price-lead{padding:0;border:0}
.detail-price-box.vehicle-price-summary .detail-price{margin:0;font-size:1.75rem;font-weight:600;line-height:1.35;font-variant-numeric:tabular-nums;white-space:normal}
.detail-monthly-price{display:inline-flex;flex:0 0 auto;flex-wrap:wrap;max-width:100%;align-items:baseline;gap:0 .375rem;padding-block:.5rem;margin-block:-.5rem;color:var(--text,#eef1f4);font-size:.875rem;line-height:1.5;text-decoration:none}
.detail-monthly-price span{color:var(--muted)}
.detail-monthly-price strong{font-size:1.25rem;font-weight:600;line-height:1.35;white-space:nowrap;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.detail-monthly-price:hover strong{text-decoration:underline;text-underline-offset:4px}
.detail-monthly-price:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.detail-price-box.vehicle-price-summary .detail-vat-price{padding-top:12px;border-top:1px solid var(--line)}
.detail-price-box.vehicle-price-summary .detail-vat-price>div{flex-wrap:wrap;row-gap:2px}
.detail-price-box.vehicle-price-summary .detail-vat-price dd{margin-inline-start:auto}
.detail-price-box.vehicle-price-summary .detail-vat-price dt,.detail-price-box.vehicle-price-summary .detail-vat-price dd{font-size:.875rem}
.detail-price-box.vehicle-price-summary .vat-deductible{font-size:.8125rem}
@media(max-width:1000px){body.customer-type .detail-heading>.detail-price-box.has-finance{flex:0 1 auto;width:100%;max-width:560px}}
@media(max-width:700px){.vehicle-price-summary .vehicle-price-total{font-size:1.1rem}.detail-price-box.vehicle-price-summary .detail-price{font-size:1.625rem}.detail-price-box.vehicle-price-summary .detail-price-options{gap:6px 16px}.detail-monthly-price strong{font-size:1.125rem}}
@media(max-width:360px){.vehicle-price-options{gap:10px}.vehicle-price-summary .vehicle-price-total{font-size:1rem}.vehicle-monthly-price strong{font-size:1rem}.vehicle-price-summary .vehicle-monthly-price{gap:8px}.detail-price-box.vehicle-price-summary .detail-price{font-size:1.5rem}}