/* Stable mobile reviews: fixed 9:16 cards, white canvas and shared carousel indicator. */

@media (max-width: 860px) {
  body#top .vh-reviews-section,
  body#top .vh-reviews-inner {
    overflow: visible !important;
  }

  body#top .vh-reviews-3d--lite {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 8px var(--vh-carousel-edge) 10px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scroll-padding-inline: var(--vh-carousel-edge) !important;
    scroll-snap-type: x mandatory !important;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x pan-y pinch-zoom !important;
    perspective: none !important;
    cursor: grab;
  }

  body#top .vh-reviews-3d--lite:active {
    cursor: grabbing;
  }

  body#top .vh-reviews-mobile-track {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    width: max-content !important;
    height: auto !important;
    gap: 12px !important;
    transform: none !important;
    transform-style: flat !important;
  }

  body#top .vh-reviews-mobile-track .vh-reviews-3d__item {
    position: relative !important;
    inset: auto !important;
    flex: 0 0 min(58vw, 220px) !important;
    width: min(58vw, 220px) !important;
    max-width: 220px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    aspect-ratio: 9 / 16 !important;
    align-self: center !important;
    overflow: hidden !important;
    scroll-snap-align: center !important;
    scroll-snap-stop: always;
    border: 1px solid rgba(246, 138, 31, .42) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .28) !important;
    opacity: 1 !important;
    transform: none !important;
    contain: layout paint;
    touch-action: pan-x pan-y pinch-zoom !important;
  }

  body#top .vh-reviews-mobile-track .vh-reviews-3d__item img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: #fff !important;
    opacity: 1 !important;
  }

  body#top .vh-reviews-mobile-track .vh-reviews-3d__item.is-image-error {
    background: #fff !important;
  }

  body#top .vh-reviews-mobile-track .vh-reviews-3d__item.is-image-error::after {
    color: #3a3a3a !important;
    background: #fff !important;
  }

  /* One indicator design for video, formats, benefits and reviews. */
  body#top :is(
    .vh-mobile-carousel-dots,
    .vh-benefits-lite-dots,
    .vh-reviews-lite-dots
  ) {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-height: 24px !important;
    margin: 10px 0 18px !important;
    padding: 0 var(--vh-carousel-edge) !important;
    box-sizing: border-box !important;
    transform: none !important;
  }

  body#top :is(
    .vh-mobile-carousel-dots,
    .vh-benefits-lite-dots,
    .vh-reviews-lite-dots
  ) button {
    flex: 0 0 auto !important;
    width: 8px !important;
    height: 8px !important;
    min-width: 8px !important;
    min-height: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .25) !important;
    box-shadow: none !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  body#top :is(
    .vh-mobile-carousel-dots,
    .vh-benefits-lite-dots,
    .vh-reviews-lite-dots
  ) button.is-active {
    width: 26px !important;
    background: var(--vh-accent) !important;
  }

  body#top .vh-reviews-lite-dots {
    margin-top: 8px !important;
    margin-bottom: 24px !important;
  }

  body#top .vh-reviews-stats {
    position: relative !important;
    z-index: 1 !important;
    margin-top: 0 !important;
  }
}

@media (max-width: 390px) {
  body#top .vh-reviews-mobile-track .vh-reviews-3d__item {
    flex-basis: min(58vw, 210px) !important;
    width: min(58vw, 210px) !important;
    max-width: 210px !important;
  }
}