.car-image[data-fleet-gallery]{height:auto;aspect-ratio:4/3;background:#192320;touch-action:pan-y pinch-zoom}
.car-image[data-fleet-gallery] .gallery-slide{width:100%;height:100%;object-fit:contain;object-position:center;transform:none}
/* Frame the untouched original more closely while keeping the full van and livery visible. */
.car-image[data-fleet-gallery="transit"] img.transit-original-cover{object-fit:cover;object-position:50% 100%;transform:scale(1.08);transform-origin:50% 100%;filter:brightness(1.08) contrast(1.02)}
/* Trim excess wall around the original DCar 12-seat cover without altering its branding. */
.car-image[data-fleet-gallery="dcar"] img.dcar12-original-cover{object-fit:cover;object-position:100% 100%;transform:scale(1.06);transform-origin:100% 100%}
/* Keep the supplied DCar 10-seat van fully visible in the landscape cover. */
.car-image[data-fleet-gallery="dcar9"] img.dcar10-original-cover{object-fit:cover;object-position:50% 85%;transform:none}
.car-image.gallery-ready .gallery-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease;pointer-events:none}
.car-image.gallery-ready .gallery-slide.is-active{opacity:1}
.car-image[data-fleet-gallery] .car-tag{z-index:2}
.gallery-controls{position:absolute;inset:0;pointer-events:none;z-index:3}
.gallery-controls button{pointer-events:auto;border:1px solid #ffffff65;color:#fff;background:#192320dc;display:grid;place-items:center;min-width:44px;min-height:44px;cursor:pointer;padding:0}
.gallery-controls button:hover{background:#30463d}
.gallery-controls button:focus-visible{outline:3px solid #e2c490;outline-offset:2px}
.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;font:28px Arial,sans-serif}
.gallery-previous{left:12px}.gallery-next{right:12px}
.gallery-pause{position:absolute;top:12px;right:12px;border-radius:50%;font:16px Arial,sans-serif}
.gallery-dots{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex}
.gallery-controls .gallery-dot{background:transparent;border:0;min-width:28px;min-height:44px}
.gallery-controls .gallery-dot::after{content:'';width:8px;height:8px;border-radius:50%;background:#ffffff90;box-shadow:0 1px 4px #0008}
.gallery-controls .gallery-dot[aria-pressed=true]::after{background:#e2c490;width:20px;border-radius:8px}
.gallery-count{position:absolute;bottom:18px;right:12px;background:#192320e8;color:#fff;padding:2px 9px;border-radius:12px;font:12px/1.7 Arial,sans-serif;font-variant-numeric:tabular-nums}
@media(pointer:coarse){.gallery-controls .gallery-dot{min-width:36px}}
@media(prefers-reduced-motion:reduce){.car-image.gallery-ready .gallery-slide{transition:none}}

.car-image[data-fleet-gallery="everest"] .gallery-count{top:23px;right:66px;bottom:auto}
.car-image[data-fleet-gallery="sedona"] .gallery-count,.car-image[data-fleet-gallery="carnival"] .gallery-count{top:23px;right:66px;bottom:auto}
.car-image[data-fleet-gallery="transit"] .gallery-count{top:23px;right:66px;bottom:auto}

.car-image[data-fleet-gallery="dcar"] .gallery-count{top:23px;right:66px;bottom:auto}
.car-image[data-fleet-gallery="dcar"] .gallery-dot{min-width:28px}

.car-image[data-fleet-gallery="dcar9"] .gallery-count{top:23px;right:66px;bottom:auto}

.car-image[data-fleet-gallery="carnival-limo"] .gallery-count{top:23px;right:66px;bottom:auto}

/* Keep the expanded fleet filters and coach galleries compact. */
.filters{flex-wrap:wrap}
.car-image[data-fleet-gallery="coach29"] .gallery-count{top:23px;right:66px;bottom:auto}
.car-image[data-fleet-gallery="coach45"] .gallery-count{top:23px;right:66px;bottom:auto}
.car-image[data-fleet-gallery="coach45"] .gallery-dot{min-width:28px}

.car-image[data-fleet-gallery="alphard"] .gallery-count{top:23px;right:66px;bottom:auto}
.car-image[data-fleet-gallery="alphard"] .gallery-dot{min-width:28px}

.car-image[data-fleet-gallery="limo19"] .gallery-count,.car-image[data-fleet-gallery="limo29"] .gallery-count{top:23px;right:66px;bottom:auto}

#limousine-19-cho{scroll-margin-top:100px}

/* Nine V-Class photos: keep count clear and all photo selectors inside mobile cards. */
.car-image[data-fleet-gallery="vclass"] .gallery-count{top:23px;right:66px;bottom:auto}
.car-image[data-fleet-gallery="vclass"] .gallery-dot{min-width:28px}
#mercedes-vclass{scroll-margin-top:100px}

/* Keep seven E300 image selectors within narrow cards. */
.car-image[data-fleet-gallery="e300"] .gallery-count{top:23px;right:66px;bottom:auto}
.car-image[data-fleet-gallery="e300"] .gallery-dot{min-width:28px}
#mercedes-e300{scroll-margin-top:100px}