.tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.tag{
  padding:6px 12px;
  background:#1f1f35;
  border-radius:20px;
  font-size:12px;
  cursor:pointer;
  transition:0.3s;
}

.tag.active{
  background:#ff4d6d;
}

.tag:hover{
  background:#ff4d6d;
}
.tags{
  display:grid;
  grid-template-columns: repeat(4, 1fr); /* 4 tag mỗi hàng */
  gap:8px;
}

.tag{
  text-align:center;
  padding:8px 0;
  background:#1f1f35;
  border-radius:20px;
  font-size:12px;
  cursor:pointer;
  transition:0.3s;
}

.tags-wrapper{
  background:#151528;
  margin:10px;
  padding:12px;
  border-radius:14px;
  border:1px solid #222;
  overflow:hidden; /* FIX TRÀN */
}

/* header trong khung */
.tags-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:10px;
}

.tags-title{
  font-size:14px;
  font-weight:600;
  color:#ff4d6d;
}

.counter{
  font-size:12px;
  color:#aaa;
}

/* tags không tràn */
.tags{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:8px;
}


.card-list.grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:10px; /* 🔥 giảm từ 12px xuống */
  padding:0 6px;
}

.card{
  margin:0;
  padding:0;
}



.card.horizontal{
  padding:0;
  background:transparent;
  border-radius:12px;
  overflow:hidden;
}

/* BÌA DỌC THẬT */
.card.horizontal img{
  width:100%;
  height:140px;   /* 🔥 cố định chiều cao để giống poster */
  object-fit:cover;
  border-radius:12px;
  display:block;
}

/* tăng cảm giác “poster truyện” */
.card.horizontal{
  background:#1a1a2d;
  padding:6px;
  border-radius:12px;
}
/* tránh tràn ngang */

.card{
  background:transparent !important;
  padding:0 !important;
  border:none !important;
  box-shadow:none !important;
}

.counter{
  margin-top:10px;
  text-align:right;        /* 👈 nằm góc phải */
  font-size:12px;
  color:#aaa;
}

.counter .count{
  font-family: Arial Black, Arial, sans-serif !important;
  font-weight: 900 !important;
  color: #ff4d6d !important;
  font-size: 16px !important;
}
.counter .count{
  font-family: system-ui, sans-serif;
  font-weight: 900;
  color:#ff4d6d;
  font-size:16px;
}