/**
 * Section: Featured Kits
 * Ported from .docs/mockup/css/sections.css (FEATURED KITS block, lines
 * 387-518). Tokens only — no hardcoded colours or sizes.
 *
 * Only the section wrapper lives here now. The card itself (.kit-grid,
 * .kit-card, .kit-img, .kit-badge, .kit-body, .kit-footer, .kit-price and
 * friends) moved to components.css when the WooCommerce layer landed: the
 * mockup uses the same card on the homepage, the Shop page, all four
 * collection pages and the PDP upsell rows, so it is shared chrome rather
 * than this section's private styling.
 *
 * Not ported: .btn-sm — already owned by the theme's shared components.css.
 * Not ported: .review-count — unused anywhere in the mockup and not
 * "kit-" scoped; flagged in the build report as belonging to another
 * section or the shared component layer, not fixed here.
 */

.kits {
  padding-block: var(--section-space-m);
  padding-inline: var(--space-gutter);
  background: var(--pebble);
}