/* =========================================================
   APPLICATION SCENES — EXACT GEOMETRY MATCH TO
   .canvas-app-clean-scenes / .canvas-app-clean-scene
   Applied only to the five non-canvas product pages.
   ========================================================= */

/* Canvas reference:
   .canvas-app-clean-scenes
   display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
   grid-template-rows:repeat(2,auto); gap:2px; width:100%;
*/
body.product-detail-page .hdpe-details-row-two .hdpe-app-column.pvc-applications-html .pvc-app-scenarios{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  grid-template-rows:repeat(2,auto) !important;
  gap:2px !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:transparent !important;
  box-sizing:border-box !important;
}

/* Canvas reference:
   .canvas-app-clean-scene
   position:relative; display:block; width:100%; min-width:0;
   margin:0; padding:0; overflow:hidden;
   background:transparent; box-sizing:border-box;
   aspect-ratio:16/9;
*/
body.product-detail-page .hdpe-details-row-two .hdpe-app-column.pvc-applications-html .pvc-app-scenario{
  position:relative !important;
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:transparent !important;
  box-sizing:border-box !important;
  aspect-ratio:16 / 9 !important;
}

/* Canvas reference image treatment, including the existing 10% shrink:
   inset:5%; width:90%; height:90%; object-fit:cover.
*/
body.product-detail-page .hdpe-details-row-two .hdpe-app-column.pvc-applications-html .pvc-app-scenario img{
  position:absolute !important;
  inset:5% !important;
  width:90% !important;
  height:90% !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
  box-sizing:border-box !important;
}

@media (max-width:700px){
  body.product-detail-page .hdpe-details-row-two .hdpe-app-column.pvc-applications-html .pvc-app-scenarios{
    grid-template-columns:1fr !important;
    grid-template-rows:none !important;
  }
  body.product-detail-page .hdpe-details-row-two .hdpe-app-column.pvc-applications-html .pvc-app-scenario{
    aspect-ratio:16 / 9 !important;
  }
}

/* HDPE page uses the same approved application design with different
   class names. Map its four tiles to the same Canvas scene geometry. */
body.product-detail-page .hdpe-details-row-two .hdpe-app-fixed-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  grid-template-rows:repeat(2,auto) !important;
  gap:2px !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:transparent !important;
  box-sizing:border-box !important;
}
body.product-detail-page .hdpe-details-row-two .hdpe-app-fixed-tile{
  position:relative !important;
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:transparent !important;
  box-sizing:border-box !important;
  aspect-ratio:16 / 9 !important;
}
body.product-detail-page .hdpe-details-row-two .hdpe-app-fixed-tile img{
  position:absolute !important;
  inset:5% !important;
  display:block !important;
  width:90% !important;
  height:90% !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:cover !important;
  object-position:center center !important;
  box-sizing:border-box !important;
}
@media (max-width:700px){
  body.product-detail-page .hdpe-details-row-two .hdpe-app-fixed-grid{
    grid-template-columns:1fr !important;
    grid-template-rows:none !important;
  }
  body.product-detail-page .hdpe-details-row-two .hdpe-app-fixed-tile{
    aspect-ratio:16 / 9 !important;
  }
}