/* Formal 5180 product-detail dialog sync, 2026-05-31 v2.
   Same 5180 896px dialog / 840px product canvas policy as v1, but scoped to
   the top-level product detail overlay so nested consultation/message dialogs
   are not reshaped by product-detail rules. */

.product-detail-scroll-overlay > .el-overlay-dialog > .home-product-dialog.el-dialog {
  width: 896px !important;
  min-width: 896px !important;
  max-width: 896px !important;
  margin-top: 24px !important;
}

.product-detail-scroll-overlay > .el-overlay-dialog > .home-product-dialog.el-dialog > .el-dialog__body {
  padding: 18px 12px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.product-detail-scroll-overlay > .el-overlay-dialog > .home-product-dialog.el-dialog .product-detail {
  width: 840px !important;
  min-width: 840px !important;
  max-width: 840px !important;
  position: relative !important;
}

.product-detail-scroll-overlay > .el-overlay-dialog > .home-product-dialog.el-dialog .detail-main {
  width: 840px !important;
  min-width: 840px !important;
  max-width: 840px !important;
  flex-direction: row !important;
}

.product-detail-scroll-overlay > .el-overlay-dialog > .home-product-dialog.el-dialog .detail-left {
  flex: 0 0 520px !important;
  width: 520px !important;
  min-width: 520px !important;
}

.product-detail-scroll-overlay > .el-overlay-dialog > .home-product-dialog.el-dialog .detail-left-expanded {
  flex: 0 0 840px !important;
  width: 840px !important;
  min-width: 840px !important;
}

.product-detail-scroll-overlay > .el-overlay-dialog > .home-product-dialog.el-dialog .detail-right {
  flex: 0 0 304px !important;
  width: 304px !important;
  min-width: 304px !important;
}

.product-detail-scroll-overlay > .el-overlay-dialog > .home-product-dialog.el-dialog .detail-bottom-info {
  width: 840px !important;
  min-width: 0 !important;
  max-width: 840px !important;
}

@media (max-width: 768px) {
  .product-detail-scroll-overlay > .el-overlay-dialog > .home-product-dialog.el-dialog {
    width: 896px !important;
    min-width: 896px !important;
    max-width: 896px !important;
    margin-top: 8px !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 {
    width: 840px !important;
    min-width: 840px !important;
    max-width: 840px !important;
  }
}