/* V26: supplied price artwork replaces the legacy detail strip for mapped services only. */
.price-detail-panel .pdp-image-view{display:none}

.price-detail-panel.pdp-image-mode .pdp-header,
.price-detail-panel.pdp-image-mode .pdp-divider,
.price-detail-panel.pdp-image-mode .pdp-details,
.price-detail-panel.pdp-image-mode .pdp-footer,
.price-detail-panel.pdp-image-mode .pdp-handle{display:none!important}

.price-detail-panel.pdp-image-mode .pdp-sheet{
  width:auto!important;
  max-width:min(1120px,calc(100vw - 32px))!important;
  max-height:calc(100dvh - 32px)!important;
  padding:0!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  border-radius:22px!important;
  box-shadow:none!important;
}

.price-detail-panel.pdp-image-mode .pdp-body{
  padding:0!important;
  background:transparent!important;
  overflow:visible!important;
}

.price-detail-panel.pdp-image-mode .pdp-image-view{
  display:block!important;
  max-width:100%;
  max-height:calc(100dvh - 32px);
}

.price-detail-panel.pdp-image-mode .pdp-service-image{
  display:block;
  width:auto;
  height:auto;
  max-width:min(1120px,calc(100vw - 32px));
  max-height:calc(100dvh - 32px);
  object-fit:contain;
  border-radius:22px;
  background:#fff;
  box-shadow:0 28px 80px rgba(0,0,0,.42);
}

.price-detail-panel.pdp-image-mode .pdp-close{
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  z-index:8!important;
  display:grid!important;
  place-items:center!important;
  width:44px!important;
  height:44px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:50%!important;
  background:rgba(9,20,27,.86)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 8px 24px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(8px);
}

.price-detail-panel.pdp-image-mode .pdp-close:hover{
  background:#0b171f!important;
  transform:scale(1.04);
}

@media (max-width:640px){
  .price-detail-panel.pdp-image-mode .pdp-sheet{
    max-width:calc(100vw - 16px)!important;
    max-height:calc(100dvh - 16px)!important;
  }
  .price-detail-panel.pdp-image-mode .pdp-image-view,
  .price-detail-panel.pdp-image-mode .pdp-service-image{
    max-width:calc(100vw - 16px)!important;
    max-height:calc(100dvh - 16px)!important;
    border-radius:16px!important;
  }
  .price-detail-panel.pdp-image-mode .pdp-close{
    top:8px!important;
    right:8px!important;
    width:40px!important;
    height:40px!important;
  }
}