.stp-vp-wrap { max-width: 1200px; margin: 0 auto; padding: 24px 16px 48px; }
.stp-vp-breadcrumb { font-size: 14px; color: #6b7280; margin-bottom: 12px; }
.stp-vp-breadcrumb a { color: #6b7280; text-decoration: none; }
.stp-vp-breadcrumb a:hover { text-decoration: underline; }
.stp-vp-breadcrumb .sep { margin: 0 4px; color: #cbd5e1; }
.stp-vp-breadcrumb [aria-current="page"] { color: #111827; font-weight: 600; }
.stp-vp-h1 { font-size: clamp(24px, 4vw, 34px); line-height: 1.15; margin: 4px 0 10px; }
.stp-vp-intro { color: #374151; max-width: 70ch; margin: 0 0 24px; }
.stp-vp-children { margin: 0 0 28px; }
.stp-vp-children h2 { font-size: 18px; margin: 0 0 12px; }
.stp-vp-chip-list { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.stp-vp-chip-list a {
  display: inline-block; padding: 8px 14px; border: 1px solid #e5e7eb; border-radius: 999px;
  background: #f9fafb; color: #111827; text-decoration: none; font-size: 14px; font-weight: 500;
}
.stp-vp-chip-list a:hover { background: #111827; color: #fff; border-color: #111827; }
.stp-vp-cat-picker { position: relative; }
.stp-vp-cat-select {
  -webkit-appearance: none; appearance: none;
  width: auto; min-width: 260px; max-width: min(420px, 100%); min-height: 48px; padding: 10px 40px 10px 14px;
  border: 1.5px solid #d1d5db; border-radius: 10px;
  font-size: 16px; font-weight: 600; background: #fff; color: #111827; cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%234b5563' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 14px center;
}
.stp-vp-cat-select:hover { border-color: #9ca3af; }
.stp-vp-cat-select:focus-visible {
  outline: 3px solid rgba(255, 210, 0, .55); outline-offset: 1px; border-color: #111827;
}
@media (max-width: 600px) {
  .stp-vp-cat-select { width: 100%; }
}
.stp-vp-grid { margin: 8px 0 32px; }
.stp-vp-empty {
  border: 1px solid #fde68a; background: #fffbeb; border-radius: 12px; padding: 20px 22px; margin: 8px 0 28px;
}
.stp-vp-empty p { margin: 0 0 12px; }
.stp-vp-empty p:last-child { margin-bottom: 0; }
.stp-vp-callbtn, .stp-vp-finder-cta .stp-vp-callbtn {
  display: inline-block; background: #facc15; color: #111827; font-weight: 700;
  padding: 12px 22px; border-radius: 8px; text-decoration: none;
}
.stp-vp-callbtn:hover { background: #eab308; }
.stp-vp-reqbtn {
  display: inline-block; background: #0D0E10; color: #fff; font-weight: 700;
  padding: 12px 22px; border-radius: 8px; text-decoration: none; margin-right: 10px;
}
.stp-vp-reqbtn:hover { background: #26282c; }
.stp-vp-finder-cta { margin-top: 24px; }

/* --- Close-match salvage view (?stp_near) --- */
.stp-vp-nearbanner {
  border: 1px solid #fde68a; background: #fffbeb; border-radius: 12px;
  padding: 14px 18px; margin: 4px 0 22px; color: #57430c;
}
.stp-vp-nearbanner p { margin: 0 0 10px; max-width: 80ch; }
.stp-vp-nearbanner p:last-child { margin-bottom: 0; }
.stp-vp-garagebtn {
  display: inline-block; background: #0D0E10; color: #fff; font-weight: 700;
  padding: 10px 18px; border: 0; border-radius: 8px; cursor: pointer; font-size: 14px;
}
.stp-vp-garagebtn:hover { background: #26282c; }
.stp-vp-near-cta { margin-top: 24px; }
@media (max-width: 600px) {
  .stp-vp-wrap { padding: 16px 12px 40px; }
}

/* --- Footer make directory (plan 4) --- */
.stp-vp-footer-dir { background: #0D0E10; padding: 28px 20px; }
.stp-vp-footer-dir-inner { max-width: 1200px; margin: 0 auto; }
.stp-vp-footer-dir h2 { color: #fff; font-size: 15px; margin: 0 0 12px; text-transform: uppercase; letter-spacing: .04em; }
.stp-vp-footer-dir ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 20px; }
.stp-vp-footer-dir a { color: rgba(255,255,255,.75); font-size: 14px; text-decoration: none; }
.stp-vp-footer-dir a:hover, .stp-vp-footer-dir a:focus-visible { color: #fff; text-decoration: underline; }
.stp-vp-footer-dir .stp-vp-footer-all { color: #FFC107; }

/* --- Year chips (plan 4) --- */
.stp-vp-years .stp-vp-chip-list a[aria-current="page"] { background: #0D0E10; color: #fff; }