body{
  margin:0;
  font-family:sans-serif;
  background:#061a2b;
  color:white;
}

.top-bar{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
  padding:10px;
  background:#0a2238;
  position:sticky;
  top:0;z-index:1000;
}

.back-btn{
  color:white;
  text-decoration:none;
  background:#0d3b66;
  padding:8px 15px;
  border-radius:6px;
  transition:0.3s;
}

.back-btn:hover{
  background:#134074;
}

#searchInput{
  padding:8px;
  width:50%;
  background:#082032;
  border:none;
  color:white;
  border-radius:6px;
  margin:5px 0;
}

.category-filter{
  display:flex;
  gap:5px;
  margin:5px 0;
}

.cat-btn{
  padding:5px 10px;
  border:none;
  border-radius:6px;
  background:#0d3b66;
  color:white;
  cursor:pointer;
  transition:0.3s;
}

.cat-btn:hover{
  background:#134074;
}

.total-count{
  color:#bbb;
  font-size:14px;
  margin-left:10px;
}

.banner{
  position:relative;
}

.banner-img{
  width:100%;
  aspect-ratio:16/3;   /* 1600x300 এর অনুপাত */
  object-fit:cover;
  border-radius:0 0 10px 10px;
}

.banner-text{position:absolute;bottom:10px;left:20px;font-size:28px;font-weight:bold;}
.book-container{padding:15px;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:15px;}
.book-card{perspective:1000px;}
.card-inner{background:rgba(10,34,56,0.85);backdrop-filter:blur(8px);border-radius:10px;overflow:hidden;transition:transform 0.6s;transform-style:preserve-3d;}
.book-card:hover .card-inner{transform:rotateY(5deg) scale(1.03);box-shadow:0 0 15px #0d3b66;}
.book-img{
  width:100%;
  aspect-ratio:16/9;   /* 1250x720 এর অনুপাত */
  object-fit:cover;
}
.book-details{padding:10px;}
.book-name{margin:0;font-size:18px;font-weight:bold;}
.book-info span{display:block;font-size:14px;color:#bbb;margin-top:3px;}
.book-meta{display:flex;justify-content:space-between;align-items:center;margin-top:5px;}
.book-rating{color:#ffdd00;}
.book-badge{background:#0d3b66;padding:3px 7px;border-radius:5px;font-size:12px;}
.book-description.full{display:none;}
.more-btn{margin-top:8px;background:#0d3b66;border:none;color:white;padding:6px 12px;border-radius:5px;cursor:pointer;transition:0.3s;}
.more-btn:hover{background:#134074;}
#topBtn{position:fixed;bottom:20px;right:20px;background:#0d3b66;border:none;color:white;padding:12px;border-radius:50%;display:none;cursor:pointer;transition:0.3s;}
#topBtn:hover{background:#134074;}
.highlight{background:yellow;color:black;}
@media(max-width:600px){.top-bar{flex-direction:column;align-items:flex-start;}#searchInput{width:100%;}}

.highlight{
background:yellow;
color:black;
}