/* Match the live CDEK photo tile without changing other marketplaces. */
#wbWork #wbDetailPhoto.wbDetailPhoto {
  width: 94px;
  height: 104px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 10px;
  background: transparent;
  box-shadow: none;
}
#wbWork #wbDetailPhoto.wbDetailPhoto img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 0;
  border-radius: 10px;
  background: transparent;
  box-shadow: none;
  filter: none;
  mix-blend-mode: normal;
  transition: transform .18s ease;
}
#wbDetailPhoto[data-wb-photo-ready] { cursor: zoom-in; }
#wbWork #wbDetailPhoto[data-wb-photo-ready]:hover img { transform: scale(1.04); }
#wbDetailPhoto[data-wb-photo-ready]:focus-visible { outline: 2px solid #46aeff; outline-offset: 4px; }
dialog.donghaiWBPhotoViewer {
  position: fixed;
  inset: 0;
  width: 100vw;
  max-width: none;
  height: 100dvh;
  max-height: none;
  margin: 0;
  padding: 30px;
  box-sizing: border-box;
  border: 0;
  background: transparent;
  color: #fff;
  cursor: zoom-out;
}
dialog.donghaiWBPhotoViewer[open] { display: flex; align-items: center; justify-content: center; }
dialog.donghaiWBPhotoViewer::backdrop { background: rgba(0,0,0,.82); backdrop-filter: blur(5px); }
.donghaiWBPhotoViewer img {
  display: block;
  width: auto;
  height: auto;
  max-width: min(900px,92vw);
  max-height: 86dvh;
  object-fit: contain;
  border: 0;
  border-radius: 14px;
  box-shadow: 0 20px 70px rgba(0,0,0,.55);
}
.donghaiWBPhotoViewer .wbPhotoClose {
  position: absolute;
  top: 12px;
  right: 16px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 50%;
  background: rgba(0,0,0,.45);
  color: white;
  font: 30px/1 sans-serif;
  cursor: pointer;
}
.donghaiWBPhotoViewer .wbPhotoCaption { position: absolute; bottom: 10px; left: 5vw; right: 5vw; margin: 0; text-align: center; font-size: 14px; }
@media (max-width:600px) { dialog.donghaiWBPhotoViewer { padding: 12px; } }
@media (prefers-reduced-motion:reduce) { #wbWork #wbDetailPhoto.wbDetailPhoto img { transition: none; } }
