/* Touch cards just below the Keyboard layout's 128/132px column size. */
@media (min-width:641px) and (pointer:coarse) {
  .app-shell:not([data-gym-tenant]) [data-testid="pos-page"]:not([data-phone-cashier]) .pos-product-grid-touch {
    grid-template-columns:repeat(auto-fill,minmax(min(100%,124px),1fr)); gap:6px;
  }
  .app-shell:not([data-gym-tenant]) [data-testid="pos-page"]:not([data-phone-cashier]) .pos-product-grid-touch > [data-testid^="product-card-"] {
    padding:5px; border-radius:8px;
  }
  .app-shell:not([data-gym-tenant]) [data-testid="pos-page"]:not([data-phone-cashier]) .pos-product-grid-touch [data-testid^="product-image-"] {
    height:auto; aspect-ratio:4 / 3; margin-bottom:4px;
  }
  .app-shell:not([data-gym-tenant]) [data-testid="pos-page"]:not([data-phone-cashier]) .pos-product-grid-touch [data-testid^="product-image-"] + div {
    font-size:11px; line-height:14px; min-height:28px;
  }
  .app-shell:not([data-gym-tenant]) [data-testid="pos-page"]:not([data-phone-cashier]) .pos-product-grid-touch > [data-testid^="product-card-"] > .mt-0\.5 > span:first-child {
    font-size:12px; line-height:15px;
  }
  .app-shell:not([data-gym-tenant]) [data-testid="pos-page"]:not([data-phone-cashier]) .pos-product-grid-touch [data-testid^="card-units-"] {
    flex-direction:row; flex-wrap:wrap; gap:4px; margin-top:4px;
  }
  .app-shell:not([data-gym-tenant]) [data-testid="pos-page"]:not([data-phone-cashier]) .pos-product-grid-touch [data-testid^="card-units-"] > button {
    flex:1 1 45%; min-width:0; min-height:36px; height:auto; padding:2px 3px;
    flex-direction:column; align-items:stretch; justify-content:center; gap:1px;
    font-size:10px; line-height:12px;
  }
  .app-shell:not([data-gym-tenant]) [data-testid="pos-page"]:not([data-phone-cashier]) .pos-product-grid-touch [data-testid^="card-units-"] > button > span {
    display:block; white-space:normal; overflow-wrap:anywhere;
  }
}