/* Boot Buddy Journey, landing pages ([bbj_landing]): the finder as a white panel inside the page's coloured finder row. */
.bbj-landing { margin: 8px 0 0; text-align: left; }
.bbj-landing .bbj { background: #fff; border-radius: 10px; box-shadow: 0 6px 24px rgba(0, 0, 0, 0.18); padding: 20px 24px 24px; }
.bbj-landing .bbj h2, .bbj-landing .bbj h3 { color: var(--bbj-black); text-transform: none; }
/* The row's own heading ("Find the boot liner that will fit your vehicle") already names the task. */
.bbj-landing .bbj-finder > .bbj-title { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.bbj-landing .bbj-finder > .bbj-lead { margin-top: 0; }
.bbj-landing .bbj-btn.is-busy { opacity: 0.7; cursor: progress; }
@media (max-width: 600px) {
  .bbj-landing .bbj { padding: 14px 12px 18px; border-radius: 8px; }
}

/* === G5: one make-logo route (V5 p1), compact on landing pages === */
.bbj-landing [hidden] { display: none !important; }
/* Most-stocked makes first; "Show all makes" opens the full grid in place. */
.bbj-landing.is-compact .bbj-makes > .bbj-make:not([data-popular]) { display: none; }
.bbj-landing.is-compact .bbj-makes { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.bbj-landing .bbj-landing__all { display: flex; margin: 14px auto 0; min-height: 48px; }
/* Stored car: one line of car and actions (V2 p11 "Change car", V5 p1 selected-car panel). */
.bbj-landing .bbj-landing__car { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 24px; }
.bbj-landing__cartext { min-width: 0; }
.bbj-landing .bbj-landing__cartext p { margin: 0; }
.bbj-landing .bbj-landing__label { font-size: 0.8rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--bbj-muted); }
.bbj-landing .bbj-landing__carname { font-size: 1.5rem; font-weight: 800; line-height: 1.2; color: var(--bbj-black); margin: 2px 0 4px !important; overflow-wrap: anywhere; }
.bbj-landing .bbj-landing__carnote { font-size: 0.95rem; color: var(--bbj-text); }
.bbj-landing__caracts { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }
.bbj-landing a.bbj-landing__see { color: #fff !important; text-decoration: none; padding: 12px 22px; min-height: 48px; }
.bbj-landing a.bbj-landing__see:focus-visible { outline: 3px solid var(--bbj-black); outline-offset: 2px; }
.bbj-landing button.bbj-landing__change { min-height: 44px; font-weight: 700; }
.bbj-landing button.bbj-landing__change:focus-visible { outline: 3px solid var(--bbj-orange); outline-offset: 2px; }
@media (max-width: 900px) {
  .bbj-landing.is-compact .bbj-makes { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .bbj-landing.is-compact .bbj-makes { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .bbj-landing .bbj-landing__all { width: 100%; justify-content: center; }
  .bbj-landing .bbj-landing__carname { font-size: 1.2rem; }
  .bbj-landing__caracts { width: 100%; }
  .bbj-landing a.bbj-landing__see { flex: 1 1 100%; justify-content: center; text-align: center; }
}