/* v3.112.0 — the car page (the rent-a-car plugin's vehicle-details block, rendered by
   ContentBlockRenderer.VehicleDetails.cs). Plain CSS: Tailwind never scans the renderer's markup.
   The root also carries "not-prose", so a page with Prose on cannot restyle it, and every heading
   and list rule is set here explicitly because Tailwind's preflight resets them.
   Layout rules learnt the hard way on this site: grid tracks are minmax(0,…) so nothing rigid can
   push the page wider than a phone; photos are aspect-ratio boxes, never height:100% of a stretched
   grid row; the panels are white because the content templates paint the page red. */

.fin-vd{
  --_a:var(--fin-vd-accent,#c62828);
  max-width:1180px;margin:0 auto;
  color:#111827;font-size:16px;line-height:1.55;text-align:left;
}
.fin-vd *,.fin-vd *::before,.fin-vd *::after{box-sizing:border-box}
.fin-vd h2,.fin-vd h3{margin:0;color:#111827;letter-spacing:-.01em;line-height:1.2}
.fin-vd h2{font-size:22px;font-weight:800}
.fin-vd h3{font-size:16px;font-weight:700}
.fin-vd ul{list-style:none;margin:0;padding:0}
.fin-vd p{margin:0}

/* ── the car: gallery + summary ───────────────────────────────────────────────────────────── */
.fin-vd__top{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px;align-items:start}
.fin-vd__gallery,.fin-vd__summary,.fin-vd__panel,.fin-vd__notice{
  background:#fff;border-radius:20px;box-shadow:0 10px 30px -12px rgba(0,0,0,.35);
}
.fin-vd__gallery{padding:12px;min-width:0}
.fin-vd__stage{position:relative;aspect-ratio:3/2;border-radius:14px;overflow:hidden;background:#f3f4f6}
.fin-vd__stage img{display:block;width:100%;height:100%;object-fit:cover}
.fin-vd__stage--empty{display:flex;align-items:center;justify-content:center;color:#d1d5db;font-size:72px}
.fin-vd__thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;margin-top:10px}
.fin-vd__thumb{
  display:block;width:100%;aspect-ratio:3/2;padding:0;margin:0;
  border:2px solid transparent;border-radius:10px;overflow:hidden;background:#f3f4f6;cursor:pointer;
  opacity:.75;transition:opacity .15s,border-color .15s;
}
.fin-vd__thumb img{display:block;width:100%;height:100%;object-fit:cover}
.fin-vd__thumb:hover,.fin-vd__thumb[aria-pressed="true"]{opacity:1}
.fin-vd__thumb[aria-pressed="true"]{border-color:var(--_a)}
.fin-vd__thumb:focus-visible{outline:3px solid var(--_a);outline-offset:2px}

.fin-vd__summary{padding:26px;min-width:0;position:sticky;top:96px}
.fin-vd__eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:10px;min-height:22px}
.fin-vd__badge{
  display:inline-block;padding:4px 12px;border-radius:999px;background:var(--_a);color:#fff;
  font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.4;
}
.fin-vd__year{font-size:14px;font-weight:600;color:#6b7280}
.fin-vd .fin-vd__name{font-size:30px;font-weight:800;text-transform:uppercase;line-height:1.05;overflow-wrap:anywhere}
.fin-vd .fin-vd__name small{display:block;margin-bottom:4px;font-size:13px;font-weight:600;letter-spacing:.14em;color:#6b7280}
.fin-vd__rating{display:inline-flex;align-items:center;gap:6px;margin-top:10px;color:#111827;text-decoration:none;font-size:14px}
.fin-vd__rating span:last-child{color:#6b7280}
.fin-vd__stars{display:inline-flex;gap:2px;color:#f59e0b}

.fin-vd__price{
  display:flex;flex-direction:column;gap:2px;margin-top:18px;padding:16px 18px;border-radius:14px;
  background:#fdf2f2;background:color-mix(in srgb,var(--_a) 8%,#fff);
}
.fin-vd__price small{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6b7280}
.fin-vd__price b{font-size:34px;font-weight:800;color:var(--_a);line-height:1.1;letter-spacing:-.01em;white-space:nowrap}
.fin-vd__price b span{font-size:.55em;font-weight:700;letter-spacing:0}
.fin-vd__price-note{font-size:12px;color:#6b7280}
.fin-vd__price--na b{font-size:20px;color:#111827}

.fin-vd__specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
.fin-vd__specs li{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 12px;border:1px solid #eef0f3;border-radius:12px}
.fin-vd__specs li>span{display:flex;flex-direction:column;min-width:0;font-size:14px;font-weight:700;overflow-wrap:anywhere}
.fin-vd__specs small{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#6b7280}
.fin-vd__specs svg{width:22px;height:22px;flex:0 0 auto;fill:none;stroke:var(--_a);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fin-vd__specs svg text{fill:var(--_a);stroke:none;font-family:inherit;font-size:12px;font-weight:700}
.fin-vd__specs .bi{flex:0 0 auto;font-size:20px;color:var(--_a)}

.fin-vd__deposit{display:flex;align-items:center;gap:6px;margin-top:14px;font-size:14px;color:#374151}
.fin-vd__deposit .bi{color:var(--_a)}
.fin-vd__deposit b span{font-size:.85em}

.fin-vd__book{
  display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:54px;
  margin-top:18px;padding:10px 10px 10px 26px;border:0;border-radius:999px;
  background:var(--_a);color:#fff;font-size:16px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  cursor:pointer;box-shadow:0 10px 20px -10px var(--_a);transition:filter .15s;
}
.fin-vd__book:hover{filter:brightness(1.08)}
.fin-vd__book i{
  display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 auto;
  border-radius:50%;background:#fff;color:var(--_a);font-style:normal;transition:transform .25s cubic-bezier(.2,.8,.2,1);
}
.fin-vd__book i svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.fin-vd__book:hover i{transform:translateX(4px)}
.fin-vd__book:focus-visible{outline:3px solid #111827;outline-offset:3px}
.fin-vd__unbookable{margin-top:18px;padding:12px 14px;border-radius:12px;background:#fef3c7;color:#92400e;font-size:14px;font-weight:600}
.fin-vd__alt{display:inline-flex;align-items:center;gap:6px;margin-top:14px;color:var(--_a);font-size:14px;font-weight:700;text-decoration:none}
.fin-vd__alt:hover{text-decoration:underline}

.fin-vd__terms{margin-top:20px;padding-top:16px;border-top:1px solid #eef0f3}
.fin-vd .fin-vd__terms h3{margin-bottom:8px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#6b7280}
.fin-vd__terms li{display:flex;align-items:flex-start;gap:10px;padding:4px 0;font-size:14px;color:#374151}
.fin-vd__terms .bi{color:#16a34a;font-size:16px;line-height:1.4}

/* ── about, features, reviews ─────────────────────────────────────────────────────────────── */
.fin-vd__panel{margin-top:24px;padding:28px}
.fin-vd__desc{margin-top:12px;color:#374151;font-size:16px;line-height:1.7;overflow-wrap:anywhere}
.fin-vd__desc p+p{margin-top:12px}
.fin-vd .fin-vd__about h3{margin-top:22px}
.fin-vd__features{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.fin-vd__features li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid #e5e7eb;border-radius:999px;font-size:14px;font-weight:500;color:#374151}
.fin-vd__features .bi{color:var(--_a)}

.fin-vd__reviews-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px}
.fin-vd__reviews-head p{display:flex;align-items:center;gap:6px;font-size:15px;color:#374151}
.fin-vd__review-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px;margin-top:16px}
.fin-vd__review{min-width:0;padding:18px;border:1px solid #eef0f3;border-radius:16px;background:#fafafa}
.fin-vd__review-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:#6b7280}
.fin-vd__review blockquote{margin:10px 0 0;padding:0;border:0;color:#111827;font-size:15px;font-style:normal;line-height:1.6;quotes:none;overflow-wrap:anywhere}
.fin-vd__review blockquote p+p{margin-top:8px}
.fin-vd__review-by{margin-top:10px;font-size:14px;font-weight:700;color:#111827}

/* ── similar cars, the index, notices ─────────────────────────────────────────────────────── */
.fin-vd__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.fin-vd__grid--4{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.fin-vd__similar .fin-vd__grid{margin-top:16px}
.fin-vd__notice{max-width:680px;margin:0 auto 28px;padding:36px 24px;text-align:center}
.fin-vd__notice-icon{
  display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;margin-bottom:14px;
  border-radius:50%;background:#fee2e2;color:var(--_a);font-size:34px;
}
.fin-vd__notice p{margin-top:8px;color:#6b7280}
.fin-vd__empty{padding:24px;border-radius:16px;background:#fff;text-align:center;color:#6b7280}

@media (max-width:1100px){
  .fin-vd__grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .fin-vd__top{grid-template-columns:minmax(0,1fr)}
  .fin-vd__summary{position:static}
  .fin-vd__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:600px){
  .fin-vd__grid,.fin-vd__grid--4{grid-template-columns:minmax(0,1fr)}
  .fin-vd__panel,.fin-vd__summary{padding:20px}
  .fin-vd__gallery{padding:8px}
  .fin-vd .fin-vd__name{font-size:24px}
  .fin-vd__price b{font-size:28px}
  .fin-vd__specs{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
}
@media (prefers-reduced-motion:reduce){
  .fin-vd__book i,.fin-vd__thumb{transition:none}
}
