/* =========================
   MAIN 6 (COMMENTS)
========================= */

.comments-head{
  margin:var(--block-gap) 0;
  background:rgba(29,78,216,.06);
  padding:10px 14px;
  font-weight:900;
}

.comments{margin:var(--block-gap) 0; display:flex; flex-direction:column}

.comment{
  display:flex;
  gap:12px;
  padding:16px 0;
  border-bottom:1px solid var(--line);
}
.comment:last-child{border-bottom:0}

.comment__avatar{
  width:44px;
  height:44px;
  border-radius:12px;
  object-fit:cover;
}

.comment__body{flex:1}

.comment__name{
  font-weight:900;
  color:var(--brand);
  font-size:14px;
  margin:0 0 6px;
}

.comment__text{
  margin:0 0 8px;
  font-size:14px;
  line-height:1.7;
}

.comment__actions{
  font-size:12px;
  color:var(--muted);
  display:flex;
  gap:10px;
}

.comment__actions a{
  color:var(--link);
  font-weight:900;
  text-decoration:none;
}
.comment__actions a:hover{text-decoration:underline}
.comment__actions a.is-on{color:var(--danger)}

.comment__media{
  width:min(300px,100%);
  margin-top:8px;
  border-radius:12px;
}

.comment__replies{
  margin-top:10px;
  padding-left:12px;
  border-left:2px solid var(--line);
}

.comment--reply{
  padding:12px 0 0;
  border-bottom:0;
}