/* Shared model photography makes the same car recognisable across routes. */
.compare-pick-grid>button{position:relative;isolation:isolate;overflow:hidden;min-height:240px;padding:0!important;background:#10151b!important;color:#fff!important;text-align:left;border:1px solid #3a424c!important;transition:border-color .18s,transform .18s}
.compare-pick-grid .model-recognition-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;z-index:-2;transition:transform .35s}
.compare-pick-grid>button:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 26%,rgba(6,10,15,.2) 42%,rgba(6,10,15,.96) 100%)}
.compare-pick-grid .model-recognition-copy{display:flex;flex-direction:column;gap:7px;justify-content:flex-end;min-height:240px;padding:120px 22px 22px;box-sizing:border-box;color:#fff}
.compare-pick-grid .model-recognition-copy strong{color:#fff;font-size:clamp(1.1rem,2.3vw,1.75rem)}
.compare-pick-grid .model-recognition-copy>span{color:#d6dce3;font-size:.95rem}
.compare-pick-grid>button:hover .model-recognition-photo{transform:scale(1.035)}
.compare-pick-grid>button.is-in-garage,.compare-pick-grid>button[aria-pressed=true]{border-color:#ed4055!important;box-shadow:inset 0 -4px #ed4055}
.compare-pick-grid>button[aria-pressed=true]:before{content:"Selected ✓";position:absolute;right:12px;top:12px;background:#c5233c;color:white;padding:5px 10px;font-size:.76rem;font-weight:700;border-radius:3px}
.compare-pick-grid>button:focus-visible{outline:3px solid #ed4055;outline-offset:4px}
.shortlist-model-photo{display:block;margin:-1px -1px 22px;width:calc(100% + 2px);position:relative;background:#10151b;overflow:hidden}
.shortlist-model-photo img{display:block;width:100%;height:220px;object-fit:cover;transition:transform .35s}
.shortlist-model-photo:hover img{transform:scale(1.03)}
.shortlist-model-photo figcaption{position:absolute;left:12px;bottom:10px;font-size:10px;letter-spacing:.04em;color:#fff;background:rgba(5,9,13,.75);padding:4px 7px}
.shortlist-grid article:has(.shortlist-model-photo){padding-top:0}
.shortlist-grid article>.shortlist-model-photo{margin-left:calc(-1 * clamp(24px,2.8vw,42px));margin-right:calc(-1 * clamp(24px,2.8vw,42px));width:calc(100% + 2 * clamp(24px,2.8vw,42px))}
@media(max-width:600px){.compare-pick-grid{gap:12px!important}.compare-pick-grid>button,.compare-pick-grid .model-recognition-copy{min-height:200px}.compare-pick-grid .model-recognition-copy{padding:100px 14px 16px}.shortlist-model-photo img{height:200px}}
@media(prefers-reduced-motion:reduce){.model-recognition-photo,.shortlist-model-photo img{transition:none!important}}

.compare-pick-grid img[src*="/recognition/"]{height:auto;aspect-ratio:2/1;object-fit:cover;bottom:auto}
.model-guide-photo{margin:28px 0;max-width:1100px}.model-guide-photo img{width:100%;max-height:560px;object-fit:contain;background:#121820;display:block}.model-guide-photo figcaption{font-size:11px;color:#737d86;padding-top:8px}