.car-card{background:var(--white);cursor:pointer;border-radius:12px;flex-direction:column;min-width:0;transition:all .3s;display:flex;overflow:hidden}a.car-card{color:inherit;flex-direction:column;text-decoration:none;display:flex}.car-card:hover{transform:translateY(-3px);box-shadow:0 6px 24px #552d6c1a}.car-img{aspect-ratio:3/2;background:var(--grey);border-radius:12px;position:relative;overflow:hidden}.car-img-real{object-fit:cover;width:100%;height:100%;transition:transform .5s}.car-card:hover .car-img-real{transform:scale(1.03)}.car-img-bg{justify-content:center;align-items:center;width:100%;height:100%;font-size:56px;transition:transform .5s;display:flex}.car-card:hover .car-img-bg{transform:scale(1.03)}.car-badge{letter-spacing:.03em;border-radius:6px;padding:3px 9px;font-size:16px;font-weight:600;position:absolute;top:10px;left:10px}.car-badge.light{color:var(--p);background:#ffffffeb}.car-badge.dark{background:var(--p);color:#fff}.car-featured-badge{color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#552d6c,#7b4a9e);border-radius:6px;align-items:center;gap:4px;padding:3px 9px;font-size:16px;font-weight:600;display:flex;position:absolute;bottom:10px;left:10px;box-shadow:0 2px 6px #552d6c40}.car-heart{cursor:pointer;width:32px;height:32px;color:var(--tl);z-index:2;background:#ffffffd9;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:transform .2s,color .2s;display:flex;position:absolute;top:10px;right:10px}.car-heart:hover{transform:scale(1.1)}.car-heart-saved{color:#e74c3c}.car-heart-pop{animation:.3s heart-pop}@keyframes heart-pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.car-info{flex-direction:column;gap:2px;padding:10px 2px 4px;display:flex}.car-top-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.car-name{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:16px;font-weight:600;overflow:hidden}.car-rating{white-space:nowrap;flex-shrink:0;align-items:center;gap:3px;font-size:16px;font-weight:600;display:flex}.car-rating span{color:var(--tl);font-weight:400}.car-location{color:var(--tl);white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.car-distance{color:var(--p);font-weight:500}.car-price{margin-top:2px;font-size:16px;font-weight:600}.car-price span{color:var(--tl);font-size:16px;font-weight:400}.cars-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}