*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif}
    body{background:#0f0f1a;color:#fff}

    /* Header */
    .header{
      position:sticky;
      top:0;
      z-index:1000;
      display:flex;
      justify-content:space-between;
      align-items:center;
      padding:10px 15px;
      background:#151528;
      border-bottom:1px solid #222;
    }

    .logo{
      font-size:20px;
      font-weight:600;
      color:#ff4d6d;
    }

    .search{
      font-size:20px;
      cursor:pointer;
    }

    .container{padding-bottom:70px}
/* Banner */
    .banner{
      display:flex;
      overflow-x:auto;
      scroll-snap-type:x mandatory;
    }
    .banner img{
      width:100%;
      height:180px;
      object-fit:cover;
      border-radius:12px;
      margin:10px;
      scroll-snap-align:center;
    }

    /* Section */
    .section{padding:10px}
    .section h2{
      margin-bottom:10px;
      font-size:18px;
      color:#ff4d6d;
    }

    .card-list{
      display:flex;
      overflow-x:auto;
    }

    .card{
      min-width:110px;
      margin-right:10px;
    }

    .card img{
      width:100%;
      height:150px;
      border-radius:10px;
      object-fit:cover;
    }

    .card p{
      font-size:12px;
      margin-top:5px;
    }

    /* Footer */
    .footer{
      position:fixed;
      bottom:0;
      left:0;
      width:100%;
      height:60px;
      background:#151528;
      display:flex;
      justify-content:space-around;
      align-items:center;
      border-top:1px solid #222;
    }

    .footer div{
      text-align:center;
      font-size:12px;
      color:#aaa;
    }

    .footer div.active{
      color:#ff4d6d;
    }
    
/* Tabs */
.tab{
  text-decoration: none; /* bỏ gạch chân */
  color: #fff; /* màu chữ trắng */
}

.tab:visited{
  color: #fff; /* tránh bị đổi màu tím */
}


.tabs{
  display:flex;
  justify-content:center;
  gap:1px;
  overflow-x:auto;
  margin-bottom:10px;
}

.tabs::-webkit-scrollbar{
  display:none; /* ẩn thanh scroll cho đẹp */
}

.tabs{
  scroll-behavior:smooth;
}

.tab{
  padding:6px 12px;
  margin-right:8px;
  background:#1f1f35;
  border-radius:20px;
  font-size:12px;
  cursor:pointer;
  white-space:nowrap;
  transition:0.3s;
}

.tab.active{
  background:#ff4d6d;
  color:#fff;
}

/* đề cử */
.card-list.grid{
  display:grid;
  grid-template-columns: repeat(2, 1fr); /* 2 cột */
  gap:10px;
}

.card.horizontal img{
  width:100%;
  height:100px; /* thấp lại để thành chữ nhật ngang */
  border-radius:10px;
  object-fit:cover;
}

.card.horizontal p{
  font-size:13px;
  margin-top:5px;
}
/* Chapter*/
.card{
  position: relative;
}

.chapter-label{
  position:absolute;
  bottom:35px; /* 👈 đổi chỗ này */
  left:6px;
  background:rgba(0,0,0,0.7);
  padding:3px 8px;
  font-size:11px;
  border-radius:6px;
  color:#fff;
}


/* Nút bên */
.section-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:10px;
}

.section-header h2{
  margin:0;
  font-size:18px;
  color:#ff4d6d;
  flex:1; /* 🔥 cho h2 co lại, không chiếm full ngang */
}

.view-all{
  font-size:13px;
  color:#aaa;
  text-decoration:none;
  white-space:nowrap; /* 🔥 không bị xuống dòng */
}

.view-all:hover{
  color:#ff4d6d;
}
.section-header{
  display:flex !important;
}