.tp-flc-slider-viewport {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  /* Visible scrollbar — thin, neutral, sits below the cards */
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.07);
  padding-bottom: 0.75rem;
}

.tp-flc-slider-viewport::-webkit-scrollbar {
  height: 4px;
}
.tp-flc-slider-viewport::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.07);
  border-radius: 2px;
}
.tp-flc-slider-viewport::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 2px;
}


.tp-flc-slider-track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 240px;
  grid-template-rows: 240px;
  gap: 1.5rem;
  width: max-content;
  padding: 1rem 0;
}

@media (min-width: 640px) and (max-width: 1376px) {
  .tp-flc-slider-track {
    grid-auto-columns: clamp(140px, 35vw, 240px);
    grid-template-rows: repeat(2, clamp(140px, 35vw, 240px));
  }
}

[data-acf-block-name="acf/features-list-cards"] .tp-card-reveal {
  scroll-snap-align: start;
}

[data-acf-block-name="acf/features-list-cards"] .tp-card-reveal,
[data-acf-block-name="acf/features-list-cards"] .tp-flip-container {
  width: 100%;
  height: 100%;
}


@media (min-width: 1376px) {

  .tp-flc-slider-viewport {
    overflow: visible;
    padding-bottom: 0;
    scroll-snap-type: none;
    scrollbar-width: auto;
  }

  .tp-flc-slider-track {
    grid-auto-flow: row;
    width: auto;
    padding-inline: 0;
  }

  .tp-flc-slider-track {
    grid-template-rows: auto;
    grid-auto-columns: auto;
  }

  [data-acf-block-name="acf/features-list-cards"] .tp-card-reveal {
    scroll-snap-align: none;
  }

  .tp-flc-slider-track[data-flc-desktop-cols="1"] { grid-template-columns: repeat(1, 1fr); }
  .tp-flc-slider-track[data-flc-desktop-cols="2"] { grid-template-columns: repeat(2, 1fr); }
  .tp-flc-slider-track[data-flc-desktop-cols="3"] { grid-template-columns: repeat(3, 1fr); }
  .tp-flc-slider-track[data-flc-desktop-cols="4"] { grid-template-columns: repeat(4, 1fr); }
  .tp-flc-slider-track[data-flc-desktop-cols="5"] { grid-template-columns: repeat(5, 1fr); }

  [data-acf-block-name="acf/features-list-cards"] .tp-card-reveal,
  [data-acf-block-name="acf/features-list-cards"] .tp-flip-container {
    height: auto;
    aspect-ratio: 1 / 1;
  }
}

[data-acf-block-name="acf/features-list-cards"] .tp-flip-front,
[data-acf-block-name="acf/features-list-cards"] .tp-flip-back {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform-style: preserve-3d;
  transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
}

[data-acf-block-name="acf/features-list-cards"] .tp-flip-container.tp-flip-flipped .tp-flc-hint {
  opacity: 0;
}

[data-acf-block-name="acf/features-list-cards"] .tp-flip-container {
  transition: box-shadow 0.2s ease;
}
[data-acf-block-name="acf/features-list-cards"] .tp-flip-container:hover:not(:active):not(:focus):not(.tp-flip-animating) {
box-shadow: 0 2px 4px 0 rgba(26, 32, 46, .3)
}

[data-acf-block-name="acf/features-list-cards"] .tp-flc-hint {
  transition: opacity 0.3s ease;
}

[data-acf-block-name="acf/features-list-cards"] .tp-flip-back {
  visibility: hidden;
  transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1),
              visibility 0s linear 0.3s;
}

[data-acf-block-name="acf/features-list-cards"] .tp-flip-container.tp-flip-flipped .tp-flip-back {
  visibility: visible;
  transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1),
              visibility 0s linear 0s;
}

[data-acf-block-name="acf/features-list-cards"] .tp-flip-container.tp-flip-flipped .tp-flip-front {
  visibility: hidden;
  transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1),
              visibility 0s linear 0.3s;
}