html.product-image-viewer-open { overflow:hidden; }
:is(.page-product,.page-article,.page-help-article) .product-image-trigger { cursor:zoom-in; }
:is(.page-product,.page-article,.page-help-article) .product-image-trigger:focus-visible { outline:3px solid #b99962; outline-offset:4px; }
dialog.product-image-viewer {
  position:fixed; inset:0; width:100%; height:100%; height:100dvh;
  max-width:none; max-height:none; margin:0; padding:0; border:0;
  box-sizing:border-box; background:#0b1714; color:#f5f7f4;
  font:14px/1.5 Arial,"Microsoft Yahei",sans-serif; overflow:hidden;
  overscroll-behavior:contain; z-index:2147483000;
}
.product-image-viewer::backdrop { background:rgba(4,12,9,.96); }
.product-image-viewer[open] { display:grid; grid-template-rows:auto minmax(0,1fr) auto; }
.product-image-viewer *, .product-image-viewer *::before { box-sizing:border-box; }
.product-image-viewer [hidden] { display:none !important; }
.product-image-viewer__header {
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  padding:calc(16px + env(safe-area-inset-top,0px)) max(24px,env(safe-area-inset-right,0px)) 16px max(24px,env(safe-area-inset-left,0px));
  border-bottom:1px solid #ffffff1c;
}
.product-image-viewer__identity { display:flex; align-items:center; gap:20px; min-width:0; }
.product-image-viewer__brand { color:#d7c294; letter-spacing:.15em; font-size:17px; font-weight:700; white-space:nowrap; }
.product-image-viewer__count { color:#b7c6c0; font-size:13px; font-variant-numeric:tabular-nums; direction:ltr; }
.product-image-viewer button {
  display:inline-flex; align-items:center; justify-content:center; flex:none;
  width:44px; height:44px; padding:0; margin:0; border:1px solid #ffffff32;
  border-radius:50%; color:#fff; background:#183329; cursor:pointer; touch-action:manipulation;
  transition:background .15s,border-color .15s;
}
.product-image-viewer button:hover { background:#28523f; border-color:#c6b283; }
.product-image-viewer button:focus-visible { outline:3px solid #e4cb8d; outline-offset:3px; }
.product-image-viewer button:disabled { opacity:.35; cursor:default; }
.product-image-viewer button svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.product-image-viewer__stage { position:relative; min-height:0; overflow:hidden; touch-action:none; user-select:none; direction:ltr; }
.product-image-viewer__image {
  position:absolute; left:50%; top:50%; display:block; max-width:none !important; max-height:none !important;
  padding:0; margin:0; border:0; object-fit:contain; transform-origin:center;
  user-select:none; -webkit-user-drag:none; will-change:transform;
  box-shadow:0 12px 64px #0005;
  cursor:zoom-out;
}
.product-image-viewer__stage[data-zoomed="true"],
.product-image-viewer__stage[data-zoomed="true"] .product-image-viewer__image { cursor:grab; }
.product-image-viewer__stage[data-dragging="true"],
.product-image-viewer__stage[data-dragging="true"] .product-image-viewer__image { cursor:grabbing; }
.product-image-viewer__message { position:absolute; inset:0; display:grid; place-content:center; padding:30px; text-align:center; color:#cad7d0; pointer-events:none; }
.product-image-viewer .product-image-viewer__previous,
.product-image-viewer .product-image-viewer__next { position:absolute; top:50%; z-index:1; margin-top:-22px; background:#0b1714cc; }
.product-image-viewer__previous { left:max(18px,env(safe-area-inset-left,0px)); }
.product-image-viewer__next { right:max(18px,env(safe-area-inset-right,0px)); }
.product-image-viewer__footer { display:flex; flex-direction:column; align-items:center; gap:9px; padding:14px 24px calc(18px + env(safe-area-inset-bottom,0px)); border-top:1px solid #ffffff1c; }
.product-image-viewer__controls { display:flex; align-items:center; justify-content:center; gap:12px; direction:ltr; }
.product-image-viewer__scale { min-width:60px; color:#f5f7f4; text-align:center; font:14px/1.5 Arial,sans-serif; font-variant-numeric:tabular-nums; }
.product-image-viewer__caption { max-width:min(900px,95%); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#f0f4f1; font-size:14px; }
.product-image-viewer__hint { color:#afc1b7; font-size:12px; text-align:center; }
@media(max-width:600px) {
  .product-image-viewer__header { padding:calc(10px + env(safe-area-inset-top,0px)) 14px 10px; }
  .product-image-viewer__identity { gap:14px; }
  .product-image-viewer__footer { padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px)); gap:7px; }
  .product-image-viewer__caption { font-size:12px; }
  .product-image-viewer__previous { left:8px; }
  .product-image-viewer__next { right:8px; }
}
@media(prefers-reduced-motion:reduce) { .product-image-viewer button { transition:none; } }