.preview-trigger,.detail-gallery a,.review-photo-link{cursor:zoom-in}
.preview-trigger:focus-visible{outline:3px solid #d99800;outline-offset:4px}
dialog.image-preview{position:fixed;inset:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:56px 72px;border:0;background:rgba(8,10,14,.94);color:white;overflow:hidden;box-sizing:border-box;touch-action:pan-y;overscroll-behavior:contain;cursor:zoom-out}
dialog.image-preview[open]{display:flex;align-items:center;justify-content:center}
.image-preview::backdrop{background:rgba(0,0,0,.7)}
.image-preview .preview-image{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;user-select:none;-webkit-user-select:none;border:0;box-shadow:none}
.image-preview button{position:absolute;z-index:2;display:grid;place-items:center;width:48px;height:48px;min-height:48px;border:1px solid #ffffff66;border-radius:50%;padding:0;background:#171b22d9;color:#fff;cursor:pointer;font:36px/1 Arial,sans-serif}
.image-preview button:hover{background:#333b48}
.image-preview button:focus-visible{outline:3px solid #f6bd00;outline-offset:3px}
.image-preview .preview-close{top:max(12px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right))}
.image-preview .preview-prev{left:12px;top:calc(50% - 24px)}
.image-preview .preview-next{right:12px;top:calc(50% - 24px)}
.image-preview .preview-count{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);font-size:15px;line-height:24px;padding:3px 14px;border-radius:20px;background:#171b22d9;color:#fff;pointer-events:none}
.image-preview [hidden]{display:none!important}
@media(max-width:600px){dialog.image-preview{padding:68px 10px 74px}.image-preview .preview-prev,.image-preview .preview-next{top:auto;bottom:max(12px,env(safe-area-inset-bottom))}.image-preview .preview-prev{left:18px}.image-preview .preview-next{right:18px}.image-preview .preview-count{bottom:max(21px,env(safe-area-inset-bottom))}}
