/* Similar cars only. Match the compact horizontal car-market cards on phones;
   leave the car-market archive, homepage and desktop cards unchanged. */
@media (max-width:800px) {
 html body.single-hm_car .hm-car-detail > .hm-related-cars {
  box-sizing:border-box!important;
  display:block!important;
  width:calc(100% - 24px)!important;
  max-width:560px!important;
  min-width:0!important;
  margin:16px auto 20px!important;
  padding:13px 10px!important;
  background:#fff!important;
  border:1px solid #e2e8f1!important;
  border-radius:16px!important;
  box-shadow:0 3px 12px rgba(17,39,67,.035)!important;
  overflow:visible!important;
 }
 html body.single-hm_car .hm-car-detail > .hm-related-cars > h2 {
  font-size:17px!important;
  line-height:1.55!important;
  text-align:right!important;
  color:#102b50!important;
  margin:0 3px 12px!important;
  padding:0!important;
 }
 html body.single-hm_car .hm-car-detail > .hm-related-cars > .cars-grid {
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  gap:11px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  scroll-snap-type:none!important;
  scrollbar-width:auto!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
 }
 html body.single-hm_car .hm-car-detail > .hm-related-cars .cars-grid > article.car-card {
  display:grid!important;
  direction:rtl!important;
  grid-template-columns:minmax(0,1fr) clamp(94px,27vw,116px)!important;
  grid-template-rows:minmax(0,1fr)!important;
  flex:none!important;
  position:relative!important;
  isolation:isolate!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:129px!important;
  height:auto!important;
  align-items:stretch!important;
  gap:10px!important;
  margin:0!important;
  padding:8px!important;
  border:1px solid #dce4ed!important;
  border-radius:15px!important;
  background:#fff!important;
  overflow:hidden!important;
  box-shadow:0 3px 10px rgba(16,40,69,.045)!important;
  transform:none!important;
  scroll-snap-align:none!important;
 }
 html body.single-hm_car .hm-car-detail > .hm-related-cars .car-card > a.car-card__image {
  grid-column:2!important;
  grid-row:1!important;
  display:block!important;
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-height:111px!important;
  max-height:154px!important;
  aspect-ratio:1!important;
  margin:0!important;
  padding:0!important;
  border-radius:11px!important;
  overflow:hidden!important;
  background:#eef2f6!important;
 }
 html body.single-hm_car .hm-car-detail > .hm-related-cars .car-card__image > img:not(.hm-sold-stamp) {
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
 }
 html body.single-hm_car .hm-car-detail > .hm-related-cars .car-card > .car-card__body {
  grid-column:1!important;
  grid-row:1!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:stretch!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  gap:0!important;
  margin:0!important;
  padding:2px 1px 0!important;
  border:0!important;
  background:transparent!important;
  overflow:hidden!important;
 }
 html body.single-hm_car .hm-car-detail > .hm-related-cars .car-card__meta {
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:5px!important;
  min-width:0!important;
  width:100%!important;
  margin:0 0 9px!important;
  padding:0!important;
  color:#8592a5!important;
  font-size:10px!important;
  line-height:1.35!important;
 }
 html body.single-hm_car .hm-car-detail > .hm-related-cars .car-card__meta span {
  min-width:0!important;
  max-width:58%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
 }
 html body.single-hm_car .hm-car-detail > .hm-related-cars .car-card__meta span:last-child {
  max-width:42%!important;
 }
 html body.single-hm_car .hm-car-detail > .hm-related-cars .car-card__body h3 {
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  color:#112b4b!important;
  font-size:14px!important;
  line-height:1.48!important;
  font-weight:850!important;
  margin:0 0 5px!important;
  padding:0!important;
 }
 html body.single-hm_car .hm-car-detail > .hm-related-cars .car-card__body h3 a {
  color:inherit!important;
  text-decoration:none!important;
 }
 html body.single-hm_car .hm-car-detail > .hm-related-cars p.car-card__specs {
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  margin:0 0 6px!important;
  padding:0!important;
  color:#8592a5!important;
  font-size:10px!important;
  line-height:1.45!important;
 }
 html body.single-hm_car .hm-car-detail > .hm-related-cars .car-card__bottom {
  display:flex!important;
  flex-flow:row nowrap!important;
  justify-content:space-between!important;
  align-items:center!important;
  min-width:0!important;
  gap:5px!important;
  width:100%!important;
  margin:auto 0 0!important;
  padding:7px 0 0!important;
  border-top:0!important;
 }
 html body.single-hm_car .hm-car-detail > .hm-related-cars .car-card__bottom strong {
  min-width:0!important;
  max-width:64%!important;
  color:#b75c1d!important;
  -webkit-text-fill-color:#b75c1d!important;
  font-size:clamp(11px,3.1vw,14px)!important;
  line-height:1.4!important;
  font-weight:900!important;
  text-align:right!important;
  overflow-wrap:anywhere!important;
  margin:0!important;
  padding:0!important;
 }
 html body.single-hm_car .hm-car-detail > .hm-related-cars .car-card__bottom > a {
  flex:0 0 auto!important;
  display:inline-flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:30px!important;
  margin:0!important;
  padding:4px 9px!important;
  border:0!important;
  border-radius:9px!important;
  background:#0c274b!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  font-size:10.5px!important;
  font-weight:800!important;
  line-height:1.4!important;
 }
 html body.single-hm_car .hm-car-detail > .hm-related-cars .car-card > .hm-favorite-card {
  position:absolute!important;
  z-index:3!important;
  top:13px!important;
  left:13px!important;
  right:auto!important;
  bottom:auto!important;
  display:grid!important;
  place-items:center!important;
  width:29px!important;
  min-width:29px!important;
  max-width:29px!important;
  height:29px!important;
  min-height:29px!important;
  max-height:29px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #f3dce3!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.95)!important;
  color:#c44868!important;
  font-size:18px!important;
  line-height:1!important;
  box-shadow:0 2px 5px rgba(0,0,0,.06)!important;
 }
 html body.single-hm_car .hm-car-detail > .hm-related-cars .car-card__image .car-card__badge {
  right:5px!important;
  top:5px!important;
  bottom:auto!important;
  max-width:calc(100% - 10px)!important;
  padding:3px 5px!important;
  font-size:9px!important;
 }
}
@media (max-width:350px) {
 html body.single-hm_car .hm-car-detail > .hm-related-cars .cars-grid > article.car-card {gap:7px!important;grid-template-columns:minmax(0,1fr) 90px!important;padding:7px!important;min-height:119px!important}
 html body.single-hm_car .hm-car-detail > .hm-related-cars .car-card > a.car-card__image {min-height:103px!important}
 html body.single-hm_car .hm-car-detail > .hm-related-cars .car-card__bottom strong {font-size:11px!important}
 html body.single-hm_car .hm-car-detail > .hm-related-cars .car-card__bottom > a {padding:4px 6px!important;font-size:9.5px!important}
}