/* Genel */
* { margin:0; padding:0; box-sizing:border-box; font-family: 'Inter', sans-serif; }
body { background:#121212; color:#fff; }
a { text-decoration:none; color:#1E90FF; }

/* Header */
header {
    display:flex; justify-content:space-between; align-items:center;
    padding:20px 40px; background:#1e1e1e; box-shadow:0 2px 10px rgba(0,0,0,0.5);
    position: sticky; top:0; z-index:100;
}
header .logo { font-size:24px; font-weight:700; color:#00ffff; letter-spacing:1px; }
header nav a { margin-left:20px; transition: 0.3s; }
header nav a:hover { color:#ff69b4; }

/* Header Tools */
.header-tools { display:flex; justify-content:space-between; align-items:center; padding:10px 40px; margin-top:10px; }
.sort-container select { padding:5px 10px; border-radius:6px; border:none; background:#222; color:#fff; }
.search-container input { padding:5px 10px; border-radius:6px; border:none; width:200px; background:#222; color:#fff; }

/* Book Grid */
.book-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(200px,1fr)); gap:20px; padding:20px 40px; }

/* Book Card */
.book-card {
    background:rgba(255,255,255,0.05); backdrop-filter:blur(10px);
    border-radius:15px; overflow:hidden; transition:0.3s;
    display:flex; flex-direction:column; align-items:center; text-align:center; padding-bottom:20px;
}
.book-card:hover { transform:translateY(-5px); box-shadow:0 10px 30px rgba(0,255,255,0.2); }
.book-card h3 { margin:15px 0 10px 0; font-size:18px; }
.book-card p { font-size:14px; padding:0 10px; color:#ccc; }

/* Cover */
.cover { position:relative; width:100%; height:300px; overflow:hidden; cursor:pointer; }
.cover img { width:100%; height:100%; object-fit:cover; transition:0.3s; }
.cover:hover img { transform:scale(1.05); }
.cover .overlay {
    position:absolute; top:0; left:0; width:100%; height:100%;
    background:rgba(0,0,0,0.4); display:flex; justify-content:center; align-items:center; opacity:0; transition:0.3s;
}
.cover:hover .overlay { opacity:1; }
.btn-read {
    padding:10px 20px; background:#00ffff; color:#000; border:none; border-radius:50px;
    font-weight:600; transition:0.3s; cursor:pointer;
}
.btn-read:hover { background:#ff69b4; color:#fff; }

/* Favori Buton */
.btn-fav { background:none; border:none; font-size:20px; cursor:pointer; margin-top:10px; transition: transform 0.3s; color:#ff4d4d; }
.btn-fav.favorited { transform:scale(1.3); color:#ff69b4; }

/* Modal */
#previewModal { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); align-items:center; justify-content:center; z-index:2000; }
#previewContent { background:#222; padding:20px; border-radius:12px; max-width:500px; width:90%; max-height:80%; overflow:auto; color:#fff; }
#closeModal { position:absolute; top:15px; right:20px; background:none; border:none; font-size:1.5rem; cursor:pointer; color:#fff; }
.read-more { color:#00ffff; font-weight:600; cursor:pointer; text-decoration:underline; }