/* 5180 product detail image auto-scroll restore, 2026-05-31 v2.
   Created/switched at 2026-05-31 13:16 CST from
   product-detail-auto-scroll-images-20260531.css.
   Replaces/stops the old collapsed-first-image-only overrides from
   product-detail-image-layout-20260524-v14.css and
   temp-5180-card-four-col-65-20260524.css.
   Old collapsed-first-image-only rules were disabled at 2026-05-31 13:06 CST.
   The Vue bundle already scrolls by gallery_scroll_metrics/detail_scroll_metrics;
   this sheet keeps all collapsed images in the scrollable stack so that
   duration_ms/scroll_distance_px can take effect. */

.home-product-dialog .product-detail .detail-image-wrap:nth-of-type(1) .detail-gallery-collapsed,
.home-product-dialog .product-detail .detail-image-wrap:nth-of-type(2) .detail-gallery-collapsed {
  height: 300px !important;
  min-height: 300px !important;
  max-height: 300px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: none !important;
  overscroll-behavior: contain !important;
}

.home-product-dialog .product-detail .detail-image-wrap:nth-of-type(1) .detail-gallery-collapsed::-webkit-scrollbar,
.home-product-dialog .product-detail .detail-image-wrap:nth-of-type(2) .detail-gallery-collapsed::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}

.home-product-dialog .product-detail .detail-image-wrap:nth-of-type(1) .detail-gallery-collapsed .detail-stack-frame,
.home-product-dialog .product-detail .detail-image-wrap:nth-of-type(2) .detail-gallery-collapsed .detail-stack-frame {
  display: block !important;
}

.home-product-dialog .product-detail .detail-image-wrap:nth-of-type(1) .detail-gallery-collapsed {
  margin-bottom: 16px !important;
}