/* Shared fleet cards on the vehicle directory and home page only. */
.fleet-block{width:min(1200px,calc(100% - 64px));padding-block:64px}
.fleet-block .section-title{gap:36px;margin-bottom:32px}
.fleet-block .section-title h2{font-size:clamp(28px,3.2vw,42px);line-height:1.16;max-width:650px}
.fleet-block .section-title>p{font-size:14px;line-height:1.8;max-width:350px}
.fleet-block .vehicle-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.fleet-block .vehicle{display:flex;flex-direction:column;min-width:0;border-radius:16px;background:#fff;transition:border-color .2s,box-shadow .2s}
.fleet-block .vehicle:hover{border-color:#9cb7aa;box-shadow:0 10px 28px #123f3509}
/* A block-sized link reserves the frame; the image must not size its parent. */
.fleet-block .vehicle-photo{display:block;position:relative;flex-shrink:0;width:100%;height:auto;aspect-ratio:16/10;overflow:hidden;background:#edf0eb}
.fleet-block .vehicle-photo picture{display:block;position:absolute;inset:0;width:100%;height:100%}
.fleet-block .vehicle-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.fleet-block [data-vehicle="mercedes-s-class"] .vehicle-photo img{object-position:center 72%}
.fleet-block [data-vehicle="changan-q05"] .vehicle-photo img{object-position:center 48%}
.fleet-block .real-badge{top:14px;left:auto;inset-inline-start:14px;max-width:calc(100% - 28px);border-radius:30px;background:#fbfaf7f2;color:var(--forest);padding:6px 10px;font-size:9px;line-height:1.5;font-weight:600;letter-spacing:.1em}
.fleet-block .vehicle-info{display:flex;flex-direction:column;flex:1;min-width:0;padding:24px}
.fleet-block .vehicle-info>span{font-size:9px;letter-spacing:.11em;line-height:1.6}
.fleet-block .vehicle-info h3{font-size:27px;line-height:1.15;margin:9px 0 20px;overflow-wrap:break-word}
.fleet-block .vehicle-spec{grid-template-columns:auto 1fr auto 1fr;gap:7px;align-items:center;padding:14px 0}
.fleet-block .vehicle-spec b{font-size:25px;color:var(--forest)}
.fleet-block .vehicle-spec small{font-size:11px;line-height:1.5}
.fleet-block .vehicle-info>p{font-size:13px;line-height:1.75;margin:17px 0 15px}
.fleet-block .vehicle-info ul{display:flex;flex:1;align-content:flex-start;gap:7px 14px;margin:0 0 22px;font-size:11px;line-height:1.6}
.fleet-block .vehicle-info li:before{margin-inline-end:5px;margin-inline-start:0}
.fleet-block .vehicle-info .arrow-link{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding:12px 14px;min-height:46px;border:1px solid #c9d9d0;border-radius:8px;background:#f0f5f1;color:var(--forest);font-size:12px;line-height:1.6;font-weight:600;white-space:normal}
.fleet-block .vehicle-info .arrow-link:hover{background:var(--forest);border-color:var(--forest);color:#fff}
.fleet-block a:focus-visible{outline:3px solid var(--green);outline-offset:3px}
@media(max-width:1099px){.fleet-block .vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media(max-width:700px){.fleet-block{width:calc(100% - 40px);padding-block:44px}.fleet-block .section-title{gap:16px;margin-bottom:26px}.fleet-block .section-title>p{max-width:none}.fleet-block .vehicle-grid{grid-template-columns:1fr;gap:22px}.fleet-block .vehicle-info{padding:22px}.fleet-block .vehicle-photo{aspect-ratio:16/10}.fleet-block .vehicle-info h3{font-size:28px}.fleet-block .vehicle-info ul{margin-bottom:20px}}
@media(max-width:400px){.fleet-block{width:calc(100% - 32px)}.fleet-block .vehicle-info{padding:20px}.fleet-block .vehicle-info h3{font-size:26px}.fleet-block .vehicle-spec{gap:7px}.fleet-block .vehicle-spec small{font-size:11px}}
