/* Sub hero zoom */
@keyframes subHeroZoom {
  from {
    transform: scale(1);
  }

  to {
    transform: scale(1.1);
  }
}

.sub-hero-bg.sub-hero-zoom {
  animation: subHeroZoom 2s ease-out forwards;
  transform-origin: center center;
  will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
  .sub-hero-bg.sub-hero-zoom {
    animation: none;
  }
}

/* Tour gallery thumbnails */
#tour-gallery-thumbs {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

#tour-gallery-thumbs::-webkit-scrollbar {
  display: none;
}

@media (max-width: 1023px) {
  #tour-gallery-thumbs {
    --tour-thumb-cols: 4;
    --tour-thumb-gap: 0.25rem;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - (var(--tour-thumb-cols) - 1) * var(--tour-thumb-gap)) / var(--tour-thumb-cols));
    gap: var(--tour-thumb-gap);
  }
}

@media (min-width: 1024px) {
  #tour-gallery-thumbs {
    --tour-thumb-cols: 8;
    --tour-thumb-gap: 0.5rem;
    display: flex;
    gap: var(--tour-thumb-gap);
  }

  #tour-gallery-thumbs .tour-thumb {
    flex: 0 0 calc((100% - (var(--tour-thumb-cols) - 1) * var(--tour-thumb-gap)) / var(--tour-thumb-cols));
  }
}

/* Checkup table horizontal scroll */
.checkup-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  cursor: grab;
}

.checkup-table-wrap.is-dragging {
  cursor: grabbing;
  user-select: none;
}

.checkup-table-wrap.is-dragging .checkup-table {
  pointer-events: none;
}

@media (max-width: 1023px) {
  .checkup-table th,
  .checkup-table td {
    white-space: nowrap;
  }
}