/* Grid com scroll horizontal no mobile (#meu-grid-scroll) */

@media (max-width: 767px) {
  #meu-grid-scroll {
    /* Desliga a grade fixa padrão do mobile */
    grid-template-columns: none !important;
    grid-template-rows: 1fr !important;

    /* Força os itens um ao lado do outro */
    grid-auto-flow: column !important;

    /* Tamanho de cada card */
    grid-auto-columns: 80% !important;

    /* Ativa o scroll e esconde as barras */
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  #meu-grid-scroll::-webkit-scrollbar {
    display: none;
  }
}