.related-wrap{
  max-width:1100px;
  margin:2rem auto;
}
.related-title{
  font-size:1.4rem;
  font-weight:700;
  margin-bottom:1rem;
  border-left:5px solid #795548;
  padding-left:.6rem;
}
.related-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:1.2rem;
}
.related-card{
  background:#fff;
  border-radius:12px;
  border:1px solid #ddd;
  overflow:hidden;
  transition:.25s;
}
.related-card:hover{
  transform:translateY(-4px);
  box-shadow:0 6px 14px rgba(0,0,0,0.15);
}
.related-card img{
  width:100%;
  height:230px;
  object-fit:contain;
  background:#eee;
}
.related-card .info{padding:.8rem 1rem;}
.related-card .name{
  font-size:.95rem;
  font-weight:600;
  margin-bottom:.3rem;
}
.related-card .cat{
  font-size:.78rem;
  color:#666;
  margin-bottom:.4rem;
}
.a-card{
  display:inline-block;
  margin-top:.4rem;
  padding:.35rem .8rem;
  background:#795548;
  color:#fff;
  text-decoration:none;
  font-size:.9rem;
  font-weight:600;
  border-radius:6px;
}
.related-card a:hover{background:#e18400;}

@media(max-width:500px){
  .related-card img{height:140px;}
}