/* One product-gallery layout for main, model and detail images on every product page. */
dialog.shengjia-product-viewer {
  box-sizing: border-box;
  width: min(1100px, calc(100% - 40px));
  max-width: none;
  max-height: calc(100dvh - 40px);
  margin: auto;
  padding: 15px 22px;
  border: 1px solid #fff;
  border-radius: 6px;
  color: #252d35;
  background: #f3f5f6;
  overflow: auto;
  box-shadow: 0 30px 100px #0005;
  font: 400 14px/1.8 Manrope, Arial, sans-serif;
}
.shengjia-product-viewer::backdrop { background: rgba(19, 28, 37, .85); }
.shengjia-product-viewer:not([open]) { display: none; }
.shengjia-viewer-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-bottom: 5px; }
.shengjia-viewer-toolbar p { margin: 0; color: #252d35; font-size: 14px; font-weight: 600; }
.shengjia-viewer-toolbar p > span { margin-left: 16px; color: #5d6670; font-size: 12px; font-weight: 400; }
.shengjia-viewer-close { width: 44px; height: 44px; flex: 0 0 44px; padding: 0; color: #252d35; background: transparent; border: 0; font: 400 28px/1 Arial, sans-serif; cursor: pointer; }
.shengjia-viewer-content { display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px; gap: 14px; align-items: center; touch-action: pan-y; }
.shengjia-viewer-content > img.shengjia-viewer-image { display: block; width: 100%; min-width: 0; max-width: 100%; height: min(68dvh, 700px); max-height: none; margin: 0; border: 0; background: transparent; object-fit: contain; object-position: center; box-shadow: none; pointer-events: none; }
.shengjia-viewer-arrow { box-sizing: border-box; width: 44px; height: 48px; padding: 0; border: 1px solid #d7dce0; border-radius: 4px; background: #fff; color: #252d35; font: 400 34px/1 Arial, sans-serif; cursor: pointer; }
.shengjia-viewer-caption { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 12px; border-top: 1px solid #d7dce0; font-size: 12px; line-height: 1.7; }
.shengjia-viewer-caption p { margin: 0; color: #5d6670; }
.shengjia-viewer-caption > span { color: #5d6670; white-space: nowrap; }
.shengjia-product-viewer button:focus-visible { outline: 3px solid #c47640; outline-offset: 3px; }
body.shengjia-product-viewer-open { overflow: hidden; }
@media (max-width: 600px) {
  dialog.shengjia-product-viewer { width: calc(100% - 16px); padding: 12px 8px; max-height: calc(100dvh - 26px); }
  .shengjia-viewer-toolbar { gap: 8px; }
  .shengjia-viewer-toolbar p { font-size: 13px; }
  .shengjia-viewer-toolbar p > span { display: block; margin: 3px 0 0; font-size: 12px; }
  .shengjia-viewer-content { gap: 3px; }
  .shengjia-viewer-content > img.shengjia-viewer-image { height: 57dvh; }
  .shengjia-viewer-caption { gap: 12px; padding-inline: 5px; }
}
@media (max-height: 480px) and (min-width: 601px) {
  dialog.shengjia-product-viewer { padding: 8px 18px; max-height: calc(100dvh - 16px); }
  .shengjia-viewer-content > img.shengjia-viewer-image { height: 57dvh; }
}