/* ==========================================================================
   collection.css — product-type listing pages + the Add Ons collection.
   Reuses shop.css chrome (.page-head, .collection, .col-head, .btn-row) and the
   sections.css kit-card component. Loaded AFTER shop.css so these rules win.
   ========================================================================== */

/* Listings step 3 -> 2 -> 1 instead of the homepage's 3 -> 1 jump.
   .collection .kit-grid (0,2,0) is more specific than sections.css .kit-grid. */
@media (max-width: 980px) {
  .collection .kit-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 560px) {
  .collection .kit-grid,
  .collection .kit-grid.two {
    grid-template-columns: 1fr;
  }
}

/* Cross-sell CTA band: stack the title group above the button row */
.collection .col-head.is-cta {
  display: block;
}

.collection .col-head.is-cta .btn-row {
  margin-top: var(--space-m);
}