.vehicle-ad-card__skeleton[data-v-28279e27] {
  padding: 12px;
}
.car-list__item[data-v-28279e27] {
  overflow: hidden;
  width: 100%;
  flex-direction: column;
  position: relative;
  border-radius: 30px;
  border: 1px solid #e7e7e7;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.03), 0 20px 15px 0 rgba(0, 0, 0, 0.01);
}
.car-list__item .q-card__section[data-v-28279e27] {
  padding: 10px 20px 25px 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.car-list__item .q-img[data-v-28279e27] {
  width: 100%;
  height: 250px;
  border-radius: 30px;
  position: relative;
}
.car-list__item img[data-v-28279e27] {
  width: 100%;
  height: 100%;
}
.car-list__name[data-v-28279e27] {
  overflow: hidden;
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.18px;
}
.car-list__price[data-v-28279e27] {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.33;
}
.car-list__year[data-v-28279e27] {
  color: #858790;
  font-size: 15px;
  font-weight: 300;
  line-height: normal;
}
.car-list__item .q-badge[data-v-28279e27] {
  padding: 5px 10px;
  border-radius: 15px;
  background: #ffffff;
  color: #0b1221;
  position: absolute;
  left: 10px;
  bottom: 10px;
  font-size: 15px;
  font-weight: 300;
  line-height: normal;
}
.car-list .favorite-btn[data-v-28279e27] {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 3;
}
@media (max-width: 768px) {
.car-list__price[data-v-28279e27] {
    font-size: 18px;
}
.car-list__name[data-v-28279e27] {
    font-size: 16px;
}
.car-list .q-item .q-img[data-v-28279e27] {
    height: 220px;
}
.car-list__item .q-card__section[data-v-28279e27] {
    padding: 10px 15px 15px 10px;
    gap: 5px;
}
}
@media (max-width: 500px) {
.car-list .q-item .q-img[data-v-28279e27] {
    height: 200px;
}
}