.jdm-avto-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
@media (max-width:1024px){ .jdm-avto-list{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:640px){  .jdm-avto-list{ grid-template-columns:1fr; } }

.jdm-avto-item{
  display:grid;
  grid-template-columns:auto 1fr;   /* col 1 = image width, col 2 = text */
  grid-template-rows:auto auto;     /* row 1 = title, row 2 = meta */
  column-gap:10px;
  align-items:start;
  padding:10px;
  border:1px solid #e5e7eb;
  border-radius:10px;
  background:#fff;
  text-decoration:none;
  color:inherit;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
  transition:box-shadow .15s ease, transform .15s ease;
}
.jdm-avto-item:hover{ box-shadow:0 2px 10px rgba(0,0,0,.08); transform:translateY(-1px); }

.jdm-avto-thumb{
  grid-column:1;
  grid-row:1 / span 2;     /* image spans title + meta rows */
  width:120px;             /* pick your thumb width */
  height:100%;             /* take full card height */
  object-fit:cover;        /* crop to fill */
  border-radius:6px;
  background:#f3f4f6;
  align-self:stretch;      /* ensure it stretches to full grid row height */
}

.jdm-avto-title{
  grid-column:2; grid-row:1;
  font-weight:600;
  font-size:16px;
  line-height:1.3;
  margin:0 0 4px 0;
}

.jdm-avto-meta{
  grid-column:2; grid-row:2;
  font-size:12px;
  color:#6b7280;
}