/* modalMobile.css — Jendela di HP / layar pendek: kartu item ringkas, pemilih item selalu bergulir
   di dalam kotaknya sendiri (tidak menimpa input harga / tombol kirim). Huruf ≥11px. */

/* Pemilih item (Pasar, Gift, Barter) SELALU punya gulir sendiri, di semua ukuran layar */
.split .item-grid.gm-scroll.picker, .item-grid.picker { overflow-y: auto; overscroll-behavior: contain; }

@media (max-width: 760px), (max-height: 520px) {
  /* Kartu item lebih kecil: ikon 34px, nama 1 baris */
  .item-grid { grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); gap: 9px 6px; }
  .item-grid.compact { grid-template-columns: repeat(auto-fill, minmax(72px, 1fr)); gap: 8px 5px; }
  .icard { padding: 7px 4px 6px; gap: 2px; }
  .icard .art { width: 34px; height: 34px; }
  .icard .nm { font-size: var(--fs-xs); -webkit-line-clamp: 1; min-height: 0; }
  .icard .sub { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
  .icard .qty { top: -5px; right: -4px; min-width: 22px; height: 17px; padding: 0 4px; border-width: 1.5px; }
  .icard .lv { top: 3px; left: 3px; height: 16px; padding: 0 3px; }
  .icard .eq { bottom: -8px; padding: 0 5px; }

  /* Pemilih: kartu mini tanpa baris keterangan, tinggi kotak terbatas */
  .item-grid.picker { max-height: 140px; min-height: 80px; padding: 6px; }
  .item-grid.picker .icard { padding: 5px 3px 4px; }
  .item-grid.picker .icard .art { width: 28px; height: 28px; }
  .item-grid.picker .icard .sub { display: none; }

  .price { font-size: var(--fs-sm); }
  .price .gi { width: 14px; height: 14px; }
}