/* Reuse the public fleet's vehicle-card, vehicle-image, vehicle-copy and
   seat-layout styles unchanged; only the photo interaction needs extra CSS. */
.fleet-page-tabs{flex-wrap:wrap}
#mercedes-v-class{scroll-margin-top:28px}
#mercedes-v-class .fleet-photo-trigger{position:relative;z-index:1;display:grid;place-items:center;width:100%;margin:0;padding:0;border:0;background:none;cursor:zoom-in;font:inherit;color:inherit}
/* Match visible vehicle widths, not PNG canvas widths with different margins.
   Shared framing preserves each vehicle's natural proportions. No clipped
   image drop-shadows: those produced the rectangular edge around Mercedes. */
.fleet-detail-page .vehicle-image:after{display:none}
.fleet-detail-page .vehicle-image .fleet-vehicle-art{position:relative;z-index:1;display:block;width:100%;max-width:760px;aspect-ratio:1.35;margin:0;padding:0;border:0;background:none;overflow:visible}
.fleet-detail-page .vehicle-image .fleet-vehicle-art>img{position:absolute;display:block;width:var(--art-width);max-width:none;height:auto;max-height:none;left:var(--art-left);top:var(--art-top);object-fit:contain;filter:none;transform:none}
.fleet-art-alphard40{--art-width:94.43%;--art-left:1.56%;--art-top:3.30%}
.fleet-art-alphard30{--art-width:93.02%;--art-left:2.97%;--art-top:5.99%}
.fleet-art-mercedes{--art-width:114.98%;--art-left:-18.01%;--art-top:-4.00%}
.fleet-art-hiace{--art-width:115.93%;--art-left:-10.49%;--art-top:-5.15%}
/* Compact the existing five-card layout without shrinking vehicle artwork. */
.fleet-detail-page .fleet-list{gap:16px}
.fleet-detail-page .vehicle-card{min-height:0}
.fleet-detail-page .vehicle-image{min-height:0}
.fleet-detail-page .vehicle-copy{padding:28px 30px}
.fleet-detail-page .vehicle-copy h3{margin:12px 0}
.fleet-detail-page .vehicle-copy p{min-height:0;margin:0 0 12px;line-height:1.75}
.fleet-detail-page .vehicle-copy .vehicle-name-note{margin:-3px 0 10px}
.fleet-detail-page .vehicle-copy ul{gap:9px 12px;margin:12px 0 16px;padding:12px 0 0}
.fleet-detail-page .seat-layout{margin-bottom:16px}
.fleet-detail-page .seat-layout span{margin-bottom:8px}
.fleet-detail-page .seat-layout img{width:100%;height:auto;max-height:178px;object-fit:contain}
@media(max-width:560px){.fleet-detail-page .vehicle-copy{padding:24px}.fleet-detail-page .vehicle-copy h3{margin:10px 0}.fleet-detail-page .fleet-list{gap:14px}}
.fleet-photo-trigger:focus-visible,.fleet-photo-dialog button:focus-visible{outline:3px solid #d5bc91;outline-offset:3px}
.fleet-photo-dialog{box-sizing:border-box;width:min(1200px,94vw);max-width:94vw;max-height:94dvh;padding:0;border:1px solid #68717a;background:#111d29;color:#fff;overflow:auto}
.fleet-photo-dialog::backdrop{background:#030910db}
.fleet-photo-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 20px;border-bottom:1px solid #ffffff20}
.fleet-photo-dialog h2{margin:0;font:400 16px 'Noto Sans JP',sans-serif;line-height:1.5}
.fleet-photo-dialog-close{width:42px;height:42px;flex-shrink:0;border:1px solid #aab4bd;background:transparent;color:#fff;font-size:25px;cursor:pointer}
.fleet-photo-dialog-image{display:block;width:100%;max-height:65dvh;object-fit:contain;background:#09121c}
.fleet-photo-dialog-footer{padding:16px 20px}
.fleet-photo-dialog-controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.fleet-photo-dialog-controls button{min-height:40px;padding:9px 15px;border:1px solid #65717c;color:#ccd3da;background:transparent;font:inherit;font-size:12px;cursor:pointer}
.fleet-photo-dialog-controls button[aria-pressed="true"]{background:#d5bc91;border-color:#d5bc91;color:#111d29}
.fleet-photo-dialog-note{margin:0;color:#acb7bf;font-size:11px;line-height:1.8}
@media(max-width:760px){.fleet-photo-dialog-header{padding:10px 14px}.fleet-photo-dialog h2{font-size:14px}.fleet-photo-dialog-footer{padding:14px}.fleet-photo-dialog-controls button{flex:1}}