.vehicle-gallery{min-width:0}
.vehicle-gallery-photo{display:block;position:relative;background:#091018;border-radius:7px;overflow:hidden}
.vehicle-gallery-photo:focus-visible,.vehicle-lightbox button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.vehicle-gallery-cover{cursor:zoom-in}
.vehicle-gallery-cover img{display:block;width:100%;height:auto;aspect-ratio:10/7;object-fit:contain}
.vehicle-gallery-open{position:absolute;bottom:16px;right:16px;display:flex;align-items:center;gap:18px;min-height:44px;padding:10px 16px;border:1px solid #ffffff5a;border-radius:5px;background:#101820e8;color:#fff;font-size:.875rem;box-shadow:0 4px 24px #0004}
.vehicle-gallery-open span{font-variant-numeric:tabular-nums}
.vehicle-gallery-thumbnails{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:12px 3px 15px}
.vehicle-gallery-thumbnails a{flex:0 0 126px;scroll-snap-align:start;cursor:zoom-in}
.vehicle-gallery-thumbnails img{display:block;width:126px;height:88px;object-fit:contain}
.vehicle-lightbox{box-sizing:border-box;padding:0;margin:auto;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;background:#070b10f7;color:#fff;overflow:hidden;color-scheme:dark}
.vehicle-lightbox[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;animation:gallery-arrive .18s ease-out}
.vehicle-lightbox::backdrop{background:#070b10f5}
body:has(.vehicle-lightbox[open]){overflow:hidden}
.vehicle-lightbox-header{display:flex;align-items:center;gap:20px;padding:max(12px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) 12px max(24px,env(safe-area-inset-left));min-width:0}
.vehicle-lightbox-header p{flex:1;min-width:0;margin:0;font-size:1rem;line-height:1.4;color:#fff;overflow-wrap:anywhere}
.vehicle-lightbox-count{white-space:nowrap;font-size:.9375rem;font-variant-numeric:tabular-nums;color:#d2dae2}
.vehicle-lightbox button{font:inherit;color:#fff;background:#17222de6;border:1px solid #ffffff50;border-radius:50%;cursor:pointer;min-width:48px;min-height:48px;padding:0}
.vehicle-lightbox button:hover{background:#344452}
.vehicle-lightbox .vehicle-lightbox-control{display:grid;place-items:center;width:48px;height:48px;padding:0;appearance:none;-webkit-appearance:none;border:0;border-radius:0;background:none;box-shadow:none;color:#d9e0e6;transition:color .18s ease}
.vehicle-lightbox .vehicle-lightbox-control:hover,.vehicle-lightbox .vehicle-lightbox-control:active{background:none;color:#fff;box-shadow:none}
.vehicle-lightbox-control svg{display:block;width:28px;height:28px;pointer-events:none}
body .vehicle-lightbox button.vehicle-lightbox-control:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:none}
.vehicle-lightbox .vehicle-lightbox-control:focus:not(:focus-visible){outline:none}
.vehicle-lightbox .vehicle-lightbox-close{flex-shrink:0}
.vehicle-lightbox-stage{position:relative;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;padding:0 76px;touch-action:pan-y pinch-zoom}
.vehicle-lightbox-image{display:block;max-width:100%;width:100%;height:100%;min-height:0;object-fit:contain;opacity:1;transition:opacity .18s ease}
.vehicle-lightbox-image.is-loading{opacity:0}
.vehicle-lightbox-message{position:absolute;inset:40% 70px auto;text-align:center;font-size:1rem;pointer-events:none}
.vehicle-lightbox .vehicle-lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);height:56px}
.vehicle-lightbox .vehicle-lightbox-arrow[hidden]{display:none}
.vehicle-lightbox-previous{left:max(16px,env(safe-area-inset-left))}
.vehicle-lightbox-next{right:max(16px,env(safe-area-inset-right))}
.vehicle-lightbox-thumbnails{position:relative;display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;padding:16px max(24px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));min-width:0;max-width:100%;min-height:0}
.vehicle-lightbox-thumbnails:empty{padding:8px}
.vehicle-lightbox .vehicle-lightbox-thumbnails button{flex:0 0 90px;width:90px;height:64px;min-height:64px;overflow:hidden;border-radius:4px;border:2px solid transparent;opacity:.55}
.vehicle-lightbox .vehicle-lightbox-thumbnails button[aria-current=true]{border-color:#fff;opacity:1}
.vehicle-lightbox-thumbnails img{display:block;width:100%;height:100%;object-fit:contain}
@keyframes gallery-arrive{from{opacity:0}to{opacity:1}}
@media(max-width:700px){.vehicle-lightbox-header{gap:12px;padding-inline:16px}.vehicle-lightbox-header p{font-size:.875rem}.vehicle-lightbox-stage{padding:0}.vehicle-lightbox .vehicle-lightbox-arrow{top:auto;bottom:12px;transform:none}.vehicle-lightbox-thumbnails{padding-top:10px;gap:8px}.vehicle-lightbox .vehicle-lightbox-thumbnails button{flex-basis:72px;width:72px;height:52px;min-height:52px}.vehicle-gallery-thumbnails a{flex-basis:100px}.vehicle-gallery-thumbnails img{width:100px;height:70px}.vehicle-gallery-open{right:10px;bottom:10px;padding:8px 12px}.vehicle-lightbox-message{inset-inline:35px}}
@media(prefers-reduced-motion:reduce){.vehicle-lightbox[open]{animation:none}.vehicle-lightbox-image{transition:none}}
