/* Formal product detail layout balance, 2026-05-31 v2.
   Fine tune after screenshot review: image column +1%, both visible image
   panes +5% from v1, expanded image edge locked to the same canvas left. */

.product-detail-scroll-overlay > .el-overlay-dialog > .home-product-dialog.el-dialog {
  --pluvo-product-detail-dialog-width: 896px;
  --pluvo-product-detail-canvas-width: 868px;
  --pluvo-product-detail-left-width: 572px;
  --pluvo-product-detail-right-width: 280px;
  --pluvo-product-detail-gap: 16px;
  --pluvo-product-detail-pane-height: 331px;
  width: var(--pluvo-product-detail-dialog-width) !important;
  min-width: var(--pluvo-product-detail-dialog-width) !important;
  max-width: var(--pluvo-product-detail-dialog-width) !important;
  box-sizing: border-box !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.product-detail-scroll-overlay > .el-overlay-dialog > .home-product-dialog.el-dialog > .el-dialog__body {
  padding-left: 6px !important;
  padding-right: 6px !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,
.product-detail-scroll-overlay > .el-overlay-dialog > .home-product-dialog.el-dialog .detail-bottom-info {
  width: var(--pluvo-product-detail-canvas-width) !important;
  min-width: var(--pluvo-product-detail-canvas-width) !important;
  max-width: var(--pluvo-product-detail-canvas-width) !important;
  box-sizing: border-box !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.product-detail-scroll-overlay > .el-overlay-dialog > .home-product-dialog.el-dialog .detail-main {
  gap: var(--pluvo-product-detail-gap) !important;
}

.product-detail-scroll-overlay > .el-overlay-dialog > .home-product-dialog.el-dialog .detail-left:not(.detail-left-expanded) {
  flex: 0 0 var(--pluvo-product-detail-left-width) !important;
  width: var(--pluvo-product-detail-left-width) !important;
  min-width: var(--pluvo-product-detail-left-width) !important;
  max-width: var(--pluvo-product-detail-left-width) !important;
}

.product-detail-scroll-overlay > .el-overlay-dialog > .home-product-dialog.el-dialog .detail-right {
  flex: 0 0 var(--pluvo-product-detail-right-width) !important;
  width: var(--pluvo-product-detail-right-width) !important;
  min-width: var(--pluvo-product-detail-right-width) !important;
  max-width: var(--pluvo-product-detail-right-width) !important;
}

.product-detail-scroll-overlay > .el-overlay-dialog > .home-product-dialog.el-dialog .detail-main-expanded,
.product-detail-scroll-overlay > .el-overlay-dialog > .home-product-dialog.el-dialog .detail-left-expanded,
.product-detail-scroll-overlay > .el-overlay-dialog > .home-product-dialog.el-dialog .detail-left-expanded .detail-images,
.product-detail-scroll-overlay > .el-overlay-dialog > .home-product-dialog.el-dialog .detail-left-expanded .detail-image-wrap,
.product-detail-scroll-overlay > .el-overlay-dialog > .home-product-dialog.el-dialog .detail-left-expanded .detail-gallery {
  flex: 0 0 var(--pluvo-product-detail-canvas-width) !important;
  width: var(--pluvo-product-detail-canvas-width) !important;
  min-width: var(--pluvo-product-detail-canvas-width) !important;
  max-width: var(--pluvo-product-detail-canvas-width) !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

.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: var(--pluvo-product-detail-pane-height) !important;
  min-height: var(--pluvo-product-detail-pane-height) !important;
  max-height: var(--pluvo-product-detail-pane-height) !important;
}

.product-detail-scroll-overlay > .el-overlay-dialog > .home-product-dialog.el-dialog .detail-gallery-collapsed {
  max-height: var(--pluvo-product-detail-pane-height) !important;
}

.product-detail-scroll-overlay > .el-overlay-dialog > .home-product-dialog.el-dialog .detail-gallery-placeholder {
  min-height: var(--pluvo-product-detail-pane-height) !important;
}

.product-detail-scroll-overlay > .el-overlay-dialog > .home-product-dialog.el-dialog
  .product-detail .detail-image-wrap > .image-side-tab:not(.image-side-tab-active) {
  right: -34px !important;
}

@media (max-width: 768px) {
  .product-detail-scroll-overlay > .el-overlay-dialog > .home-product-dialog.el-dialog {
    width: var(--pluvo-product-detail-dialog-width) !important;
    min-width: var(--pluvo-product-detail-dialog-width) !important;
    max-width: var(--pluvo-product-detail-dialog-width) !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}