/* V9 — PRODUCT MODAL NO-CROP / CLEAN LUXURY */
.lux-modal-backdrop{
  position:fixed!important;inset:0!important;
  background:rgba(18,50,75,.42)!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
  z-index:150!important;
}
.lux-product-modal{
  position:fixed!important;
  left:50%!important;top:50%!important;
  width:min(980px,calc(100vw - 32px))!important;
  max-height:calc(100vh - 32px)!important;
  overflow-y:auto!important;overflow-x:hidden!important;
  transform:translate(-50%,-50%) scale(.97)!important;
  background:#fff!important;border:1px solid #dbe6ee!important;
  border-radius:22px!important;
  box-shadow:0 28px 70px rgba(24,50,71,.18)!important;
  z-index:151!important;
  -webkit-overflow-scrolling:touch;
}
.lux-product-modal.open{transform:translate(-50%,-50%) scale(1)!important}
.lux-modal-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  min-height:0!important;
}
.lux-modal-image{
  min-height:460px!important;height:100%!important;
  background:#f6f9fb!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:44px!important;
}
.lux-modal-image img{
  width:100%!important;height:auto!important;
  max-width:100%!important;max-height:470px!important;
  object-fit:contain!important;display:block!important;
}
.lux-modal-copy{padding:44px!important;min-width:0!important}
.lux-modal-copy h2{font-size:clamp(28px,3vw,38px)!important}
.lux-modal-description{max-width:560px}
.lux-modal-close{
  position:absolute!important;right:16px!important;top:16px!important;
  width:38px!important;height:38px!important;
  background:#fff!important;border:1px solid #d7e3eb!important;
  border-radius:50%!important;color:#173f63!important;
}
@media(max-width:760px){
  .lux-product-modal{
    width:calc(100vw - 20px)!important;
    max-height:calc(100vh - 20px)!important;
    border-radius:18px!important;
  }
  .lux-modal-grid{grid-template-columns:1fr!important}
  .lux-modal-image{min-height:260px!important;height:280px!important;padding:25px!important}
  .lux-modal-image img{max-height:245px!important}
  .lux-modal-copy{padding:26px!important}
  .lux-modal-copy h2{font-size:28px!important}
}