/* Van Detail — photo and what fits, beside measurements, prices and booking. */
.lr.vd { padding: 96px 0; background: var(--lr-white); color: var(--lr-ink); }
.lr .vd__in { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); gap: 32px; align-items: start; }

.lr .vd__photo { position: relative; aspect-ratio: 16 / 10; border-radius: 24px; overflow: hidden; background: var(--lr-paper); }
.lr .vd__photo .vd__img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.lr .vd__fits { margin-top: 36px; }
.lr .vd__fits-h { font-weight: 600; font-size: 21px; letter-spacing: -0.01em; line-height: 1.25; margin: 0 0 16px; }
.lr .vd__ticks { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 28px; }
.lr .vd__ticks li { position: relative; padding-left: 30px; color: var(--lr-ink-2); line-height: 1.5; }
.lr .vd__ticks li::before { content: ""; position: absolute; left: 3px; top: .42em; width: 14px; height: 8px; border-left: 2.5px solid var(--lr-amber-d); border-bottom: 2.5px solid var(--lr-amber-d); transform: rotate(-45deg); }

.lr .vd__card { border: 1px solid var(--lr-line); border-radius: 24px; padding: 36px 36px 32px; background: var(--lr-white); position: sticky; top: calc(var(--lr-hdr) + 24px); }
.lr .vd__name { margin: 0; font-weight: 600; font-size: 34px; letter-spacing: -0.025em; line-height: 1.05; color: var(--lr-ink); }
.lr .vd__model { margin: 6px 0 0; color: var(--lr-steel); font-size: 15px; }
.lr .vd__nums { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 24px; margin: 26px 0 0; padding: 22px 0 0; border-top: 1px solid var(--lr-line); }
.lr .vd__nums dt { font-size: 13.5px; color: var(--lr-steel); }
.lr .vd__nums dd { margin: 0; font-weight: 600; font-size: 26px; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.lr .vd__good { margin: 20px 0 0; color: var(--lr-ink-2); }
.lr .vd__good span { display: block; font-size: 13.5px; color: var(--lr-steel); }

.lr .vd__price { margin-top: 24px; padding: 20px; border-radius: 16px; background: var(--lr-paper); }
.lr .vd__seg { display: flex; padding: 4px; background-color: var(--lr-white); border-radius: 999px; box-shadow: inset 0 0 0 1px var(--lr-line); }
.lr .vd__seg button { flex: 1; border: 0; background-color: transparent; height: 40px; padding: 0 12px; border-radius: 999px; font-family: var(--lr-font); font-weight: 500; font-size: 15px; line-height: 1.2; color: var(--lr-steel); cursor: pointer; }
.lr .vd__seg button:hover, .lr .vd__seg button:focus { background-color: transparent; color: var(--lr-ink); }
.lr .vd__seg button[aria-checked="true"], .lr .vd__seg button[aria-checked="true"]:hover, .lr .vd__seg button[aria-checked="true"]:focus { background-color: var(--lr-night); color: var(--lr-white); font-weight: 600; }
.lr .vd__line { margin: 16px 0 0; display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap; }
.lr .vd__amount { font-weight: 600; font-size: 40px; letter-spacing: -0.035em; line-height: 1; font-variant-numeric: tabular-nums; color: var(--lr-ink); }
.lr .vd__from, .lr .vd__per { color: var(--lr-steel); font-size: 15px; }
.lr .vd__price.is-call .vd__from, .lr .vd__price.is-call .vd__per { display: none; }
.lr .vd__price.is-call .vd__amount { font-size: 24px; letter-spacing: -0.015em; }
.lr .vd__pnote { margin: 8px 0 0; font-size: 14px; color: var(--lr-steel); }

.lr .vd__form { margin-top: 20px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.lr .vd__f { display: grid; gap: 4px; min-width: 0; }
.lr .vd__f span { font-size: 13px; color: var(--lr-steel); padding-left: 2px; }
.lr .vd__f input { width: 100%; min-width: 0; height: 52px; border: 1px solid var(--lr-line); border-radius: var(--lr-r-sm); background: var(--lr-white); color: var(--lr-ink); font: 600 16px/1 var(--lr-font); padding: 0 12px; }
.lr .vd__f input:focus { border-color: var(--lr-ink); outline: none; box-shadow: 0 0 0 3px rgba(255, 176, 32, .35); }
.lr .vd__form .btn { grid-column: 1 / -1; width: 100%; }
.lr .vd__call { margin: 14px 0 0; text-align: center; font-size: 15px; color: var(--lr-steel); }
.lr .vd__call a { color: var(--lr-ink); font-weight: 600; text-decoration: none; }
.lr .vd__call a:hover { text-decoration: underline; }

@media (max-width: 1100px) {
	.lr .vd__in { grid-template-columns: minmax(0, 1fr); }
	.lr .vd__card { position: static; }
}

@media (max-width: 640px) {
	.lr.vd { padding: 56px 0; }
	.lr .vd__photo { border-radius: 18px; }
	.lr .vd__card { padding: 24px 20px; border-radius: 18px; }
	.lr .vd__name { font-size: 28px; }
	.lr .vd__nums dd { font-size: 22px; }
	.lr .vd__amount { font-size: 34px; }
	.lr .vd__ticks { grid-template-columns: minmax(0, 1fr); }
}