@media (max-width: 767px) {
  .fp-grid {
    display: flex !important;
    grid-template-columns: unset !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    gap: 12px;
    padding-bottom: 6px;
    /* ẩn thanh scrollbar cho gọn */
    scrollbar-width: none;
  }
  .fp-grid::-webkit-scrollbar { display: none; }

  .fp-card {
    flex: 0 0 auto;
    width: 78%;          /* mỗi thẻ chiếm ~78% chiều rộng màn hình, chừa lộ 1 phần thẻ kế tiếp */
    max-width: 280px;
    scroll-snap-align: start;
  }
}