.product-photo-count{position:absolute;bottom:19px;left:18px;background:#fffE;padding:8px 12px;border-radius:20px;font-size:12px;letter-spacing:.3px;color:#333}.product-dialog{width:100vw;max-width:100vw;height:100svh;max-height:100svh;background:#f6f6f6}.viewer-top{padding:10px 20px;min-height:62px;gap:14px}.viewer-heading{display:flex;align-items:baseline;gap:18px;min-width:0}.viewer-top h2{font-size:26px;margin:0}.viewer-counter{font-size:13px;white-space:nowrap}.viewer-tools{display:flex;align-items:center;gap:18px}.viewer-zoom{background:#262626;border:1px solid #262626;color:white;padding:10px 15px;border-radius:3px;font-size:14px;cursor:pointer;white-space:nowrap}.viewer-zoom:hover{background:#b51f1b}.viewer-original{font-size:13px;white-space:nowrap}.viewer-close{width:40px;height:40px;font-size:29px}.viewer-stage{padding:0;display:block;background:#ededed;overflow:hidden;flex:1;min-height:0}.viewer-scroll{width:100%;height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.viewer-canvas{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:100%;min-height:100%}.viewer-image{object-fit:contain;max-width:none;max-height:none;flex-shrink:0;user-select:none;-webkit-user-drag:none;cursor:zoom-in}.is-zoomed .viewer-scroll{cursor:grab;touch-action:none}.is-zoomed .viewer-scroll:active{cursor:grabbing}.is-zoomed .viewer-image{cursor:grab}.viewer-prev,.viewer-next{top:50%;bottom:auto;transform:translateY(-50%);box-shadow:0 2px 14px #0002;background:#fffE}.viewer-prev{left:14px}.viewer-next{right:14px}.viewer-prev[hidden],.viewer-next[hidden],.viewer-strip[hidden],.viewer-loading[hidden]{display:none}.viewer-strip{display:flex;gap:8px;overflow-x:auto;flex-shrink:0;padding:8px 18px;justify-content:flex-start;background:#fff;min-height:70px;scrollbar-width:thin}.viewer-thumb{width:80px;height:54px;flex-shrink:0;padding:2px;border:2px solid transparent;background:#eee;cursor:pointer}.viewer-thumb img{width:100%;height:100%;object-fit:cover}.viewer-thumb[aria-current=true]{border-color:#de2924}.viewer-thumb:hover{border-color:#777}.viewer-bottom{padding:8px 20px;min-height:38px;font-size:12px;background:white}.viewer-hint{color:#777}.viewer-enquire{font-size:13px}.viewer-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;padding:14px 18px;font-size:14px;pointer-events:none}
@media(max-width:700px){.viewer-top{padding:10px 12px;flex-wrap:wrap;gap:8px;min-height:0}.viewer-heading{display:flex;align-items:center;gap:12px;flex:1}.viewer-top h2{font-size:23px}.viewer-counter{font-size:11px}.viewer-tools{gap:8px}.viewer-zoom{font-size:12px;padding:9px 10px}.viewer-original{display:none}.viewer-close{width:36px;height:36px}.viewer-stage{padding:0}.viewer-prev,.viewer-next{width:38px;height:38px;top:50%;bottom:auto;font-size:20px}.viewer-prev{left:8px}.viewer-next{right:8px}.viewer-strip{padding:7px 10px;gap:6px;min-height:61px}.viewer-thumb{height:47px;width:67px}.viewer-bottom{padding:8px 12px;min-height:40px}.viewer-hint{font-size:11px;max-width:47%}.viewer-enquire{font-size:11px}.viewer-image{touch-action:pan-y}.is-zoomed .viewer-image{touch-action:none}}

.viewer-documents{display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0;padding:10px 20px;background:#fff;border-top:1px solid #ddd}.viewer-documents[hidden]{display:none}.viewer-documents a{display:inline-block;background:#b81919;color:white;padding:10px 16px;font-size:14px;border-radius:3px}.viewer-documents a:hover{background:#971313}