.photo-viewer{width:calc(100vw - 32px);max-width:1440px;height:calc(100vh - 32px);height:calc(100dvh - 32px);max-height:none;margin:auto;padding:0;border:1px solid #ffffff26;border-radius:16px;background:#111316;color:#fff;overflow:hidden;font-family:var(--font,Arial,sans-serif);box-shadow:0 24px 90px #0006}
.photo-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.photo-viewer::backdrop{background:#080a0de8}
.photo-viewer-open,.photo-viewer-open body{overflow:hidden;overscroll-behavior:none}
.photo-viewer-header{display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid #ffffff1a}
.photo-viewer-heading{display:flex;align-items:baseline;flex:1;gap:20px;min-width:0}
.photo-viewer-heading h2{font-size:17px;line-height:1.4;font-weight:700;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.photo-viewer-counter{font-size:13px;color:#bfc6ce;white-space:nowrap}
.photo-viewer button{color:#fff;background:#ffffff12;border:1px solid #ffffff29;border-radius:10px;cursor:pointer;font:inherit}
.photo-viewer button:hover{background:#ffffff26}
.photo-viewer button:focus-visible,.photo-viewer-viewport:focus-visible{outline:2px solid #fff;outline-offset:-3px}
.photo-viewer button:disabled{opacity:.4;cursor:default}
.photo-viewer button[hidden]{display:none}
.photo-viewer-scale{padding:9px 14px;min-height:42px;min-width:78px;font-size:13px!important}
.photo-viewer-close{width:42px;height:42px;font-size:29px!important;line-height:1!important;flex-shrink:0}
.photo-viewer-stage{position:relative;min-height:0;min-width:0;overflow:hidden}
.photo-viewer-viewport{width:100%;height:100%;overflow:auto;display:flex;align-items:center;justify-content:center;overscroll-behavior:contain}
.photo-viewer-viewport img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;user-select:none}
.photo-viewer-viewport[aria-busy="true"] img{opacity:.45}
.photo-viewer.is-actual-size .photo-viewer-viewport{display:block}
.photo-viewer.is-actual-size .photo-viewer-viewport img{max-width:none;max-height:none;margin:0 auto}
.photo-viewer .photo-viewer-arrow{position:absolute;top:calc(50% - 23px);width:46px;height:46px;border-radius:50%;font-size:30px;background:#111316c9;line-height:1}
.photo-viewer-prev{left:14px}.photo-viewer-next{right:14px}
.photo-viewer-footer{display:flex;justify-content:center;align-items:center;gap:12px;min-height:64px;padding:10px 20px;border-top:1px solid #ffffff1a;font-size:12px;line-height:1.45;color:#bfc6ce;text-align:center}
.photo-viewer-retry{padding:6px 12px;flex-shrink:0}
.vehicle-dialog .gallery-zoom-label{display:flex;align-items:center;justify-content:center;border:0;color:#26384d;cursor:pointer}
.vehicle-dialog .gallery-zoom-label[hidden]{display:none}
.detail-image>img{cursor:zoom-in}
@media(max-width:600px){.photo-viewer{width:100vw;height:100vh;height:100dvh;border:0;border-radius:0}.photo-viewer-header{padding:10px 12px;gap:8px}.photo-viewer-heading{display:block}.photo-viewer-heading h2{font-size:14px}.photo-viewer-counter{font-size:12px}.photo-viewer-scale{padding:8px;min-width:67px}.photo-viewer .photo-viewer-arrow{width:42px;height:42px}.photo-viewer-prev{left:8px}.photo-viewer-next{right:8px}.photo-viewer-footer{padding:10px 12px max(10px,env(safe-area-inset-bottom));font-size:11px}}