/**
 * POS mobile v3 — fix Point of Sale product-grid scrolling.
 * Product column was growing to full content height while a parent used
 * overflow:hidden, so only ~3 cards showed and nothing scrolled.
 */
@media (max-width: 767.98px) {
  .bv-sales-module {
    min-height: 0 !important;
    height: 100% !important;
    /* Keep vertical rhythm without breaking flex-1 fill */
    gap: 0.75rem !important;
  }

  /* space-y-* uses margins that fight flex shrinking; neutralize on mobile */
  .bv-sales-module.space-y-6 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 0 !important;
  }

  .bv-sales-pos-main {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  .bv-sales-product-col {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .bv-sales-product-scroll {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain;
    touch-action: pan-y;
    /* room for View Cart FAB + bottom nav */
    padding-bottom: 6.5rem !important;
  }
}