@media screen and (max-width: 767px) {
  .kat-coffee-related-grid {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
    gap: 16px !important;
    justify-content: flex-start !important;
    /* Optional padding to prevent clipping of shadows */
    padding-bottom: 4px;
  }
  
  /* Hide scrollbar for Chrome/Safari */
  .kat-coffee-related-grid::-webkit-scrollbar {
    display: none;
  }
  
  /* Size the child cards to show ~1.4 items (around 68-72% width) */
  .kat-coffee-related-grid > .e-con,
  .kat-coffee-related-grid > .e-container,
  .kat-coffee-related-grid > .e-flexbox,
  .kat-coffee-related-grid > div {
    flex: 0 0 70% !important;
    max-width: 70% !important;
    width: 70% !important;
  }
}