/* v38 image object sizing fix
   The files are now cropped to the actual product object, while the website frame stays consistent. */
.pc-img,
.prod-card-img{
  height:430px!important;
  min-height:430px!important;
  padding:22px!important;
  background:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  border-bottom:1px solid var(--border,#dde4e0)!important;
}
.pc-img img,
.prod-card-img img{
  width:auto!important;
  height:auto!important;
  max-width:94%!important;
  max-height:94%!important;
  object-fit:contain!important;
  object-position:center center!important;
  display:block!important;
  background:#fff!important;
  transition:transform .38s ease, filter .38s ease!important;
  will-change:transform!important;
}
.pc:hover .pc-img img,
.pc:focus-within .pc-img img,
.prod-card:hover .prod-card-img img,
.prod-card:focus-within .prod-card-img img{
  transform:scale(1.12)!important;
}
.prod-img-wrap{
  max-width:980px!important;
  margin:0 auto!important;
  padding:0 90px!important;
  position:relative!important;
}
.prod-img-box{
  height:660px!important;
  min-height:660px!important;
  padding:24px!important;
  background:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.prod-img-box img{
  width:auto!important;
  height:auto!important;
  max-width:97%!important;
  max-height:97%!important;
  object-fit:contain!important;
  object-position:center center!important;
  display:block!important;
  background:#fff!important;
  transition:transform .38s ease!important;
}
.prod-img-box:hover img{transform:scale(1.06)!important;}
.product-nav-arrow{z-index:20!important;}
/* Solution and gallery frames remain harmonized */
.gallery-photo,
.install-photo,
.real-photo,
.bre-photo,
.env-photo{
  background:#fff!important;
  overflow:hidden!important;
}
.gallery-photo img,
.install-photo img,
.real-photo img,
.bre-photo img,
.env-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}
@media(max-width:900px){
  .pc-img,.prod-card-img{height:340px!important;min-height:340px!important;padding:18px!important;}
  .prod-img-wrap{padding:0 52px!important;}
  .prod-img-box{height:500px!important;min-height:500px!important;}
}
@media(max-width:600px){
  .pc-img,.prod-card-img{height:280px!important;min-height:280px!important;padding:14px!important;}
  .prod-img-wrap{padding:0 34px!important;}
  .prod-img-box{height:390px!important;min-height:390px!important;}
  .pc:hover .pc-img img,.prod-card:hover .prod-card-img img{transform:scale(1.06)!important;}
}