/**
 * Ticket 6.2.1-B-2 + CAT-CRO-3 — Scroll-snap sous-catégories (mobile)
 * Scope strict : body.category uniquement, max-width 767px.
 * 2 cartes larges empilées par colonne (paire), swipe horizontal par paire.
 */

@media (max-width: 767px) {
  body.category .subcategories-track.grid {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(2, minmax(0, auto));
    grid-auto-columns: 85vw;
    gap: 12px 14px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 15px;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  body.category .subcategories-track.grid::-webkit-scrollbar {
    display: none;
  }

  body.category .subcategories-track.grid .subcategory {
    width: 100%;
    max-width: 360px;
    scroll-snap-align: none;
  }

  /* Snap par paire : 1re carte de chaque colonne */
  body.category .subcategories-track.grid .subcategory:nth-child(odd) {
    scroll-snap-align: start;
  }
}