/* "What Ln2CRM is not" carousel, mobile only.
   At <=520px the six cards become a swipeable track showing two cards per view,
   paged with arrows and dots (.pc-*, injected by not-carousel.js, styled by
   pricing-carousel.css). Loaded after styles.css so the flex track overrides
   the grid. */

@media (max-width: 520px){
  #not .cap-grid{
    display: flex;
    grid-template-columns: none;
    gap: 10px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    margin-inline: -4px;
    padding: 2px 4px 4px;
  }
  #not .cap-grid::-webkit-scrollbar{ display: none; }
  #not .cap-grid > .cap-card{
    flex: 0 0 calc(50% - 5px);   /* two cards per view */
    min-width: 0;
    scroll-snap-align: start;
  }
}