/* The lift-kit shelf and kit page's own blocks (templates/shop_lift_kits.html,
   lift_kit.html). The product rows themselves are the store's shared compact
   card (static/row-card.css). */

/* The front door: each truck line, then every kit. */
.lift-line { margin-top: 18px; }
.lift-line-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.lift-line-head h2 { margin: 0; font-family: var(--font-display); font-size: 1.25rem; font-weight: 500; color: var(--text-0); }
.lift-line-all { display: inline-flex; align-items: center; min-height: 44px; font-weight: 700; color: var(--volt); white-space: nowrap; }
.lift-browse-all { margin: 22px 0 6px; }
.lift-browse-all .btn { min-height: 44px; }

/* The choices above a list, kept short on a phone so the first kit is on the
   first screen: the heights scroll sideways in one row, and the filters sit
   beside the sort. */
.lift-heights { margin: 0; }
.lift-heights .chip-row { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
.lift-heights .chip-row::-webkit-scrollbar { display: none; }
.lift-heights .chip { flex: none; }
.lift-heights .kind-line { margin: 6px 0 0; }
.lift-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 0 10px; margin: 4px 0 0; }
.lift-tools .results-bar { flex: 1; margin: 0; padding: 0; min-height: 0; }
.lift-tools .sort-field { margin: 0; }
.lift-shelf .row-list { margin-top: 0; }
.lift-shelf .row-list > .row-list-head:first-child { margin-top: 2px; }
.lift-shelf .row-list-head { font-size: 1.125rem; line-height: 1.2; }
.lift-filters[open] { flex-basis: 100%; order: 2; }
.lift-filters > summary { list-style: none; cursor: pointer; min-height: 44px; display: inline-flex; align-items: center; }
.lift-filters > summary::-webkit-details-marker { display: none; }
.lift-filters-body { padding: 8px 0 4px; }
.lift-filters .chip, .lift-heights .chip { min-height: 44px; display: inline-flex; align-items: center; gap: 4px; }
.lift-brand-tiles .brand-tile { min-height: 64px; }
.lift-same-kit { margin: 10px 0 0; }

/* The kit page: at a glance, and every version. */
.kit-glance { display: grid; grid-template-columns: 1fr; gap: 4px 28px; }
@media (min-width: 900px) { .kit-glance { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.kit-glance h2 { font-size: 1.125rem; margin: 10px 0 6px; }
.kit-glance ul { margin: 0; padding-left: 18px; line-height: 1.5; }
.kit-versions { list-style: none; margin: 0; padding: 0; }
.kit-versions li { display: flex; align-items: center; gap: 10px; min-height: 44px; border-top: 1px solid var(--line); }
.kit-versions li a { flex: 1; min-width: 0; }
.kit-versions li.on a { color: var(--volt); font-weight: 700; }
/* On a phone the sort's own words ("Sort by") give way to its choice, which
   was cut to "Recommende"; the label still names it for a screen reader. */
@media (max-width: 620px) {
  .lift-tools .sort-field { font-size: 0; gap: 0; letter-spacing: 0; }
  .lift-tools .sort-field select { font-size: var(--text-small); }
}