/* Leisure Journeys — section 2 card queue (mobile/tablet only; desktop unchanged) */

@media (max-width: 900px) {
  .lj-ref-queue-section .lj-ref-queue-wrap {
    padding-bottom: 0.5rem !important;
  }

  .lj-ref-queue-section .lj-ref-queue-head {
    margin-bottom: clamp(2.75rem, 9vw, 3.5rem) !important;
  }

  .lj-ref-queue-section .lj-ref-stage {
    min-height: 0 !important;
    padding-top: clamp(0.5rem, 2vw, 1rem) !important;
    padding-bottom: clamp(1rem, 4vw, 1.5rem) !important;
    justify-content: flex-start !important;
    margin-top: 0 !important;
  }

  .lj-ref-queue-section .lj-ref-stack {
    width: min(70vw, 280px) !important;
    height: min(46vw, 195px) !important;
    margin-top: 0 !important;
    padding-top: 0.75rem !important;
  }

  .lj-ref-queue-section .lj-ref-card {
    transform-origin: 50% 78% !important;
  }

  .lj-ref-queue-section .lj-ref-card.is-active {
    transform: translate3d(0, 0, 0) rotate(-1.5deg) scale(1) !important;
  }

  .lj-ref-queue-section .lj-ref-card.is-next-1 {
    transform: translate3d(5px, 7px, 0) rotate(1.4deg) scale(0.97) !important;
  }

  .lj-ref-queue-section .lj-ref-card.is-next-2 {
    transform: translate3d(9px, 12px, 0) rotate(2.4deg) scale(0.94) !important;
  }

  .lj-ref-queue-section .lj-ref-card.is-next-3 {
    transform: translate3d(13px, 17px, 0) rotate(3.4deg) scale(0.91) !important;
  }

  .lj-ref-queue-section .lj-ref-dots {
    margin-top: 1.25rem !important;
  }
}

@media (max-width: 640px) {
  .lj-ref-queue-section .lj-ref-queue-head {
    margin-bottom: clamp(2.25rem, 8vw, 3rem) !important;
  }

  .lj-ref-queue-section .lj-ref-subtitle {
    max-width: 32ch !important;
  }

  .lj-ref-queue-section .lj-ref-stage {
    padding-top: 0.35rem !important;
  }

  .lj-ref-queue-section .lj-ref-stack {
    width: min(66vw, 240px) !important;
    height: min(42vw, 168px) !important;
    padding-top: 0.5rem !important;
  }

  .lj-ref-queue-section .lj-ref-card-title {
    font-size: clamp(1.05rem, 5.2vw, 1.3rem) !important;
  }

  .lj-ref-queue-section .lj-ref-card-desc {
    font-size: 0.78rem !important;
    line-height: 1.45 !important;
    max-width: 95% !important;
  }

  .lj-ref-queue-section .lj-ref-copy {
    left: 0.85rem !important;
    right: 0.85rem !important;
    bottom: 0.85rem !important;
  }
}