.xz-product-media{width:100%;max-width:900px;margin:30px auto 38px;background:none}
.xz-product-media .media-open{display:block;position:relative;width:fit-content;max-width:100%;padding:0;margin:auto;border:1px solid #dce7ed;border-radius:5px;background:#fff;cursor:zoom-in;overflow:hidden}
.xz-product-media .media-open img{display:block;width:auto;height:auto;max-width:100%;max-height:420px;padding:0;object-fit:contain}
.xz-product-media figcaption{max-width:760px;margin:10px auto 0;padding:0;text-align:center;font-size:13px;line-height:1.8}
.media-zoom{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#fffef9;color:#1766b1;border:1px solid #d9e5eb;border-radius:4px;box-shadow:0 2px 8px #183c5a14}
.media-zoom svg{width:17px;height:17px}.xz-screen-preview{max-width:1000px}.xz-screen-preview .media-open img{max-height:520px}
.media-viewer{border:1px solid #dce7ed;border-radius:6px;padding:18px;background:#fff;color:#233844;max-width:calc(100vw - 40px);max-height:calc(100dvh - 40px);overflow:auto}
.media-viewer::backdrop{background:#101e2acb}.media-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.media-viewer-header p{font-size:15px;line-height:1.6;margin:0}.media-viewer-header button{width:36px;height:36px;flex:0 0 36px;display:flex;align-items:center;justify-content:center;background:#f1f6f8;color:#1766b1;border:1px solid #dce7ed;border-radius:4px;cursor:pointer}.media-viewer-header svg{width:18px;height:18px}
.media-viewer>img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 155px);object-fit:contain;margin:auto}.media-viewer-footer{display:flex;justify-content:flex-end;margin-top:10px;font-size:13px}.media-viewer-footer a{display:flex;align-items:center;gap:6px}.media-viewer-footer svg{width:14px;height:14px}
@media(max-width:700px){.xz-product-media{margin:24px auto 30px}.xz-product-media .media-open img{max-height:300px}.xz-product-media figcaption{font-size:12px}.xz-screen-preview .media-open img{max-height:none}.media-viewer{padding:14px;max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.media-viewer-header{gap:10px}.media-viewer-header p{font-size:14px}}