.gallery{min-width:0;max-width:100%}.gallery .main-image{aspect-ratio:1672/941;touch-action:pan-y;cursor:zoom-in;isolation:isolate}.gallery .main-image img{width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none}.gallery .gallery-outgoing{position:absolute;inset:0;z-index:1}.gallery .expand{z-index:2;pointer-events:none}.gallery .gallerycontrols{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;align-items:center;width:100%;margin-top:16px}.gallery .galleryarrow{width:44px;height:44px;padding:0;font-size:20px;background:#f2f3f3;color:#123b2a}.gallery .viewstrip{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;position:relative;overscroll-behavior-x:contain;padding:3px 0}.gallery .viewstrip::-webkit-scrollbar{display:none}.gallery .viewtab{flex:0 0 auto;min-height:40px;white-space:nowrap;padding:10px 13px;transition:background .2s,color .2s}.gallery .viewtab.active{background:#123b2a;color:white}.gallery button:focus-visible,.vehicle-viewer button:focus-visible{outline:2px solid #4c8a68;outline-offset:2px}.gallery-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.gallery .source{font-size:12px;margin-top:16px}
body.viewer-open{overflow:hidden}.vehicle-viewer{width:min(1180px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:58px 16px 20px;border-radius:24px;background:#fafafa;overflow:hidden;animation:viewer-in .22s ease-out}.vehicle-viewer::backdrop{background:#101713bd;backdrop-filter:blur(9px)}.viewer-toolbar{position:absolute;top:12px;right:14px;display:flex;gap:8px}.viewer-toolbar button,.viewer-arrow{display:grid;place-items:center;width:44px;height:44px;border:1px solid #dee4df;border-radius:50%;background:#fff;color:#123b2a;font-size:26px;line-height:1;padding:0;flex:none}.viewer-close{font-size:30px!important}.viewer-layout{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:12px;align-items:center}.viewer-stage{width:100%;aspect-ratio:1672/941;max-height:calc(100dvh - 175px);overflow:auto;border-radius:16px;touch-action:pan-y;background:#f2f1ee}.viewer-stage .viewer-image{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;user-select:none;transition:width .24s,height .24s;pointer-events:none}.is-zoomed .viewer-stage{touch-action:auto}.is-zoomed .viewer-image{width:180%;height:180%}.vehicle-viewer .viewer-caption{font-size:13px;line-height:1.4;margin:18px 36px 0;text-align:center;color:#62646b}.viewer-arrow:hover,.viewer-toolbar button:hover{background:#eaf0ec}@keyframes viewer-in{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}
@media(max-width:700px){.gallery .gallerycontrols{grid-template-columns:40px minmax(0,1fr) 40px;gap:6px}.gallery .galleryarrow{width:40px;height:44px}.gallery .viewtab{font-size:11px;padding:10px 11px}.gallery .main-image{border-radius:22px}.vehicle-viewer{width:calc(100vw - 16px);max-width:calc(100vw - 16px);padding:62px 6px 20px;border-radius:20px}.viewer-layout{grid-template-columns:36px minmax(0,1fr) 36px;gap:3px}.viewer-arrow{width:36px;height:44px;font-size:22px;border:0;background:transparent}.viewer-stage{border-radius:10px;aspect-ratio:1.3}.vehicle-viewer .viewer-caption{margin:16px 12px 0;font-size:12px}}
@media(prefers-reduced-motion:reduce){.vehicle-viewer{animation:none}.gallery .viewtab,.viewer-stage .viewer-image{transition:none}.gallery .viewstrip{scroll-behavior:auto}}