/* Formal product-detail viewport pan sync, 2026-05-31 v7.
   Restore the earlier canvas pan model: the 1328px mall canvas, product detail
   dialog, and customer-service dialog move together through horizontal scroll.
   This replaces v6's single-dialog transform lock. */

.product-detail-scroll-overlay,
.el-overlay.product-detail-scroll-overlay {
  position: fixed !important;
  inset: 0 !important;
  width: max(100vw, var(--pluvo-floating-stage-width, 1328px)) !important;
  min-width: var(--pluvo-floating-stage-width, 1328px) !important;
  max-width: none !important;
  height: 100dvh !important;
  overflow: auto !important;
  overscroll-behavior: auto !important;
}

.product-detail-scroll-overlay > .el-overlay-dialog,
.product-detail-scroll-overlay .el-overlay-dialog {
  position: fixed !important;
  inset: 0 !important;
  width: max(100vw, var(--pluvo-floating-stage-width, 1328px)) !important;
  min-width: var(--pluvo-floating-stage-width, 1328px) !important;
  max-width: none !important;
  height: 100dvh !important;
  overflow: auto !important;
  overscroll-behavior: auto !important;
  transform: none !important;
  translate: none !important;
}

.product-detail-scroll-overlay > .el-overlay-dialog > .home-product-dialog.el-dialog > .el-dialog__header {
  cursor: grab;
  user-select: none;
}

.product-detail-scroll-overlay .customer-service-dialog.el-dialog .chat-head,
.product-detail-scroll-overlay .customer-service-dialog.el-dialog .product-chat-shell {
  cursor: grab;
}

.pluvo-product-detail-pan-dragging,
.pluvo-product-detail-pan-dragging * {
  cursor: grabbing !important;
  user-select: none !important;
}

.product-detail-scroll-overlay > .el-overlay-dialog > .home-product-dialog.el-dialog > .el-dialog__body {
  box-sizing: border-box !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
}

.product-detail-scroll-overlay > .el-overlay-dialog > .home-product-dialog.el-dialog .product-detail,
.product-detail-scroll-overlay > .el-overlay-dialog > .home-product-dialog.el-dialog .detail-main {
  box-sizing: border-box !important;
}