/* Formal product detail layout balance, 2026-05-31 v1.
   Consumer product detail modal: halve side gutters, move the image/info split
   about 3% to the right, and make both visible image panes about 5% taller. */

.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: 566px;
  --pluvo-product-detail-right-width: 286px;
  --pluvo-product-detail-gap: 16px;
  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;
}

.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 {
  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;
}

.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: 315px !important;
  min-height: 315px !important;
  max-height: 315px !important;
}

.product-detail-scroll-overlay > .el-overlay-dialog > .home-product-dialog.el-dialog .detail-gallery-collapsed {
  max-height: 315px !important;
}

.product-detail-scroll-overlay > .el-overlay-dialog > .home-product-dialog.el-dialog .detail-gallery-placeholder {
  min-height: 315px !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;
  }
}