/* proto-pages-home.css: the home's hero (templates/search/home.html), the H1 and the brief beside the finder card.
   The card is the kit's vehicle band as the kit draws it (its own dark bar and red edge); this file sizes only the
   box around it (.pp-hero__finder) and names no kit class. */
@layer base, kit, site;

@layer site {
.pp-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 560px); align-items: center; gap: 24px 48px; }
.pp-hero__finder { min-width: 0; }
@media (max-width: 979.98px) {
  .pp-hero { grid-template-columns: minmax(0, 1fr); gap: 20px; }
}
/* the desktop card as it was before kit 0.9.4 brought the band its three tabs (Greg 2026-10-30): the tabs over the
   row where the "Select your vehicle" heading sat, and Year, Make, Model and Go on a row of their own across the card,
   132px a field as before. On one row with the tabs, the 560px card left the form 190px and the fields read "Ye" and
   "Ma". Layout only, and the phone keeps the kit's own stack. These name kit classes (doctor check 13) until the kit's
   band stacks itself in a narrow box. */
@media (min-width: 980px) {
  .pp-hero__finder .kit-band__row { flex-wrap: wrap; gap: 12px; }
  .pp-hero__finder .kit-band__panels { flex-basis: 100%; }
}
}