.vehicle-card{padding-block:3.33333vw;align-items:flex-start;gap:3.33333vw;padding-right:5.55556vw;display:flex;position:relative}.vehicle-card .vehicle-card-image{background:#f5f5f5;border-radius:2.22222vw;width:27.7778vw;height:21.1111vw;position:relative;overflow:hidden}.vehicle-card .vehicle-card-info{flex-direction:column;flex:1;min-width:0;display:flex}.vehicle-card .vehicle-card-info .vehicle-card-title{font-weight:700;font-style:Bold;leading-trim:NONE;letter-spacing:0;color:#000;font-size:3.88889vw;line-height:5.55556vw}.vehicle-card .vehicle-card-info .vehicle-card-meta{font-weight:500;font-style:Medium;leading-trim:NONE;letter-spacing:0;color:#999;margin-bottom:.55556vw;font-size:2.77778vw;line-height:3.88889vw}.vehicle-card .vehicle-card-info .vehicle-card-price{margin-bottom:.55556vw;font-size:3.88889vw;line-height:1.4}.vehicle-card .vehicle-card-info .vehicle-card-price .price-label{font-weight:500;font-style:Medium;leading-trim:NONE;letter-spacing:0;color:#999;font-size:2.77778vw;line-height:4.44444vw}.vehicle-card .vehicle-card-info .vehicle-card-price .price-value{font-weight:700;font-style:Bold;leading-trim:NONE;letter-spacing:0;color:#000;margin-left:.55556vw;font-size:3.88889vw;line-height:5.55556vw}.vehicle-card .vehicle-card-info .vehicle-card-time{font-weight:500;font-style:Medium;leading-trim:NONE;letter-spacing:0;color:#999;font-size:2.77778vw;line-height:3.88889vw}.vehicle-card .vehicle-card-info .vehicle-card-countdown{color:#999;align-items:center;gap:1.66667vw;font-size:2.77778vw;line-height:3.88889vw;display:inline-flex}.vehicle-card .vehicle-card-info .vehicle-card-countdown .countdown-label{color:#999}.vehicle-card .vehicle-card-info .vehicle-card-countdown .countdown-value{color:#000;font-weight:700}.vehicle-card .vehicle-card-info .vehicle-card-countdown .countdown-value.countdown-urgent{color:#ffab19}.vehicle-card .vehicle-card-favorite{cursor:pointer;width:6.66667vw;height:6.66667vw;position:absolute;bottom:7.77778vw;right:5.55556vw}.vehicle-card .vehicle-card-favorite img{-o-object-fit:contain;object-fit:contain;width:6.66667vw!important;height:6.66667vw!important}
@media screen and (min-width:1024px) and (hover:hover) and (pointer:fine){.vehicle-card{align-items:flex-start;gap:20px;min-height:152px;padding:0;display:flex;position:relative}.vehicle-card .vehicle-card-image{background:#f5f5f5;border-radius:8px;flex-shrink:0;width:180px;height:135px;position:relative;overflow:hidden}.vehicle-card .auction-badge{padding:4px 8px;font-size:14px;font-weight:500;line-height:20px}.vehicle-card .vehicle-card-info{flex-direction:column;flex:0 693px;min-width:0;max-width:693px;padding:0;display:flex}.vehicle-card .vehicle-card-info .vehicle-card-title{font-weight:600;font-style:SemiBold;leading-trim:NONE;letter-spacing:0;color:#000;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:20px;line-height:28px;display:-webkit-box;overflow:hidden}.vehicle-card .vehicle-card-info .vehicle-card-meta{font-weight:400;font-style:Regular;leading-trim:NONE;letter-spacing:0;color:#999;margin-bottom:3px;font-size:16px;line-height:22px}.vehicle-card .vehicle-card-info .vehicle-card-price{align-items:baseline;margin-bottom:3px;font-size:24px;line-height:34px;display:flex}.vehicle-card .vehicle-card-info .vehicle-card-price .price-label{font-weight:400;font-style:Regular;leading-trim:NONE;letter-spacing:0;color:#999;font-size:16px;line-height:22px}.vehicle-card .vehicle-card-info .vehicle-card-price .price-value{font-weight:600;font-style:SemiBold;leading-trim:NONE;letter-spacing:0;color:#000;margin-left:4px;font-size:24px;line-height:34px}.vehicle-card .vehicle-card-info .vehicle-card-time{font-weight:400;font-style:Regular;leading-trim:NONE;letter-spacing:0;color:#999;font-size:16px;line-height:22px}.vehicle-card .vehicle-card-info .vehicle-card-countdown{color:#999;align-items:center;gap:6px;font-size:16px;line-height:22px;display:inline-flex}.vehicle-card .vehicle-card-info .vehicle-card-countdown .countdown-label{color:#999}.vehicle-card .vehicle-card-info .vehicle-card-countdown .countdown-value{font-weight:600}.vehicle-card .vehicle-card-info .vehicle-card-countdown .countdown-value.countdown-urgent{color:#ffab19}.vehicle-card .vehicle-card-favorite{cursor:pointer;width:32px;height:32px;position:absolute;top:52px;bottom:auto;right:0}.vehicle-card .vehicle-card-favorite img{-o-object-fit:contain;object-fit:contain;width:32px!important;height:32px!important}}
.vehicle-list{flex-direction:column;gap:2.77778vw;margin-top:.83333vw;display:flex}.vehicle-list-filters{align-items:center;gap:2.77778vw;display:flex}.vehicle-list-filters .filter-item{flex:none}.vehicle-list-filters .filter-collapsed{margin-left:auto}.vehicle-list-total{font-weight:400;font-style:Regular;letter-spacing:0;color:#666;text-align:center;margin-bottom:1.38889vw;margin-right:5.55556vw;font-size:3.33333vw;line-height:3.88889vw}.vehicle-list-content{flex-direction:column;display:flex}.vehicle-list-pagination{justify-content:center;margin-top:5.55556vw;margin-bottom:5.55556vw;display:flex}.vehicle-list .c-empty{margin-top:15%}
@media screen and (min-width:1024px) and (hover:hover) and (pointer:fine){.vehicle-list{flex-direction:column;gap:0;margin-top:4px;display:flex}.vehicle-list-filters{align-items:center;gap:10px;display:flex}.vehicle-list-filters .filter-item{flex:none}.vehicle-list-filters .filter-collapsed{margin-left:auto}.vehicle-list-total{color:#666;text-align:left;letter-spacing:0;margin-top:10px;margin-bottom:8px;margin-right:0;font-size:16px;font-weight:400;line-height:22px}.vehicle-list-content{flex-direction:column;gap:10px;display:flex}.vehicle-list-pagination{justify-content:center;margin-top:24px;margin-bottom:24px;display:flex}}
