.fs2-komentari-wrapper{
  margin:40px 0;
  padding:20px;
  background:#fff;
  border-radius:14px;
  width:100%;
  box-sizing:border-box;
}
.fs2-komentari-wrapper.fs2-loading{
  min-height:340px;
}
.fs2-komentar-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  margin-bottom:20px;
}
.fs2-komentar-header h3{font-size:20px;font-weight:700;}
.fs2-komentar-header .fs2-ukupno{color:#999;font-weight:400;margin-left:6px;}
.fs2-komentar-tabs{display:flex;gap:12px;margin-top:8px;}
.fs2-komentar-tabs button{
  border:none;background:#f1f1f1;padding:6px 16px;border-radius:12px;cursor:pointer;font-weight:700;
}
.fs2-komentar-tabs button.active{background:#e63946;color:#fff;}

.fs2-skeleton-list{display:flex;flex-direction:column;gap:14px;}
.fs2-skeleton-card{
  height:118px;
  border-radius:14px;
  background:linear-gradient(90deg,#f2f2f2 25%,#f7f7f7 37%,#f2f2f2 63%);
  background-size:400% 100%;
  animation:fs2Skeleton 1.2s ease-in-out infinite;
}
@keyframes fs2Skeleton{
  0%{background-position:100% 50%;}
  100%{background-position:0 50%;}
}

.fs2-komentar-kartica{
  border-radius:14px;padding:16px;margin-bottom:14px;position:relative;transition:.2s;
}
.fs2-komentar-kartica[data-level="1"]{background:#fff;margin-left:0;}
.fs2-komentar-kartica[data-level="2"]{background:#f2f2f2;margin-left:20px;}

.fs2-badge{
  position:absolute;top:12px;right:12px;border-radius:12px;padding:2px 8px;
  font-size:12px;font-weight:700;color:#fff;z-index:10;
}
.fs2-badge-gold{background:#FFD700;}
.fs2-badge-silver{background:#C0C0C0;}
.fs2-badge-bronze{background:#CD7F32;}
.fs2-badge-black{background:#000;}

.fs2-autor{font-weight:700;margin-bottom:6px;display:flex;align-items:center;gap:10px;font-size:16px;flex-wrap:wrap;}
.fs2-vrijeme{color:#999;font-size:13px;margin-left:6px;}
.fs2-edited-label{
  color:#777;
  font-size:12px;
  font-weight:600;
  background:#f1f1f1;
  padding:2px 8px;
  border-radius:999px;
}

.fs2-tekst{line-height:1.65;margin-top:8px;font-size:16px;font-weight:400;word-break:break-word;}
.fs2-tekst p{margin:0 0 10px 0;}
.fs2-tekst p:last-child{margin-bottom:0;}

.fs2-edit-form{margin-top:10px;}
.fs2-edit-textarea{
  width:100%;
  min-height:120px;
  border-radius:12px;
  padding:12px;
  font-family:inherit;
  font-size:16px;
  line-height:1.6;
  border:1px solid #ccc;
  box-sizing:border-box;
  resize:vertical;
}
.fs2-edit-actions{
  display:flex;
  gap:10px;
  margin-top:10px;
  flex-wrap:wrap;
}
.fs2-edit-save,
.fs2-edit-cancel{
  border:none;
  border-radius:10px;
  padding:10px 14px;
  cursor:pointer;
  font-weight:700;
}
.fs2-edit-save{background:#e63946;color:#fff;}
.fs2-edit-cancel{background:#f1f1f1;color:#222;}

.fs2-meta{margin-top:10px;display:flex;gap:12px;flex-wrap:wrap;font-size:14px;align-items:center;}
.fs2-like,.fs2-dislike,.fs2-reply,.fs2-toggle,.fs2-edit{
  cursor:pointer;padding:4px 8px;border-radius:8px;background:#f1f1f1;font-weight:500;user-select:none;display:inline-flex;align-items:center;gap:6px;
}
.fs2-like.fs2-liked,
.fs2-dislike.fs2-disliked{opacity:.5;pointer-events:none;}

.fs2-replies{margin-top:12px;}
.fs2-replies.fs2-collapsed{display:none;padding-left:0;}

.fs2-respond{margin-top:10px;padding:16px;background:#fff;border-radius:14px;display:flex;flex-direction:column;}
.fs2-respond input#author, .fs2-respond textarea#comment{
  width:100%;border-radius:12px;padding:12px;font-family:inherit;font-size:16px;font-weight:500;line-height:1.6;border:1px solid #ccc;box-sizing:border-box;display:block;margin-bottom:12px;
}
.fs2-respond textarea#comment{min-height:120px;resize:vertical;}
.fs2-respond .fs2-submit{display:inline-block;text-align:center;background:#e63946;color:#fff;font-weight:700;font-size:16px;padding:12px 20px;border:none;border-radius:12px;cursor:pointer;}
.fs2-respond .fs2-close{
  align-self:flex-end;width:36px;height:36px;background:#e63946;border-radius:50%;color:#fff;font-weight:700;font-size:20px;
  display:flex;align-items:center;justify-content:center;cursor:pointer;margin-bottom:10px;
}

#fs2-open-banner{
  display:block;margin-top:12px;margin-bottom:24px;padding:20px;background:#e63946;color:#fff;font-weight:700;text-align:center;border-radius:12px;cursor:pointer;
}
#fs2-open-banner:hover{background:#c62f3b;}

@media(max-width:768px){
  .fs2-komentari-wrapper{
    padding:18px 12px;
    margin:30px -8px 0 -8px;
    border-radius:12px;
    width:auto;
  }

  .fs2-komentar-kartica{
    padding:18px;
    margin-bottom:16px;
  }

  .fs2-komentar-kartica[data-level="2"]{
    margin-left:12px;
  }

  .fs2-tekst{
    font-size:17px;
    line-height:1.75;
  }

  .fs2-autor{
    font-size:16px;
  }

  .fs2-vrijeme{
    font-size:13px;
  }

  .fs2-meta{
    font-size:15px;
    gap:10px;
  }

  .fs2-like,
  .fs2-dislike,
  .fs2-reply,
  .fs2-toggle,
  .fs2-edit{
    padding:6px 10px;
  }

  .fs2-respond input#author,
  .fs2-respond textarea#comment,
  .fs2-edit-textarea{
    font-size:17px;
  }

  .fs2-badge{
    width:10px;
    height:10px;
    padding:0;
    font-size:0;
    border-radius:50%;
  }
}