
/* Interfaz unificada de modal de producto estilo limpio */
#productDetailModal .product-detail-modal,
#productModal .product-detail-modal,
.product-detail-modal{
  width:min(96vw,1260px)!important;
  max-width:1260px!important;
  padding:26px 26px 22px!important;
  border-radius:28px!important;
}
.product-detail-modal .product-detail-grid.product-detail-grid-enhanced,
.product-detail-modal.bc-support-left-active-modal .product-detail-grid.product-detail-grid-enhanced{
  grid-template-columns:minmax(290px,360px) minmax(420px,1fr)!important;
  gap:34px!important;
  align-items:start!important;
}
.product-detail-modal .detail-gallery-wrap,
.product-detail-modal.bc-support-left-active-modal .detail-gallery-wrap,
.product-detail-modal .detail-support-left,
.product-detail-modal.bc-support-left-active-modal .detail-support-left{
  max-width:360px!important;
}
.product-detail-modal .detail-image.detail-image-enhanced,
.product-detail-modal.bc-support-left-active-modal .detail-image.detail-image-enhanced{
  min-height:280px!important;
  max-height:320px!important;
}
.product-detail-modal .detail-image #modalMainImage,
.product-detail-modal .detail-image #modalProductImage,
.product-detail-modal.bc-support-left-active-modal .detail-image #modalMainImage,
.product-detail-modal.bc-support-left-active-modal .detail-image #modalProductImage{
  max-height:230px!important;
  min-height:230px!important;
}
.product-detail-modal .detail-thumbs-strip,
.product-detail-modal.bc-support-left-active-modal .detail-thumbs-strip{
  grid-template-columns:36px 1fr 36px!important;
  gap:10px!important;
  margin-top:14px!important;
}
.product-detail-modal .detail-thumbs.detail-thumbs-visible,
.product-detail-modal.bc-support-left-active-modal .detail-thumbs.detail-thumbs-visible{
  justify-content:flex-start!important;
  gap:10px!important;
}
.product-detail-modal .detail-thumb,
.product-detail-modal.bc-support-left-active-modal .detail-thumb{
  flex:0 0 62px!important;
  width:62px!important;
  height:62px!important;
}
.product-detail-modal .detail-info,
.product-detail-modal.bc-support-left-active-modal .detail-info{
  padding-top:0!important;
}
.product-detail-modal .detail-info h2,
.product-detail-modal.bc-support-left-active-modal .detail-info h2{
  font-size:clamp(30px,3vw,48px)!important;
  line-height:1.03!important;
  margin:10px 0 12px!important;
}
.product-detail-modal .detail-lead-copy,
.product-detail-modal .detail-description-box,
.product-detail-modal .detail-info p,
.product-detail-modal.bc-support-left-active-modal .detail-lead-copy,
.product-detail-modal.bc-support-left-active-modal .detail-description-box,
.product-detail-modal.bc-support-left-active-modal .detail-info p{
  font-size:15px!important;
  line-height:1.65!important;
}
.product-detail-modal .detail-price,
.product-detail-modal.bc-support-left-active-modal .detail-price{
  font-size:clamp(42px,4vw,58px)!important;
}
.product-detail-modal .detail-options,
.product-detail-modal.bc-support-left-active-modal .detail-options{
  grid-template-columns:92px minmax(220px,1fr)!important;
  gap:14px!important;
  align-items:end!important;
}
.product-detail-modal .product-sku-badge,
.product-detail-modal .detail-sku-pill{
  margin-bottom:4px!important;
}
.product-detail-modal .detail-actions,
.product-detail-modal .centered-actions,
.product-detail-modal.bc-support-left-active-modal .detail-actions,
.product-detail-modal.bc-support-left-active-modal .centered-actions{
  gap:12px!important;
}
.product-detail-modal .modal-bottom-extra{
  margin-top:22px!important;
}
.product-detail-modal .modal-bottom-extra .recommend-box{
  border-radius:22px!important;
}
.product-detail-modal .modal-bottom-extra .recommend-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.product-detail-modal .modal-bottom-extra .recommend-card{
  min-height:88px!important;
}
.product-detail-modal .modal-bottom-extra .recommend-card h4{
  font-size:14px!important;
  line-height:1.22!important;
}
.product-detail-modal .modal-bottom-extra .recommend-card span,
.product-detail-modal .modal-bottom-extra .recommend-card small{
  font-size:11px!important;
}
@media(max-width:980px){
  .product-detail-modal .product-detail-grid.product-detail-grid-enhanced,
  .product-detail-modal.bc-support-left-active-modal .product-detail-grid.product-detail-grid-enhanced{
    grid-template-columns:1fr!important;
    gap:20px!important;
  }
  .product-detail-modal .detail-gallery-wrap,
  .product-detail-modal.bc-support-left-active-modal .detail-gallery-wrap,
  .product-detail-modal .detail-support-left,
  .product-detail-modal.bc-support-left-active-modal .detail-support-left{
    max-width:100%!important;
  }
}
@media(max-width:640px){
  .product-detail-modal .modal-bottom-extra .recommend-grid{grid-template-columns:1fr!important;}
  .product-detail-modal .detail-options,
  .product-detail-modal.bc-support-left-active-modal .detail-options{grid-template-columns:1fr!important;}
}
