.car-card{overflow:hidden;transition:all .3s ease;height:100%;display:flex;flex-direction:column;cursor:pointer;background:var(--background-card);border:1px solid var(--border-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-primary)}.car-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-accent)}.car-card-image-container{position:relative;height:240px;overflow:hidden}.car-card-image{object-fit:cover;transition:transform .5s ease}.car-card:hover .car-card-image{transform:scale(1.1)}@media (hover:none),(pointer:coarse){.car-card:active,.car-card:hover{transform:none;box-shadow:var(--shadow-primary)}.car-card:active .car-card-image,.car-card:hover .car-card-image{transform:none}}.car-card-image-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.4),transparent);opacity:0;transition:opacity .5s ease}.car-card-info{padding:24px;flex:1;display:flex;flex-direction:column}.car-card-title{font-size:1.25rem;margin-bottom:16px;line-height:1.3;font-weight:600}.car-card-details{display:flex;flex-direction:column;gap:10px;margin-top:auto}.detail-row{justify-content:space-between;font-size:.9rem}.detail-label,.detail-row{display:flex;align-items:center}.detail-label{gap:8px}.detail-icon,.detail-label{color:var(--text-secondary)}.detail-icon{font-size:1rem}.detail-value{font-weight:500;color:var(--text-primary)}.detail-value.price{font-weight:700;color:var(--text-accent)}@media (max-width:768px){.car-card-info{padding:20px}.car-card-title{font-size:1.15rem;margin-bottom:20px}.detail-row{font-size:.85rem}}