@layer tm-features {

  @media (max-width: 768px) {
    .tm-featuredblocks .tm-grid--3 {
      display: flex;
      flex-wrap: nowrap;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;
      overscroll-behavior-x: contain;
      scrollbar-width: none;
      gap: var(--tm-space-4);
      padding-inline: var(--tm-space-4);
      padding-block: var(--tm-space-2);

      /* Grid was set with media queries to two columns - reset the setting */
      grid-template-columns: none;
    }

    .tm-featuredblocks .tm-grid--3::-webkit-scrollbar {
      display: none;
    }

    .tm-featuredblocks .tm-grid--3 > .tm-card {
      flex: 0 0 auto;
      width: min(80%, 300px);
      scroll-snap-align: start;
      min-width: 0;
    }
  }
}


.tm-featuredblocks .tm-card__hit {
  text-decoration: none !important;
}

.tm-featuredblocks .tm-card__title, 
.tm-featuredblocks .tm-card__content {
  text-decoration: none !important;
  font-size: var(--tm-font-size-300);
  color: var(--tm-color-text-brand-dark);
  font-weight: var(--tm-font-weight-600);
}