.car-card.has-photo-gallery{position:relative}
.car-card>.cmp-btn{top:12px;right:56px}
.card-photo-arrow{position:absolute;top:var(--card-photo-middle);z-index:6;width:42px;height:50px;display:flex;align-items:center;justify-content:center;transform:translateY(-50%);border:1px solid rgba(255,255,255,.35);border-radius:6px;background:rgba(8,24,14,.72);color:#fff;font:inherit;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .18s,background .18s}
.card-photo-arrow span{font-size:32px;line-height:1}
.card-photo-prev{left:12px}.card-photo-next{right:12px}
.has-photo-gallery:hover>.card-photo-arrow,.has-photo-gallery:has(:focus-visible)>.card-photo-arrow{opacity:1;pointer-events:auto}
.card-photo-arrow:hover{background:#25823d}.card-photo-arrow:focus-visible{outline:2px solid #fff;outline-offset:2px}
.card-photo-count{position:absolute;top:calc(var(--card-photo-bottom) - 30px);left:50%;transform:translateX(-50%);z-index:5;padding:3px 8px;border-radius:4px;background:rgba(8,24,14,.78);color:#fff;font-size:11px;line-height:18px;font-weight:600;letter-spacing:0;pointer-events:none;opacity:0;transition:opacity .18s}
.has-photo-gallery:hover>.card-photo-count,.has-photo-gallery:has(:focus-visible)>.card-photo-count{opacity:1}
.card-photo-status{position:absolute;left:12px;right:12px;top:calc(var(--card-photo-bottom) - 62px);z-index:5;text-align:center;pointer-events:none;font-size:12px;line-height:18px;color:#fff}
.card-photo-status:not(:empty){padding:4px 8px;background:rgba(8,24,14,.85)}
.has-photo-gallery>.car-card-img{touch-action:pan-y pinch-zoom}
@media(hover:none),(pointer:coarse),(max-width:768px){.has-photo-gallery>.card-photo-arrow,.has-photo-gallery>.card-photo-count{opacity:1;pointer-events:auto}.card-photo-arrow{width:44px;height:50px}.card-photo-count{pointer-events:none!important}}
@media(prefers-reduced-motion:reduce){.card-photo-arrow,.card-photo-count{transition:none}}