/* HerCar live patch v59 — compact icon facts on Cars for Sale cards. */
.listing-facts.listing-facts-icons{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 10px;
  margin-top:14px;
}
.listing-facts-icons .listing-fact-icon-row{
  min-height:48px;
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  align-items:center;
  gap:8px;
  padding:9px 10px;
  background:#fbfbfc;
}
.listing-fact-icon{
  width:22px;
  height:22px;
  color:#ef1f2b;
  display:grid;
  place-items:center;
}
.listing-fact-icon svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.listing-facts-icons .listing-fact strong{
  margin:0;
  font-size:.78rem;
  line-height:1.25;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
}
.listing-fact-sr{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
@media(max-width:650px){
  .listing-facts.listing-facts-icons{gap:8px}
  .listing-facts-icons .listing-fact-icon-row{min-height:50px;padding:9px}
  .listing-facts-icons .listing-fact strong{font-size:.8rem}
}
@media(max-width:360px){
  .listing-facts.listing-facts-icons{grid-template-columns:1fr}
}


/* HerCar live patch v60 — clearer depreciation and COE-left presentation. */
.listing-facts-icons .listing-fact-registration{
  align-items:start;
  min-height:58px;
}
.listing-fact-value{
  min-width:0;
  display:grid;
  gap:3px;
}
.listing-fact-value strong{
  display:block;
}
.listing-fact-value small{
  color:#6d7078;
  font-size:.64rem;
  font-weight:700;
  line-height:1.2;
  white-space:normal;
}
.listing-facts-icons .listing-fact-icon-row[title="Depreciation"] .listing-fact-icon{
  color:#5f626a;
}
@media(max-width:650px){
  .listing-fact-value small{font-size:.66rem}
}


/* HerCar live patch v61 — registration/COE spacing refinement. */
.listing-facts-icons .listing-fact-registration{
  min-height:62px;
  grid-template-columns:18px minmax(0,1fr);
  gap:6px;
  padding:9px 8px;
  align-items:center;
  overflow:hidden;
}
.listing-facts-icons .listing-fact-registration .listing-fact-icon{
  width:18px;
  height:18px;
}
.listing-facts-icons .listing-fact-registration .listing-fact-icon svg{
  width:17px;
  height:17px;
}
.listing-facts-icons .listing-fact-registration .listing-fact-value{
  min-width:0;
  gap:2px;
  align-content:center;
}
.listing-facts-icons .listing-fact-registration .listing-fact-value strong{
  font-size:.71rem;
  line-height:1.12;
  letter-spacing:0;
  white-space:nowrap;
}
.listing-facts-icons .listing-fact-registration .listing-fact-value small{
  display:block;
  max-width:100%;
  margin:0;
  color:#747780;
  font-size:.50rem;
  font-weight:800;
  line-height:1.18;
  letter-spacing:.07em;
  text-transform:uppercase;
  overflow-wrap:normal;
  word-break:normal;
}
@media(max-width:650px){
  .listing-facts-icons .listing-fact-registration{
    min-height:64px;
    padding:9px 7px;
  }
  .listing-facts-icons .listing-fact-registration .listing-fact-value strong{font-size:.70rem}
  .listing-facts-icons .listing-fact-registration .listing-fact-value small{font-size:.49rem;letter-spacing:.055em}
}


/* HerCar live patch v62 — uniform fact-card colour and cleaner registration hierarchy. */
.listing-facts-icons .listing-fact-icon-row,
.listing-facts-icons .listing-fact-registration{
  background:#fbfbfc !important;
  border-color:#e3e4e8 !important;
}
.listing-facts-icons .listing-fact strong,
.listing-facts-icons .listing-fact-registration .listing-fact-value strong{
  color:#111216 !important;
  opacity:1 !important;
  font-weight:800 !important;
}
.listing-facts-icons .listing-fact-registration .listing-fact-value small{
  color:#3f4147 !important;
  opacity:1 !important;
  font-size:.52rem !important;
  font-weight:750 !important;
  line-height:1.18 !important;
  letter-spacing:.055em !important;
}
.listing-facts-icons .listing-fact-icon,
.listing-facts-icons .listing-fact-icon-row[title="Depreciation"] .listing-fact-icon{
  color:#64676f !important;
}